/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,21): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(82,21): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(128,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(142,39): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(173,32): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(177,36): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(184,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(185,28): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(194,32): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(207,21): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(372,35): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(377,35): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(464,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(465,27): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(731,22): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(2341,32): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(2419,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(5558,22): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(10383,26): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(12912,30): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(13238,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(15757,28): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(15758,24): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(15997,21): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(16195,28): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(16213,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(16258,26): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(16799,21): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(17245,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(17649,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(18393,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(18394,28): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(18400,28): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(18403,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(18819,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(19335,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(19365,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(21709,21): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(22153,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(22589,22): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(22592,16): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(23247,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(23299,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(23307,28): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(23576,25): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(23863,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(24479,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(28263,35): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(28264,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(28395,21): run-time error CSS1039: Token not allowed after unary operator: '-navText'
(28806,32): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(28808,21): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(28815,21): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(28870,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(28937,25): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29051,28): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29198,28): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29203,32): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(29227,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(29269,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(29282,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(29321,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29355,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29399,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29420,21): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29426,21): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(29448,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29456,26): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29550,21): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(29605,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(29904,21): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(30569,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(30575,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(30754,22): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(31117,22): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(31122,26): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(31526,22): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(31578,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(31629,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(31670,17): run-time error CSS1039: Token not allowed after unary operator: '-green'
(32699,17): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(32716,28): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(32735,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(33243,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(33293,17): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(36772,14): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(36837,18): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
(36941,18): run-time error CSS1039: Token not allowed after unary operator: '-blueBg'
(38203,22): run-time error CSS1039: Token not allowed after unary operator: '-skyBlue'
 */
:root {
    --blueBg: #04335e;
    --navText: #04355d;
    --green: #88c72e;
    --skyBlue: #01a0d7;
    --yellow: #ffd220;
    --greyBorder: #c7c7c7;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    color: #111111;
}
/***** USP Start ***********/
.services {
    padding: 30px 0;
    margin-top: 15px;
}

    .services .dFlex {
        display: flex;
        align-items: normal;
        justify-content: space-between;
    }

    .services .servBox {
        padding: 1.188rem;
        width: 22%;
        text-align: center;
        position: relative;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 24px;
    }

    .services .servBox .iconImg {
        width: 100%;
        padding: 0;
        min-height: 60px;
    }

    .services .servBox .iconImg img {
        height: 55px;
    }

    .services .servBox .contentDiv {
        /* max-width: 188px;*/
        margin: 0 auto;
        padding: 15px 0;
    }

    .services .servBox h3 {
        color: var(--blueBg);
        font-size: 21px;
        font-weight: 600;
        margin: 0;
        padding: 0;
        clear: both;
        line-height: 24px;
    }

    .services .servBox p {
        color: #242424;
        font-size: 14px;
        padding-top: 5px;
        text-align-last: center;
        line-height: 18px;
    }


    .services .servBox:last-child::after {
        width: 0;
    }

/******* Exclusive Deals  home page **********/
.exclsiveDealHome {
    margin-top: 40px;
}

    .exclsiveDealHome h2 {
        font-size: 34px;
        line-height: 40px;
        color: var(--blueBg);
        text-align: center;
        font-weight: 500;
        margin: 0;
        padding-bottom: 20px;
    }

.googleDisc {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    text-align: center;
    font-weight: 400;
    max-width: 1150px;
    margin: 0 auto;
    padding-bottom: 20px;
}

    .googleDisc a {
        color: #000000;
        text-decoration: underline;
    }

.exclsiveDealHome .cardWrap {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}

    .exclsiveDealHome .cardWrap .card {
        width: 31%;
        margin-bottom: 40px;
    }

    .exclsiveDealHome .cardWrap .imageThumb img {
        width: 100%;
        height: 300px;
    }

.exclsiveDealHome .descText {
    background-color: #fff;
    padding: 15px;
    max-width: 90%;
    margin: -70px auto 0 auto;
    position: relative;
    color: var(--blueBg);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 24px;
}

    .exclsiveDealHome .descText .dstCityName {
        font-size: 26px;
        display: block;
        font-weight: 500;
        line-height: 28px;
    }

    .exclsiveDealHome .descText .dateText {
        display: inline-block;
        font-size: 14px;
        border-bottom: solid 1px var(--skyBlue);
        padding-right: 20px;
    }

    .exclsiveDealHome .descText .colB {
        display: flex;
        justify-content: space-between;
        padding-top: 15px;
        align-items: end;
    }

    .exclsiveDealHome .descText .priceText {
        font-size: 22px;
        line-height: 22px;
        font-weight: 500;
    }

        .exclsiveDealHome .descText .priceText .airName {
            font-size: 12px;
            display: block;
        }

    .exclsiveDealHome .descText .linkBtn {
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 10px;
        line-height: 16px;
        background-color: var(--skyBlue);
    }

        .exclsiveDealHome .descText .linkBtn:hover {
            background-color: var(--blueBg);
        }

.exclsiveDealHome .viewDealsBtn {
    display: block;
    margin: 10px auto 0px;
    cursor: pointer;
    color: var(--skyBlue);
    border: 2px solid var(--skyBlue);
    padding: 8px 40px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
}

    .exclsiveDealHome .viewDealsBtn:hover {
        color: #fff;
        background-color: var(--skyBlue);
    }

/********** Top Holidays Home page*************/
.hotel-destinatin {
    margin-top: 50px;
    background-color: #f6f6f6;
    padding: 40px 0 30px 0;
}

    .hotel-destinatin h2 {
        font-size: 34px;
        line-height: 40px;
        color: var(--blueBg);
        text-align: center;
        font-weight: 500;
        margin: 0;
        padding-bottom: 20px;
    }

    .hotel-destinatin .dealbox {
        margin-top: 20px;
        display: flex;
        gap: 2%;
        flex-wrap: wrap;
    }

    .hotel-destinatin form {
        width: 23%;
        cursor: pointer;
    }
/*#HotelHomePageDeals.hotel-destinatin form {
    width: 18%;
}*/

    .hotel-destinatin .box {
        position: relative;
        width: 100%;
        margin-bottom: 25px;
    }

        .hotel-destinatin .box a {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

    .hotel-destinatin .content {
        position: absolute;
        top: 45%;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 30px;
    }
/********** Footer USP Home page  *************/
.whyCustomerLove {
    text-align: center;
    padding: 50px 0;
}

    .whyCustomerLove h3 {
        color: #000;
        font-size: 20px;
        margin: 0;
        padding: 0 0 15px 0;
        line-height: 26px;
        font-weight: 500;
    }

    .whyCustomerLove p {
        font-size: 14px;
        line-height: 22px;
        color: #000000;
        font-weight: 400;
        margin: 0 auto;
        padding-bottom: 20px;
    }

.uspWhyBook {
    background: url(/Content/images/footerUSP.jpg) center top no-repeat;
    padding: 50px 0 80px 0;
}

    .uspWhyBook h3 {
        color: #000;
        font-size: 20px;
        margin: 0;
        padding: 0 0 15px 0;
        line-height: 26px;
        font-weight: 500;
    }

    .uspWhyBook ul {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        max-width: 750px;
    }

        .uspWhyBook ul li {
            font-size: 15px;
            line-height: 22px;
            color: #000000;
            font-weight: 400;
            margin: 0 auto 0 17px;
            list-style: disc;
            padding: 0 0 12px 0;
            width: 50%;
            max-width: 351px;
        }

.termcndintionFootertxt {
    padding-top: 10px;
    clear: both;
}



    .termcndintionFootertxt p,
    .holiday-disclaimer-price p {
        font-weight: 500;
        font-size: 11px;
    }

        .holiday-disclaimer-price p a,
        .policies-text a {
            text-decoration: underline !important;
            cursor: pointer;
            color: #1136bf !important;
            font-size: 11px;
        }

.website-operated a {
    text-decoration: underline !important;
}

.website-operated {
    width: 100%;
    font-size: 11px;
    padding-top: 14px;
    font-weight: 500;
}

    .website-operated a {
        color: #01a0d7;
    }

.footerWhitesec {
    margin-top: 10px;
    color: #333;
}

.termcndintionFootertxt p a {
    color: #01a0d7;
    text-decoration: underline !important;
}

.website-operated a:hover {
    color: #39bff5
}
/****** Footer CSS *****/
footer {
    clear: both;
}

.twoColWrap {
    background-color: #fff;
    padding: 2rem;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 0.013rem;
    color: #000;
    line-height: 1.5rem;
    border-radius: 15px;
    border: solid 1px #cbcbcb;
    border-bottom: solid 7px var(--skyBlue);
    margin-top: 40px;
}

.footerLogo {
    border-bottom: solid 1px var(--skyBlue);
    padding-bottom: 25px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .footerLogo img {
        max-width: 150px;
    }

    .footerLogo .social a {
        margin: 0 2px;
    }

.navFooter {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

    .navFooter .colDiv {
        width: 20%;
    }
    .navFooter .firstcolDiv{
        width:30%!important;
    }

    .navFooter .colDiv h4 {
        font-size: 16px;
        color: #000;
        line-height: 26px;
        margin: 0;
    }

.footerdeatilsareaBox {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding-right: 15px;
}
    .footerdeatilsareaBox p a{
        color:#000;
        text-decoration:underline;
    }

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

            .navFooter .colDiv ul li {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .navFooter .colDiv ul li a {
                    color: #000;
                }

.footerBottom .copyright {
    font-size: 11px;
}

.footer-visalogo {
    margin: 5px 0 110px 0;
    position: relative;
}

    .footer-visalogo img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    } 


/****** Lisitng page modify Search*******/
.search-heading .alignBox {
    text-align: right;
    padding-top: 15px;
}
.search-heading .modify-box {
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    color: var(--blueBg);
    border:solid 2px var(--blueBg);
    border-radius:5px;
    float: none;
    display: inline-block;
    margin: 0;
    width: 200px;
}
.listingPage .list-wrapper {
    margin-top: 0;
}
.listingPage .containerHolder {
    margin-top:30px;
}
.search-box.search-index-page.listingPageSearch {
    height: auto;
    padding-bottom: 0;
    margin-top: 12px;
}
    .search-box.search-index-page.listingPageSearch .container {
        box-shadow: 0px 4px 10px 2px #b1b1b18f;
    }
/****** End Lisitng page modify Search*******/
.alert .alert-icon.border,
.cws-icon,
ol,
ul {
    box-sizing: border-box
}

.inner-nav ul li > a,
ol,
ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.inner-nav ul li > a,
.inner-nav:not(.mobile_nav) > ul > li:hover,
.inner-nav > ul > li > a.active,
a,
a:focus,
a:hover,
ins,
ins.alt-4 {
    text-decoration: none
}

.pricebreak,
footer.footer .widget-tags-wrap .tag:hover {
    text-decoration: underline
}

.woocommerce table,
table.table {
    border-collapse: inherit;
    border-spacing: 0
}

.close-button-of div,
a,
b,
div,
li,
ul {
    -webkit-tap-highlight-color: transparent
}



input,
ins,
textarea {
    font-style: normal
}

.carousel-hover,
.cws-button.gray.disable,
.hover-effect-2 {
    pointer-events: none
}

.mobile_nav ul,
.mobile_nav > ul,
.reviews-total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

body,
html {
    overflow-x: hidden;
    color: #b5b5b5;
    line-height: 1.75;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .2px
}

a,
a:focus,
a:hover,
footer a img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.mn-has-multi,
p a {
    white-space: nowrap
}

ins,
p a {
    color: #fff
}

.shop-group #list-or-grid,
.shop-group .shop-data {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2
}

.font-bold {
    font-weight: 600
}

.font-medium {
    font-weight: 400
}

header .stick-fixed {
    position: absolute !important;
    top: 0;
    left: 0
}

header,
ul li {
    position: relative
}

.clearlist,
.clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: 0 0
}

html.fancybox-lock {
    overflow: hidden
}

.content-body {
    background: #fff
}

iframe {
    border: none
}

a,
a:focus,
a:hover {
    color: inherit;
    transition: all .3s
}

a,
b,
div,
li,
ul {
    -moz-outline: none
}

form {
    margin: 0
}

a:active,
a:focus {
    -moz-outline: none;
    outline: 0
}

embed,
img,
object,
video {
    max-width: 100%;
    height: auto
}

hr {
    border-style: solid;
    border-color: #ffc107;
    border-top: 0
}

    hr.style-2 {
        border-style: solid;
        border-width: 2px 0 0;
        margin: 0
    }

input,
textarea {
    -webkit-appearance: none !important
}

    button:focus,
    input:focus,
    textarea:focus {
        outline: 0
    }

    input[type=number] {
        text-align: center;
        border: 1px solid #e6e6e6;
        width: 40px;
        line-height: 38px;
        height: 40px;
        color: #424d58;
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        -ms-appearance: textfield;
        appearance: textfield
    }

        input[type=number]:focus {
            border-color: #ffc107
        }

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

    input[type=checkbox],
    select {
        -webkit-appearance: none;
        -moz-appearance: none
    }

header {
    z-index: 99;
    height: 79px !important;
    margin: auto;
    width: 100%;
    top: 0;
}


.submitbtnHolder button {
    background: var(--blueBg) !important;
    color: #fff !important;
}

header.header-stiker .nav-logo-wrap {
    top: 2px
}

p a:hover {
    color: #404040
}

ins.alt-1 {
    color: #b5b5b5;
    font-style: italic
}

ins.alt-2 {
    color: #fff;
    font-style: normal;
    background: #ffc107
}

ins.alt-3 {
    color: #ffc107;
    font-style: normal;
    border-bottom: 1px solid #ffc107
}

ins.alt-4,
ins.alt-5 {
    color: #424d58;
    font-style: normal
}

ins.alt-5 {
    border-bottom: 1px solid #424d58;
    font-weight: 600
}

.color-g2,
.color-white {
    color: #fff
}

.fs-14,
.fs-14 p {
    font-size: 14px
}

.align-right {
    text-align: right
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.float-left {
    float: left
}

.float-right,
.inner-nav {
    float: right
}

.line-h-2 {
    line-height: 2
}

.ml-20 {
    margin-left: 20px
}

.ml-minus-20 {
    margin-left: -20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #404040;
    font-weight: 700
}

h1 {
    font-size: 43px
}

h2 {
    font-size: 37px
}

h3 {
    font-size: 31px
}

h4 {
    font-size: 26px
}

h5 {
    font-size: 20px
}

ol,
ul {
    padding: 0;
    line-height: 28px;
    list-style: none;
    margin: 0 0 10px;
    font-size: 14px
}

.table-responsive,
li > ul {
    margin-bottom: 0
}

ol {
    list-style-type: decimal-leading-zero;
    list-style-position: inside
}

select {
    -ms-appearance: none;
    appearance: none !important
}

ul li {
    padding-left: 15px;
    margin-left: 10px;
    color: #b5b5b5
}

ul.style-1 li,
ul.style-2 li {
    margin-left: 0
}

ul.inline li {
    display: inline-block;
    margin-right: 50px
}

.title-section,
.title-section-top {
    text-transform: capitalize;
    margin: 0
}

.showonmobile {
    display: none
}

.showondesktop {
    display: block
}

.pagination li:before,
ul.icon-style li:before {
    display: none
}

ul.style-1 li:before {
    position: absolute;
    left: 0;
    top: 11px;
    content: "";
    width: 6px;
    height: 6px;
    border: 1px solid #ffc107;
    background: #ffc107;
    line-height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

blockquote:before,
ul.style-2 li:before {
    content: "\f117"
}

ul.style-2 li:before,
ul.style-3 li:before {
    border: 0;
    position: absolute;
    z-index: 1;
    left: 0
}

ul.style-2 li:before {
    font-family: Flaticon;
    color: #ffc107;
    font-size: 8px
}

ul.style-3 li:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #a9b5c1;
    font-size: 12px
}

ul.style-4 li:before {
    content: "\f103";
    font-size: 8px;
    line-height: 5px;
    font-family: Flaticon;
    font-style: normal;
    color: #404040;
    background-color: transparent;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

ul.icon li i,
ul.icon-style li .list-icon {
    position: absolute;
    z-index: 1;
    color: #ffc107
}

ul.icon li i {
    left: -8px
}

ul.color-2 li:before {
    border-color: #f9b91e
}

ul.icon-style li {
    padding-left: 20px
}

    ul.icon-style li .list-icon {
        left: 0
    }

.pagination li {
    padding-left: 0;
    margin-left: 0
}

.bg-blue-40:before,
.bg-gray-40:before,
.bg-gray-60:before,
.bg-main-40:before,
.bg-white-80:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

address {
    line-height: inherit
}

.page {
    padding-top: 120px;
    padding-bottom: 120px
}

h2 span,
h3 span {
    font-weight: 600
}

.text-w-light {
    font-weight: 300 !important
}

.page-section {
    padding: 40px 0
}

.small-section {
    padding: 60px 0
}

.bg-gray {
    background: #fafafa
}

.bg-gray-2 {
    background: #f5f5f5
}

.bg-gray-3 {
    background: #f0f4f7
}

.bg-gray-dark {
    background: #333
}

.bg-dark {
    background: #1c1c1c
}

.bg-main {
    background: #ff8d06
}

.bg-main-40:before {
    opacity: .4;
    background-color: #ffc107
}

.bg-gray-40:before {
    opacity: .7;
    background-color: #000
}

.bg-gray-60:before {
    opacity: .6;
    background-color: #424d58
}

.bg-blue-40:before {
    opacity: .4;
    background-color: #16344f
}

.bg-white-80:before {
    opacity: .8;
    background-color: #fff
}

.p-30-40 {
    padding: 30px 40px
}

.pattern:before {
    top: 0;
    left: 0
}

.pattern:after {
    display: none;
    top: -82px;
    left: 303px;
    transform: rotate(-53deg);
    height: 109px
}

.p-relative,
.radio label,
.relative {
    position: relative
}

.bg-2,
.bg-n-rep {
    background-repeat: no-repeat
}

.bg-x-50 {
    background-position: 50%
}

.bg-2 {
    /*background-image: url(/Content/Content/images/bg-1.jpg);*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 0 50%
}

.bt-gray {
    border-top: 1px solid #d9d9d9
}

.bb-gray {
    border-bottom: 1px solid #d9d9d9
}

.title-section-top {
    font-size: 15px;
    color: #ff8d06;
    font-weight: 700
}

    .title-section-top.gray,
    .title-section.alt,
    .title-section.alt span,
    .title-section.alt-2,
    .title-section.alt-2 span,
    header .main-nav.transparent .inner-nav:not(.mobile_nav) > ul > li > a:not(.cws-button),
    header .main-nav.transparent .logo {
        color: #fff
    }

    .title-section-top.alt {
        font-size: 42px;
        color: #fff
    }

.title-section {
    line-height: 1.3;
    font-weight: 400
}

    .title-section.alt-3 span {
        color: #a9b5c1;
        font-weight: 400
    }

    .title-section.gray,
    header .main-nav.transparent.bg-80 .inner-nav:not(.mobile_nav) ul li a:not(.cws-button) {
        color: #424d58
    }

        .title-section.gray span {
            color: #ffc107
        }

    .title-section.font-bold {
        font-weight: 600
    }

.title-icon {
    color: #f0f4f7;
    font-size: 130px;
    text-align: right;
    line-height: 1;
    margin-right: 10px;
    display: block
}

.cws_divider_wrapper.align-center,
.radio label {
    text-align: center
}

.title-icon.alt {
    color: #abb4ad
}

.text-white,
ul.mn-has-multi li li a:hover,
ul.mn-has-multi li li a:hover:before,
ul.mn-has-multi.ligridview li a:hover,
ul.mn-has-multi.ligridview li a:hover:before {
    color: #fff !important
}

.filter-grayscale {
    opacity: .4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

    .filter-grayscale:hover {
        opacity: 1;
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

.flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.flex-item-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.pl-55 {
    padding-left: 55px
}

.p-relative {
    z-index: 101
}

.img-float-left {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 350px
}

    .img-float-left.alt-2 {
        float: left;
        margin-right: 30px
    }

.overflow-h > .divider,
.overflow-h > ul {
    overflow: hidden
}

.tx-small {
    font-size: 14px
}

.font-s-0 {
    font-size: 0
}


.btnsSelf {
    text-align: center;
}

.contact-form.selfpayment input {
    color: #000 !important
}

.expire span.exp-month label.error {
    width: 127px !important;
    float: left;
    left: auto;
    right: auto !important;
    line-height: normal !important;
    top: 38px;
}

.clm3 .leftSelect {
    width: 32.5%;
}

.form-group.form-group-lg.clm3 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.clm3 input {
    margin-top: 0 !important;
    border: 1px solid #ccc !important;
}

.clm3 select {
    color: #000 !important
}

.clm3 input.error {
    border: 1px solid #ff0000 !important;
}

#formWorldpay input.cvvtag {
    background-image: url(/Content/images/paymentLogo.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 80px;
}


@media (max-width:991px) {
    .flex-box {
        display: block
    }

    .mt-minus {
        margin-top: -40px !important
    }
}

.p-side {
    padding: 0 14px
}

input#radio,
input#radio1,
input#radio2 {
    visibility: hidden
}

.checkbox {
    vertical-align: super;
    margin: 0
}

    .checkbox input[type=checkbox] {
        margin: 1px 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        top: 30%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .checkbox label {
        color: #333;
        font-size: 14px;
        font-weight: 500
    }

input[type=checkbox] + label a {
    color: #ff8d06
}

.paymentBox .col-md-8 > div {
    color: #333;
    font-size: 13px
}

.about-intro h4 {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 16px
}

.about-intro li,
.about-intro p {
    color: #333;
    font-size: 14px
}

.infoTxt {
    list-style-type: disc;
}

    .infoTxt li {
        padding-left: 0;
        margin-left: 17px;
    }

.infoTable {
    width: 100%;
}

    .infoTable td, .infoTable th {
        padding: 10px;
    }

.features-info-bot h4 span.font-4 {
    display: none !important
}

footer.footer .social-link {
    display: none
}

.radio {
    display: inline-block;
    margin: 3px 0;
    padding-right: 8px
}

    .radio label {
        cursor: pointer;
        width: 20px;
        height: 20px;
        border: 1px solid #e6e6e6;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        vertical-align: sub;
        padding: 0
    }

        .radio input[type=radio]:checked + label,
        .radio label:hover,
        .radio.radio1 label {
            border-color: #ffc107
        }

        .radio label:before {
            display: block;
            content: ' ';
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
            -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
            width: 10px;
            height: 10px;
            background-color: #ffc107;
            opacity: 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

    .radio input[type=radio]:checked + label:before {
        opacity: 1
    }

@media (max-width:991px) {
    .half-section {
        margin-left: auto;
        margin-right: auto;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

        .half-section.pl-55 {
            padding: 15px
        }
}

@media (min-width:768px) {
    .flex-box-sm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .cws-multi-col .col-md-3:nth-child(4n+5),
    .cws-multi-col .col-md-4:nth-child(3n+4) {
        clear: none
    }

    .cws-multi-col .col-sm-6:nth-child(2n+3) {
        clear: left
    }

    .half-section {
        width: 750px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:992px) {
    .cws-multi-col .col-sm-6:nth-child(2n+3) {
        clear: none
    }

    .cws-multi-col .col-md-3:nth-child(4n+5),
    .cws-multi-col .col-md-4:nth-child(3n+4) {
        clear: left
    }

    .half-section.left {
        float: right
    }

    .half-section {
        width: 485px
    }
}

@media (min-width:1200px) {
    .half-section {
        width: 585px
    }
}

@media (min-width:1240px) {
    .container {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .half-section {
        width: 600px
    }
}

.cws_divider_wrapper {
    margin: 0;
    line-height: 0
}

    .cws_divider_wrapper.align-left {
        text-align: left
    }

    .cws_divider_wrapper.align-right {
        text-align: right
    }

.cws_divider.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cws_divider,
hr {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    border-bottom: 2px solid #ffc107
}

    .cws_divider.short,
    hr.short {
        width: 70px
    }

.divider-slash {
    margin-left: 40px;
    display: inline-block;
    border-left: 2px solid #ffc107;
    width: 3px;
    height: 50px;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg)
}

.nav-logo-wrap {
    float: left;
    margin-right: 20px;
    z-index: 1;
    margin-top: 0 !important
}

    .nav-logo-wrap .logo {
        display: block;
        vertical-align: middle;
        -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
        -moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
        -o-transition: all .27s cubic-bezier(0, 0, .58, 1);
        transition: all .27s cubic-bezier(0, 0, .58, 1)
    }

.callusbtn svg {
    top: -9px !important
}

.main-nav,
.main-nav.js-transparent {
    -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
    -moz-transition: all .27s cubic-bezier(0, 0, .58, 1)
}

.small-height .nav-logo-wrap .logo img:not(.sticky-logo) {
    display: none
}

.small-height .nav-logo-wrap .logo img.sticky-logo {
    display: inline-block;
    opacity: 1
}

.nav-logo-wrap .logo img {
    max-height: 100%;
    display: inline-block;
    margin: 0 auto;
    /*width: 112px;*/
}

.nav-logo-wrap .logo:after,
.nav-logo-wrap .logo:before,
.sticky-container img.logo-white,
header .main-nav.transparent img:not(.logo-white) {
    display: none
}

.main-nav {
    width: 800px;
    left: 0;
    margin: auto;
    text-align: left;
    top: -51px;
    height: 41px;
    z-index: 100;
    position: relative
}

    .main-nav.js-transparent {
        -o-transition: all .27s cubic-bezier(0, 0, .58, 1);
        transition: all .27s cubic-bezier(0, 0, .58, 1)
    }

header .main-nav.transparent {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent)) repeat-x;
    background: -webkit-linear-gradient(rgba(0, 0, 0, .5), transparent) repeat-x;
    background: -moz-linear-gradient(rgba(0, 0, 0, .5), transparent) repeat-x;
    background: -o-linear-gradient(rgba(0, 0, 0, .5), transparent) repeat-x;
    background: linear-gradient(rgba(0, 0, 0, .5), transparent) repeat-x
}

    header .main-nav.transparent.bg-80 {
        background: rgba(255, 255, 255, .8)
    }

header .transparent .inner-nav > ul > li > a.active,
header .transparent .inner-nav > ul > li > a:hover {
    color: #ffc107 !important
}

.sticky-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .27s cubic-bezier(0, 0, .58, 1);
    -moz-transition: .27s cubic-bezier(0, 0, .58, 1);
    -o-transition: .27s cubic-bezier(0, 0, .58, 1);
    transition: .27s cubic-bezier(0, 0, .58, 1)
}

ul.mn-has-multi li li:hover,
ul.mn-has-multi.ligridview li:hover {
    background: #ff6000
}

ul.mn-has-multi,
ul.mn-has-multi.ligridview {
    box-shadow: 1px 5px 30px #333
}

.inner-nav,
.inner-nav ul li,
.inner-nav.mobile_nav {
    position: relative
}

    .inner-nav ul li#menu-item-1 {
        display: none;
    }

.sticky-container.sticky-on .inner-nav.desktop-nav > ul > span {
    line-height: 80px
}

.sticky-container.sticky-on {
    /*opacity: 1;*/
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

    .sticky-container.sticky-on .inner-nav.desktop-nav > ul > li > a {
        height: 50px !important;
        line-height: 50px !important
    }

.inner-nav {
    display: inline-block
}

    .inner-nav ul {
        margin: auto;
        font-weight: 400;
        text-align: center;
        line-height: 1.3;
        font-size: 16px;
        width: 96%;
        padding-left: 0;
        float: right;
        right: 0;
        top: 12px
    }

    .inner-nav.desktop-nav {
        position: absolute;
        top: 10px
    }

    .inner-nav ul li {
        float: left;
        margin: 0 4px 0 0
    }

ul.mn-has-multi li li {
    padding: 0;
    display: block
}

ul.mn-has-multi.ligridview li li {
    padding: 4px;
    display: block
}

ul.mn-has-multi.ligridview li a {
    padding: 5px 10px !important;
    display: block
}

.inner-nav ul li:before {
    display: none
}

.inner-nav ul li.menu-shop-card {
    margin-left: 40px;
    padding-right: 15px
}

    .inner-nav ul li.menu-shop-card i {
        position: relative;
        z-index: 1
    }

        .inner-nav ul li.menu-shop-card i span {
            position: absolute;
            line-height: 16px;
            top: -8px;
            right: -7px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            font-size: 10px;
            width: 16px;
            height: 16px;
            display: inline-block;
            background: #f9b91e;
            color: #fff
        }

.inner-nav > ul > li.slash {
    float: left;
    display: none;
    line-height: 80px;
    color: #ff8d06
}

.inner-nav.mobile_nav > ul > li.slash {
    display: none
}

.inner-nav ul li > a {
    font-size: 16px;
    font-weight: 600;
    color: #075079;
    display: inline-block;
    box-sizing: border-box;
    -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
    -moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, 0, .58, 1);
    transition: all .27s cubic-bezier(0, 0, .58, 1)
}

.mobile_nav .magic-line-main .magic-line-main-li,
.mobile_nav .menu-contacts {
    display: none
}

.inner-nav > ul > li > a {
    padding: 0 16px;
    font-weight: 500
}

.mobile_nav.inner-nav > ul > li > a {
    text-transform: none
}

.search-index-page .calenderMaindiv {
    width: 32% !important;
    margin-left: -10px
}

.inner-nav.mobile_nav > ul > li > a.active {
    color: #9c2c0b !important
}

.datepickerholder {
    width: 50%;
    float: left;
    position: relative;
}


.calIcon {
    position: absolute;
    left: 10px;
    top: 21px;
}

    .calIcon i {
        color: #03548c;
        font-size: 18px
    }

.magic-line-main .magic-line-main-li {
    display: none;
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 100px;
    height: 2px;
    background: #ff8d06;
    float: none;
    padding: 0;
    margin-left: 10px;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s
}

.main-nav li.search .search-sub,
.menu-contacts {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.magic-line-main li.search:hover + .magic-line-main-li {
    background: #fff
}

.magic-line-main {
    right: -15px !important
}

.menu-contacts {
    position: absolute;
    top: 50%;
    width: 150%;
    -webkit-transform: translate3d(-200px, -50%, 0);
    -moz-transform: translate3d(-200px, -50%, 0);
    transform: translate3d(-200px, -50%, 0);
    transition: all .3s;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

    .menu-contacts .menu-contacts-item {
        float: left;
        white-space: nowrap;
        line-height: 1.3;
        padding-right: 30px;
        padding-left: 20px;
        border-right: 1px solid #E6e6e6
    }

        .menu-contacts .menu-contacts-item:first-child {
            padding-left: 0
        }

        .menu-contacts .menu-contacts-item:last-child {
            padding-right: 0;
            border-right: 0
        }

        .menu-contacts .menu-contacts-item .cws-icon {
            float: left;
            font-size: 30px;
            color: #ffc107
        }

        .menu-contacts .menu-contacts-item p {
            font-size: 18px;
            color: #404040;
            padding-left: 50px
        }

            .menu-contacts .menu-contacts-item p:last-child {
                color: #b5b5b5;
                font-size: 15px
            }

.selectpicker,
select option {
    font-size: 12px
}

.white-color .menu-contacts .menu-contacts-item p {
    color: #fff
}

    .white-color .menu-contacts .menu-contacts-item p:last-child {
        color: #b5b5b5
    }

.white-color.small-height .menu-contacts .menu-contacts-item p {
    color: #404040
}

    .white-color.small-height .menu-contacts .menu-contacts-item p:last-child {
        color: #b5b5b5
    }

.items-visible .menu-contacts {
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    z-index: -1
}

.main-nav li.search,
.main-nav li.search1 {
    margin: 0;
    position: relative;
    float: right
}

    .main-nav li.search,
    .main-nav li.search1 a span.callusbtn {
        color: #fff;
        padding: 8px 14px;
        cursor: pointer;
        background: #03548c;
        border: 1px solid #ff6000;
        border-width: 0 0 0 44px
    }

select option {
    padding: 5px;
    cursor: pointer;
    line-height: 20px;
    height: 20px
}

.main-nav li.search,
.main-nav li.search1 a,
.site-top-panel a {
    cursor: inherit
}

    .main-nav li.search,
    .main-nav li.search1 a span.callusbtn i {
        font-size: 17px;
        line-height: 9px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px
    }



        .main-nav li.search a,
        .main-nav li.search1 a {
            color: #fff
        }

        .main-nav li.search li,
        .main-nav li.search1 li {
            margin-left: 0;
            width: 100%;
            height: 100%;
            background: #fff
        }

            .main-nav li.search li .container,
            .main-nav li.search li .form,
            .main-nav li.search li .form-control,
            .main-nav li.search li .mn-wrap,
            .main-nav li.search li .search-field,
            .main-nav li.search li .search-wrap {
                height: 100%
            }

            .main-nav li.search li .mn-wrap,
            .main-nav li.search1 li .mn-wrap {
                vertical-align: middle;
                display: inline-block;
                width: -webkit-calc(100% - 34px);
                width: -moz-calc(100% - 34px);
                width: calc(100% - 34px)
            }

.inner-nav.mobile_nav .search-sub .close-button,
.main-nav .mobile_nav li.search:after,
.mn-sub,
header .main-nav.transparent li.search:after,
header .transparent .inner-nav:after {
    display: none
}

.main-nav li.search li .mn-wrap .search-wrap:before,
.main-nav li.search1 li .mn-wrap .search-wrap:before {
    content: ' ';
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 0;
    width: 92%;
    border-bottom: 2px solid #f0f4f7
}

.main-nav li.search .search-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffc107;
    font-size: 26px
}

.main-nav li.search .search-sub {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    transition: all .3s
}

.main-nav li.search .search-field {
    font-size: 20px;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 40px
}

.main-nav li.search .close-button {
    width: 120px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden
}

    .main-nav li.search .close-button:before {
        content: ' ';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        right: -15%;
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        transform: skew(-15deg);
        background: #45505c
    }

    .main-nav li.search .close-button span {
        color: #ffc107;
        z-index: 1;
        position: relative;
        vertical-align: middle;
        line-height: 80px;
        margin-left: 20px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px
    }

.main-nav.open-search li.search .search-sub {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.main-nav .mobile_nav li.search a {
    color: #a9b5c1
}

.sticky-container .main-nav li.search .close-button span {
    line-height: 80px
}

.main-nav li.search li .container {
    background: #fff
}

.inner-nav:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    width: 200%;
    height: 100%;
    top: 0;
    display: none
}

.inner-nav.mobile_nav .search-sub .container {
    width: 100%;
    padding: 0
}

.main-nav.v-hidden {
    visibility: hidden !important
}

    .main-nav.v-hidden .inner-nav > ul > li.search > a,
    .main-nav.v-hidden .inner-nav > ul > li:not(.search),
    .main-nav.v-hidden .menu-bar,
    .main-nav.v-hidden .nav-logo-wrap {
        -webkit-transition: opacity .6s !important;
        -moz-transition: opacity .6s !important;
        -o-transition: opacity .6s !important;
        transition: opacity .6s !important;
        opacity: 0 !important
    }

.main-nav.transparent .search li .close-button {
    color: #fff
}

    .main-nav.transparent .search li .close-button:hover {
        color: #ffc107
    }

.main-nav.transparent .search .form-control {
    background-color: transparent
}

.mn-sub {
    min-width: 250px;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 20px 0;
    background: #fff;
    border-bottom: 2px solid #3e98cc
}

.callbutton {
    width: 100%
}

.inner-nav.desktop-nav li li a:hover {
    border-bottom: none
}

.main-nav.transparent.bg-80 .inner-nav:not(.mobile_nav) ul.mn-sub li a:not(.cws-button) {
    color: #424d58
}

.main-nav.transparent .inner-nav:not(.mobile_nav) > ul.mn-sub > li > a:not(.cws-button) {
    color: #fff
}

.mn-sub li.active > a,
.mn-sub li:hover > a,
.mobile_nav li.active > a {
    color: #4093cc !important
}

.mn-sub li {
    display: block;
    width: 100%;
    margin: 0 !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .mn-sub li.active > .button_open,
    .mn-sub li:hover > .button_open {
        color: #ffc107
    }

.inner-nav.desktop-nav ul li .mn-sub li > a {
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 0 5px 25px !important;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    border-left: none;
    border-right: none;
    letter-spacing: .5px;
    cursor: pointer;
    color: #484848
}

    .inner-nav.desktop-nav ul li .mn-sub li > a:not(.mn-group-title):before {
        content: '\f105';
        font-family: FontAwesome;
        position: absolute;
        z-index: 1;
        left: 15px;
        top: 44%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #045084;
        font-size: 12px
    }

.inner-nav.mobile_nav,
.site-top-panel .search_menu_cont {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.mn-has-sub i {
    vertical-align: middle
}

.mn-sub li ul {
    left: 100%;
    right: auto;
    top: 0;
    border-left: 1px solid #e6e6e6
}

.inner-nav li .mn-sub.to-left,
.inner-nav > ul > li:last-child .mn-sub {
    left: auto;
    right: 0
}

.inner-nav li .mn-sub li ul.to-left,
.inner-nav li:last-child .mn-sub li ul {
    left: auto;
    right: 100%;
    top: -1px;
    border-right: 1px solid #e6e6e6;
    border-left: 0
}

.mobile-on .inner-nav li:last-child .mn-sub li ul {
    left: auto;
    right: auto;
    top: 0
}

.mn-wrap {
    padding: 8px
}

.inner-nav > ul > li.megamenu {
    position: relative
}

.mn-has-multi {
    padding: 15px;
    text-align: left
}

.mn-sub.mn-has-multi {
    left: 0;
    padding: 5px 0 15px;
    width: 240px;
    border-top: 5px solid var(--skyBlue);
    top: 35px
}

    .mn-sub.mn-has-multi a.mn-group-title {
        font-size: 18px !important;
        font-weight: 300;
        text-transform: uppercase !important;
        pointer-events: none;
        padding-left: 30px !important;
        margin: 10px 0 !important;
        color: #fff
    }

.mobile_nav .mn-sub.mn-has-multi a.mn-group-title {
    border-bottom: 0;
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 600;
    color: #333;
    margin: 0 !important;
    padding-left: 10px !important
}

.mn-sub.mn-has-multi .menu-img {
    margin: 20px 0
}

.mn-sub-multi {
    overflow: hidden;
    white-space: normal;
    float: none !important;
    display: inline-block !important;
    vertical-align: top
}

.mobile_nav .mn-sub-multi {
    display: table !important
}

.mn-sub-multi > ul {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
    border: 0 !important
}

.mn-group-title:hover {
    background: 0 0 !important
}

.inner-nav:not(.mobile_nav) .mn-sub.mn-has-multi li li:nth-child(2) {
    border-top: 0
}

.inner-nav:not(.mobile_nav) .mn-sub.mn-has-multi > li:not(.back) {
    border-top: 0;
    padding: 0
}

.inner-nav.mobile_nav {
    height: 80px;
    transition: all .3s
}

.main-nav.small-height .inner-nav.mobile_nav {
    height: 65px
}

.inner-nav .mobile_menu_switcher {
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50%;
    width: 54px;
    height: 54px;
    background: var(--skyBlue);
    font-size: 28px;
    line-height: 57px;
    text-align: center;
    color: #fff;
    -webkit-font-smoothing: none;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inner-nav.mobile_nav .mobile_menu_switcher {
    display: block;
    z-index: 6
}

.mobile_nav .button_open {
    width: 44px;
    text-align: center
}

    .mobile_nav .button_open:before {
        font-family: FontAwesome;
        content: "\f105";
        color: #333
    }

    .mobile_nav .button_open:after {
        content: ' ';
        height: 100%;
        width: 450%;
        position: absolute;
        left: -350%
    }

.mobile_nav .mn-sub-multi .button_open:after {
    content: ' ';
    height: 100%;
    width: 670%;
    position: absolute;
    left: -570%
}

nav .inner-nav.mobile_nav ul {
    display: none;
    position: absolute;
    z-index: 5;
    top: calc(100% + 20px);
    right: -45px !important;
    left: auto;
    background: rgba(243, 242, 242, .6);
    padding: 0;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

nav .inner-nav.mobile_nav.opened ul {
    display: block
}

.mobile_nav ul,
.mobile_nav > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-width: 200px
}

.mobile_nav .megamenu {
    position: relative
}

.mobile_nav ul li a:not(.cws-button),
.mobile_nav ul.mn-sub li a:not(.cws-button) {
    white-space: nowrap;
    display: block;
    height: inherit !important;
    line-height: inherit !important;
    padding-left: 10px;
    padding-right: 10px
}

    .mobile_nav ul li a:not(.cws-button):hover,
    .mobile_nav ul.mn-sub li a:not(.cws-button):hover {
        color: #ffc107
    }

    .mobile_nav ul li a:not(.cws-button) i,
    .mobile_nav ul.mn-sub li a:not(.cws-button) i {
        display: none
    }

.mobile_nav ul li.search a i {
    display: block;
    padding-left: 0 !important;
    border-left: 0 !important
}

.mobile_nav ul li {
    text-align: left;
    display: table;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 33px !important;
    float: none !important
}

.inner-nav.mobile_nav li > a:after {
    display: none
}

.mobile_nav ul li + li {
    border-top: 1px solid #e6e6e6
}

.mobile_nav li > .button_open,
.mobile_nav li > a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

.mobile_nav li.search1 a {
    color: #333
}

.inner-nav ul > .back,
.inner-nav ul > .header-menu {
    display: none;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500
}

.inner-nav ul > .header-menu {
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.alert .alert-icon.border,
.blog-date .date .date-cont > span,
.carousel-container .owl-item > *,
.cws-icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.inner-nav.mobile_nav ul > .back,
.inner-nav.mobile_nav ul > .header-menu {
    display: block
}

.inner-nav ul > .back a:before {
    font-size: 19px;
    font-family: FontAwesome;
    content: \f104;
    padding-right: 10px
}

.mobile_nav .mobile_menu_switcher:before {
    font-family: FontAwesome;
    font-style: normal;
    content: "\f039"
}

.mobile_nav .header-megamenu {
    background-color: transparent;
    color: inherit;
    line-height: inherit;
    font-weight: inherit
}

.callimg h2,
.tcktLeft strong {
    font-weight: 400
}

.mobile_nav li:not(.active):not(.active-li):hover {
    background: #fff
}

    .mobile_nav li:not(.active):not(.active-li):hover .button_open,
    .mobile_nav li:not(.active):not(.active-li):hover a:not(.cws-button) {
        color: inherit !important
    }

.inner-nav.desktop-nav.switch-menu .menu-bar {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    text-align: center
}

.inner-nav.switch-menu.mobile_nav .menu-bar {
    display: none
}

.inner-nav.desktop-nav.switch-menu > ul {
    display: inline-block;
    vertical-align: middle
}

.inner-nav.desktop-nav.switch-menu .menu-bar .ham {
    display: inline-block;
    width: 23px;
    height: 2px;
    position: relative;
    background: #fff;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.main-nav:not(.transparent) .inner-nav.desktop-nav.switch-menu .menu-bar .ham,
.main-nav:not(.transparent) .inner-nav.desktop-nav.switch-menu .menu-bar .ham:after,
.main-nav:not(.transparent) .inner-nav.desktop-nav.switch-menu .menu-bar .ham:before {
    background: #ffc107
}

.items-visible .menu-bar .ham {
    background-color: transparent !important
}

.menu-bar .ham:after,
.menu-bar .ham:before {
    position: absolute;
    content: ' ';
    display: inline-block;
    width: 23px;
    height: 2px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    outline: transparent solid 1px;
    left: 0;
    background: #fff
}

.site-top-panel,
.site-top-panel .top-right-wrap .dropdown {
    position: relative
}

.menu-bar .ham:before {
    top: -8px
}

.menu-bar .ham:after {
    top: 8px
}

.items-visible .menu-bar .ham:before {
    -webkit-transform: translateY(8px) rotateZ(-45deg);
    -moz-transform: translateY(8px) rotateZ(-45deg);
    -ms-transform: translateY(8px) rotateZ(-45deg);
    -o-transform: translateY(8px) rotateZ(-45deg);
    transform: translateY(8px) rotateZ(-45deg)
}

.items-visible .menu-bar .ham:after {
    -webkit-transform: translateY(-8px) rotateZ(45deg);
    -moz-transform: translateY(-8px) rotateZ(45deg);
    -ms-transform: translateY(-8px) rotateZ(45deg);
    -o-transform: translateY(-8px) rotateZ(45deg);
    transform: translateY(-8px) rotateZ(45deg)
}

.inner-nav.desktop-nav.switch-menu > ul > li {
    visibility: hidden;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0 cubic-bezier(.175, .885, .525, 1.2);
    -moz-transition: all 0 cubic-bezier(.175, .885, .525, 1.2);
    -o-transition: all 0 cubic-bezier(.175, .885, .525, 1.2);
    transition: all 0 cubic-bezier(.175, .885, .525, 1.2);
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms
}

.inner-nav.switch-menu.mobile_nav > ul > li {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible
}

.inner-nav.desktop-nav.switch-menu.items-visible > ul > li {
    visibility: visible;
    top: 0;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

    .inner-nav.desktop-nav.switch-menu.items-visible > ul > li:nth-last-child(n+1) {
        -webkit-transition-duration: 250ms;
        -moz-transition-duration: 250ms;
        -o-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-delay: 60ms;
        -moz-transition-delay: 60ms;
        -o-transition-delay: 60ms;
        transition-delay: 60ms
    }

    .inner-nav.desktop-nav.switch-menu.items-visible > ul > li:nth-last-child(n+2) {
        -webkit-transition-duration: 350ms;
        -moz-transition-duration: 350ms;
        -o-transition-duration: 350ms;
        transition-duration: 350ms;
        -webkit-transition-delay: 120ms;
        -moz-transition-delay: 120ms;
        -o-transition-delay: 120ms;
        transition-delay: 120ms
    }

    .inner-nav.desktop-nav.switch-menu.items-visible > ul > li:nth-last-child(n+3) {
        -webkit-transition-duration: 450ms;
        -moz-transition-duration: 450ms;
        -o-transition-duration: 450ms;
        transition-duration: 450ms;
        -webkit-transition-delay: 180ms;
        -moz-transition-delay: 180ms;
        -o-transition-delay: 180ms;
        transition-delay: 180ms
    }

    .inner-nav.desktop-nav.switch-menu.items-visible > ul > li:nth-last-child(n+4) {
        -webkit-transition-duration: 550ms;
        -moz-transition-duration: 550ms;
        -o-transition-duration: 550ms;
        transition-duration: 550ms;
        -webkit-transition-delay: 240ms;
        -moz-transition-delay: 240ms;
        -o-transition-delay: 240ms;
        transition-delay: 240ms
    }

    .inner-nav.desktop-nav.switch-menu.items-visible > ul > li:nth-last-child(n+5) {
        -webkit-transition-duration: 650ms;
        -moz-transition-duration: 650ms;
        -o-transition-duration: 650ms;
        transition-duration: 650ms;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .inner-nav.desktop-nav.switch-menu.items-visible > ul > li:nth-last-child(n+6) {
        -webkit-transition-duration: 750ms;
        -moz-transition-duration: 750ms;
        -o-transition-duration: 750ms;
        transition-duration: 750ms;
        -webkit-transition-delay: 360ms;
        -moz-transition-delay: 360ms;
        -o-transition-delay: 360ms;
        transition-delay: 360ms
    }

.inner-nav.desktop-nav.switch-menu > ul > li:nth-child(n+1) {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-delay: 60ms;
    -moz-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms
}

.inner-nav.desktop-nav.switch-menu > ul > li:nth-child(n+2) {
    -webkit-transition-duration: 350ms;
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms
}

.inner-nav.desktop-nav.switch-menu > ul > li:nth-child(n+3) {
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transition-delay: 180ms;
    -moz-transition-delay: 180ms;
    -o-transition-delay: 180ms;
    transition-delay: 180ms
}

.inner-nav.desktop-nav.switch-menu > ul > li:nth-child(n+4) {
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-delay: 240ms;
    -moz-transition-delay: 240ms;
    -o-transition-delay: 240ms;
    transition-delay: 240ms
}

.inner-nav.desktop-nav.switch-menu > ul > li:nth-child(n+5) {
    -webkit-transition-duration: 650ms;
    -moz-transition-duration: 650ms;
    -o-transition-duration: 650ms;
    transition-duration: 650ms;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.inner-nav.desktop-nav.switch-menu > ul > li:nth-child(n+6) {
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    transition-delay: 360ms
}

.site-top-panel .top-left-wrap {
    font-size: 13px;
    height: 32px;
    float: right
}

    .site-top-panel .top-left-wrap > * {
        display: inline-block
    }

    .site-top-panel .top-left-wrap a,
    .site-top-panel a {
        color: #3e3d3d
    }

        .site-top-panel .top-left-wrap a i {
            font-size: 20px;
            background: #ce4218;
            color: #fff;
            padding: 2px 5px 2px 7px;
            border-radius: 5px;
            margin-top: -3px;
            position: absolute;
            top: 9px;
            left: -39px
        }

.tel-top .fa-thumbs-up {
    display: none
}

.site-top-panel .top-left-wrap a:hover {
    color: #ffc107
}

    .site-top-panel .top-left-wrap a:hover span {
        color: #ffc107;
        cursor: pointer
    }

.site-top-panel .top-left-wrap a svg {
    fill: #fff;
    margin-top: 6px
}

    .site-top-panel .top-left-wrap a svg:hover,
    .site-top-panel .top-left-wrap a:hover svg {
        fill: #ffc107
    }

.site-top-panel .top-left-wrap span {
    margin: 0 11px;
    color: #383434;
    line-height: 22px;
    position: relative;
    top: 0;
    font-size: 12px;
    display: block
}

.site-top-panel .top-right-wrap {
    text-align: right;
    font-size: 13px;
    color: #939ea9
}

    .site-top-panel .top-right-wrap > :not(span) {
        display: inline-block;
        cursor: pointer
    }

    .site-top-panel .top-right-wrap .top-login a:hover {
        color: #ffc107
    }

    .site-top-panel .top-right-wrap .dropdown ul {
        margin: 0
    }

        .site-top-panel .top-right-wrap .dropdown ul ul {
            position: absolute;
            z-index: 101;
            left: -999999px;
            opacity: 0;
            display: table;
            padding: 10px 10px 10px 0;
            -webkit-transition: opacity .3s ease;
            -moz-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease;
            top: 100%;
            bottom: auto
        }

            .site-top-panel .top-right-wrap .dropdown ul ul:before {
                content: ' ';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: -1;
                background-color: #45505c
            }

        .site-top-panel .top-right-wrap .dropdown ul:hover ul {
            left: 20px;
            opacity: 1;
            -webkit-transition: opacity .3s ease;
            -moz-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease
        }

        .site-top-panel .top-right-wrap .dropdown ul li:before {
            border: 0
        }

        .site-top-panel .top-right-wrap .dropdown ul li a {
            position: relative;
            white-space: nowrap;
            color: #939ea9;
            padding-right: 15px
        }

            .site-top-panel .top-right-wrap .dropdown ul li a:hover {
                color: #ffc107
            }

        .site-top-panel .top-right-wrap .dropdown ul li li {
            padding-left: 15px
        }

    .site-top-panel .top-right-wrap .dropdown.lang-wrap ul:hover ul {
        left: 10px
    }

    .site-top-panel .top-right-wrap .dropdown.curr-wrap i {
        margin-left: 5px
    }

.site-top-panel .search_menu_cont {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    transition: all .3s
}

    .site-top-panel .search_menu_cont .form {
        height: 100%
    }

        .site-top-panel .search_menu_cont .form .search-field {
            border: 0;
            outline: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: #f5f5f5
        }

    .site-top-panel .search_menu_cont .search_back_button {
        vertical-align: middle;
        width: 30px;
        display: inline-block;
        cursor: pointer;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0
    }

.site-top-panel.open-search .search_menu_cont {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

@media (max-width:767px) {
    .showonmobile {
        display: block
    }

    .showondesktop {
        display: none
    }

    .site-top-panel .top-left-wrap,
    .site-top-panel .top-right-wrap {
        text-align: center !important;
        height: 30px
    }
}

.submitbtnHolder {
    text-align: center;
    width: 100%;
    padding: 10px 0 60px
}

.callimg {
    width: 100%;
    padding: 10px 18px 18px 10px;
    margin-top: 20px;
    display: block;
    overflow: hidden;
    position: relative;
    background: url(/Content/images/call-bg.jpg) right bottom no-repeat #fff;
    background-size: 24%;
    height: 150px
}

.table > tbody > tr > td {
    padding: 5px 8px
}

.callimg h2,
.callimg p {
    font-size: 16px;
    padding-bottom: 0;
    color: #556268
}

.callimg h2 {
    margin-top: 0;
    line-height: 24px
}

.search-tours-wrap .search-tours-content .tours-container .cars-box > div + div,
.search-tours-wrap .search-tours-content .tours-container .flights-box > div + div {
    margin-top: 15px
}

.billingFormHolder {
    float: left;
    width: 50%
}

.searchMain.relmsg {
    padding-top: 57px
}

.callimg span {
    color: #556268;
    font-size: 22px
}

.callimg a {
    color: #ff862d;
    font-size: 25px
}

.callimg .mobileLink i {
    transform: rotate(45deg);
    margin-left: 4px
}

textarea.form-control {
    height: 34px
}

.tcktLeft {
    width: 100%;
    background: #fff8cb;
    color: #333;
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px
}

    .tcktLeft span {
        font-weight: 700
    }

.callimg a br {
    display: none
}

.rightSecHolder h4.title {
    position: relative;
    z-index: 9;
    line-height: 22px;
    padding-top: 11px
}

.search-tours-form {
    position: absolute;
    z-index: 20;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.search-tours-wrap {
    background: rgba(0, 0, 0, .5);
    position: relative
}

    .search-tours-wrap .search-tours-tabs {
        overflow: hidden
    }

        .search-tours-wrap .search-tours-tabs .search-tabs-wrap {
            text-align: center;
            font-size: 0;
            overflow: hidden;
            margin-right: -20px;
            margin-left: -5px;
            position: relative;
            z-index: 2;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn {
                display: inline-block;
                color: #a9b5c1;
                font-size: 13px;
                font-weight: 700;
                text-transform: uppercase;
                padding: 15px 0;
                position: relative;
                z-index: 1;
                cursor: pointer;
                margin-right: 1px;
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -moz-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s
            }

                .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn span {
                    position: relative;
                    z-index: 1
                }

                .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn .tours-tab-icon {
                    color: #ffc107;
                    font-size: 22px;
                    position: absolute;
                    z-index: 1;
                    left: 25%;
                    top: 50%;
                    opacity: .7;
                    -webkit-transform: translate(-100%, -50%);
                    -moz-transform: translate(-100%, -50%);
                    -ms-transform: translate(-100%, -50%);
                    -o-transform: translate(-100%, -50%);
                    transform: translate(-100%, -50%)
                }

                .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn:before {
                    content: ' ';
                    position: absolute;
                    z-index: -1;
                    width: 100%;
                    height: 100%;
                    left: -7px;
                    top: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, .5);
                    -webkit-transform: skew(-16deg);
                    -moz-transform: skew(-16deg);
                    -ms-transform: skew(-16deg);
                    -o-transform: skew(-16deg);
                    transform: skew(-16deg);
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -o-transition: all .3s;
                    transition: all .3s
                }

                .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn.active {
                    color: #fff
                }

                    .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn.active:before {
                        background: 0 0
                    }

    .search-tours-wrap .search-tours-content {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        height: 0
    }

        .search-tours-wrap .search-tours-content .tours-container {
            padding: 15px
        }

            .search-tours-wrap .search-tours-content .tours-container .holidays-box .tours-calendar input[type=date],
            .search-tours-wrap .search-tours-content .tours-container .holidays-box .tours-calendar input[type=text],
            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-calendar input[type=date],
            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-calendar input[type=text] {
                padding-left: 30px
            }

            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search {
                height: 52px;
                background: #fff;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center
            }

                .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search form.form.search {
                    -webkit-box-flex: 2;
                    -webkit-flex: 2 1 auto;
                    -moz-box-flex: 2;
                    -ms-flex: 2 1 auto;
                    flex: 2 1 auto
                }

            .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search {
                height: 52px;
                background: #fff;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center
            }

                .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search form.form.search {
                    -webkit-box-flex: 2;
                    -webkit-flex: 2 1 auto;
                    -moz-box-flex: 2;
                    -ms-flex: 2 1 auto;
                    flex: 2 1 auto
                }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-search {
                padding-bottom: 15px;
                width: 100%
            }

            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search,
            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select {
                height: 52px;
                background: #fff;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center
            }

                .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search form.form.search {
                    -webkit-box-flex: 3;
                    -webkit-flex: 3 1 auto;
                    -moz-box-flex: 3;
                    -ms-flex: 3 1 auto;
                    flex: 3 1 auto
                }

                .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .button-search {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1 1 auto;
                    -moz-box-flex: 1;
                    -ms-flex: 1 1 auto;
                    flex: 1 1 auto
                }

            .search-tours-wrap .search-tours-content .tours-container .cars-box > :not(.cars-advance) {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar > span {
                width: 49%;
                padding-left: 50px;
                display: inline-block
            }

            .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar .selection-box {
                width: 49%;
                display: inline-block
            }

            .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-search {
                position: relative
            }

                .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-search .button-search {
                    position: absolute;
                    right: 0;
                    width: 18%
                }

            .search-tours-wrap .search-tours-content .tours-container .flights-box > :not(.flights-advance) {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-search {
                position: relative
            }

                .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-search .button-search {
                    position: absolute;
                    right: 0;
                    width: 18%
                }

            .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select .selection-box,
            .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select .tours-calendar {
                width: 25%
            }

                .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select .tours-calendar > span {
                    padding-left: 50px
                }

            .search-tours-wrap .search-tours-content .tours-container .cars-advance span,
            .search-tours-wrap .search-tours-content .tours-container .flights-advance span {
                color: #ffc107;
                display: block
            }

            .search-tours-wrap .search-tours-content .tours-container .cars-advance .checkbox-wrap,
            .search-tours-wrap .search-tours-content .tours-container .flights-advance .checkbox-wrap {
                display: inline-block;
                line-height: 18px;
                margin-right: 35px
            }

            .search-tours-wrap .search-tours-content .tours-container .tours-calendar {
                line-height: 50px;
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -moz-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                position: relative;
                background: #fff
            }

                .search-tours-wrap .search-tours-content .tours-container .tours-calendar > span {
                    cursor: pointer;
                    padding-left: 10px;
                    display: block
                }

                .search-tours-wrap .search-tours-content .tours-container .tours-calendar input[type=date],
                .search-tours-wrap .search-tours-content .tours-container .tours-calendar input[type=text] {
                    border-color: transparent;
                    height: 52px;
                    padding-left: 48px;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    max-width: 175px
                }

                .search-tours-wrap .search-tours-content .tours-container .selection-box .box-icon,
                .search-tours-wrap .search-tours-content .tours-container .tours-calendar .calendar-icon {
                    position: absolute;
                    height: 100%;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    color: #ffc107;
                    z-index: 1
                }

                .search-tours-wrap .search-tours-content .tours-container .tours-calendar .calendar-icon {
                    left: 22px;
                    transform: translateY(-50%)
                }

            .search-tours-wrap .search-tours-content .tours-container .selection-box {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -moz-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                background: #fff
            }

                .search-tours-wrap .search-tours-content .tours-container .selection-box .box-icon {
                    left: 15px;
                    transform: translateY(-50%);
                    line-height: 52px
                }

                .search-tours-wrap .search-tours-content .tours-container .selection-box select {
                    height: 52px;
                    border-color: transparent;
                    padding-left: 40px
                }

                .search-tours-wrap .search-tours-content .tours-container .selection-box:before {
                    top: 0;
                    left: 60%
                }

            .search-tours-wrap .search-tours-content .tours-container form.form.search {
                position: relative;
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -moz-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

                .search-tours-wrap .search-tours-content .tours-container form.form.search .search-wrap {
                    position: relative;
                    z-index: 1
                }

                    .search-tours-wrap .search-tours-content .tours-container form.form.search .search-wrap input[type=text] {
                        border-color: transparent;
                        height: 52px;
                        padding-left: 48px;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        box-shadow: none
                    }

                    .search-tours-wrap .search-tours-content .tours-container form.form.search .search-wrap .search-icon {
                        position: absolute;
                        z-index: 1;
                        top: 50%;
                        left: 20px;
                        font-size: 16px;
                        color: #ffc107;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%)
                    }

            .search-tours-wrap .search-tours-content .tours-container .button-search {
                -webkit-box-flex: 2;
                -webkit-flex: 2 1 auto;
                -moz-box-flex: 2;
                -ms-flex: 2 1 auto;
                flex: 2 1 auto;
                height: 100%;
                position: relative;
                z-index: 1;
                overflow: hidden;
                color: #fff;
                font-size: 15px;
                font-weight: 700;
                text-align: center;
                text-transform: uppercase;
                line-height: 52px;
                cursor: pointer;
                top: 0
            }

                .search-tours-wrap .search-tours-content .tours-container .button-search:before {
                    content: ' ';
                    position: absolute;
                    z-index: -1;
                    right: -8px;
                    width: 100%;
                    height: 100%;
                    background: #ffc107;
                    -webkit-transform: skew(-16deg);
                    -moz-transform: skew(-16deg);
                    -ms-transform: skew(-16deg);
                    -o-transform: skew(-16deg);
                    transform: skew(-16deg)
                }

    .search-hotels .tours-container .button-search:before,
    .search-tours-wrap .divider-skew:before {
        -webkit-transform: skew(-16deg);
        -moz-transform: skew(-16deg);
        -ms-transform: skew(-16deg);
        -o-transform: skew(-16deg);
        content: ' '
    }

    .search-tours-wrap .search-tours-content .tours-container .buttons-wrap {
        display: inline-block;
        vertical-align: text-bottom
    }

        .search-tours-wrap .search-tours-content .tours-container .buttons-wrap .tour-button {
            color: #fff;
            font-weight: 500;
            padding: 0 5px;
            border: 1px solid rgba(255, 255, 255, .5);
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            margin-right: 35px
        }

            .search-tours-wrap .search-tours-content .tours-container .buttons-wrap .tour-button:hover {
                background: #ffc107;
                border-color: #ffc107
            }

    .search-tours-wrap .divider-skew:before {
        position: absolute;
        z-index: 2;
        height: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        transform: skew(-16deg);
        border-right: 1px solid #e8ecf0
    }

.search-tours-form.mob-search-form {
    position: relative;
    top: 0;
    bottom: initial;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

@media (max-width:1200px) {
    .search-tours-wrap .search-tours-content .tours-container .tours-calendar input[type=date],
    .search-tours-wrap .search-tours-content .tours-container .tours-calendar input[type=text] {
        max-width: 160px
    }
}

@media (max-width:981px) {
    .search-tours-wrap .search-tours-content,
    .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-advance label,
    .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-search form.form.search .search-wrap input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-search-car .button-search,
    .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-search-car form.form.search .search-wrap input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .cars-box .selection-box select,
    .search-tours-wrap .search-tours-content .tours-container .cars-box .tours-calendar select,
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .button-search,
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .selection-box select,
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .tours-calendar select,
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search form.form.search .search-wrap input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-advance label,
    .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-search form.form.search .search-wrap input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-search-pref .button-search,
    .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-search-pref form.form.search .search-wrap input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .flights-box .selection-box select,
    .search-tours-wrap .search-tours-content .tours-container .flights-box .tours-calendar select,
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .button-search,
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box select,
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar select,
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search form.form.search .search-wrap input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-search form.form.search .search-wrap input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .button-search,
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .selection-box select,
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .tours-calendar select,
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .button-search,
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search form.form.search .search-wrap input[type=text] {
        font-size: 13px
    }

        .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box select,
        .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar select {
            font-size: 13px;
            padding-left: 30px
        }

        .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar > span,
        .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar > span,
        .search-tours-wrap .search-tours-content .tours-container .tours-calendar > span {
            padding-left: 20px
        }
}

@media (max-width:767px) {
    .search-box.search-index-page {
        padding-top: 0 !important;
        margin-bottom: 0
    }

    .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar > :nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .selection-box:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .selection-box:nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .tours-calendar:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .tours-calendar:nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select > :nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box:nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar:nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .selection-box:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .selection-box:nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .tours-calendar:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .tours-calendar:nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box:nth-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar:nth-last-of-type(2),
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar:nth-of-type(2) {
        float: none
    }

    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box,
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar,
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box,
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar {
        margin-bottom: 15px;
        width: 50%
    }

    .search-tours-wrap .search-tours-content .tours-container .cars-box > div + div,
    .search-tours-wrap .search-tours-content .tours-container .flights-box > div + div {
        margin-top: 15px
    }

    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box input[type=date],
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar input[type=date],
    .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box input[type=date],
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box input[type=text],
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar input[type=date],
    .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar input[type=text] {
        padding-left: 38px
    }

    .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn.active {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
        -moz-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }

    .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn .tours-tab-icon {
        font-size: 18px
    }

    .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn:not(.active) span {
        opacity: 0
    }

    .search-tours-wrap .search-tours-tabs .search-tabs-wrap .tours-tab-btn:not(.active) .tours-tab-icon {
        left: 50%;
        -webkit-transform: translate(-90%, -50%);
        -moz-transform: translate(-90%, -50%);
        -ms-transform: translate(-90%, -50%);
        -o-transform: translate(-90%, -50%);
        transform: translate(-90%, -50%)
    }

    .search-tours-wrap .search-tours-content {
        font-size: 13px
    }

        .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search {
            display: block;
            height: auto;
            background: 0 0
        }

            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .selection-box:nth-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search .tours-calendar:nth-of-type(2):before {
                display: none
            }

            .search-tours-wrap .search-tours-content .tours-container .tours-box .tours-search > * {
                height: 40px
            }

        .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search {
            display: block;
            height: auto;
            background: 0 0
        }

            .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .selection-box:nth-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search .tours-calendar:nth-of-type(2):before {
                display: none
            }

            .search-tours-wrap .search-tours-content .tours-container .holidays-box .holidays-search > * {
                height: 40px
            }

        .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-search {
            display: block;
            height: auto;
            background: 0 0
        }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-search > * {
                height: 40px
            }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-search form.form.search {
                margin-bottom: 0
            }

        .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select {
            display: block;
            height: auto;
            background: 0 0
        }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .selection-box:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .selection-box:nth-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .tours-calendar:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .tours-calendar:nth-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select > :nth-last-child(2):before {
                display: none
            }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select > * {
                position: relative;
                height: 40px;
                text-align: center
            }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select > :first-child .calendar-widget {
                left: 0
            }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .selection-box,
            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .tours-calendar {
                width: 50%;
                margin-bottom: 15px
            }

            .search-tours-wrap .search-tours-content .tours-container .hotels-box .hotels-select .selection-box {
                width: 33.33%
            }

        .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search {
            display: block;
            height: auto;
            background: 0 0
        }

            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .selection-box:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .selection-box:nth-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .tours-calendar:nth-last-of-type(2):before,
            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .tours-calendar:nth-of-type(2):before {
                display: none
            }

            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search > * {
                height: 40px
            }

            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .selection-box,
            .search-tours-wrap .search-tours-content .tours-container .cruise-box .cruise-search .tours-calendar {
                width: 100%;
                margin-bottom: 15px
            }

        .search-tours-wrap .search-tours-content .tours-container .flights-box > :not(.flights-advance) {
            display: block;
            height: auto;
            background: 0 0
        }

        .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select .tours-calendar:last-child:before,
        .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select > :last-child:before,
        .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select > :nth-of-type(2):before {
            display: none
        }

        .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select .tours-calendar {
            width: 50%;
            margin-bottom: 15px
        }

        .search-tours-wrap .search-tours-content .tours-container .flights-box .flights-select .selection-box {
            width: 50%
        }

        .search-tours-wrap .search-tours-content .tours-container .cars-box > :not(.flights-advance) {
            display: block;
            height: auto;
            background: 0 0
        }

        .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar:first-child:before,
        .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar > :last-child:before,
        .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar > :nth-of-type(2):before {
            display: none
        }

        .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar {
            width: 100%
        }

            .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar input[type=date],
            .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar input[type=text] {
                width: 50%
            }

            .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar:first-child {
                margin-bottom: 15px
            }

            .search-tours-wrap .search-tours-content .tours-container .cars-box .cars-calendar .tours-calendar .selection-box {
                width: 48%;
                float: none
            }

        .search-tours-wrap .search-tours-content .tours-container .selection-box,
        .search-tours-wrap .search-tours-content .tours-container .tours-calendar {
            display: inline-block;
            background: #fff;
            float: left;
            text-align: left;
            position: relative;
            line-height: 40px
        }

            .search-tours-wrap .search-tours-content .tours-container .tours-calendar input[type=date],
            .search-tours-wrap .search-tours-content .tours-container .tours-calendar input[type=text] {
                height: 40px;
                padding-left: 38px;
                width: 100%
            }

            .search-tours-wrap .search-tours-content .tours-container .tours-calendar .calendar-icon {
                left: 12px
            }

            .search-tours-wrap .search-tours-content .tours-container .selection-box .box-icon {
                line-height: 40px;
                left: 12px
            }

            .search-tours-wrap .search-tours-content .tours-container .selection-box select {
                height: 40px;
                padding-left: 30px
            }

        .search-tours-wrap .search-tours-content .tours-container form.form.search {
            margin-bottom: 15px
        }

            .search-tours-wrap .search-tours-content .tours-container form.form.search:before {
                display: none
            }

            .search-tours-wrap .search-tours-content .tours-container form.form.search .search-wrap {
                position: relative;
                z-index: 1
            }

                .search-tours-wrap .search-tours-content .tours-container form.form.search .search-wrap input[type=text] {
                    height: 40px;
                    padding-left: 35px
                }

                .search-tours-wrap .search-tours-content .tours-container form.form.search .search-wrap .search-icon {
                    left: 10px
                }

        .search-tours-wrap .search-tours-content .tours-container .button-search {
            line-height: 40px;
            width: 100% !important;
            position: relative !important
        }

            .search-tours-wrap .search-tours-content .tours-container .button-search:before {
                right: 0;
                left: 1px;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }
}

@media (max-width:480px) {
    .search-tours-wrap .search-tours-content .tours-container .cars-advance .checkbox-wrap,
    .search-tours-wrap .search-tours-content .tours-container .flights-advance .checkbox-wrap {
        display: block
    }

    .search-tours-wrap .search-tours-content .tours-container .buttons-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .search-tours-wrap .search-tours-content .tours-container .buttons-wrap .tour-button {
            margin-top: 10px
        }
}

.search-hotels {
    position: relative;
    z-index: 1;
    background: #f0f4f7
}

    .search-hotels .tours-container {
        padding: 20px
    }

        .search-hotels .tours-container .tours-box .tours-search {
            height: 52px;
            background: #fff;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }

            .search-hotels .tours-container .tours-box .tours-search form.form.search {
                -webkit-box-flex: 2;
                -webkit-flex: 2 1 auto;
                -moz-box-flex: 2;
                -ms-flex: 2 1 auto;
                flex: 2 1 auto
            }

        .search-hotels .tours-container .tours-box .tours-calendar input[type=date],
        .search-hotels .tours-container .tours-box .tours-calendar input[type=text] {
            padding-left: 30px
        }

        .search-hotels .tours-container .cars-advance span,
        .search-hotels .tours-container .flights-advance span {
            color: #ffc107;
            display: block
        }

        .search-hotels .tours-container .cars-advance .checkbox-wrap,
        .search-hotels .tours-container .flights-advance .checkbox-wrap {
            display: inline-block;
            line-height: 18px;
            margin-right: 35px
        }

        .search-hotels .tours-container .tours-calendar {
            line-height: 50px;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -moz-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            position: relative;
            background: #fff
        }

            .search-hotels .tours-container .tours-calendar > span {
                cursor: pointer;
                padding-left: 10px;
                display: block
            }

            .search-hotels .tours-container .tours-calendar input[type=date],
            .search-hotels .tours-container .tours-calendar input[type=text] {
                border-color: transparent;
                height: 52px;
                padding-left: 48px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                max-width: 175px
            }

            .search-hotels .tours-container .selection-box .box-icon,
            .search-hotels .tours-container .tours-calendar .calendar-icon {
                position: absolute;
                height: 100%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                color: #ffc107;
                z-index: 1
            }

            .search-hotels .tours-container .tours-calendar .calendar-icon {
                left: 22px;
                transform: translateY(-50%)
            }

        .search-hotels .tours-container .selection-box {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -moz-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            background: #fff
        }

            .search-hotels .tours-container .selection-box .box-icon {
                left: 15px;
                transform: translateY(-50%);
                line-height: 52px
            }

            .search-hotels .tours-container .selection-box select {
                height: 52px;
                border-color: transparent;
                padding-left: 40px
            }

            .search-hotels .tours-container .selection-box:before {
                top: 0;
                left: 60%
            }

        .search-hotels .tours-container form.form.search {
            position: relative;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -moz-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto
        }

            .search-hotels .tours-container form.form.search .search-wrap {
                position: relative;
                z-index: 1
            }

                .search-hotels .tours-container form.form.search .search-wrap input[type=text] {
                    border-color: transparent;
                    height: 52px;
                    padding-left: 48px;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none
                }

                .search-hotels .tours-container form.form.search .search-wrap .search-icon {
                    position: absolute;
                    z-index: 1;
                    top: 50%;
                    left: 20px;
                    font-size: 16px;
                    color: #ffc107;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

        .search-hotels .tours-container .button-search {
            -webkit-box-flex: 2;
            -webkit-flex: 2 1 auto;
            -moz-box-flex: 2;
            -ms-flex: 2 1 auto;
            flex: 2 1 auto;
            height: 100%;
            position: relative;
            z-index: 1;
            overflow: hidden;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            line-height: 52px;
            cursor: pointer
        }

            .search-hotels .tours-container .button-search:before {
                position: absolute;
                z-index: -1;
                right: -8px;
                width: 100%;
                height: 100%;
                background: #ffc107;
                transform: skew(-16deg)
            }

    .search-hotels .divider-skew:before,
    .tabs .block-tabs-btn .tabs-btn:before {
        -webkit-transform: skew(-16deg);
        -moz-transform: skew(-16deg);
        -ms-transform: skew(-16deg);
        -o-transform: skew(-16deg)
    }

    .search-hotels .tours-container .buttons-wrap {
        display: inline-block;
        vertical-align: text-bottom
    }

        .search-hotels .tours-container .buttons-wrap .tour-button {
            color: #fff;
            font-weight: 500;
            padding: 0 5px;
            border: 1px solid rgba(255, 255, 255, .5);
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            margin-right: 35px
        }

            .search-hotels .tours-container .buttons-wrap .tour-button:hover {
                background: #ffc107;
                border-color: #ffc107
            }

    .search-hotels .divider-skew:before {
        content: ' ';
        position: absolute;
        z-index: 2;
        height: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        transform: skew(-16deg);
        border-right: 1px solid #e8ecf0
    }

    .search-hotels.alt {
        font-size: 13px
    }

        .search-hotels.alt .tours-container .tours-box .tours-search {
            display: block;
            height: auto;
            background: 0 0;
            margin-bottom: 0
        }

            .search-hotels.alt .tours-container .tours-box .tours-search .selection-box:nth-last-of-type(1):before,
            .search-hotels.alt .tours-container .tours-box .tours-search .selection-box:nth-of-type(2):before,
            .search-hotels.alt .tours-container .tours-box .tours-search .tours-calendar:nth-last-of-type(1):before,
            .search-hotels.alt .tours-container .tours-box .tours-search .tours-calendar:nth-of-type(2):before {
                display: none
            }

            .search-hotels.alt .tours-container .tours-box .tours-search > * {
                height: 40px
            }

            .search-hotels.alt .tours-container .tours-box .tours-search .selection-box,
            .search-hotels.alt .tours-container .tours-box .tours-search .tours-calendar {
                width: 50%;
                margin-bottom: 15px
            }

                .search-hotels.alt .tours-container .tours-box .tours-search .selection-box input[type=date],
                .search-hotels.alt .tours-container .tours-box .tours-search .selection-box input[type=text],
                .search-hotels.alt .tours-container .tours-box .tours-search .tours-calendar input[type=date],
                .search-hotels.alt .tours-container .tours-box .tours-search .tours-calendar input[type=text] {
                    padding-left: 38px
                }

                .search-hotels.alt .tours-container .tours-box .tours-search .selection-box:nth-last-of-type(1),
                .search-hotels.alt .tours-container .tours-box .tours-search .selection-box:nth-of-type(2),
                .search-hotels.alt .tours-container .tours-box .tours-search .tours-calendar:nth-last-of-type(1),
                .search-hotels.alt .tours-container .tours-box .tours-search .tours-calendar:nth-of-type(2) {
                    float: none
                }

            .search-hotels.alt .tours-container .tours-box .tours-search .selection-box {
                width: 33.33%
            }

        .search-hotels.alt .tours-container .tours-box .col-md-6 {
            width: 100%;
            float: none
        }

        .search-hotels.alt .tours-container .tours-box .price_slider_wrapper {
            width: 300px
        }

        .search-hotels.alt .tours-container .tours-box .rating {
            float: none;
            margin-top: -15px
        }

        .search-hotels.alt .tours-container .selection-box,
        .search-hotels.alt .tours-container .tours-calendar {
            display: inline-block;
            background: #fff;
            float: left;
            text-align: left;
            position: relative;
            line-height: 40px
        }

            .search-hotels.alt .tours-container .tours-calendar input[type=date],
            .search-hotels.alt .tours-container .tours-calendar input[type=text] {
                height: 40px;
                padding-left: 38px;
                width: 100%
            }

            .search-hotels.alt .tours-container .tours-calendar .calendar-icon {
                left: 12px
            }

            .search-hotels.alt .tours-container .selection-box .box-icon {
                line-height: 40px;
                left: 12px
            }

            .search-hotels.alt .tours-container .selection-box select {
                height: 40px;
                padding-left: 30px
            }

        .search-hotels.alt .tours-container form.form.search {
            margin-bottom: 15px
        }

            .search-hotels.alt .tours-container form.form.search:before {
                display: none
            }

            .search-hotels.alt .tours-container form.form.search .search-wrap {
                position: relative;
                z-index: 1
            }

                .search-hotels.alt .tours-container form.form.search .search-wrap input[type=text] {
                    height: 40px;
                    padding-left: 35px
                }

                .search-hotels.alt .tours-container form.form.search .search-wrap .search-icon {
                    left: 10px
                }

        .search-hotels.alt .tours-container .button-search {
            line-height: 40px;
            width: 100% !important;
            position: relative !important
        }

            .search-hotels.alt .tours-container .button-search:before {
                right: 0;
                left: 1px;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

    .search-hotels.room-search .search-room-title {
        background: #424d58;
        height: 50px;
        border-bottom: 2px solid #ffc107
    }

        .search-hotels.room-search .search-room-title h5 {
            color: #fff;
            line-height: 50px;
            padding-left: 40px;
            text-transform: uppercase
        }

    .search-hotels.room-search .tours-container .tours-box .tours-search form.form.search,
    .search-hotels.room-search .tours-container .tours-calendar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

        .search-hotels.room-search .tours-container .tours-calendar input[type=text] {
            padding-left: 48px
        }

    .search-hotels.room-search .tours-container .selection-box {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .search-hotels.room-search .tours-container .button-search {
        -webkit-box-flex: 8;
        -webkit-flex: 8 1 auto;
        -moz-box-flex: 8;
        -ms-flex: 8 1 auto;
        flex: 8 1 auto
    }

@media (max-width:991px) {
    .search-hotels .tours-container .tours-box .tours-search .selection-box:nth-last-of-type(1),
    .search-hotels .tours-container .tours-box .tours-search .selection-box:nth-of-type(2),
    .search-hotels .tours-container .tours-box .tours-search .tours-calendar:nth-last-of-type(1),
    .search-hotels .tours-container .tours-box .tours-search .tours-calendar:nth-of-type(2) {
        float: none
    }

    .search-hotels {
        font-size: 13px
    }

        .search-hotels .tours-container .tours-box .tours-search {
            display: block;
            height: auto;
            background: 0 0;
            margin-bottom: 0
        }

            .search-hotels .tours-container .tours-box .tours-search .selection-box:nth-last-of-type(1):before,
            .search-hotels .tours-container .tours-box .tours-search .selection-box:nth-of-type(2):before,
            .search-hotels .tours-container .tours-box .tours-search .tours-calendar:nth-last-of-type(1):before,
            .search-hotels .tours-container .tours-box .tours-search .tours-calendar:nth-of-type(2):before {
                display: none
            }

            .search-hotels .tours-container .tours-box .tours-search > * {
                height: 40px
            }

            .search-hotels .tours-container .tours-box .tours-search .selection-box,
            .search-hotels .tours-container .tours-box .tours-search .tours-calendar {
                width: 50%;
                margin-bottom: 15px
            }

                .search-hotels .tours-container .tours-box .tours-search .selection-box input[type=date],
                .search-hotels .tours-container .tours-box .tours-search .selection-box input[type=text],
                .search-hotels .tours-container .tours-box .tours-search .tours-calendar input[type=date],
                .search-hotels .tours-container .tours-box .tours-search .tours-calendar input[type=text] {
                    padding-left: 38px
                }

        .search-hotels .tours-container .selection-box,
        .search-hotels .tours-container .tours-calendar {
            display: inline-block;
            background: #fff;
            float: left;
            text-align: left;
            position: relative;
            line-height: 40px
        }

        .search-hotels .tours-container .tours-box .tours-search .selection-box {
            width: 33.33%
        }

        .search-hotels .tours-container .tours-calendar input[type=date],
        .search-hotels .tours-container .tours-calendar input[type=text] {
            height: 40px;
            padding-left: 38px;
            width: 100%
        }

        .search-hotels .tours-container .tours-calendar .calendar-icon {
            left: 12px
        }

        .search-hotels .tours-container .selection-box .box-icon {
            line-height: 40px;
            left: 12px
        }

        .search-hotels .tours-container .selection-box select {
            height: 40px;
            padding-left: 30px
        }

        .search-hotels .tours-container form.form.search {
            margin-bottom: 15px
        }

            .search-hotels .tours-container form.form.search:before {
                display: none
            }

            .search-hotels .tours-container form.form.search .search-wrap {
                position: relative;
                z-index: 1
            }

                .search-hotels .tours-container form.form.search .search-wrap input[type=text] {
                    height: 40px;
                    padding-left: 35px
                }

                .search-hotels .tours-container form.form.search .search-wrap .search-icon {
                    left: 10px
                }

        .search-hotels .tours-container .button-search {
            line-height: 40px;
            width: 100% !important;
            position: relative !important
        }

            .search-hotels .tours-container .button-search:before {
                right: 0;
                left: 1px;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }
}

.slider-info-wrap {
    position: relative;
    z-index: 0;
    width: 100%
}

    .slider-info-wrap .slider-info-content .slider-info-item {
        float: left;
        width: 25%;
        height: 60px;
        position: relative;
        z-index: 1
    }

        .slider-info-wrap .slider-info-content .slider-info-item .info-item-media {
            position: absolute;
            z-index: 1;
            bottom: 0;
            height: 60px;
            width: 100%;
            overflow: hidden;
            -webkit-transition: all .75s;
            -moz-transition: all .75s;
            -o-transition: all .75s;
            transition: all .75s
        }

            .slider-info-wrap .slider-info-content .slider-info-item .info-item-media:before {
                content: ' ';
                position: absolute;
                z-index: 2;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, .5)
            }

            .slider-info-wrap .slider-info-content .slider-info-item .info-item-media img {
                position: absolute;
                z-index: 1;
                bottom: 0;
                top: 0;
                width: 100%
            }

            .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text {
                position: absolute;
                z-index: 2;
                top: 0;
                width: 100%;
                padding: 10px 20px;
                line-height: 1;
                color: #fff;
                opacity: 0;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s
            }

                .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text .info-price,
                .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text .info-temp {
                    font-size: 18px;
                    display: inline-block;
                    width: 49%;
                    -webkit-transform: translateY(40%);
                    -moz-transform: translateY(40%);
                    -ms-transform: translateY(40%);
                    -o-transform: translateY(40%);
                    transform: translateY(40%);
                    -webkit-transition: all .35s;
                    -moz-transition: all .35s;
                    -o-transition: all .35s;
                    transition: all .35s
                }

                    .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text .info-price span,
                    .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text .info-temp span {
                        color: #ffc107;
                        font-size: 12px;
                        text-transform: uppercase;
                        display: block;
                        margin-bottom: 5px
                    }

                .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text .info-temp {
                    text-align: right
                }

                .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text p.info-text {
                    margin-top: 30px;
                    line-height: 1.55;
                    -webkit-transform: translateY(60%);
                    -moz-transform: translateY(60%);
                    -ms-transform: translateY(60%);
                    -o-transform: translateY(60%);
                    transform: translateY(60%);
                    -webkit-transition: all .35s;
                    -moz-transition: all .35s;
                    -o-transition: all .35s;
                    transition: all .35s
                }

        .slider-info-wrap .slider-info-content .slider-info-item .info-item-content {
            position: absolute;
            z-index: 1;
            bottom: 0;
            width: 100%;
            height: 100%
        }

            .slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s;
                height: 100%
            }

                .slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .title {
                    font-size: 18px;
                    color: #fff;
                    text-transform: uppercase;
                    margin-top: 13px;
                    display: inline-block;
                    padding-left: 20px
                }

                    .slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .title span {
                        font-size: 12px;
                        display: block;
                        margin-bottom: 5px
                    }

                .slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .price {
                    color: #fff;
                    line-height: 58px;
                    display: block;
                    float: right;
                    margin-right: 20px;
                    -webkit-transition: .5s;
                    -moz-transition: .5s;
                    -o-transition: .5s;
                    transition: .5s
                }

.testimonial,
.without-overlay .tp-dottedoverlay,
.without-overlay .tp-dottedoverlay:before {
    display: none
}

.slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .price span {
    color: #ffc107
}

.slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .button {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 15px;
    font-size: 13px;
    color: #ffc107;
    border: 1px solid #ffc107;
    padding: 1px 10px;
    margin-right: 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0
}

    .slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .button:hover {
        color: #fff;
        background: #ffc107
    }

.slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media,
.slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-media {
    padding-top: 60%
}

    .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media .info-item-text,
    .slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-media .info-item-text {
        opacity: 1;
        -webkit-transition-delay: .25s;
        -moz-transition-delay: .25s;
        -o-transition-delay: .25s;
        transition-delay: .25s
    }

        .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media .info-item-text .info-price,
        .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media .info-item-text .info-temp,
        .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media .info-item-text p.info-text,
        .slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-media .info-item-text .info-price,
        .slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-media .info-item-text .info-temp,
        .slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-media .info-item-text p.info-text {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition-delay: .25s;
            -moz-transition-delay: .25s;
            -o-transition-delay: .25s;
            transition-delay: .25s
        }

.slider-info-wrap .slider-info-content .slider-info-item.active .info-item-content .main-title,
.slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-content .main-title {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px)
}

    .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-content .main-title .price,
    .slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-content .main-title .price {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-content .main-title .button,
    .slider-info-wrap .slider-info-content .slider-info-item:not(.mobile-on):hover .info-item-content .main-title .button {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

@media (max-width:1400px) {
    .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text p.info-text {
        margin-top: 10px
    }
}

@media (max-width:1200px) {
    .search-hotels.room-search .tours-container .selection-box {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .slider-info-wrap .slider-info-content .slider-info-item {
        width: 50%
    }

        .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text p.info-text {
            margin-top: 30px
        }
}

@media (max-width:698px) {
    .slider-info-wrap .slider-info-content .slider-info-item {
        width: 100%
    }

        .slider-info-wrap .slider-info-content .slider-info-item .info-item-media .info-item-text p.info-text {
            margin-top: 5px
        }
}

.features-tours-full-width .features-tours-wrap .features-tours-item {
    float: left;
    width: 100%
}

    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media {
        position: relative
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media:before {
            content: ' ';
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .3);
            -webkit-transition: all .35s;
            -moz-transition: all .35s;
            -o-transition: all .35s;
            transition: all .35s;
            display: none
        }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media img {
            border-radius: 10px
        }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top {
            position: absolute;
            z-index: 2;
            top: 0;
            width: -webkit-calc(100% - 40px);
            width: -moz-calc(100% - 40px);
            width: calc(100% - 40px);
            left: 20px
        }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price,
            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
                font-size: 22px;
                display: inline-block;
                width: 49%;
                -webkit-transition: all .35s;
                -moz-transition: all .35s;
                -o-transition: all .35s;
                transition: all .35s;
                color: #fff
            }

                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price span,
                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp span {
                    color: #ffc107;
                    font-size: 11px;
                    text-transform: uppercase;
                    display: block;
                    margin-bottom: 5px
                }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price {
                -webkit-transform: translateY(40%);
                -moz-transform: translateY(40%);
                -ms-transform: translateY(40%);
                -o-transform: translateY(40%);
                transform: translateY(40%);
                opacity: 0
            }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
                text-align: right;
                margin-top: 30px;
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px);
                -webkit-transition: all .35s;
                -moz-transition: all .35s;
                -o-transition: all .35s;
                transition: all .35s
            }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top p.info-text {
                margin-top: 20px;
                line-height: 1.55;
                -webkit-transform: translateY(100%);
                -moz-transform: translateY(100%);
                -ms-transform: translateY(100%);
                -o-transform: translateY(100%);
                transform: translateY(100%);
                -webkit-transition: all .35s;
                -moz-transition: all .35s;
                -o-transition: all .35s;
                transition: all .35s;
                color: #fff;
                opacity: 0
            }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot {
            position: absolute;
            z-index: 1;
            top: 20px;
            left: 0;
            width: -webkit-calc(100% - 40px);
            width: -moz-calc(100% - 40px);
            width: calc(100% - 40px);
            width: auto;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
            background: rgba(0, 0, 0, .8);
            padding: 10px;
            border-radius: 0 10px 10px 0
        }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot h4 {
                float: left;
                width: auto;
                font-size: 16px !important;
                padding-right: 10px
            }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot h5 {
                float: left;
                width: auto;
                font-size: 12px !important
            }

                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot h5 span {
                    font-size: 18px !important
                }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title {
                color: #fff;
                text-transform: uppercase;
                margin: 0;
                display: inline-block
            }

                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title span {
                    font-size: 12px;
                    display: block;
                    margin-bottom: 5px;
                    color: #ffc107;
                    font-weight: 400
                }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .button {
                position: absolute;
                z-index: 1;
                top: 50%;
                right: 0;
                font-size: 13px;
                color: #ffc107;
                border: 1px solid #ffc107;
                padding: 1px 10px;
                -webkit-transition: all .35s;
                -moz-transition: all .35s;
                -o-transition: all .35s;
                transition: all .35s;
                text-transform: uppercase;
                font-weight: 700;
                -webkit-transform: translateY(20%);
                -moz-transform: translateY(20%);
                -ms-transform: translateY(20%);
                -o-transform: translateY(20%);
                transform: translateY(20%);
                opacity: 0
            }

                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .button:hover {
                    color: #fff;
                    background: #ffc107
                }

    .features-tours-full-width .features-tours-wrap .features-tours-item:hover .features-media:before {
        background: rgba(0, 0, 0, 0)
    }

    .features-tours-full-width .features-tours-wrap .features-tours-item:hover .features-media .features-info-top {
        opacity: 1
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item:hover .features-media .features-info-top .info-price {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            opacity: 1
        }

        .features-tours-full-width .features-tours-wrap .features-tours-item:hover .features-media .features-info-top .info-temp {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .features-tours-full-width .features-tours-wrap .features-tours-item:hover .features-media .features-info-top p.info-text {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            opacity: 1
        }

    .features-tours-full-width .features-tours-wrap .features-tours-item:hover .features-media .features-info-bot {
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item:hover .features-media .features-info-bot .button {
            opacity: 1;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

@media (max-width:1400px) {
    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price,
    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
        font-size: 18px
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price span,
        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp span {
            font-size: 9px
        }

    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top p.info-text {
        margin-top: 10px;
        font-size: 12px;
        float: left;
        width: 100%
    }

    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title {
        font-size: 22px
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title span {
            font-size: 10px
        }
}

@media (max-width:1200px) {
    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top {
        left: 10px;
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price,
        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
            font-size: 16px
        }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price span,
            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp span {
                font-size: 8px
            }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
            margin-top: 10px
        }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top p.info-text {
            margin-top: 10px;
            font-size: 12px
        }

    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot {
        left: 10px;
        bottom: 10px;
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title {
            font-size: 14px
        }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title span {
                font-size: 9px
            }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .button {
            font-size: 11px;
            padding: 1.5px 10px
        }
}

@media (max-width:992px) {
    .features-tours-full-width .features-tours-wrap .features-tours-item {
        width: 50%
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top {
            width: -webkit-calc(100% - 40px);
            width: -moz-calc(100% - 40px);
            width: calc(100% - 40px);
            left: 20px
        }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price,
            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
                font-size: 22px
            }

                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price span,
                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp span {
                    font-size: 12px
                }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
                margin-top: 30px
            }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top p.info-text {
                margin-top: 20px
            }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot {
            bottom: auto;
            left: 0;
            width: -webkit-calc(100% - 40px);
            width: -moz-calc(100% - 40px);
            width: calc(100% - 40px);
            width: auto
        }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title {
                font-size: 26px
            }

                .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title span {
                    font-size: 12px
                }

            .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .button {
                font-size: 13px;
                padding: 1px 10px
            }
}

@media (max-width:698px) {
    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price,
    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp {
        font-size: 18px
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-price span,
        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top .info-temp span {
            font-size: 9px
        }

    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-top p.info-text {
        margin-top: 10px;
        font-size: 12px
    }

    .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title {
        font-size: 15px
    }

        .features-tours-full-width .features-tours-wrap .features-tours-item .features-media .features-info-bot .title span {
            font-size: 10px
        }
}

@media (max-width:560px) {
    .features-tours-full-width .features-tours-wrap .features-tours-item {
        width: 100%
    }
}

.recom-item {
    position: relative;
    z-index: 1;
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 770px;
    margin-right: auto;
    margin-left: auto
}

    .recom-item.border {
        border: 1px solid #f5f5f5
    }

    .recom-item:hover {
        -webkit-box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .2);
        box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .2)
    }

    .recom-item .recom-item-body {
        width: 53%;
        padding: 30px 0 0 40px;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        height: 100%;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #fff
    }

        .recom-item .recom-item-body:before {
            content: ' ';
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            -webkit-transform: skew(-15deg) translateX(32px);
            -moz-transform: skew(-15deg) translateX(32px);
            -ms-transform: skew(-15deg) translateX(32px);
            -o-transform: skew(-15deg) translateX(32px);
            transform: skew(-15deg) translateX(32px);
            background: #fff;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .recom-item .recom-item-body .blog-title {
            margin-top: 0;
            text-transform: uppercase;
            margin-bottom: 0;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .recom-item .recom-item-body .cws-button:before,
        .recom-item .recom-item-body .recom-button {
            z-index: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            position: absolute
        }

        .recom-item .recom-item-body .blog-title:hover {
            color: #ffc107
        }

        .recom-item .recom-item-body .recom-price span {
            font-size: 26px;
            color: #424d58
        }

        .recom-item .recom-item-body .recom-button {
            line-height: 44px;
            bottom: 0;
            left: 40px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            color: #a9b5c1;
            transition: all .3s
        }

            .recom-item .recom-item-body .recom-button:hover {
                color: #424d58
            }

        .recom-item .recom-item-body .cws-button {
            min-width: initial;
            padding: 10px 16px 10px 24px;
            position: absolute;
            z-index: 1;
            bottom: 0;
            right: 0
        }

            .recom-item .recom-item-body .cws-button:before {
                content: ' ';
                right: 0;
                top: -2px;
                bottom: -2px;
                width: 20px;
                background: #ffc107;
                -webkit-transform: skew(-15deg) translateX(8px);
                -moz-transform: skew(-15deg) translateX(8px);
                -ms-transform: skew(-15deg) translateX(8px);
                -o-transform: skew(-15deg) translateX(8px);
                transform: skew(-15deg) translateX(8px);
                transition: all .3s
            }

        .recom-item .recom-item-body .action,
        .recom-item .recom-media {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s
        }

        .recom-item .recom-item-body .cws-button:hover:before {
            background: #424d58
        }

        .recom-item .recom-item-body .action {
            position: absolute;
            z-index: -2;
            top: 30px;
            right: -115px;
            color: #fff;
            background: #ffc107;
            font-size: 16px;
            padding: 6px 15px 6px 30px;
            transition: all .3s;
            font-weight: 600
        }

    .recom-item .recom-media {
        position: relative;
        z-index: 1;
        width: 47%;
        height: 100%;
        float: right;
        transition: all .3s
    }

        .recom-item .recom-media .pic:before {
            content: ' ';
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            -webkit-box-shadow: inset 0 -100px 60px -40px rgba(0, 0, 0, .8);
            -moz-box-shadow: inset 0 -100px 60px -40px rgba(0, 0, 0, .8);
            box-shadow: inset 0 -100px 60px -40px rgba(0, 0, 0, .8)
        }

        .recom-item .recom-media .pic img {
            max-width: none;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .recom-item .recom-media .location {
            position: absolute;
            z-index: 1;
            bottom: 0;
            left: 50%;
            width: 100%;
            text-align: center;
            color: #fff;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .recom-item .recom-media:hover {
            width: 100%
        }

            .recom-item .recom-media:hover + .recom-item-body {
                -webkit-transform: translateX(-100%);
                -moz-transform: translateX(-100%);
                -ms-transform: translateX(-100%);
                -o-transform: translateX(-100%);
                transform: translateX(-100%)
            }

                .recom-item .recom-media:hover + .recom-item-body .cws-button:before,
                .recom-item .recom-media:hover + .recom-item-body:before {
                    -webkit-transform: skew(0) translateX(0);
                    -moz-transform: skew(0) translateX(0);
                    -ms-transform: skew(0) translateX(0);
                    -o-transform: skew(0) translateX(0);
                    transform: skew(0) translateX(0)
                }

                .recom-item .recom-media:hover + .recom-item-body .action {
                    right: -65px
                }

@media (max-width:560px) {
    .recom-item .recom-item-body {
        padding: 15px 0 0 15px
    }

        .recom-item .recom-item-body .blog-title {
            font-size: 14px
        }

        .recom-item .recom-item-body .recom-price span {
            font-size: 20px
        }

        .recom-item .recom-item-body p {
            font-size: 14px;
            line-height: 1.5
        }

        .recom-item .recom-item-body .recom-button {
            line-height: 30px;
            bottom: 30px;
            left: 10px;
            font-size: 10px;
            width: 100%;
            text-align: center
        }

        .recom-item .recom-item-body .cws-button {
            min-width: 100%;
            padding: 3px 0 3px 20px;
            right: 2px;
            margin: 0 !important
        }

        .recom-item .recom-item-body .action {
            top: 20px;
            right: -100px;
            font-size: 14px;
            padding: 2px 10px 2px 20px
        }

    .recom-item .recom-media .location {
        font-size: 12px
    }

    .recom-item .recom-media:hover + .recom-item-body .action {
        right: -50px
    }
}

.breadcrumbs {
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
    background-position-y: 50%;
    position: relative;
    z-index: 1;
    background: var(--blueBg);
    background-image: none !important;
    margin-top: 20px;
}

    .breadcrumbs h2, .breadcrumbs h1 {
        margin: 0 0 0 16px;
        color: #fff;
        font-size: 28px
    }

        .breadcrumbs h2 > span, .breadcrumbs h1 > span {
            color: #fff;
            font-weight: 600
        }

        .breadcrumbs h2 span.stars {
            margin-left: 5px
        }

            .breadcrumbs h2 span.stars span {
                color: #fff
            }

    .breadcrumbs .breadcrumbs-item {
        line-height: 24px;
        text-transform: capitalize;
        float: left
    }

        .breadcrumbs .breadcrumbs-item > a {
            color: #fff;
            font-size: 12px
        }

            .breadcrumbs .breadcrumbs-item > a.last {
                color: #939ea9
            }

            .breadcrumbs .breadcrumbs-item > a:hover {
                color: #ffc107
            }

        .breadcrumbs .breadcrumbs-item > i {
            margin: 0 15px;
            font-style: normal
        }

        .breadcrumbs .breadcrumbs-item .stars {
            vertical-align: super;
            text-transform: none
        }

.cws-button,
.service-item a,
.tp-caption {
    text-transform: uppercase
}

.breadcrumbs .breadcrumbs-item .location {
    color: #939ea9
}

    .breadcrumbs .breadcrumbs-item .location > * {
        display: inline-block
    }

    .breadcrumbs .breadcrumbs-item .location a {
        color: #ffc107;
        border-bottom: 1px solid #ffc107;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        line-height: 1.1;
        margin-left: 10px;
        white-space: nowrap
    }

.breadcrumbs .breadright p,
.tp-caption {
    color: #fff
}

.breadcrumbs .breadcrumbs-item .location a:hover {
    color: #fff;
    border-color: #fff
}

.breadcrumbs .breadright {
    float: right;
    margin-top: 20px
}

.breadcrumbs.gray-90:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #424d58;
    opacity: .9
}

@media (max-width:767px) {
    .breadcrumbs .row > * {
        text-align: center
    }
}

.alert .close,
.carousel-container .carousel-nav .next,
.carousel-container .carousel-nav .prev,
.carousel-pag .owl-pagination .owl-page,
.carousel-pag.white .owl-pagination .owl-page,
.cws-button,
.cws-icon.border-icon,
.cws-icon.type-3,
.cws-icon.type-3:after,
.cws-icon.type-3:before,
.filter-grayscale,
.hover-effect-2 .opacity,
.pagiation-carousel .owl-pagination .owl-page,
.tabs .block-tabs-btn .tabs-btn,
.transition {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.tp-caption .sl-title-top {
    font-weight: 400;
    font-size: 3.1em;
    padding-top: 50px
}

.tp-caption .sl-title {
    font-size: 8em;
    line-height: 1;
    letter-spacing: 4px;
    font-weight: 700
}

.tp-caption .sl-title-bot {
    font-weight: 400;
    text-align: right;
    font-size: 2.7em
}

    .cws-button,
    .service-item a,
    .tp-caption .sl-title-bot span {
        font-weight: 700
    }

body .tparrows {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cws-button.border-left:before,
.cws-button.with-icon i {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.tp-banner-container {
    position: relative;
    padding: 0;
    z-index: 9;
    height: 485px;
    overflow: hidden
}

.boxed .tp-banner-container {
    width: 100% !important;
    left: 0 !important
}

.tp-banner,
.tp-banner-slider {
    opacity: 0
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.tp-banner-slider {
    position: relative;
    z-index: 0;
    height: 700px
}

.right-overlay .tp-dottedoverlay.custom:before,
.tp-dottedoverlay.custom:before {
    z-index: 1;
    border-right: 1px dashed #fff;
    height: 100%;
    content: ' ';
    position: absolute
}

.tp-dottedoverlay.custom {
    background-color: rgba(0, 0, 0, .2);
    width: 100%
}

.right-overlay .tp-dottedoverlay.custom {
    background-color: rgba(255, 255, 255, .7);
    width: 50%;
    left: initial;
    right: 0
}

.tp-dottedoverlay.custom:before {
    right: -1px
}

.right-overlay .tp-dottedoverlay.custom:before {
    left: -1px;
    right: initial
}

@media (max-width:600px) {
    .tp-caption .cws-button,
    .tp-caption p {
        display: none
    }

    body .tparrows {
        width: 30px;
        height: 50px
    }

        body .tparrows:before {
            line-height: 50px;
            font-size: 26px
        }
}

.cws-button,
.cws-button.small {
    line-height: 20px;
    font-size: 12px
}

.row_bg_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

    .row_bg_video:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2
    }

.content-video-bg.slider:before,
.content-video-bg:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

.row_bg_video iframe,
.row_bg_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    max-width: none;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.video_bg_mask,
.video_bg_mask_img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

.video_bg_mask_img {
    background-repeat: repeat
}

.row_bg {
    position: relative;
    overflow: hidden
}

.content-video-bg {
    position: relative;
    z-index: 2;
    text-align: center
}

    .content-video-bg.slider:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000;
        opacity: .2
    }

.cws-button {
    display: inline-block;
    text-align: center;
    min-width: 130px;
    padding: 10px 20px;
    color: #939ea9;
    background: #fff;
    border: 2px solid #045084;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer
}

    .cws-button:hover {
        background: #ffc107;
        color: #fff
    }

    .cws-button.border-left {
        position: relative;
        border-left: 0
    }

        .cws-button.border-left:before {
            content: ' ';
            position: absolute;
            z-index: 1;
            width: 15px;
            left: -7px;
            top: -2px;
            bottom: -2px;
            background: #fff;
            border: 2px solid #333;
            border-width: 2px 0 2px 2px;
            -webkit-transform: skew(-15deg);
            -moz-transform: skew(-15deg);
            -ms-transform: skew(-15deg);
            -o-transform: skew(-15deg);
            transform: skew(-15deg);
            transition: all .3s
        }

        .cws-button.alt,
        .cws-button.border-left:hover:before {
            background: #045084
        }

    .cws-button.small {
        min-width: 120px;
        padding: 8px 20px
    }

    .cws-button.mini {
        font-size: 11px;
        line-height: 16px;
        min-width: 100px;
        padding: 5px 15px
    }

    .cws-button.large {
        line-height: 24px;
        min-width: 170px;
        padding: 12px 15px;
        font-size: 15px
    }

    .cws-button.alt {
        color: #fff
    }

        .cws-button.alt:hover {
            color: #ffc107;
            background: #424d58;
            border-color: #424d58
        }

        .cws-button.alt.border-left:before {
            background: #333
        }

        .cws-button.alt.border-left:hover:before {
            background: #424d58;
            border-color: #424d58
        }

    .cws-button.gray {
        border-color: #a9b5c1;
        color: #a9b5c1
    }

        .cws-button.gray.alt,
        .cws-button.gray:hover {
            background: #e6eaed;
            border-color: #e6eaed;
            color: #a9b5c1
        }

            .cws-button.gray.alt:hover {
                background: #fff;
                border-color: #a9b5c1;
                color: #a9b5c1
            }

        .cws-button.gray.border-left:before {
            background: #e6eaed;
            border-color: #e6eaed
        }

        .cws-button.gray.border-left:hover:before {
            background: #fff;
            border-color: #a9b5c1
        }

    .cws-button.gray-dark {
        border-color: #424d58;
        color: #424d58
    }

        .cws-button.gray-dark.alt,
        .cws-button.gray-dark:hover {
            color: #ffc107;
            background: #424d58;
            border-color: #424d58
        }

            .cws-button.gray-dark.alt:hover {
                background: #ffc107;
                border-color: #ffc107;
                color: #fff
            }

        .cws-button.gray-dark.border-left:before {
            background: #424d58;
            border-color: #424d58
        }

        .cws-button.gray-dark.border-left:hover:before {
            background: #ffc107;
            border-color: #ffc107
        }

    .cws-button.white {
        border-color: #fff;
        color: #fff
    }

        .cws-button.white.color-4:hover {
            color: #43C5B8
        }

        .cws-button.white:hover {
            color: #ffc107;
            background: #fff
        }

    .cws-button.full-width {
        min-width: 100%
    }

    .cws-button.with-icon {
        position: relative;
        z-index: 1;
        padding: 9px 40px 9px 70px;
        color: #ffc107;
        border-color: #ffc107;
        background: 0 0
    }

        .cws-button.with-icon i {
            position: absolute;
            z-index: 1;
            border: 1px solid #1b629d;
            width: 40px;
            left: -1px;
            text-align: center;
            line-height: 40px;
            top: -1px;
            bottom: -1px;
            transition: all .3s;
            color: #1b629d;
            background-color: transparent
        }

.cws-icon,
.service-item {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.cws-button.with-icon i:before {
    margin: 0 !important
}

.cws-button.with-icon:hover {
    color: #fff;
    border-color: #ffc107;
    background: #ffc107
}

    .cws-button.with-icon:hover i {
        color: #fff;
        border-color: #1b629d;
        background: #1b629d
    }

.cws-button.with-icon.alt {
    color: #fff;
    border-color: #ffc107;
    background: #ffc107
}

    .cws-button.with-icon.alt i {
        border-color: #1b629d;
        color: #fff;
        background-color: #1b629d
    }

    .cws-button.with-icon.alt:hover {
        color: #ffc107;
        border-color: #ffc107;
        background: 0 0
    }

        .cws-button.with-icon.alt:hover i {
            color: #1b629d;
            border-color: #1b629d;
            background: 0 0
        }

.button-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 160px
}

.cws-button + .cws-button {
    margin-left: 10px
}

.tx-color-2 {
    color: #f9b91e !important
}

.tx-color-3 {
    color: #F56363 !important
}

.tx-color-4 {
    color: #43C5B8 !important
}

@media (max-width:380px) {
    .cws-button {
        margin: 5px !important
    }
}

.cws-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 50px;
    color: #b5b5b5;
    text-align: center !important;
    cursor: pointer;
    transition: all .3s
}

    .cws-icon.border-icon,
    .cws-social,
    .service-item.icon-center {
        text-align: center
    }

    .cws-icon.main-color {
        color: #ffc107
    }

    .cws-icon.only-border {
        width: 60px;
        height: 60px;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #ffc107
    }

        .cws-icon.only-border:before {
            font-size: 30px;
            line-height: 58px
        }

    .cws-icon.border-icon {
        display: inline-block;
        border: 1px solid #e6e6e6;
        color: #b5b5b5;
        vertical-align: bottom;
        font-size: 15px;
        margin-right: 10px
    }

        .cws-icon.border-icon:before {
            margin: 0;
            font-size: 15px;
            line-height: 40px
        }

        .cws-icon.border-icon.alt,
        .cws-icon.border-icon:hover {
            color: #fff;
            background: #ffc107;
            border-color: #ffc107
        }

            .cws-icon.border-icon.alt:hover {
                color: #ffc107;
                background: 0 0;
                border-color: #b5b5b5
            }

        .cws-icon.border-icon.color-2 {
            color: #f9b91e;
            background: 0 0;
            border-color: #b5b5b5
        }

            .cws-icon.border-icon.color-2.alt,
            .cws-icon.border-icon.color-2:hover {
                color: #fff;
                background: #f9b91e;
                border-color: #f9b91e
            }

                .cws-icon.border-icon.color-2.alt:hover {
                    color: #f9b91e;
                    background: 0 0;
                    border-color: #b5b5b5
                }

        .cws-icon.border-icon.color-3 {
            color: #F56363;
            background: 0 0;
            border-color: #b5b5b5
        }

            .cws-icon.border-icon.color-3.alt,
            .cws-icon.border-icon.color-3:hover {
                color: #fff;
                background: #F56363;
                border-color: #F56363
            }

                .cws-icon.border-icon.color-3.alt:hover {
                    color: #F56363;
                    background: 0 0;
                    border-color: #b5b5b5
                }

        .cws-icon.border-icon.color-4 {
            color: #43C5B8;
            background: 0 0;
            border-color: #b5b5b5
        }

            .cws-icon.border-icon.color-4.alt,
            .cws-icon.border-icon.color-4:hover {
                color: #fff;
                background: #43C5B8;
                border-color: #43C5B8
            }

                .cws-icon.border-icon.color-4.alt:hover {
                    color: #43C5B8;
                    background: 0 0;
                    border-color: #b5b5b5
                }

        .cws-icon.border-icon.color-5 {
            color: #2EB851;
            background: 0 0;
            border-color: #b5b5b5
        }

            .cws-icon.border-icon.color-5.alt,
            .cws-icon.border-icon.color-5:hover {
                color: #fff;
                background: #2EB851;
                border-color: #2EB851
            }

                .cws-icon.border-icon.color-5.alt:hover {
                    color: #2EB851;
                    background: 0 0;
                    border-color: #b5b5b5
                }

        .cws-icon.border-icon.color-6 {
            color: #C744FD;
            background: 0 0;
            border-color: #b5b5b5
        }

            .cws-icon.border-icon.color-6.alt,
            .cws-icon.border-icon.color-6:hover {
                color: #fff;
                background: #C744FD;
                border-color: #C744FD
            }

                .cws-icon.border-icon.color-6.alt:hover {
                    color: #C744FD;
                    background: 0 0;
                    border-color: #b5b5b5
                }

.service-item:hover .cws-icon.border-icon {
    color: #fff;
    background: #ffc107;
    border-color: #ffc107
}

    .service-item:hover .cws-icon.border-icon.alt {
        color: #ffc107;
        background: 0 0;
        border-color: #b5b5b5
    }

    .service-item:hover .cws-icon.border-icon.color-2 {
        color: #fff;
        background: #f9b91e;
        border-color: #f9b91e
    }

        .service-item:hover .cws-icon.border-icon.color-2.alt {
            color: #f9b91e;
            background: 0 0;
            border-color: #b5b5b5
        }

    .service-item:hover .cws-icon.border-icon.color-3 {
        color: #fff;
        background: #F56363;
        border-color: #F56363
    }

        .service-item:hover .cws-icon.border-icon.color-3.alt {
            color: #F56363;
            background: 0 0;
            border-color: #b5b5b5
        }

    .service-item:hover .cws-icon.border-icon.color-4 {
        color: #fff;
        background: #43C5B8;
        border-color: #43C5B8
    }

        .service-item:hover .cws-icon.border-icon.color-4.alt {
            color: #43C5B8;
            background: 0 0;
            border-color: #b5b5b5
        }

    .service-item:hover .cws-icon.border-icon.color-5 {
        color: #fff;
        background: #2EB851;
        border-color: #2EB851
    }

        .service-item:hover .cws-icon.border-icon.color-5.alt {
            color: #2EB851;
            background: 0 0;
            border-color: #b5b5b5
        }

    .service-item:hover .cws-icon.border-icon.color-6 {
        color: #fff;
        background: #C744FD;
        border-color: #C744FD
    }

        .service-item:hover .cws-icon.border-icon.color-6.alt {
            color: #C744FD;
            background: 0 0;
            border-color: #b5b5b5
        }

.service-item:hover .cws-icon,
.service-item:hover h3 {
    color: #ffc107
}

.service-item a {
    position: relative;
    color: #a9b5c1;
    font-size: 12px
}

    .service-item a:hover {
        color: #ffc107
    }

.cws-icon.type-3 {
    width: 80px;
    height: 80px;
    border: 1px solid #ffc107;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

    .cws-icon.type-3:before {
        line-height: 78px;
        font-size: 30px;
        position: relative;
        z-index: 2;
        color: #fff
    }

    .cws-icon.type-3:hover:before,
    .hover-effect-2:hover .opacity:hover h3 {
        color: #ffc107
    }

    .cws-icon.type-3:after {
        content: "";
        display: block;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        position: absolute;
        z-index: 1;
        border: 1px solid #ffc107;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #ffc107
    }

    .cws-icon.type-3:hover {
        border-color: transparent
    }

        .cws-icon.type-3:hover:after {
            background: 0 0;
            border-color: #b5b5b5;
            -webkit-box-shadow: 0 0 0 5px #f2f2f2;
            -moz-box-shadow: 0 0 0 5px #f2f2f2;
            box-shadow: 0 0 0 5px #f2f2f2
        }

.profile-item:hover,
.service-item.border:hover {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.hover-effect-2 .opacity {
    pointer-events: all
}

.hover-effect-2:hover .opacity {
    opacity: .4
}

    .hover-effect-2:hover .opacity:hover {
        opacity: 1
    }

.cws-social {
    display: inline-block;
    line-height: 22px;
    font-size: 22px;
    color: #fff
}

    .cws-social.mini {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .cws-social:hover {
        color: #ffc107
    }

.dark > .cws-social {
    color: #a9b5c1
}

    .dark > .cws-social:hover,
    .service-item.color-icon .cws-icon {
        color: #ffc107
    }

.cws-social + .cws-social {
    margin-left: 30px
}

.service-item {
    transition: all .3s;
    position: relative
}

    .service-item h1,
    .service-item h2,
    .service-item h3,
    .service-item h4,
    .service-item h5,
    .service-item h6 {
        font-size: 18px;
        line-height: 1.3;
        margin: 0 0 15px;
        overflow: hidden;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .service-item p {
        font-size: 14px;
        padding: 0
    }

        .service-item p span.cws_divider {
            margin: auto;
            display: block;
            padding-top: 2px
        }

    .service-item.border {
        padding: 60px 40px;
        background: rgba(255, 255, 255, .95);
        border: 1px solid #e6e6e6
    }

        .service-item.border:hover {
            border-color: #ffc107;
            box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
        }

    .service-item.icon-center .cws-icon {
        margin-bottom: 20px;
        width: 40px;
        font-size: 40px
    }

    .service-item.icon-center a {
        display: block;
        position: relative
    }

        .service-item.icon-center a:before {
            position: absolute;
            z-index: 1;
            bottom: -10px;
            width: 55px
        }

    .service-item.icon-right p {
        overflow: hidden
    }

    .service-item.icon-right .cws-icon {
        float: left;
        margin: 0 15px 0 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 40px
    }

    .service-item.icon-left > * {
        text-align: right
    }

    .service-item.icon-left p {
        overflow: hidden
    }

    .service-item.icon-left .cws-icon {
        float: right;
        margin: 0 0 0 15px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 40px
    }

    .service-item.icon-right.alt p {
        overflow: hidden
    }

    .service-item.icon-right.alt .cws-icon {
        float: left;
        margin: 0 20px 0 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        text-align: center;
        border: 1px solid #404040;
        background: #fff;
        position: relative
    }

        .service-item.icon-right.alt .cws-icon:after {
            content: ' ';
            position: absolute;
            z-index: 1;
            left: -6px;
            top: 50%;
            margin-top: -5px;
            width: 10px;
            height: 10px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #fff;
            border: 1px solid #404040;
            border-width: 0 0 1px 1px
        }

    .service-item.icon-left.alt > * {
        text-align: right
    }

    .service-item.icon-left.alt p {
        overflow: hidden;
        padding-left: 5px
    }

    .service-item.icon-left.alt .cws-icon {
        float: right;
        margin: 0 0 0 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        text-align: center;
        border: 1px solid #404040;
        background: #fff;
        position: relative
    }

        .service-item.icon-left.alt .cws-icon:after {
            content: ' ';
            position: absolute;
            z-index: 1;
            right: -6px;
            top: 50%;
            margin-top: -5px;
            width: 10px;
            height: 10px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #fff;
            border: 1px solid #404040;
            border-width: 1px 1px 0 0
        }

    .service-item.icon-left.alt:hover .cws-icon,
    .service-item.icon-left.alt:hover .cws-icon:after,
    .service-item.icon-right.alt:hover .cws-icon,
    .service-item.icon-right.alt:hover .cws-icon:after {
        border-color: #ffc107
    }

    .service-item.icon-left.border,
    .service-item.icon-right.border {
        border: 1px solid #e6e6e6;
        padding: 30px
    }

        .service-item.icon-left.border .cws-icon,
        .service-item.icon-right.border .cws-icon {
            margin-top: 5px
        }

    .service-item.on-dark,
    .service-item.on-dark .cws-icon,
    .service-item.on-dark h3 {
        color: #fff
    }

        .service-item.on-dark:hover .cws-icon,
        .service-item.on-dark:hover h3 {
            color: #ffc107
        }

    .service-item.left-line:before,
    .service-item.right-line:before {
        content: ' ';
        position: absolute;
        z-index: 1;
        top: 30px;
        right: -40%;
        width: 68%;
        border-bottom: 1px dashed #b5b5b5
    }

.service-bg-icon,
.service-center-icon {
    padding: 65px 70px 80px 95px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

    .service-bg-icon > *,
    .service-center-icon > * {
        position: relative;
        z-index: 2
    }

    .service-bg-icon .title-section,
    .service-center-icon .title-section {
        font-size: 36px;
        font-weight: 400
    }

    .service-bg-icon:before,
    .service-center-icon:before {
        content: "";
        display: inline-block;
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ffc107
    }

    .service-bg-icon.white:before,
    .service-center-icon.white:before {
        background: #fff
    }

    .service-bg-icon.gray:before,
    .service-center-icon.gray:before {
        background: #f2f2f2
    }

    .service-bg-icon .icon-bg-serv,
    .service-center-icon .icon-bg-serv {
        position: absolute;
        z-index: 1;
        font-size: 330px;
        opacity: .05;
        color: #000;
        bottom: -50px;
        line-height: 1;
        right: -130px
    }

.service-fullwidth {
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: -.2px;
    margin-bottom: -.2px
}

    .service-fullwidth .service-icon-box {
        float: left;
        width: 100%;
        text-align: center;
        display: inline-block;
        padding: 0;
        position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

        .service-fullwidth .service-icon-box .height-adjust {
            margin-top: 85%
        }

        .service-fullwidth .service-icon-box .inner {
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0)
        }

            .service-fullwidth .service-icon-box .inner .front {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden
            }

            .service-fullwidth .service-icon-box .inner .back {
                -webkit-transition: all .6s;
                -moz-transition: all .6s;
                -o-transition: all .6s;
                transition: all .6s;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden
            }

                .service-fullwidth .service-icon-box .inner .back:before,
                .service-fullwidth .service-icon-box .inner .front:before {
                    content: ' ';
                    height: 100%;
                    display: inline-block;
                    vertical-align: middle
                }

            .service-fullwidth .service-icon-box .inner .front {
                background: rgba(35, 125, 200, .95);
                z-index: 2;
                position: absolute;
                top: 0;
                left: 0;
                height: 150%;
                width: 100%;
                -webkit-transform: translateY(-20%);
                -moz-transform: translateY(-20%);
                -ms-transform: translateY(-20%);
                -o-transform: translateY(-20%);
                transform: translateY(-20%)
            }

                .service-fullwidth .service-icon-box .inner .front .back-title {
                    position: absolute;
                    z-index: 3;
                    width: 100%;
                    height: 25%;
                    bottom: 0;
                    left: 0;
                    opacity: 0;
                    -webkit-transform: translateY(10%);
                    -moz-transform: translateY(10%);
                    -ms-transform: translateY(10%);
                    -o-transform: translateY(10%);
                    transform: translateY(10%);
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    -o-transition: all .2s;
                    transition: all .2s;
                    color: #fff;
                    font-size: 26px
                }

                    .service-fullwidth .service-icon-box .inner .front .back-title:before {
                        content: attr(data-title);
                        line-height: inherit;
                        display: inline-block;
                        position: absolute;
                        width: 100%;
                        top: 50%;
                        left: 0;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%)
                    }

                .service-fullwidth .service-icon-box .inner .front .front-inner-wrap {
                    height: auto;
                    text-align: center;
                    display: inline-block;
                    vertical-align: middle;
                    padding: 0 30px
                }

                    .service-fullwidth .service-icon-box .inner .front .front-inner-wrap .service-icon {
                        font-size: 80px;
                        color: #fff;
                        line-height: 1
                    }

                    .service-fullwidth .service-icon-box .inner .front .front-inner-wrap .front-title {
                        color: #fff
                    }

                .service-fullwidth .service-icon-box .inner .front.color-bg-1 {
                    background: rgba(102, 102, 102, .95)
                }

                .service-fullwidth .service-icon-box .inner .front.color-bg-2 {
                    background: rgba(26, 26, 26, .95)
                }

            .service-fullwidth .service-icon-box .inner .back {
                background: 0 0;
                z-index: 3;
                position: absolute;
                top: 25%;
                left: 0;
                height: 75%;
                width: 100%;
                -webkit-transform: translateY(70%);
                -moz-transform: translateY(70%);
                -ms-transform: translateY(70%);
                -o-transform: translateY(70%);
                transform: translateY(70%);
                opacity: 0
            }

                .service-fullwidth .service-icon-box .inner .back .back-inner-wrap {
                    width: 80%;
                    vertical-align: middle;
                    display: inline-block
                }

                    .service-fullwidth .service-icon-box .inner .back .back-inner-wrap .service-content-back {
                        display: block;
                        width: 100%
                    }

                        .service-fullwidth .service-icon-box .inner .back .back-inner-wrap .service-content-back p {
                            margin-bottom: 7%;
                            padding: 0 10%;
                            line-height: 1.8
                        }

                .service-fullwidth .service-icon-box .inner .back:after {
                    content: "";
                    background: inherit;
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    z-index: 4;
                    top: 10px;
                    left: 50%;
                    margin-left: -5px;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s
                }

        .service-fullwidth .service-icon-box:hover .front {
            -webkit-transform: translateY(-30%);
            -moz-transform: translateY(-30%);
            -ms-transform: translateY(-30%);
            -o-transform: translateY(-30%);
            transform: translateY(-30%)
        }

            .service-fullwidth .service-icon-box:hover .front .back-title {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);
                -webkit-transition: all .7s cubic-bezier(1, 0, .6, 1);
                -moz-transition: all .7s cubic-bezier(1, 0, .6, 1);
                -o-transition: all .7s cubic-bezier(1, 0, .6, 1);
                transition: all .7s cubic-bezier(1, 0, .6, 1)
            }

        .service-fullwidth .service-icon-box:hover .back {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            opacity: 1
        }

            .service-fullwidth .service-icon-box:hover .back:after {
                top: -5px
            }

@media (max-width:1300px) {
    .service-fullwidth .service-icon-box .inner .front .front-inner-wrap .service-icon {
        font-size: 60px
    }

    .service-fullwidth .service-icon-box .inner .front .front-inner-wrap .front-title {
        margin-top: 0
    }
}

@media (max-width:1200px) {
    .service-fullwidth .service-icon-box .inner .back .back-inner-wrap .service-content-back p {
        padding: 0
    }
}

.service-center-icon {
    padding: 40px 30px 35px 40px
}

    .service-center-icon .cws-icon {
        width: auto;
        height: auto;
        color: #ffc107
    }

        .service-center-icon .cws-icon:before {
            line-height: 1;
            font-size: 40px
        }

        .service-center-icon .cws-icon.text-white {
            color: #fff
        }

.mt-minus {
    margin-top: -135px
}

.services-with-bg {
    position: relative;
    z-index: 100;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 13px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 13px 2px rgba(0, 0, 0, .15);
    overflow: hidden;
    /*background-image: url(/Content/Content/pic/1920x1280-benefits.html);*/
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    background-size: cover;
    background-position: 0 50%;
    background-repeat: no-repeat
}

    .services-with-bg .service-center-icon:before {
        opacity: .95
    }

    .services-with-bg .service-center-icon.color-4 + .service-center-icon,
    .services-with-bg .service-center-icon.white {
        overflow: visible
    }

        .services-with-bg .service-center-icon.white:before {
            left: -2px
        }

        .services-with-bg .service-center-icon.color-4 + .service-center-icon:before {
            right: -2px
        }

.half-width-service {
    overflow: hidden;
    position: relative;
    padding-left: 40px;
    z-index: 1
}

    .half-width-service > * {
        position: relative;
        z-index: 2
    }

.icon-bg-rc {
    position: absolute !important;
    z-index: 1 !important;
    font-size: 490px;
    opacity: .05;
    color: #fff;
    top: 50%;
    line-height: 1;
    left: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.accordion,
.toggle {
    line-height: 28px
}

    .accordion .content-title,
    .toggle .content-title {
        line-height: 24px;
        color: #a9b5c1;
        cursor: pointer;
        font-weight: 700
    }

        .accordion .content-title span,
        .toggle .content-title span {
            position: relative;
            background: #f0f4f7;
            font-size: 12px;
            text-transform: uppercase;
            padding: 14px 40px 14px 60px;
            min-height: 25px;
            width: 100%;
            display: block;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

            .accordion .content-title span i.active-icon,
            .toggle .content-title span i.active-icon {
                position: absolute;
                z-index: 1;
                left: 20px;
                top: 50%;
                width: 22px;
                height: 22px;
                background: #424d58;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s
            }

.alert,
.pricing-tables {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.accordion .content-title span i.active-icon:after,
.accordion .content-title span i.active-icon:before,
.toggle .content-title span i.active-icon:after,
.toggle .content-title span i.active-icon:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -1px;
    left: 5px;
    background: #fff
}

.accordion .content-title span i.active-icon:before,
.toggle .content-title span i.active-icon:before {
    width: 12px;
    height: 2px
}

.accordion .content-title span i.active-icon:after,
.toggle .content-title span i.active-icon:after {
    width: 2px;
    height: 12px;
    margin-top: -6px;
    left: 10px;
    opacity: 1
}

.accordion .content-title.active,
.toggle .content-title.active {
    color: #424d58
}

    .accordion .content-title.active i.active-icon,
    .toggle .content-title.active i.active-icon {
        background: #ffc107
    }

        .accordion .content-title.active i.active-icon:after,
        .toggle .content-title.active i.active-icon:after {
            opacity: 0
        }

.accordion .content + .content-title,
.toggle .content + .content-title {
    margin-top: 5px
}

.accordion .content,
.toggle .content {
    position: relative;
    border: 1px solid transparent;
    border-top: 0;
    padding: 20px 30px
}

.accordion.style-2 .content-title span,
.toggle.style-2 .content-title span {
    padding-left: 30px
}

    .accordion.style-2 .content-title span i.active-icon,
    .toggle.style-2 .content-title span i.active-icon {
        left: initial;
        right: 20px
    }

.accordion.style-2 .content-title.active,
.toggle.style-2 .content-title.active {
    color: #fff
}

    .accordion.style-2 .content-title.active span,
    .toggle.style-2 .content-title.active span {
        background: #424d58
    }

.accordion.style-2 .content,
.toggle.style-2 .content {
    border-color: #e8ecf0
}

.callout-wrap {
    position: relative;
    z-index: 3
}

.call-out-box.with-icon .call-out-wrap {
    position: relative;
    z-index: 1
}

    .call-out-box.with-icon .call-out-wrap .call-out-icon {
        position: absolute;
        left: -40px;
        top: 50%;
        text-align: center;
        z-index: -1;
        color: #ab3636;
        font-size: 50px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .call-out-box.with-icon .call-out-wrap form.form {
        position: relative;
        z-index: 1
    }

        .call-out-box.with-icon .call-out-wrap form.form input {
            height: 42px;
            padding: 12px 155px 10px 43px !important;
            float: left;
            width: 100%;
            border: 1px solid #eaeaea;
            text-shadow: none;
            box-shadow: none
        }

.hideformobile + .col-md-4 {
    padding: 0 !important;
    margin: 0 !important;
}

.call-out-box.with-icon .call-out-wrap form.form .icon-left {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.call-out-box .call-out-wrap.alt .title-section {
    float: left;
    font-weight: 600
}

.call-out-box .call-out-wrap.alt > a {
    float: right;
    margin: 0
}

@media (max-width:750px) {
    .call-out-box {
        text-align: center
    }

        .call-out-box h2 {
            line-height: 1.4
        }

        .call-out-box .callout-content {
            width: 100%;
            padding-right: 0;
            float: none
        }

        .call-out-box .cws-button {
            margin-top: 20px;
            float: none
        }

        .call-out-box.with-icon .call-out-wrap .call-out-icon {
            left: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
            -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0)
        }
}

.alert {
    position: relative;
    z-index: 1;
    padding: 27px 50px 27px 70px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff;
    min-height: 80px;
    transition: all .3s
}

    .alert strong {
        display: inline-block;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 400;
        color: #fff
    }

    .alert .close {
        top: 50%;
        right: -31px;
        color: inherit;
        line-height: .6;
        font-size: 28px;
        opacity: 1;
        text-shadow: inherit
    }

        .alert .close:before {
            content: '\f101';
            font-family: Flaticon;
            font-size: 12px;
            color: #a9b5c1
        }

        .alert .close:hover {
            opacity: .5
        }

    .alert .alert-icon {
        position: absolute;
        z-index: 1;
        font-size: 30px;
        top: 50%;
        left: 30px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff
    }

        .alert .alert-icon.border {
            text-align: center;
            width: 40px;
            height: 40px;
            border: 2px solid;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            font-size: 20px;
            line-height: 36px
        }

    .alert.alert-notice {
        color: #a9b5c1;
        background: #e6eaed
    }

        .alert.alert-notice .alert-icon {
            color: #a9b5c1
        }

    .alert.alert-warning {
        background: #e75252
    }

        .alert.alert-warning .close:before {
            color: #d64242
        }

    .alert.alert-success {
        background: #52ac67
    }

        .alert.alert-success .close:before {
            color: #449757
        }

    .alert.alert-default {
        background: #424d58
    }

        .alert.alert-default .close:before {
            color: #383e44
        }

    .alert.alert-info {
        background: #ffc107
    }

        .alert.alert-info .close:before {
            color: #ddae22
        }

    .alert.alert-usefull {
        background: #4398d7
    }

        .alert.alert-usefull .close:before {
            color: #3583bd
        }

.counter-block {
    line-height: 1.16;
    margin: 0 auto;
    position: relative;
    max-width: 120px
}

    .counter-block svg {
        position: absolute;
        left: 10px;
        top: 5px;
        fill: #333;
        height: 35px;
        width: 35px
    }

    .counter-block .counter-icon {
        display: inline-block;
        line-height: .99;
        font-size: 32px;
        color: #a9b5c1;
        position: absolute;
        left: 0;
        top: 5px
    }

    .counter-block .counter-name-wrap {
        padding-left: 50px
    }

        .counter-block .counter-name-wrap .counter {
            font-size: 38px;
            color: #424d58
        }

        .counter-block .counter-name-wrap .counter-name {
            font-size: 12px;
            color: #283139
        }

    .counter-block.with-divider:before {
        content: ' ';
        position: absolute;
        z-index: 1;
        top: 0;
        left: -40%;
        border-left: 2px solid #ffc107;
        width: 3px;
        height: 50px;
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        transform: skew(-15deg)
    }

    .counter-block.white .counter-icon,
    .counter-block.white .counter-name-wrap .counter,
    .counter-block.white .counter-name-wrap .counter-name {
        color: #fff
    }

.pricing-tables {
    border: 1px solid #e6eaed;
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px;
    transition: all .3s;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto
}

    .pricing-tables .header-pt h3,
    .pricing-tables .price-pt,
    .pricing-tables .price-pt:before {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s
    }

    .pricing-tables .header-pt {
        display: block
    }

        .pricing-tables .header-pt h3 {
            color: #404040;
            margin: 0;
            line-height: 40px;
            font-size: 18px;
            transition: all .3s
        }

    .pricing-tables .price-pt {
        font-size: 50px;
        line-height: .8;
        padding: 35px 0 40px;
        position: relative;
        z-index: 1;
        transition: all .3s
    }

        .pricing-tables .price-pt sup {
            font-size: 60%
        }

        .pricing-tables .price-pt sub {
            bottom: 0;
            margin-left: 0;
            font-size: 18px
        }

        .pricing-tables .price-pt:before {
            content: ' ';
            position: absolute;
            z-index: -1;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #ffc107;
            opacity: 0;
            transition: all .3s
        }

    .pricing-tables .pricing-list {
        margin: 30px 0
    }

        .pricing-tables .pricing-list li {
            text-align: left;
            border-bottom: 1px dashed #e6eaed;
            margin: 0 25px;
            font-size: 14px;
            line-height: 28px;
            padding: 6px 20px
        }

            .pricing-tables .pricing-list li .list-icon {
                padding-right: 15px;
                padding-left: 30px
            }

                .pricing-tables .pricing-list li .list-icon.flaticon-mark {
                    color: #ffc107
                }

                .pricing-tables .pricing-list li .list-icon.flaticon-close {
                    color: #c82323
                }

    .pricing-tables.active .header-pt h3,
    .pricing-tables:hover .header-pt h3,
    .tabs .block-tabs-btn .tabs-btn.active {
        color: #ffc107
    }

    .pricing-tables .pricing-list li:last-child {
        border-bottom: 0
    }

    .pricing-tables .pricing-list li:before {
        display: none
    }

    .pricing-tables.active,
    .pricing-tables:hover {
        border-color: #ffc107
    }

        .pricing-tables.active .price-pt,
        .pricing-tables:hover .price-pt {
            color: #fff
        }

            .pricing-tables.active .price-pt:before,
            .pricing-tables:hover .price-pt:before {
                opacity: .8
            }

        .pricing-tables.active a.cws-button {
            background-color: #ffc107;
            border-color: #ffc107;
            color: #fff
        }

    .pricing-tables a.cws-button:hover {
        background-color: #ffc107 !important;
        border-color: #ffc107 !important;
        color: #fff !important
    }

.skill-bar .name,
.tabs .block-tabs-btn .tabs-btn {
    color: #a9b5c1;
    font-weight: 600;
    text-transform: uppercase
}

    .skill-bar .name .skill-bar-perc {
        float: right
    }

.skill-bar .bar {
    display: block;
    height: 6px;
    background-color: #a9b5c1;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    .skill-bar .bar span {
        display: block;
        width: 0;
        height: 100%;
        background-color: #ffc107;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

.tabs .block-tabs-btn .tabs-btn:first-child:before,
.tabs .container-tabs:not(.active) {
    display: none
}

.skill-bar + .skill-bar {
    margin-top: 18px
}

.skill-bar.st-color-1 .bar span {
    background: #e6eaed
}

.skill-bar.st-color-2 .bar span {
    background: #e75252
}

.skill-bar.st-color-3 .bar span {
    background: #52ac67
}

.skill-bar.st-color-4 .bar span {
    background: #4398d7
}

.skill-bar.st-main-color .bar span {
    background: #ffc107
}

.skill-bar.st-main-gray-color .bar span {
    background: #424d58
}

.tabs .block-tabs-btn {
    border: 1px solid #e8ecf0;
    background: #f0f4f7;
    border-bottom: 0
}

    .tabs .block-tabs-btn .tabs-btn {
        float: left;
        height: 48px;
        padding: 0 25px;
        line-height: 48px;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
        border-width: 1px 0 1px 1px;
        border-style: solid;
        border-color: #e6eaed;
        background: #f0f4f7;
        position: relative;
        margin: -1px 6px
    }

        .tabs .block-tabs-btn .tabs-btn.active,
        .tabs .block-tabs-btn .tabs-btn.active:after,
        .tabs .block-tabs-btn .tabs-btn.active:before {
            background: #424d58;
            border-color: #424d58
        }

        .tabs .block-tabs-btn .tabs-btn:after,
        .tabs .block-tabs-btn .tabs-btn:before {
            content: ' ';
            position: absolute;
            width: 15px;
            top: -1px;
            bottom: -1px;
            background: #f0f4f7;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            z-index: 1
        }

        .tabs .block-tabs-btn .tabs-btn:before {
            left: -7px;
            border: 1px solid #e8ecf0;
            border-width: 1px 0 1px 1px;
            transform: skew(-16deg);
            transition: all .3s
        }

        .tabs .block-tabs-btn .tabs-btn:after {
            right: -7px;
            border: 1px solid #e8ecf0;
            border-width: 1px 1px 1px 0;
            -webkit-transform: skew(-16deg);
            -moz-transform: skew(-16deg);
            -ms-transform: skew(-16deg);
            -o-transform: skew(-16deg);
            transform: skew(-16deg);
            transition: all .3s
        }

.profile-item,
.profile-item .title-wrap .title {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.tabs .block-tabs-btn .tabs-btn:first-child {
    margin-left: -1px
}

.tabs .tabs-keeper {
    padding: 20px 30px 10px;
    border: 1px solid #e6eaed
}

    .tabs .tabs-keeper ul {
        padding-left: 0
    }

        .tabs .tabs-keeper ul li {
            margin-left: 0
        }

.img-inside-tabs {
    float: left;
    margin-right: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media (max-width:550px) {
    .tabs .tabs-btn {
        float: none;
        border-width: 1px;
        margin-bottom: 5px
    }

    .tabs.left-control .block-tabs-btn {
        float: none
    }
}

.profile-item {
    border: 1px solid #e6eaed;
    padding: 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .3s;
    max-width: 370px;
    margin-right: auto;
    margin-left: auto
}

    .profile-item .profile-media {
        width: 48%;
        float: right;
        padding-top: 10px
    }

    .profile-item .title-wrap {
        text-transform: uppercase;
        text-align: left;
        margin-top: 20px;
        margin-left: 30px
    }

        .profile-item .title-wrap .title {
            font-weight: 400;
            margin-bottom: 5px;
            transition: all .3s;
            font-size: 24px
        }

.carousel-hover .owl-item,
.carousel-hover .owl-item > * {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.profile-item .title-wrap .title span {
    display: block;
    font-weight: 600
}

.profile-item .title-wrap .positions {
    color: #a9b5c1;
    font-size: 12px
}

.profile-item .soc-links {
    text-align: left;
    margin-left: 30px;
    margin-bottom: 15px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0
}

    .profile-item .soc-links .cws-social {
        color: #a9b5c1;
        font-size: 14px;
        margin-right: 10px
    }

        .profile-item .soc-links .cws-social:hover,
        .profile-item:hover .title {
            color: #ffc107
        }

        .profile-item .soc-links .cws-social + .cws-social {
            margin-left: 20px
        }

.profile-item:hover {
    border-color: #ffc107;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.divider {
    display: block;
    margin: 9px auto;
    width: 50px;
    height: 2px;
    background: #ffc107
}

    .divider.left {
        margin-left: 0;
        margin-right: 0
    }

    .divider.color-2 {
        background: #f9b91e
    }

    .divider.color-3 {
        background: #F56363
    }

    .divider.color-4 {
        background: #43C5B8
    }

    .divider.gray {
        background: #b5b5b5
    }

    .divider.gray-darknest {
        background: #8a9499
    }

    .divider.white {
        background: #fff
    }

    .divider.mini {
        width: 30px
    }

.pagination {
    margin-top: 0
}

    .pagination li a {
        min-width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        padding: 0;
        color: #a9b5c1;
        border-color: #e8ecf0;
        margin-left: -1px
    }

        .pagination li a span {
            line-height: 30px
        }

    .pagination li:first-child a,
    .pagination li:last-child a {
        background: #f0f4f7
    }

    .pagination li a.active,
    .pagination li a:focus,
    .pagination li a:hover {
        background: #ffc107;
        border-color: #ffc107 #e8ecf0;
        color: #fff
    }

    .pagination li:first-child:hover a {
        border-left: 1px solid #ffc107
    }

    .pagination li:last-child:hover a {
        border-right: 1px solid #ffc107
    }

nav .showing {
    line-height: 40px;
    font-size: 14px;
    color: #b5b5b5
}

    nav .showing span {
        color: #ffc107
    }

.carousel-container {
    overflow: hidden
}

    .carousel-container.hover-item {
        margin: 0 -5px;
        padding: 0 5px
    }

    .carousel-container .title-carousel {
        margin-bottom: 30px
    }

    .carousel-container .carousel-heading {
        float: left;
        margin: 0;
        text-transform: uppercase
    }

    .carousel-container .carousel-nav {
        float: right;
        font-size: 0;
        line-height: 32px
    }

        .carousel-container .carousel-nav .next,
        .carousel-container .carousel-nav .prev {
            vertical-align: bottom;
            display: inline-block;
            width: 25px;
            height: 25px;
            line-height: 23px;
            font-size: 18px;
            border: 1px solid #b5b5b5;
            text-align: center;
            cursor: pointer;
            margin-right: 5px
        }

            .carousel-container .carousel-nav .next:hover,
            .carousel-container .carousel-nav .prev:hover {
                color: #ffc107;
                border-color: #ffc107
            }

            .carousel-container .carousel-nav .next i,
            .carousel-container .carousel-nav .prev i {
                line-height: 23px
            }

    .carousel-container .owl-item > * {
        margin: 0 16px;
        box-sizing: border-box
    }

aside .owl-single-item {
    overflow: hidden;
    z-index: 1
}

    aside .owl-single-item .owl-next:before,
    aside .owl-single-item .owl-prev:before {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px
    }

    aside .owl-single-item .pic img {
        border: 1px solid #e6e6e6
    }

.comments .comment-body,
.comments .comment-body .comment-info .comment-meta,
.reviews-top {
    border-bottom: 1px solid #e8ecf0
}

.owl-single-itemaside .owl-next:before,
.owl-single-itemaside .owl-prev:before {
    width: 30px;
    height: 40px;
    font-size: 20px;
    line-height: 40px
}

.owl-single-item .owl-next,
.owl-single-item .owl-prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    display: block
}

    .owl-single-item .owl-next:before,
    .owl-single-item .owl-prev:before {
        content: '\f103';
        font-family: Flaticon;
        display: block;
        width: 50px;
        height: 70px;
        background: rgba(0, 0, 0, .6);
        font-size: 30px;
        color: #fff;
        line-height: 70px;
        text-align: center
    }

    .owl-single-item .owl-next:hover:before,
    .owl-single-item .owl-prev:hover:before {
        background: rgba(35, 125, 200, .7)
    }

.owl-single-item .owl-next {
    right: 0
}

.owl-single-item .owl-prev {
    left: 0
}

    .owl-single-item .owl-prev:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.carousel-hover .owl-item {
    pointer-events: all;
    transition: all .3s;
    margin-top: 5px;
    margin-bottom: 5px
}

    .carousel-hover .owl-item > * {
        transition: all .3s
    }

.carousel-hover:hover .owl-item {
    opacity: .3
}

    .carousel-hover:hover .owl-item:hover {
        opacity: 1
    }

        .carousel-hover:hover .owl-item:hover > * {
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            box-shadow: 0 0 10px rgba(0, 0, 0, .2)
        }

@media (max-width:737px) {
    .carousel-hover .owl-item {
        opacity: 1 !important
    }

    .carousel-hover:hover .owl-item:hover > * {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }
}

.blog-item:hover,
.shop-item:hover {
    -moz-box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .2)
}

.owl-carousel.nav {
    overflow: visible
}

.owl-buttons .owl-next,
.owl-buttons .owl-prev {
    position: absolute;
    z-index: 1;
    top: 50%;
    font-size: 40px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.owl-buttons .owl-prev {
    left: -30px
}

.owl-buttons .owl-next {
    right: -30px
}

#flex-carousel.flexslider {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    margin: auto
}

    #flex-carousel.flexslider .flex-viewport ul li {
        -webkit-transform: skew(-16deg);
        -moz-transform: skew(-16deg);
        -ms-transform: skew(-16deg);
        -o-transform: skew(-16deg);
        transform: skew(-16deg);
        overflow: hidden
    }

        #flex-carousel.flexslider .flex-viewport ul li.flex-active-slide:before {
            content: ' ';
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #ffc107;
            opacity: .8
        }

        #flex-carousel.flexslider .flex-viewport ul li img {
            -webkit-transform: skew(16deg) translateX(-10%);
            -moz-transform: skew(16deg) translateX(-10%);
            -ms-transform: skew(16deg) translateX(-10%);
            -o-transform: skew(16deg) translateX(-10%);
            transform: skew(16deg) translateX(-10%);
            max-width: none;
            width: 162px;
            max-height: 112px
        }

    #flex-carousel.flexslider .flex-direction-nav .flex-nav-next a,
    #flex-carousel.flexslider .flex-direction-nav .flex-nav-prev a {
        width: 40px;
        opacity: 1;
        margin: 0;
        font-size: 0;
        top: 0;
        height: 100%;
        background: #ffc107;
        overflow: visible
    }

        #flex-carousel.flexslider .flex-direction-nav .flex-nav-next a:before,
        #flex-carousel.flexslider .flex-direction-nav .flex-nav-prev a:before {
            color: #fff;
            position: absolute;
            z-index: 1;
            top: 35%
        }

        #flex-carousel.flexslider .flex-direction-nav .flex-nav-next a:after,
        #flex-carousel.flexslider .flex-direction-nav .flex-nav-prev a:after {
            content: ' ';
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
            top: 0;
            -webkit-transform: skew(-16deg);
            -moz-transform: skew(-16deg);
            -ms-transform: skew(-16deg);
            -o-transform: skew(-16deg);
            transform: skew(-16deg);
            background: #ffc107
        }

    #flex-carousel.flexslider .flex-direction-nav .flex-prev {
        left: -40px
    }

        #flex-carousel.flexslider .flex-direction-nav .flex-prev:before {
            left: 10px
        }

        #flex-carousel.flexslider .flex-direction-nav .flex-prev:after {
            right: -16px;
            border-right: 5px solid #fff
        }

    #flex-carousel.flexslider .flex-direction-nav .flex-next {
        right: -40px
    }

        #flex-carousel.flexslider .flex-direction-nav .flex-next:before {
            right: 10px
        }

        #flex-carousel.flexslider .flex-direction-nav .flex-next:after {
            left: -16px;
            border-left: 5px solid #fff
        }

    #flex-carousel.flexslider:hover .flex-direction-nav .flex-prev {
        left: -40px;
        opacity: 1
    }

    #flex-carousel.flexslider:hover .flex-direction-nav .flex-next {
        right: -40px;
        opacity: 1
    }

.reviews-wrap .comments {
    padding: 40px
}

.comments .comment-body {
    position: relative;
    padding-bottom: 30px
}

    .comments .comment-body .avatar {
        text-align: center;
        margin: 0 40px 10px 0;
        float: left;
        width: 90px;
        height: 90px;
        position: relative;
        z-index: 2
    }

        .comments .comment-body .avatar img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

    .comments .comment-body .comment-info {
        margin-left: 130px;
        position: relative
    }

        .comments .comment-body .comment-info .comment-meta .title {
            display: inline-block;
            color: #404040
        }

            .comments .comment-body .comment-info .comment-meta .title h5 {
                font-size: 18px
            }

            .comments .comment-body .comment-info .comment-meta .title span {
                font-size: 15px;
                color: #939ea9;
                display: block;
                margin-top: 5px
            }

        .comments .comment-body .comment-info .comment-meta .comment-date {
            float: right;
            font-size: 14px;
            color: #a9b5c1;
            text-align: right
        }

            .comments .comment-body .comment-info .comment-meta .comment-date .stars {
                font-size: 14px
            }

            .comments .comment-body .comment-info .comment-meta .comment-date span {
                display: block
            }

        .comments .comment-body .comment-info .comment-content {
            font-size: 14px;
            margin-top: 10px;
            overflow: hidden
        }

            .comments .comment-body .comment-info .comment-content > a {
                color: #424d58;
                font-size: 12px;
                text-transform: uppercase;
                font-weight: 700;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s
            }

                .comments .comment-body .comment-info .comment-content > a:hover {
                    color: #ffc107
                }

    .comments .comment-body.comment-children {
        padding-left: 40px
    }

        .comments .comment-body.comment-children.child-3 {
            padding-left: 80px
        }

        .comments .comment-body.comment-children.child-4 {
            padding-left: 120px
        }

    .comments .comment-body + .comment-body {
        padding-top: 40px
    }

.reviews-wrap {
    border: 1px solid #e8ecf0
}

.reviews-top {
    display: flex
}

.reviews-total {
    background: #424d58;
    width: 170px;
    min-height: 170px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .reviews-total h5 {
        color: #ffc107;
        font-weight: 400;
        margin-bottom: 5px
    }

    .reviews-total .reviews-sub-mark {
        color: #fff;
        font-size: 50px;
        line-height: 1;
        margin-bottom: 5px
    }

    .reviews-total > span {
        display: block;
        margin-top: 5px
    }

.reviews-marks {
    background: #f0f4f7;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 10px 10px
}

    .reviews-marks ul {
        width: 290px
    }

        .reviews-marks ul li > span {
            float: right
        }

    .reviews-marks .stars-perc {
        vertical-align: sub
    }

.reviews-bottom {
    text-align: center;
    margin-bottom: 40px
}

    .reviews-bottom > * {
        display: inline-block;
        vertical-align: middle
    }

    .reviews-bottom h4 {
        margin-right: 30px;
        font-weight: 400
    }

.testimonial-item {
    background: #fff;
    margin: 0 15px;
    padding-bottom: 35px;
    max-width: 370px
}

    .testimonial-item .testimonial-top {
        position: relative;
        z-index: 1;
        height: 100px
    }

        .testimonial-item .testimonial-top .pic {
            position: relative;
            z-index: 1;
            height: 100px;
            overflow: hidden;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

            .testimonial-item .testimonial-top .author,
            .testimonial-item .testimonial-top .pic img {
                position: absolute;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s
            }

            .testimonial-item .testimonial-top .pic:before {
                content: ' ';
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, .3)
            }

            .testimonial-item .testimonial-top .pic img {
                z-index: -1;
                top: -35%;
                transition: all .3s;
                max-width: none
            }

        .testimonial-item .testimonial-top .author {
            z-index: 1;
            left: 50%;
            top: 50%;
            -webkit-transform: translate3d(-50%, -10px, 0);
            -moz-transform: translate3d(-50%, -10px, 0);
            transform: translate3d(-50%, -10px, 0);
            transition: all .3s
        }

            .testimonial-item .testimonial-top .author img {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                border: 2px solid #fff
            }

    .testimonial-item .testimonial-body {
        text-align: center;
        margin-top: 90px
    }

        .testimonial-item .testimonial-body .title {
            font-weight: 400;
            margin-bottom: 0
        }

            .testimonial-item .testimonial-body .title span {
                font-weight: 700
            }

        .testimonial-item .testimonial-body p {
            padding: 0 13%;
            margin-bottom: 20px
        }

        .testimonial-item .testimonial-body .testimonial-button {
            color: #424d58;
            font-size: 12px;
            position: relative;
            z-index: 1;
            text-transform: uppercase;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            font-weight: 700
        }

            .testimonial-item .testimonial-body .testimonial-button:before {
                content: ' ';
                position: absolute;
                z-index: 1;
                bottom: -5px;
                left: 50%;
                width: 30px;
                height: 2px;
                background: #ffc107;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s
            }

            .testimonial-item .testimonial-body .testimonial-button:hover {
                color: #a9b5c1
            }

                .testimonial-item .testimonial-body .testimonial-button:hover:before {
                    width: 100%
                }

    .testimonial-item:hover .testimonial-top .pic {
        height: 180px
    }

        .testimonial-item:hover .testimonial-top .pic img {
            top: 0
        }

    .testimonial-item:hover .testimonial-top .author {
        -webkit-transform: translate3d(-50%, -20px, 0);
        -moz-transform: translate3d(-50%, -20px, 0);
        transform: translate3d(-50%, -20px, 0)
    }

.flaticon-return13 {
    display: inline-block;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-left: 6px
}

@media (max-width:420px) {
    .author {
        margin: 0 0 20px;
        float: none
    }

    .comment-text {
        margin-left: 0
    }

    .comment-container .comment-text:before {
        left: 50%;
        top: -14px;
        -webkit-transform: rotate(-45deg) translateX(-50%);
        -moz-transform: rotate(-45deg) translateX(-50%);
        -ms-transform: rotate(-45deg) translateX(-50%);
        -o-transform: rotate(-45deg) translateX(-50%);
        transform: rotate(-45deg) translateX(-50%)
    }

    .comment-container.white .comment-text:before {
        left: 50%;
        top: -9px;
        -webkit-transform: rotate(90deg) translate(-50%, 50%);
        -moz-transform: rotate(90deg) translate(-50%, 50%);
        -ms-transform: rotate(90deg) translate(-50%, 50%);
        -o-transform: rotate(90deg) translate(-50%, 50%);
        transform: rotate(90deg) translate(-50%, 50%)
    }
}

.embed-responsive {
    z-index: 1;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item {
        z-index: 1
    }



footer.footer.fixed {
    position: fixed;
    z-index: -1;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0
}

.boxed footer.footer {
    max-width: 1250px;
    margin: 0 auto
}

@media (max-width:1200px) {
    footer.footer .footer-nav .footer-magic-line li a {
        padding: 10px 20px
    }
}

@media (max-width:767px) {
    .copyright .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .copyright,
    .copyright .text-right {
        text-align: center
    }

        .copyright .text-right {
            margin: 8px 0;
            font-size: 14px
        }
}

.blog-item {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: #fff
}

    .blog-item.border {
        border: 1px solid #f5f5f5
    }

    .blog-item .blog-media {
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-bottom: 0;
        float: left
    }

        .blog-item .blog-media:before {
            content: ' ';
            position: absolute;
            z-index: 2;
            top: 0;
            right: -15%;
            height: 100%;
            width: 30%;
            -webkit-transform: skew(-15deg);
            -moz-transform: skew(-15deg);
            -ms-transform: skew(-15deg);
            -o-transform: skew(-15deg);
            transform: skew(-15deg);
            background: #fff
        }

        .blog-item .blog-media .pic {
            position: relative;
            z-index: 1
        }

            .blog-item .blog-media .pic img {
                width: 270px;
                height: 270px
            }

            .blog-item .blog-media .pic .links {
                position: absolute;
                z-index: 1;
                bottom: 10px;
                right: 80px;
                text-align: center;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s;
                opacity: 0
            }

                .blog-item .blog-media .pic .links .share-icon {
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    background: #424d58;
                    color: #fff;
                    display: block
                }

            .blog-item .blog-media .pic:after,
            .blog-item .blog-media .pic:before {
                z-index: 1;
                height: 100%;
                position: absolute;
                width: 100%;
                content: ' ';
                top: 0
            }

            .blog-item .blog-media .pic:before {
                left: 0;
                background: #ffc107;
                opacity: 0;
                -webkit-transition: all .35s;
                -moz-transition: all .35s;
                -o-transition: all .35s;
                transition: all .35s
            }

            .blog-item .blog-media .pic:after {
                right: -90%;
                -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                background: #fff;
                opacity: .2;
                -webkit-transition: all .6s;
                -moz-transition: all .6s;
                -o-transition: all .6s;
                transition: all .6s
            }

    .blog-item .blog-item-body .blog-button,
    .blog-item .blog-item-body .blog-title {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        text-transform: uppercase
    }

    .blog-item .blog-media .audio-wrapper {
        position: absolute;
        z-index: 15;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 15px;
        background: rgba(0, 0, 0, .4)
    }

        .blog-item .blog-media .audio-wrapper audio {
            width: 100%;
            max-width: 100%
        }

    .blog-item .blog-item-body {
        padding: 25px 40px 0 20px;
        overflow: hidden
    }

        .blog-item .blog-item-body .blog-title {
            line-height: 1.3;
            margin-top: 0;
            margin-bottom: 5px;
            transition: all .3s
        }

        .blog-item .blog-item-body .blog-item-data {
            margin-bottom: 0;
            color: #a9b5c1;
            font-size: 14px
        }

        .blog-item .blog-item-body .blog-button {
            float: right;
            font-size: 12px;
            font-weight: 700;
            color: #424d58;
            transition: all .3s
        }

            .blog-item .blog-item-body .blog-button:hover {
                color: #ffc107
            }

    .blog-item .post-info > span {
        font-size: 15px;
        color: #a9b5c1;
        font-weight: 600;
        margin-left: 10px
    }

    .blog-item .post-info .post-category {
        text-transform: uppercase;
        color: #424d58;
        font-weight: 700;
        font-size: 13px
    }

        .blog-item .post-info .post-category:hover {
            color: #ffc107
        }

    .blog-item.boxed .blog-media {
        float: none
    }

        .blog-item.boxed .blog-media:before {
            display: none
        }

        .blog-item.boxed .blog-media .pic img {
            width: 100%
        }

        .blog-item.boxed .blog-media .pic:after {
            -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -36%, 0);
            -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -36%, 0);
            transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -36%, 0)
        }

    .blog-item.boxed .blog-item-body {
        padding-bottom: 30px
    }

    .blog-item:hover .blog-media .pic:before {
        opacity: .3
    }

    .blog-item:hover .blog-media .pic:after {
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
        -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0)
    }

    .blog-item:hover .blog-media .pic .links {
        opacity: 1;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .blog-item.alt:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

@media (max-width:600px) {
    .blog-item .blog-media {
        float: none
    }

        .blog-item .blog-media:before {
            display: none
        }

        .blog-item .blog-media .pic img {
            width: 100%
        }

        .blog-item .blog-media .pic:after {
            -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -36%, 0);
            -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -36%, 0);
            transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -36%, 0)
        }

    .blog-item .blog-item-body {
        padding-bottom: 30px
    }
}

.owl-item .blog-item {
    padding-bottom: 0
}

.nav-blog {
    text-transform: uppercase
}

    .nav-blog .next,
    .nav-blog .prev {
        vertical-align: middle;
        color: #b2b2b2
    }

        .nav-blog .next:hover,
        .nav-blog .prev:hover {
            color: #ffc107
        }

        .nav-blog .prev,
        .nav-blog .prev i {
            padding-right: 10px
        }

        .nav-blog .next,
        .nav-blog .next i {
            padding-left: 10px
        }

    .nav-blog span {
        vertical-align: middle;
        display: inline-block;
        height: 16px;
        border-left: 1px solid #b5b5b5
    }

.tags-blog {
    text-align: right
}

    .tags-blog a:first-child {
        margin-left: 15px
    }

    .tags-blog a {
        color: #b2b2b2;
        font-style: italic
    }

        .tags-blog a:hover {
            color: #43C5B8
        }

.blog-tags {
    border: 1px solid #f5f5f5
}

.blog-nav-tags {
    padding: 20px 30px;
    color: #a9b5c1;
    display: inline-block
}

    .blog-nav-tags a {
        color: #a9b5c1;
        font-weight: 600
    }

    .blog-nav-tags > i {
        margin-right: 15px
    }

    .blog-nav-tags a:hover {
        color: #ffc107
    }

.blog-nav-share {
    float: right;
    padding-top: 20px;
    padding-right: 30px
}

    .blog-nav-share .cws-social {
        color: #a9b5c1;
        margin-left: 30px;
        font-size: 18px
    }

        .blog-nav-share .cws-social:hover {
            color: #ffc107
        }

.blog-box.blog-item {
    background: #fff;
    padding-bottom: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .blog-box.blog-item .blog-item-data .blog-title {
        font-size: 16px;
        margin-left: 55px
    }

    .blog-box.blog-item .blog-item-data .divider {
        margin: 8px 0 3px 55px
    }

.blog-item.medium-img .blog-item-foot,
.blog-item.small-img .blog-item-foot {
    margin-top: 30px
}

.blog-box.blog-item .blog-item-data .post-info {
    margin-left: 55px
}

.blog-box.blog-item .blog-media {
    border: 0;
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.blog-box.blog-item .blog-content {
    border: 1px solid #b5b5b5;
    padding: 18px 15px 25px 23px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px
}

.blog-date .date,
.blog-date .date .date-cont {
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.blog-box.blog-item .blog-item-body {
    padding-left: 55px
}

.blog-item.medium-img .blog-media {
    width: 540px;
    max-width: 100%;
    float: left;
    margin-right: 30px;
    margin-bottom: 0
}

.blog-item.medium-img .blog-title {
    margin-bottom: 20px
}

.blog-item.small-img .blog-media {
    width: 340px;
    max-width: 100%;
    float: left;
    margin-right: 30px
}

.blog-item.small-img .blog-item-data {
    margin-bottom: 30px
}

.blog-item.small-img .blog-title {
    margin-bottom: 20px
}

.blog-date .date {
    position: relative;
    z-index: 1;
    display: inline-block;
    border-style: solid;
    font-size: 14px;
    color: #fff;
    background: 0 0;
    vertical-align: middle;
    border-width: 0;
    border-radius: 0
}

    .blog-date .date:before {
        content: ' ';
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ffc107
    }

    .blog-date .date .date-cont {
        border-radius: 0;
        position: relative;
        z-index: 1;
        overflow: hidden
    }

        .blog-date .date .date-cont > span {
            text-align: center;
            display: block;
            box-sizing: border-box;
            padding: 0;
            height: 40px;
            line-height: 40px;
            font-size: 30px;
            min-width: 60px
        }

            .blog-date .date .date-cont > span.day:before {
                content: "";
                display: block;
                position: absolute;
                bottom: -webkit-calc(50% - 6px);
                bottom: -moz-calc(50% - 6px);
                bottom: calc(50% - 6px);
                left: -webkit-calc(50% - 8px);
                left: -moz-calc(50% - 8px);
                left: calc(50% - 8px);
                z-index: 3;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 6px 8px 0;
                border-color: #ffc107 transparent transparent;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s
            }

    .blog-date .date .month,
    .blog-date .date .month:before,
    .item .date .month:after {
        position: absolute;
        left: 0;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        bottom: 0
    }

    .blog-date .date:hover .date-cont > span.day:before {
        border-color: #b3b3b3 transparent transparent
    }

    .blog-date .date .date-cont > span.month,
    .blog-date .date .date-cont > span.year {
        font-size: 14px
    }

.small .blog-date .date .date-cont > span {
    min-width: 35px;
    height: 25px;
    line-height: 25px;
    font-size: 18px
}

    .small .blog-date .date .date-cont > span.month,
    .small .blog-date .date .date-cont > span.year {
        font-size: 14px
    }

.blog-date .date:hover .month {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.blog-date .date .month:before,
.item .date .month:after {
    content: ' ';
    right: 0;
    z-index: -1;
    top: 0;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #b3b3b3
}

.blog-date .date:hover .month:before {
    opacity: 0;
    opacity: 1
}

.blog-date .date .month {
    z-index: 1;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    background: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    overflow: visible;
    color: #fff
}

.css-parallax,
blockquote {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.blog-date .date .month > span {
    display: block;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blog-date.alt,
.blog-date.alt-2 {
    position: absolute;
    left: 0;
    -o-transition: all .3s
}

.blog-date .date:hover .month > span {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.blog-date .date .month:after {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: -2
}

.blog-date.alt {
    z-index: 1;
    bottom: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.blog-date.alt-2 {
    z-index: 1;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.blog-media .pic:hover + .blog-date.alt {
    opacity: 0
}

@media screen and (max-width:1199px) and (min-width:992px) {
    .col-md-4 .blog-item .blog-item-foot {
        text-align: center
    }

        .col-md-4 .blog-item .blog-item-foot .cws-button {
            margin-top: 10px;
            float: none !important
        }
}

@media screen and (max-width:380px) {
    .blog-item .blog-item-foot {
        text-align: center
    }

        .blog-item .blog-item-foot .cws-button {
            margin-top: 10px;
            float: none !important
        }
}

blockquote {
    font-size: 18px;
    border: 0;
    padding: 25px 40px;
    color: #fff;
    /*background-image: url(/Content/Content/pic/1920-img-4.jpg);*/
    background-size: cover;
    background-position: 0 50%;
    background-repeat: no-repeat
}

    blockquote:before {
        display: block;
        text-align: center;
        font-style: normal;
        font-family: Flaticon;
        font-size: 24px
    }

    blockquote p {
        font-style: italic;
        font-weight: 300
    }

    blockquote footer {
        font-size: 1em;
        color: #fff
    }

        blockquote footer cite {
            font-style: normal
        }

    blockquote.without-img {
        background: 0 0;
        color: inherit
    }

        blockquote.without-img footer {
            color: #f9b91e
        }

.quote.alt-2 {
    margin-left: 40px;
    margin-right: 40px;
    border-bottom: 2px solid #ffc107;
    position: relative;
    z-index: 1
}

    .quote.alt-2 p {
        font-size: 20px;
        color: #424d58;
        margin-bottom: 0;
        padding-left: 35px
    }

        .quote.alt-2 p:before {
            content: '\f11c';
            font-family: Flaticon;
            color: #e6eaed;
            position: absolute;
            z-index: -1;
            left: -10px;
            top: -18px;
            font-size: 35px;
            font-style: normal
        }

    .quote.alt-2 span {
        color: #a9b5c1;
        float: right;
        margin-bottom: 15px
    }

.quote.alt-3 {
    background: #fff;
    padding: 60px 50px;
    text-align: center;
    position: relative;
    margin: 10px
}

    .quote.alt-3:before {
        content: ' ';
        position: absolute;
        z-index: 1;
        right: -5px;
        top: 20px;
        width: 20px;
        height: 20px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff
    }

    .quote.alt-3 p {
        font-size: 16px;
        color: #424d58;
        font-style: italic
    }

        .quote.alt-3 p:before {
            content: '\f138';
            font-family: Flaticon;
            color: #000;
            opacity: .05;
            position: absolute;
            z-index: 1;
            right: 50%;
            -webkit-transform: translateX(50%);
            -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
            -o-transform: translateX(50%);
            transform: translateX(50%);
            top: -10px;
            font-size: 125px;
            font-style: normal
        }

    .quote.alt-3 h4 span {
        font-size: 14px;
        color: #ffc107
    }

    .quote.alt-3 .star-rating:before {
        color: #fe8432
    }

aside .cws-widget + .cws-widget {
    margin-top: 40px;
    padding-bottom: 30px
}

aside .cws-widget:last-child {
    padding-bottom: 0
}

aside .cws-widget {
    border: 1px solid #f5f5f5
}

.cws-widget .widget-title {
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #424d58;
    margin: 0 40px 30px 0;
    padding: 35px 0 15px 40px;
    border-bottom: 2px solid #ffc107
}

    .cws-widget .widget-title.alt {
        color: #fff;
        background: #424d58;
        margin-right: 0;
        padding: 13px 0 13px 40px
    }

.widget-search {
    border: 1px solid #f5f5f5
}

    .widget-search form,
    .widget-subscribe form {
        position: relative;
        padding: 20px
    }

        .widget-search form label,
        .widget-subscribe form label {
            display: block;
            font-weight: 300;
            font-style: italic;
            margin-bottom: 0
        }

        .widget-search form input,
        .widget-subscribe form input {
            border: 0;
            line-height: 38px;
            height: 40px;
            padding: 0 10px 0 50px;
            width: 100%;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }

        .widget-search form .search-submit,
        .widget-subscribe form .submit {
            position: absolute;
            top: 50%;
            left: 20px;
            width: 50px;
            line-height: 36px;
            height: 40px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 0;
            background-color: transparent;
            cursor: pointer;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            font-size: 18px;
            color: #ffc107;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

            .widget-search form .search-submit:hover,
            .widget-subscribe form .submit:hover {
                color: #b5b5b5
            }

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute
}

.widget-subscribe form input {
    padding-right: 83px
}

aside {
    padding-bottom: 10px
}

    aside + aside {
        margin-top: 40px
    }

    aside:last-child {
        border-bottom: 0
    }

.widget-archive,
.widget-categories,
.widget-custom-filter,
.widget-items {
    background-position: 0 -50%;
    background-repeat: repeat
}

    .widget-archive .widget-title,
    .widget-categories .widget-title,
    .widget-custom-filter .widget-title,
    .widget-items .widget-title {
        margin-bottom: 15px
    }

    .widget-archive ul,
    .widget-categories ul,
    .widget-custom-filter ul,
    .widget-items ul {
        font-size: 16px;
        margin-left: 40px;
        margin-bottom: 0
    }

        .widget-archive ul li,
        .widget-categories ul li,
        .widget-custom-filter ul li,
        .widget-items ul li {
            line-height: 40px;
            padding: 0 40px 0 15px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            color: #a9b5c1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            margin-left: 0;
            font-weight: 700;
            text-transform: uppercase
        }

            .widget-archive ul li:before,
            .widget-categories ul li:before,
            .widget-custom-filter ul li:before,
            .widget-items ul li:before {
                content: "";
                position: absolute;
                z-index: 1;
                top: 50%;
                left: 0;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                width: 6px;
                height: 6px;
                background: #ffc107;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .widget-archive ul li a,
            .widget-categories ul li a,
            .widget-custom-filter ul li a,
            .widget-items ul li a {
                color: #a9b5c1;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -moz-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

                .widget-archive ul li a span,
                .widget-categories ul li a span,
                .widget-custom-filter ul li a span,
                .widget-items ul li a span {
                    margin-left: 15px;
                    color: #a9b5c1
                }

            .widget-archive ul li:hover a,
            .widget-categories ul li:hover a,
            .widget-custom-filter ul li:hover a,
            .widget-items ul li:hover a,
            .widget-items ul li:hover a span {
                color: #ffc107
            }

            .widget-items ul li:before {
                width: 6px;
                height: 6px;
                border: 1px solid #43C5B8;
                content: ""
            }

            .widget-items ul li a span {
                min-width: 0;
                background: 0 0 !important
            }

    .widget-categories.alt .accordion.style-2 .content-title {
        color: #424d58;
        margin-top: 0
    }

        .widget-categories.alt .accordion.style-2 .content-title.active {
            color: #ffc107
        }

        .widget-categories.alt .accordion.style-2 .content-title span {
            padding-left: 0;
            background: 0 0;
            border: 0;
            border-bottom: 1px dashed #e6e6e6;
            font-size: 14px
        }

    .widget-categories.alt .accordion.style-2 .content {
        padding-bottom: 0;
        padding-top: 0;
        border-bottom: 1px dashed #e6e6e6
    }

        .widget-categories.alt .accordion.style-2 .content ul {
            margin-bottom: 0
        }

            .widget-categories.alt .accordion.style-2 .content ul li {
                font-size: 14px;
                line-height: 30px
            }

                .widget-categories.alt .accordion.style-2 .content ul li a {
                    color: #b5b5b5
                }

                    .widget-categories.alt .accordion.style-2 .content ul li a:after,
                    .widget-categories.alt .accordion.style-2 .content ul li:before {
                        display: none
                    }

                .widget-categories.alt .accordion.style-2 .content ul li.active,
                .widget-categories.alt .accordion.style-2 .content ul li:hover {
                    padding: 0
                }

                    .widget-categories.alt .accordion.style-2 .content ul li.active a,
                    .widget-categories.alt .accordion.style-2 .content ul li:hover a {
                        color: #ffc107
                    }

@media screen and (max-width:991px) {
    .widget-archive ul li a span,
    .widget-categories ul li a span,
    .widget-items ul li a span {
        float: none;
        display: inline-block;
        margin-left: 20px
    }
}

.widget-post .item-recent,
.widget-post .item-top-sellers,
.widget-top-sellers .item-recent,
.widget-top-sellers .item-top-sellers {
    margin: 0 40px 15px
}

    .widget-post .item-recent:last-child,
    .widget-post .item-top-sellers:last-child,
    .widget-top-sellers .item-recent:last-child,
    .widget-top-sellers .item-top-sellers:last-child {
        margin-bottom: 0
    }

    .widget-post .item-recent img,
    .widget-post .item-top-sellers img,
    .widget-top-sellers .item-recent img,
    .widget-top-sellers .item-top-sellers img {
        border: 1px solid #e6e6e6;
        width: 70px;
        height: 60px;
        float: left;
        margin-right: 14px
    }

    .widget-post .item-recent .widget-post-media,
    .widget-post .item-top-sellers .widget-post-media,
    .widget-top-sellers .item-recent .widget-post-media,
    .widget-top-sellers .item-top-sellers .widget-post-media {
        position: relative;
        width: 80px;
        height: 80px;
        float: left;
        margin-right: 30px
    }

        .widget-post .item-recent .widget-post-media:before,
        .widget-post .item-top-sellers .widget-post-media:before,
        .widget-top-sellers .item-recent .widget-post-media:before,
        .widget-top-sellers .item-top-sellers .widget-post-media:before {
            content: ' ';
            position: absolute;
            z-index: 1;
            top: 0;
            right: -15%;
            height: 100%;
            width: 30%;
            -webkit-transform: skew(-15deg);
            -moz-transform: skew(-15deg);
            -ms-transform: skew(-15deg);
            -o-transform: skew(-15deg);
            transform: skew(-15deg);
            background: #fff
        }

.ui-state-default.ui-state-active:before,
a.ui-datepicker-next.ui-corner-all i,
a.ui-datepicker-prev.ui-corner-all i {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.widget-post .item-recent .title,
.widget-post .item-top-sellers .title,
.widget-top-sellers .item-recent .title,
.widget-top-sellers .item-top-sellers .title {
    font-size: 14px;
    margin: 9px 0 11px;
    color: #424d58;
    text-transform: uppercase;
    font-weight: 700
}

    .widget-post .item-recent .title a:hover,
    .widget-post .item-top-sellers .title a:hover,
    .widget-top-sellers .item-recent .title a:hover,
    .widget-top-sellers .item-top-sellers .title a:hover {
        color: #ffc107
    }

.widget-post .item-recent .date-recent,
.widget-post .item-top-sellers .date-recent,
.widget-top-sellers .item-recent .date-recent,
.widget-top-sellers .item-top-sellers .date-recent {
    font-size: 14px;
    color: #a9b5c1
}

.widget-post .item-recent .price,
.widget-post .item-top-sellers .price,
.widget-top-sellers .item-recent .price,
.widget-top-sellers .item-top-sellers .price {
    font-size: 18px;
    line-height: 22px;
    color: #ffc107
}

    .widget-post .item-recent .price .old-price,
    .widget-post .item-top-sellers .price .old-price,
    .widget-top-sellers .item-recent .price .old-price,
    .widget-top-sellers .item-top-sellers .price .old-price {
        color: #ccc;
        font-size: 16px;
        margin-left: 8px;
        text-decoration: line-through
    }

.widget-post .item-recent img {
    width: 80px;
    height: 80px
}

.top-shop .widget-top-sellers {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    width: 370px;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 0 25px;
    text-align: left;
    cursor: default
}

    .top-shop .widget-top-sellers p {
        text-align: center;
        line-height: 60px;
        margin-bottom: 0
    }

        .top-shop .widget-top-sellers p span {
            color: #ffc107;
            margin: 0
        }

    .top-shop .widget-top-sellers .item-top-sellers {
        margin-bottom: 0
    }

        .top-shop .widget-top-sellers .item-top-sellers img {
            width: 70px;
            height: 80px
        }

        .top-shop .widget-top-sellers .item-top-sellers .title {
            font-size: 13px;
            margin: 5px 0 7px
        }

            .top-shop .widget-top-sellers .item-top-sellers .title .shop-close {
                float: right
            }

                .top-shop .widget-top-sellers .item-top-sellers .title .shop-close i {
                    color: #424d58
                }

                    .top-shop .widget-top-sellers .item-top-sellers .price > span:first-child,
                    .top-shop .widget-top-sellers .item-top-sellers .title .shop-close i:hover {
                        color: #ffc107
                    }

        .top-shop .widget-top-sellers .item-top-sellers .price span {
            margin: 0
        }

        .top-shop .widget-top-sellers .item-top-sellers .price .old-price {
            margin-left: 10px
        }

        .top-shop .widget-top-sellers .item-top-sellers .star-rating {
            display: block;
            line-height: 14px
        }

            .top-shop .widget-top-sellers .item-top-sellers .star-rating:before {
                font-size: 14px;
                color: #fe8432
            }

            .top-shop .widget-top-sellers .item-top-sellers .star-rating span:before {
                font-size: 14px;
                line-height: 17px
            }

    .top-shop .widget-top-sellers .total {
        line-height: 1;
        margin-bottom: 30px
    }

        .top-shop .widget-top-sellers .total .sub-total {
            float: left
        }

            .top-shop .widget-top-sellers .total .sub-total span {
                color: #ffc107
            }

        .top-shop .widget-top-sellers .total .clear {
            color: #b5b5b5;
            float: right
        }

            .top-shop .widget-top-sellers .total .clear i {
                color: #b5b5b5
            }

    .top-shop .widget-top-sellers .cart-buttons {
        background: #f2f2f2;
        height: 60px;
        text-align: center;
        margin: 0 -25px;
        padding-top: 9px
    }

.top-shop:hover .widget-top-sellers {
    opacity: 1;
    visibility: visible
}

.widget-media {
    margin-bottom: 15px
}

.widget-comments ul {
    margin-left: 40px;
    margin-bottom: 0;
    font-size: 15px
}

    .widget-comments ul li {
        padding: 0 40px 0 20px;
        margin-left: 0;
        margin-bottom: 15px
    }

        .widget-comments ul li:before {
            content: "\f104";
            font-family: Flaticon;
            font-size: 14px;
            position: absolute;
            z-index: 1;
            top: 2px;
            left: 0;
            line-height: 1
        }

        .widget-comments ul li .widget-comments-title {
            line-height: 1.5;
            margin-bottom: 5px
        }

            .widget-comments ul li .widget-comments-title a {
                color: #a9b5c1;
                font-weight: 600
            }

                .widget-comments ul li .widget-comments-title a.title {
                    color: #424d58;
                    text-transform: uppercase;
                    font-weight: 700
                }

                .widget-comments ul li .widget-comments-title a:hover {
                    color: #ffc107
                }

        .widget-comments ul li a {
            color: #a9b5c1
        }

            .widget-comments ul li a span {
                margin-left: 15px;
                color: #a9b5c1
            }

.widget-tags {
    padding-bottom: 25px
}

    .widget-tags .widget-tags-wrap {
        margin: 0 30px 0 20px
    }

    .widget-tags .tag {
        display: inline-block;
        line-height: 20px;
        font-size: 13px;
        margin-left: 20px;
        color: #a9b5c1;
        font-weight: 700;
        text-transform: uppercase
    }

        .widget-tags .tag:hover {
            color: #ffc107
        }

.widget-text .widget-title {
    margin-bottom: 20px
}

.widget-text p {
    font-size: 14px
}

.menu-widget .magic-line {
    margin: 0 auto;
    list-style: none;
    position: relative;
    width: 100%;
    line-height: 1;
    border-bottom: 2px solid #e6eaed
}

    .menu-widget .magic-line li {
        display: inline-block;
        position: initial;
        margin: 0;
        padding: 0
    }

        .menu-widget .magic-line li:before {
            display: none
        }

        .menu-widget .magic-line li a {
            color: #a9b5c1;
            font-size: 14px;
            float: left;
            padding: 10px 25px 30px;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 700;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            cursor: pointer
        }

            .menu-widget .magic-line li a:hover,
            .menu-widget .magic-line li.current_item a {
                color: #424d58
            }

    .menu-widget .magic-line #magic-line {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100px;
        height: 2px;
        background: #ffc107
    }

.carousel-pag .owl-pagination,
.pagiation-carousel .owl-pagination {
    display: block;
    text-align: center;
    margin-top: 25px
}

    .carousel-pag .owl-pagination .owl-page,
    .pagiation-carousel .owl-pagination .owl-page {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 5px;
        border: 2px solid transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #fff
    }

        .carousel-pag .owl-pagination .owl-page.active,
        .pagiation-carousel .owl-pagination .owl-page.active {
            border-color: #ffc107;
            background: 0 0
        }

.carousel-pag.main-color .owl-page,
.pagiation-carousel.main-color .owl-page {
    border-color: #404040
}

    .carousel-pag.main-color .owl-page.active,
    .pagiation-carousel.main-color .owl-page.active {
        border-color: #ffc107;
        background: #ffc107
    }

.carousel-pag.white .owl-page.active,
.carousel-pag.white .owl-pagination .owl-page.active,
.pagiation-carousel.white .owl-page.active {
    background: #fff
}

.carousel-pag.white .owl-page,
.pagiation-carousel.white .owl-page {
    border-color: #fff
}

.carousel-pag.white .owl-pagination {
    display: block;
    text-align: center;
    margin-top: 25px
}

    .carousel-pag.white .owl-pagination .owl-page {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 5px;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

form input[type*=radio],
td.ui-datepicker-today {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

a.ui-datepicker-prev.ui-corner-all {
    float: left;
    margin: 0 0 0 20px
}

a.ui-datepicker-next.ui-corner-all {
    margin: 0 20px 0 0;
    float: right
}

a.ui-datepicker-next.ui-corner-all,
a.ui-datepicker-prev.ui-corner-all {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#list-or-grid .switch-button,
.subscribe-form .subscribe-submit {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

a.ui-datepicker-prev {
    background: url(/Content/images/arrow-left.png) center no-repeat
}

a.ui-datepicker-next {
    background: url(/Content/images/arrow-right.png) center no-repeat
}

    a.ui-datepicker-next.ui-corner-all i,
    a.ui-datepicker-prev.ui-corner-all i {
        font-size: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

.ui-datepicker-title {
    text-align: center;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase
}

.ui-datepicker-header {
    background: #fff !important
}

.ui-datepicker-calendar tbody td,
.ui-datepicker-calendar thead th {
    line-height: 26px;
    text-align: center
}

.ui-datepicker-calendar tbody td {
    position: relative;
    z-index: 1
}

.ui-datepicker-week-end {
    color: #a9b5c1
}

.ui-datepicker-calendar thead th {
    text-transform: uppercase;
    font-weight: 400;
    color: #404040
}

.ui-datepicker-calendar tbody {
    color: #404040;
    font-weight: 600
}

.ui-datepicker-calendar {
    width: 100%;
    border-collapse: inherit;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #fff
}

td.ui-datepicker-today {
    color: #fff;
    border-radius: 50%
}

.widget-contact-form {
    padding-bottom: 25px;
    position: relative;
    z-index: 1
}

.contact-form input:not(.cws-button),
.contact-form textarea {
    height: 40px;
    border: none;
    max-width: 100%;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 0 15px;
    background: #f2f3f4;
    color: #717070;
    line-height: 20px;
    margin-top: 10px
}

.contactmsg h2,
.contactmsg p {
    font-size: 16px
}

.contactmsg span {
    font-size: 16px;
    color: green;
    padding-bottom: 30px
}

.contactmsg p {
    color: #333
}

.contact-form textarea {
    padding-top: 5px;
    outline: 0;
    resize: none;
    height: 100px
}

.submit-review {
    color: #fff;
    font-size: 18px !important;
    width: 170px !important;
    border-radius: 0
}

    .submit-review:hover {
        background: var(--blueBg) !important;
        color: #fff !important;
    }

.contact-form input:not(.cws-button):focus,
.contact-form textarea:focus {
    border-color: #ffc107
}

.contact-form .cws-button {
    font-style: normal;
    border: 1px solid #ffc107;
    float: right
}

.selection-box {
    position: relative
}

    .selection-box.angle:before {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        z-index: 1;
        top: 7px;
        right: 15px;
        color: #b5b5b5
    }

    .selection-box select {
        height: 40px;
        border: 1px solid #e6e6e6;
        max-width: 100%;
        width: 100%;
        font-size: 14px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 0 10px;
        background: 0 0;
        color: #b5b5b5
    }

        .selection-box select:focus {
            border-color: #ffc107;
            outline: 0;
            color: #424d58
        }

.admin-about .avatar-author {
    margin-right: 30px;
    float: left;
    border: 1px solid #e6e6e6
}

.admin-about .admin-name {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px
}

    .admin-about .admin-name a {
        color: #ffc107;
        font-size: 14px;
        margin-left: 5px
    }

        .admin-about .admin-name a:hover {
            color: #b5b5b5
        }

.admin-about p {
    font-size: 14px;
    margin-bottom: 20px
}

    .admin-about p:last-child {
        margin-bottom: 0
    }

.message-form {
    margin-left: -15px;
    clear: right
}

.message-form-author,
.message-form-subject {
    width: 50%;
    float: left;
    padding-left: 15px;
    margin-bottom: 15px
}

.message-form-email {
    width: 100%;
    padding-left: 15px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .message-form-author input,
    .message-form-email input,
    .message-form-message textarea,
    .message-form-subject input,
    .message-form-website input {
        font-style: italic;
        width: 100%;
        border: 1px solid #e6e6e6;
        height: 40px;
        line-height: 1.2;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

#list-or-grid .switch-button,
.css-parallax {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.message-form-author input:focus,
.message-form-email input:focus,
.message-form-message textarea:focus,
.message-form-subject input:focus,
.message-form-website input:focus {
    border-color: #ffc107
}

.blog-page .form-submit,
.message-form-message {
    margin-left: 15px
}

.message-form-message {
    margin-bottom: 15px;
    clear: both
}

    .message-form-message textarea {
        height: 190px
    }

.message-form .form-submit {
    float: right
}

form.form .subscribe-submit {
    position: absolute;
    z-index: 1;
    background: 0 0;
    border: none;
    padding: 8px 15px;
    color: #f24636;
    text-transform: uppercase;
    cursor: pointer;
    top: 1px;
    right: 0
}

.subscribe-form {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    max-width: 570px;
    width: 100%
}

    .subscribe-form input[type=text] {
        position: relative;
        z-index: 1;
        width: 100%;
        border: 1px solid #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
        background-color: transparent
    }

    .subscribe-form .subscribe-submit {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        min-width: 130px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: 0;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        text-transform: uppercase;
        font-weight: 600;
        background: #fff;
        color: #404040;
        transition: all .3s
    }

        .subscribe-form .subscribe-submit:hover {
            opacity: .9
        }

    .subscribe-form input[type=text]::-webkit-input-placeholder {
        text-indent: 0;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease;
        color: #fff;
        font-style: italic;
        font-weight: 300
    }

    .subscribe-form input[type=text]::-moz-placeholder {
        text-indent: 0;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease;
        color: #fff;
        font-style: italic;
        font-weight: 300
    }

    .subscribe-form input[type=text]:-moz-placeholder {
        text-indent: 0;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease;
        color: #fff;
        font-style: italic;
        font-weight: 300
    }

    .subscribe-form input[type=text]:-ms-input-placeholder {
        text-indent: 0;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease
    }

    .subscribe-form input[type=text]:focus::-webkit-input-placeholder {
        text-indent: 500px;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease
    }

    .subscribe-form input[type=text]:focus::-moz-placeholder {
        text-indent: 500px;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease
    }

    .subscribe-form input[type=text]:focus:-moz-placeholder {
        text-indent: 500px;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease
    }

    .subscribe-form input[type=text]:focus:-ms-input-placeholder {
        text-indent: 500px;
        -webkit-transition: text-indent .3s ease;
        -moz-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease
    }

.select-wrap .select,
.shop-data .orderby {
    text-indent: .01px;
    -ms-appearance: none;
    -webkit-appearance: none !important;
    outline: 0
}

.cws_prlx_section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #ccc
}

    .cws_prlx_section .overlay {
        z-index: 2;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .5)
    }

        .cws_prlx_section .overlay.opacity-8 {
            background: rgba(0, 0, 0, .8)
        }

        .cws_prlx_section .overlay.half {
            left: 50%
        }

        .cws_prlx_section .overlay.pattern:before {
            content: ' ';
            display: block;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-repeat: repeat;
            /*background-image: url(/Content/Content/images/pattern.html)*/
        }

    .cws_prlx_section .container,
    .cws_prlx_section .content-prlx {
        position: relative;
        z-index: 12
    }

.cws_prlx_layer {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: none;
    max-height: none
}

.bg-section,
.css-parallax {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center
}

.border-t {
    border-top: 1px solid #ffc107
}

.border-b {
    border-bottom: 1px solid #ffc107
}

.css-parallax {
    background-attachment: fixed;
    background-size: cover;
    box-sizing: border-box
}

.bg-section {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.overlay-white {
    position: absolute;
    z-index: 1;
    background: #fff;
    opacity: .95;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.partner-item,
.portfolio-item,
.portfolio-item .portfolio-media {
    position: relative;
    z-index: 1
}

@media (max-width:992px) {
    .cws_prlx_section .overlay.half {
        left: 0
    }
}

.partner-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.gallery .portfolio-media {
    cursor: -webkit-zoom-in
}

.portfolio-grid {
    margin-left: -5px;
    margin-right: -5px
}

    .portfolio-grid .col-md-3,
    .portfolio-grid .col-md-4,
    .portfolio-grid .col-md-6 {
        padding-left: 5px;
        padding-right: 5px
    }

.portfolio-item:not(.big) {
    max-width: 370px
}

.portfolio-item {
    margin-bottom: 10px;
    overflow: hidden
}

    .portfolio-item:last-child {
        margin-bottom: 0
    }

    .portfolio-item .portfolio-media:before {
        content: ' ';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #ffc107;
        opacity: 0;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s
    }

    .portfolio-item .item-content,
    .portfolio-item .portfolio-title {
        position: absolute;
        text-align: center;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -o-transition: all .6s;
        color: #fff;
        z-index: 1
    }

    .portfolio-item .portfolio-media img {
        width: 100%
    }

    .portfolio-item .links a {
        position: absolute;
        z-index: 1;
        bottom: 10px;
        right: 10px;
        color: #fff;
        font-size: 0;
        line-height: 1
    }

    .portfolio-item .portfolio-title {
        top: 40%;
        left: 0;
        width: 100%;
        font-size: 26px;
        margin-top: 0;
        transition: all .6s
    }

    .portfolio-item:hover .links a,
    .small .portfolio-item .portfolio-title {
        font-size: 20px
    }

    .portfolio-item .portfolio-title:hover {
        opacity: .8
    }

    .portfolio-item .hover-effect {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .3;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s
    }

        .portfolio-item .hover-effect:before {
            content: ' ';
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, .7);
            -webkit-transition: -webkit-transform .6s;
            -moz-transition: transform .6s, -moz-transform .6s;
            -o-transition: transform .6s, -o-transform .6s;
            transition: transform .6s;
            transition: transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s;
            -webkit-transform: scale3d(3, 3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -80%, 0);
            -moz-transform: scale3d(3, 3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -80%, 0);
            transform: scale3d(3, 3, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -80%, 0)
        }

    .portfolio-item .item-content {
        width: 80%;
        bottom: 0;
        left: 50%;
        transition: all .6s;
        -webkit-transform: translate3d(-50%, 100%, 0);
        -moz-transform: translate3d(-50%, 100%, 0);
        transform: translate3d(-50%, 100%, 0);
        opacity: 0;
        font-weight: 500
    }

    .portfolio-item img {
        -webkit-transform: scale3d(1.05, 1.05, 1);
        -moz-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1);
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s
    }

    .portfolio-item:hover .portfolio-media:before {
        opacity: .7
    }

    .phonering-alo-phone.phonering-alo-static,
    .portfolio-item:hover .hover-effect {
        opacity: .6
    }

        .portfolio-item:hover .hover-effect:before {
            -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
            -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
            transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
        }

    .portfolio-item:hover .portfolio-title {
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%)
    }

    .login-popup .login-popup-wrap,
    .portfolio-item:hover .item-content {
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0)
    }

    .portfolio-item:hover .item-content {
        transform: translate3d(-50%, -50%, 0);
        opacity: 1
    }

    .portfolio-item.alt {
        margin-bottom: 30px
    }

        .portfolio-item.alt:hover img {
            -webkit-transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

.filter-button,
.work-filter {
    font-size: 16px;
    text-align: center
}

.bg-cover,
.bg-cover-2 {
    /*background-image: url(/Content/Content/pic/3.html);*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative
}

    .bg-cover-2:before,
    .bg-cover:before {
        content: "";
        display: block;
        position: absolute;
        background: #000;
        opacity: .1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1
    }

.star-rating,
.stars,
.stars-perc {
    position: relative;
    line-height: 1
}

.bg-cover-2 {
    /*background-image: url(/Content/Content/pic/1920-img-2.html)*/
}

.inner-nav.desktop-nav {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    margin-right: 52px
}

.isotop-container {
    padding: 0 30px
}

.work-filter {
    text-transform: uppercase;
    color: #424d58;
    margin-bottom: 55px
}

    .work-filter ul.magic-line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

        .work-filter ul.magic-line li {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.payment_method_paypal label,
.shop-group {
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal
}

.work-filter ul.magic-line li a {
    margin: 0;
    padding: 0 0 15px;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 40px
}

#filter-grid {
    overflow: hidden
}

.isotope-grid .isotope-item {
    overflow: hidden;
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: transform, opacity, -moz-transform;
    -o-transition-property: transform, opacity, -o-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s
}

.filter-buttons {
    text-align: center
}

.filter-button {
    display: inline-block;
    border: 1px solid #b5b5b5;
    line-height: 24px;
    padding: 8px 20px;
    min-width: 170px
}

    .filter-button:first-child {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px
    }

    .filter-button:last-child {
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px
    }

    .filter-button.active,
    .filter-button:hover {
        background: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

@media (max-width:1024px) {
    .isotope-grid .isotope-item {
        width: 24.98%
    }
}

@media (max-width:767px) {
    .isotope-grid .isotope-item {
        width: 24.98%
    }
}

@media (max-width:480px) {
    .isotope-grid .isotope-item {
        width: 50%
    }

    .filter-button {
        margin: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

.project-details .description {
    padding-bottom: 5px;
    font-size: 14px
}

    .project-details .description > .span-alt,
    .project-details .description > span {
        color: #b2b2b2;
        font-size: 14px;
        line-height: 28px;
        float: right
    }

    .project-details .description .span-alt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .project-details .description:after {
        content: ' ';
        clear: both;
        display: table
    }

    .project-details .description + .description {
        padding: 5px 0;
        border-top: 1px dashed #b5b5b5
    }

    .project-details .description .tag {
        font-style: italic
    }

        .project-details .description .link,
        .project-details .description .tag:hover {
            color: #ffc107
        }

    .project-details .description .social {
        margin: 7px 0;
        color: #b5b5b5;
        padding: 0 10px
    }

.price_slider,
.shop-item {
    margin-bottom: 30px
}

.brand-filter ul .cat-item:hover,
.color-filter ul .cat-item:hover,
.project-details .description .social:first-child,
.stars:before {
    padding-left: 0
}

.project-details .description .social:hover,
.star-rating:before,
.stars:before {
    color: #ffc107
}

.project-details .description .social:last-child {
    padding-right: 0
}

.project-details .description .social + .social {
    border-left: 1px solid #b5b5b5
}

.star-rating,
.stars {
    display: inline-block;
    font-size: 11px;
    overflow: hidden;
    vertical-align: middle
}

    .star-rating:before,
    .star-rating > span:before,
    .stars .stars-active,
    .stars:before {
        content: "\f005";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 8px
    }

    .stars.stars-1:before {
        content: "\f005"
    }

    .stars.stars-2:before {
        content: "\f005\f005"
    }

    .stars.stars-3:before {
        content: "\f005\f005\f005"
    }

    .stars.stars-4:before {
        content: "\f005\f005\f005\f005"
    }

    .stars.stars-5:before {
        content: "\f005\f005\f005\f005\f005"
    }

    .stars:before {
        font-size: 10px;
        line-height: 1
    }

.stars-perc {
    display: inline-block;
    font-size: 14px;
    overflow: hidden
}

    .stars-perc:before {
        color: #ccc
    }

    .stars-perc .stars-active,
    .stars-perc > span:before {
        color: #f9b91e;
        left: 0;
        position: absolute;
        line-height: 1;
        top: 0;
        padding-left: 0;
        overflow: hidden
    }

    .stars-perc .stars-active,
    .stars-perc:before,
    .stars-perc > span:before {
        content: "\f005\f005\f005\f005\f005";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 10px
    }

    .stars-perc .stars-active {
        width: 100%;
        font-size: 18px;
        letter-spacing: 2px
    }

.stars-perc {
    width: auto
}

    .stars-perc:before {
        font-size: 14px;
        line-height: 1
    }

.shop-data .group > *,
.shop-data .result-count,
.shop-data .shop-ordering:before {
    line-height: 40px
}

.stars-perc > span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0
}

    .stars-perc > span:before {
        width: 100%;
        font-size: 14px
    }

#list-or-grid .switch-button,
.shop-data #list-grid > div {
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center
}

.stars-perc > span a {
    display: inline-block;
    color: transparent !important;
    pointer-events: none;
    position: relative;
    z-index: 2
}

.shop-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .shop-data .group > *,
    .shop-group #list-or-grid > *,
    .shop-group .shop-data > * {
        display: inline-block
    }

    .shop-group #list-or-grid {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .shop-group .shop-data {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 2;
        -webkit-flex: 2 1 auto;
        -moz-box-flex: 2;
        -ms-flex: 2 1 auto;
        flex: 2 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

#list-or-grid {
    font-size: 0;
    white-space: nowrap
}

    #list-or-grid .switch-button {
        border: 1px solid #b5b5b5;
        color: #b5b5b5;
        font-size: 21px;
        box-sizing: border-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        transition: all .3s
    }

.price_slider_wrapper .price_slider,
.size-filter .size {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.shop-data #list-grid > div,
.shop-item .shop-item-body {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

#list-or-grid .switch-button + .switch-button {
    margin-left: 5px
}

#list-or-grid .switch-button.active {
    color: #ffc107;
    border-color: #ffc107
}

.shop-post {
    position: relative
}

    .shop-post img {
        padding: 11px;
        border: 3px solid #ffc107
    }

    .shop-post .shop-post-title {
        position: absolute;
        z-index: 1;
        bottom: 60px;
        left: 40px
    }

        .shop-post .shop-post-title h1 {
            color: #fff
        }

        .shop-post .shop-post-title h4 {
            text-transform: uppercase;
            color: #fff
        }

.shop-data #list-grid {
    margin-right: 20px
}

    .shop-data #list-grid > div {
        display: inline-block;
        transition: all .3s;
        border: 1px solid #e6e6e6;
        color: #b3b3b3;
        margin-right: 10px;
        cursor: pointer
    }

        .shop-data #list-grid > div.active {
            background-color: #ffc107;
            border-color: #ffc107;
            color: #fff
        }

.shop-data .result-count span {
    color: #ffc107
}

.shop-data .shop-ordering {
    position: relative;
    z-index: 1;
    margin-left: 8px;
    float: right
}

    .shop-data .shop-ordering:before {
        position: absolute;
        content: "\f107";
        font-size: 20px;
        font-family: FontAwesome;
        color: #b5b5b5;
        right: 0;
        top: 0;
        padding: 0 15px;
        height: 40px;
        z-index: 1
    }

.brand-filter ul .cat-item:before,
.col-box-book.blue:after,
.color-filter ul .cat-item:before,
.price_slider .ui-slider-handle:before,
.shop-item .shop-item-body:before,
.shop-item .shop-media .pic:before,
.single-product .pic:before,
.single-product .summary .price-review .cws-button:before,
p.error:before,
ul.tablinkHolder li.active:before {
    content: ' '
}

.shop-data .orderby {
    position: relative;
    z-index: 2;
    background: 0 0;
    padding: 0 15px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 40px;
    line-height: 38px;
    width: 170px;
    max-width: 100%;
    -moz-appearance: none !important;
    appearance: none !important
}

.shop-data-bot .shop-data {
    float: left;
    line-height: 40px
}

.shop-data-bot nav {
    line-height: 1
}

.shop-item {
    position: relative;
    z-index: 1;
    background: #fff;
    overflow: hidden;
    max-width: 570px;
    margin-right: auto;
    margin-left: auto
}

    .shop-item.border {
        border: 1px solid #f5f5f5
    }

    .shop-item .shop-item-body {
        width: 100%;
        padding: 30px 0 0 70px;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        height: 100%;
        transition: all .3s;
        background: #fff;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

        .shop-item .shop-item-body .shop-title,
        .shop-item .shop-item-body:before {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s
        }

        .shop-item .shop-item-body:before {
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            -webkit-transform: skew(0) translateX(0);
            -moz-transform: skew(0) translateX(0);
            -ms-transform: skew(0) translateX(0);
            -o-transform: skew(0) translateX(0);
            transform: skew(0) translateX(0);
            background: #fff;
            transition: all .3s
        }

        .shop-item .shop-item-body .shop-title {
            margin-top: 0;
            text-transform: uppercase;
            margin-bottom: 0;
            transition: all .3s
        }

            .shop-item .shop-item-body .shop-title:hover {
                color: #ffc107
            }

        .shop-item .shop-item-body .shop-price {
            font-size: 26px;
            color: #424d58;
            font-weight: 600;
            line-height: 1.3;
            margin-bottom: 10px
        }

            .shop-item .shop-item-body .shop-price span {
                font-size: 16px;
                color: #a9b5c1;
                margin-right: 10px;
                text-decoration: line-through;
                font-weight: 400
            }

        .shop-item .shop-item-body .shop-button {
            line-height: 44px;
            position: absolute;
            z-index: 1;
            bottom: 0;
            left: 70px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            color: #a9b5c1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

            .shop-item .shop-item-body .shop-button:hover {
                color: #424d58
            }

        .shop-item .shop-item-body .price-review {
            position: absolute;
            z-index: 1;
            bottom: 0;
            right: -15px;
            width: 145px;
            overflow: hidden
        }

            .shop-item .shop-item-body .price-review .cws-button {
                min-width: inherit;
                padding: 10px 16px 10px 34px;
                position: relative;
                z-index: 1;
                width: 130px;
                white-space: nowrap;
                margin: 0 !important
            }

                .shop-item .shop-item-body .price-review .cws-button:before {
                    content: ' ';
                    position: absolute;
                    z-index: 1;
                    right: 0;
                    top: -2px;
                    bottom: -2px;
                    width: 20px;
                    background: #ffc107;
                    -webkit-transform: skew(0) translateX(0);
                    -moz-transform: skew(0) translateX(0);
                    -ms-transform: skew(0) translateX(0);
                    -o-transform: skew(0) translateX(0);
                    transform: skew(0) translateX(0);
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -o-transition: all .3s;
                    transition: all .3s
                }

        .shop-item .shop-item-body .action,
        .shop-item .shop-media {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            z-index: 1
        }

        .shop-item .shop-item-body .price-review .cws-button:hover:before {
            background: #424d58
        }

        .shop-item .shop-item-body .price-review .cws-button.added-to-cart {
            position: absolute;
            left: -100%;
            top: 0;
            margin-left: 0;
            background: #2EB851;
            border-color: #2EB851
        }

            .shop-item .shop-item-body .price-review .cws-button.added-to-cart:before {
                background: #2EB851
            }

            .shop-item .shop-item-body .price-review .cws-button.added-to-cart:hover {
                color: #fff
            }

        .shop-item .shop-item-body .price-review.added .cws-button.added-to-cart {
            left: 0
        }

        .shop-item .shop-item-body .action {
            position: absolute;
            top: 30px;
            right: -68px;
            color: #fff;
            background: #ffc107;
            font-size: 16px;
            padding: 1px 15px;
            transition: all .3s;
            font-weight: 600;
            width: 70px
        }

            .shop-item .shop-item-body .action.sale {
                background: #F56363;
                right: -100%;
                top: 30px
            }

    .shop-item .shop-media {
        position: relative;
        width: 100%;
        height: 100%;
        float: right;
        transition: all .3s
    }

        .shop-item .shop-media .pic:before {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            -webkit-box-shadow: inset 0 -100px 60px -40px rgba(0, 0, 0, .8);
            -moz-box-shadow: inset 0 -100px 60px -40px rgba(0, 0, 0, .8);
            box-shadow: inset 0 -100px 60px -40px rgba(0, 0, 0, .8)
        }

        .shop-item .shop-media .pic img {
            max-width: none;
            -webkit-transform: translateX(-25%);
            -moz-transform: translateX(-25%);
            -ms-transform: translateX(-25%);
            -o-transform: translateX(-25%);
            transform: translateX(-25%);
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .price_slider .ui-slider-handle:before,
        .shop-item .shop-media .location {
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

        .shop-item .shop-media .location {
            position: absolute;
            z-index: 1;
            bottom: 0;
            left: 50%;
            width: 100%;
            text-align: center;
            font-weight: 700;
            color: #fff;
            transform: translateX(-50%)
        }

    .shop-item .link {
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 8px;
        font-size: 18px;
        color: #fff;
        opacity: 0;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s
    }

    .shop-item:hover .pic img {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .shop-item:hover .shop-item-body {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px)
    }

        .shop-item:hover .shop-item-body:before {
            -webkit-transform: skew(-15deg) translateX(32px);
            -moz-transform: skew(-15deg) translateX(32px);
            -ms-transform: skew(-15deg) translateX(32px);
            -o-transform: skew(-15deg) translateX(32px);
            transform: skew(-15deg) translateX(32px)
        }

        .shop-item:hover .shop-item-body .cws-button:before {
            -webkit-transform: skew(-15deg) translateX(8px);
            -moz-transform: skew(-15deg) translateX(8px);
            -ms-transform: skew(-15deg) translateX(8px);
            -o-transform: skew(-15deg) translateX(8px);
            transform: skew(-15deg) translateX(8px)
        }

        .shop-item:hover .shop-item-body .action {
            right: -40px
        }

            .shop-item:hover .shop-item-body .action.sale {
                right: -100%
            }

    .shop-item:hover .link {
        opacity: 1
    }

.price_slider_wrapper {
    padding-top: 23px;
    margin-left: 15px;
    margin-right: 40px;
    width: 290px
}

    .price_slider_wrapper .price_slider {
        height: 6px;
        width: 100%;
        position: relative;
        background-color: #a9b5c1;
        box-sizing: border-box;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

.price_slider .ui-slider-range {
    height: 6px;
    position: absolute;
    background-color: #ffc107;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.price_slider .ui-slider-handle {
    width: 0;
    height: 0;
    top: -6px;
    position: absolute;
    -webkit-transition: all 0 ease;
    -moz-transition: all 0 ease;
    -o-transition: all 0 ease;
    transition: all 0 ease
}

    .price_slider .ui-slider-handle:before {
        position: absolute;
        z-index: 2;
        transform: translateX(-50%);
        width: 18px;
        height: 18px;
        background: #ffc107;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .price_slider .ui-slider-handle .price_label {
        position: relative;
        top: -25px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .price_slider .ui-slider-handle .price_label sup {
            font-size: .7em
        }

sup {
    line-height: 1;
    top: auto;
    vertical-align: super
}

.price_slider_wrapper .price_slider_amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

    .price_slider_wrapper .price_slider_amount .button {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .price_slider_wrapper .price_slider_amount .price_label {
        display: inline-block
    }

        .price_slider_wrapper .price_slider_amount .price_label span {
            display: -ms-flexbox
        }

    .price_slider_wrapper .price_slider_amount.addon .price_label span {
        display: inline-block;
        padding: 1px 18px;
        margin-right: 5px;
        vertical-align: middle;
        border: 1px solid #e6e6e6
    }

    .brand-filter ul .cat-item a:after,
    .price_slider_wrapper .price_slider_amount .clear {
        display: none
    }

.rating,
.review-status > *,
.select-wrap,
.single-product .comment-text .meta,
.size-filter .size,
input[type=checkbox] {
    display: inline-block
}

.rating {
    float: right;
    margin-right: 15px;
    line-height: 52px;
    font-size: 15px
}

.brand-filter,
.color-filter {
    line-height: 20px;
    text-align: center
}

.rating .stars {
    margin-left: 5px
}

.brand-filter a,
.color-filter a {
    margin-left: 25px
}

.widget-custom-filter {
    padding-bottom: 25px
}

.color-filter ul .cat-item:before {
    border: 1px solid #b5b5b5;
    height: 14px;
    width: 14px;
    top: 48%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0 0 6px #fff inset;
    -moz-box-shadow: 0 0 0 6px #fff inset;
    box-shadow: 0 0 0 6px #fff inset
}

.color-filter ul .cat-item.active:before,
.color-filter ul .cat-item:hover:before {
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    -moz-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset
}

.color-filter ul .cat-item.black.active,
.color-filter ul .cat-item.black.active a,
.color-filter ul .cat-item.black:hover,
.color-filter ul .cat-item.black:hover a {
    color: #000
}

    .color-filter ul .cat-item.black.active:before,
    .color-filter ul .cat-item.black:hover:before {
        background: #000;
        border-color: #000
    }

.color-filter ul .cat-item.main-color.active,
.color-filter ul .cat-item.main-color.active a,
.color-filter ul .cat-item.main-color:hover,
.color-filter ul .cat-item.main-color:hover a {
    color: #ffc107
}

    .color-filter ul .cat-item.main-color.active:before,
    .color-filter ul .cat-item.main-color:hover:before {
        background: #ffc107;
        border-color: #ffc107
    }

.color-filter ul .cat-item.grey.active,
.color-filter ul .cat-item.grey.active a,
.color-filter ul .cat-item.grey:hover,
.color-filter ul .cat-item.grey:hover a {
    color: #b5b5b5
}

    .color-filter ul .cat-item.grey.active:before,
    .color-filter ul .cat-item.grey:hover:before {
        background: #b5b5b5;
        border-color: #b5b5b5
    }

.color-filter ul .cat-item.green.active,
.color-filter ul .cat-item.green.active a,
.color-filter ul .cat-item.green:hover,
.color-filter ul .cat-item.green:hover a {
    color: #2EB851
}

    .color-filter ul .cat-item.green.active:before,
    .color-filter ul .cat-item.green:hover:before {
        background: #2EB851;
        border-color: #2EB851
    }

.color-filter ul .cat-item.blue.active,
.color-filter ul .cat-item.blue.active a,
.color-filter ul .cat-item.blue:hover,
.color-filter ul .cat-item.blue:hover a {
    color: #00f
}

    .color-filter ul .cat-item.blue.active:before,
    .color-filter ul .cat-item.blue:hover:before {
        background: #00f;
        border-color: #00f
    }

.color-filter ul .cat-item.red.active,
.color-filter ul .cat-item.red.active a,
.color-filter ul .cat-item.red:hover,
.color-filter ul .cat-item.red:hover a {
    color: #F56363
}

    .color-filter ul .cat-item.red.active:before,
    .color-filter ul .cat-item.red:hover:before {
        background: #F56363;
        border-color: #F56363
    }

.brand-filter ul .cat-item:before {
    border: 1px solid #b5b5b5;
    height: 14px;
    width: 14px;
    top: 48%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0 0 6px #fff inset;
    -moz-box-shadow: 0 0 0 6px #fff inset;
    box-shadow: 0 0 0 6px #fff inset
}

.brand-filter ul .cat-item.active:before,
.brand-filter ul .cat-item:hover:before {
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    -moz-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset
}

.brand-filter ul .cat-item.main-color.active,
.brand-filter ul .cat-item.main-color.active a,
.brand-filter ul .cat-item.main-color:hover,
.brand-filter ul .cat-item.main-color:hover a {
    color: #ffc107
}

    .brand-filter ul .cat-item.main-color.active:before,
    .brand-filter ul .cat-item.main-color:hover:before {
        background: #ffc107;
        border-color: #ffc107
    }

.size-filter {
    text-align: center
}

    .size-filter .size {
        cursor: pointer;
        text-align: center;
        height: 36px;
        margin: 0 0 5px;
        border: 1px solid #b5b5b5;
        min-width: 36px;
        box-sizing: border-box;
        line-height: 36px;
        color: #b2b2b2;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

        .size-filter .size.active,
        .size-filter .size:hover {
            color: #ffc107;
            border-color: #ffc107
        }

        .size-filter .size + .size {
            margin-left: 5px
        }

.thumbnails a .thumbnail {
    float: left;
    border: 1px solid #e6e6e6;
    padding: 0;
    width: -webkit-calc(33% - 6px);
    width: -moz-calc(33% - 6px);
    width: calc(33% - 6px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-left: 10px
}

.thumbnails a:first-child .thumbnail {
    margin-left: 0
}

.single-product .summary {
    margin-left: 300px
}

    .single-product .summary .shop-price {
        font-size: 26px;
        color: #424d58;
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 10px
    }

        .single-product .summary .shop-price span {
            font-size: 16px;
            color: #ffc107;
            margin-right: 10px;
            text-decoration: line-through;
            font-weight: 400
        }

    .single-product .summary .price-review {
        position: relative;
        z-index: 1;
        bottom: 0;
        overflow: hidden
    }

        .single-product .summary .price-review .cws-button {
            min-width: inherit;
            padding: 10px 34px;
            position: relative;
            z-index: 1;
            width: 160px;
            white-space: nowrap
        }

            .single-product .summary .price-review .cws-button:before {
                position: absolute;
                z-index: 1;
                right: 0;
                top: -2px;
                bottom: -2px;
                width: 20px;
                background: #ffc107;
                -webkit-transform: skew(0) translateX(0);
                -moz-transform: skew(0) translateX(0);
                -ms-transform: skew(0) translateX(0);
                -o-transform: skew(0) translateX(0);
                transform: skew(0) translateX(0);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s
            }

            .single-product .summary .price-review .cws-button:hover:before {
                background: #424d58
            }

            .single-product .summary .price-review .cws-button.added-to-cart {
                position: absolute;
                left: -100%;
                top: 0;
                margin-left: 0;
                background: #2EB851;
                border-color: #2EB851
            }

                .single-product .summary .price-review .cws-button.added-to-cart:before {
                    background: #2EB851
                }

                .single-product .summary .price-review .cws-button.added-to-cart:hover {
                    color: #fff
                }

        .single-product .summary .price-review.added .cws-button.added-to-cart {
            left: 0
        }

.single-product .images {
    width: 270px;
    float: left;
    max-width: 100%;
    margin-right: 30px;
    margin-bottom: 20px
}

    .single-product .images .pic {
        border: 1px solid #e6e6e6;
        margin-bottom: 10px
    }

.single-product .price {
    font-size: 24px;
    color: #ffc107;
    vertical-align: super
}

    .single-product .price .price-mini {
        font-size: 50%;
        vertical-align: super
    }

.review-status > *,
input[type=checkbox] {
    vertical-align: middle
}

.single-product .star-rating {
    float: right;
    margin-top: 5px
}

.single-product .category-line,
.single-product .post-number,
.single-product .tags-line {
    color: #404040
}

    .single-product .category-line a,
    .single-product .category-line span,
    .single-product .post-number a,
    .single-product .post-number span,
    .single-product .tags-line a,
    .single-product .tags-line span {
        color: #b5b5b5;
        font-style: italic
    }

        .single-product .category-line a:first-child,
        .single-product .category-line span:first-child,
        .single-product .post-number a:first-child,
        .single-product .post-number span:first-child,
        .single-product .tags-line a:first-child,
        .single-product .tags-line span:first-child {
            margin-left: 10px
        }

        .single-product .category-line a:hover,
        .single-product .post-number a:hover,
        .single-product .tags-line a:hover {
            color: #ffc107
        }

.single-product .comment-text .star-rating {
    float: right
}

.single-product .pic {
    position: relative;
    z-index: 1
}

    .single-product .pic:before {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #ffc107;
        opacity: 0;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s
    }

    .single-product .pic .links i {
        position: absolute;
        z-index: 1;
        bottom: 10px;
        right: 10px;
        color: #fff;
        font-size: 0;
        line-height: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .single-product .pic:hover:before {
        opacity: .7
    }

    .single-product .pic:hover .links i {
        font-size: 20px
    }

.review-status .count-review:before,
.review-status .status-product:not(.in-stock):before {
    content: "";
    height: 14px;
    display: inline-block;
    border-left: 1px solid #b5b5b5;
    margin: 0 15px;
    vertical-align: middle
}

.review-status .status-product span {
    color: #ffc107
}

.review-status .in-stock {
    color: #2EB851
}

.review-status .out-stock {
    color: #F56363
}

.select-wrap {
    position: relative;
    z-index: 1;
    width: 218px
}

    .select-wrap:before {
        position: absolute;
        content: "\f107";
        font-size: 20px;
        font-family: FontAwesome;
        color: #b5b5b5;
        right: 0;
        top: 0;
        padding: 0 15px;
        line-height: 40px;
        height: 40px;
        z-index: 1
    }

    .select-wrap .select {
        position: relative;
        z-index: 2;
        background: 0 0;
        padding: 0 15px;
        border: 1px solid #b5b5b5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        height: 40px;
        line-height: 38px;
        width: 100%;
        max-width: 100%;
        -moz-appearance: none !important;
        appearance: none !important
    }

.add-cart-form .qty {
    margin-right: 10px
}

.select-type .select-wrap {
    margin-bottom: 10px
}

    .select-type .select-wrap:first-child {
        margin-right: 10px;
        float: left
    }

.add-comment {
    padding: 30px
}

    .add-comment .star-wrap {
        float: right
    }

.checkout .billing-wrapper {
    border: 1px solid #e6e6e6;
    padding: 25px 20px 20px;
    background: #fafafa
}

.checkout label {
    color: #404040;
    margin-bottom: 9px;
    font-weight: 400
}

.checkout select,
.country_to_state,
input[type=text], input[type=tel],
select,
textarea {
    border: none;
    line-height: 40px;
    height: 54px;
    padding: 15px 8px 0;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    font-size: 14px;
    color: #333;
}

.form-control {
    webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
}

    .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.country_to_state,
.form-group select {
    background-position: right 50% !important;
    background-repeat: no-repeat !important;
    background: url(/Content/images/select-gray.png)
}

.FlightListingDetails {
    padding: 0 20px 20px
}

table.table thead tr th {
    color: #333 !important
}

.strong th {
    color: #333
}

textarea {
    height: auto;
    width: 100%
}

input[type=checkbox] {
    appearance: none;
    outline: 0;
    text-align: center;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border: 1px solid #b5b5b5;
    background: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    z-index: 1;
    margin-top: 0
}

.woocommerce #coupon_code,
form input[type*=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}

input[type=checkbox] + label {
    vertical-align: sub;
    min-height: auto;
    padding-left: 22px
}

input[type=checkbox]:checked:before {
    content: "\2714"
}

input[type=checkbox]:before {
    color: #ffc107;
    font-size: 10px;
    line-height: 1;
    height: 12px;
    position: absolute;
    z-index: 1;
    left: 1px
}

input:focus,
input:hover {
    outline: 0 !important
}

.checkout select,
.country_to_state {
    width: 100%
}

.checkout select {
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(/Content/images/select-gray.png)
}

form .form-row.notes {
    width: 98%
}

#order_review > .shop_table tfoot th,
#order_review > .shop_table thead th,
.order_details tfoot th,
.order_details thead th {
    text-transform: none
}

#order_review .shop_table {
    width: 100%;
    border: 1px solid #e6e6e6;
    border-collapse: inherit
}

    #order_review .shop_table th {
        font-size: 18px;
        font-weight: 400
    }

.product-total {
    color: #404040
}

#order_review .shop_table td:first-child,
#order_review .shop_table th:first-child {
    color: #404040;
    padding: 6px 0 5px 20px;
    border-bottom: 1px dashed #e6e6e6
}

#order_review .shop_table td:last-child,
#order_review .shop_table th:last-child {
    text-align: right;
    padding: 6px 20px 5px 0;
    border-bottom: 1px dashed #e6e6e6
}

#order_review .shop_table thead th.product-name,
#order_review .shop_table thead th.product-total {
    padding-top: 20px;
    padding-bottom: 11px
}

#order_review .shop_table tfoot .order-total th {
    border-bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px
}

#order_review .shop_table tr {
    line-height: 28px
}

.shipping .amount {
    color: #ffc107
}

.cart-subtotal .amount,
.order-total .amount {
    font-weight: 600;
    color: #F56363
}

.mobile_nav .menu-shop-card {
    margin-left: 0 !important;
    padding-right: 0 !important
}

    .mobile_nav .menu-shop-card i {
        display: block
    }

        .mobile_nav .menu-shop-card i:before {
            font-family: Flaticon;
            font-style: normal;
            content: "\f132"
        }

        .mobile_nav .menu-shop-card i span {
            top: 2px !important;
            right: -4px !important
        }

.menu-shop-card li:hover {
    background: 0 0
}

.menu-shop-card a {
    padding: 0 !important
}

.menu-shop-card ul {
    left: auto;
    right: 0
}

.inner-nav li.menu-shop-card .mn-sub li .shop-cart-menu,
.inner-nav.mobile_nav .shop-cart-menu {
    width: 270px;
    text-align: left;
    padding: 15px;
    left: auto;
    right: 0
}

    .inner-nav li.menu-shop-card .mn-sub li .shop-cart-menu a.cws-button,
    .inner-nav.mobile_nav .shop-cart-menu a.cws-button {
        line-height: 19px !important;
        padding: 6px 5px !important;
        margin: 0 !important;
        border: 2px solid #ffc107;
        color: #ffc107;
        text-align: center
    }

.woocommerce .total-table td,
table.table thead tr td:last-child {
    text-align: right
}

.inner-nav li.menu-shop-card .mn-sub li .shop-cart-menu a.cws-button:hover,
.inner-nav.mobile_nav .shop-cart-menu a.cws-button:hover {
    color: #fff
}

.inner-nav li.menu-shop-card .mn-sub li .shop-cart-menu .sub-total span,
.inner-nav.mobile_nav .shop-cart-menu .sub-total span {
    float: right;
    color: #F56363
}

table.table {
    max-width: 100%;
    width: 100%;
    border: 1px solid #e6eaed;
    overflow: hidden;
    background-color: transparent;
    margin: 0
}

    table.table thead tr {
        background: #f0f4f7
    }

        table.table thead tr th {
            text-transform: uppercase;
            padding: 17px 17px 17px 40px;
            font-size: 12px;
            border-bottom: 0;
            border-right: 1px solid #e6eaed
        }

            table.table thead tr th:last-child {
                border-right: 0
            }

    table.table tbody tr td {
        padding: 17px;
        color: #333;
        border-right: 1px solid #e6eaed
    }

        table.table tbody tr td:last-child {
            border-right: 0
        }

        table.table tbody tr td.room-price {
            color: #424d58;
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 600
        }

        table.table tbody tr td h6 {
            margin-top: 15px;
            margin-bottom: 5px
        }

    table.table.alt thead tr {
        background: #424d58
    }

        table.table.alt thead tr th {
            border-right: 1px solid #49545f;
            color: #fff
        }

    table.table.alt tbody tr td {
        border-top: 1px solid transparent
    }

    table.table.alt tbody tr:nth-child(2n+2) {
        background: #f0f4f7
    }

    table.table.alt-2 thead tr {
        background: 0 0
    }

        table.table.alt-2 thead tr th {
            border: 0
        }

    table.table.alt-2 tbody tr td {
        padding: 40px
    }

    table.table .table-icon {
        color: #ffc107;
        font-size: 13px
    }

        table.table .table-icon i.alt {
            color: #a9b5c1
        }

.woocommerce table tbody .cart_item:hover .product-name,
abbr {
    color: #ffc107
}

.payment_methods > div {
    margin-top: 10px;
    border: 1px solid #e6e6e6
}

    .payment_methods > div input {
        margin: 0 10px 0 20px
    }

    .payment_methods > div label {
        margin: 15px 0;
        cursor: pointer
    }

    .payment_methods > div:first-child {
        margin-top: 30px
    }

.payment_methods .payment_box {
    padding: 15px 20px;
    border-top: 1px dashed #e6e6e6
}

.payment_method_bacs ul {
    margin-left: 30px
}

.payment_method_paypal label {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: 7px 0 !important
}

.payment_method_paypal img {
    width: 130px
}

form input[type*=radio] {
    vertical-align: middle;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #045084
}

    form input[type*=radio]:checked {
        border-color: #fff
    }

        form input[type*=radio]:checked:before {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background: var(--skyBlue);
            left: 0;
            top: 0;
            position: absolute
        }

.col2-set:after {
    content: "";
    display: table;
    clear: both
}

.col2-set div[class^=col-] {
    width: 48%;
    margin-right: 2%
}

.col-1 {
    float: left
}

.col2-set .col-2 {
    margin-left: 52%;
    overflow: hidden
}

#shiptobilling {
    width: auto;
    float: right;
    margin-top: -.2em;
    margin-bottom: 0
}

.checkout_coupon button,
.checkout_coupon input[type*=submit] {
    margin: 4px 0 !important
}

.checkout_coupon {
    display: block;
    position: static;
    margin-bottom: 2em
}

.order_details li:before {
    display: none
}

.checkbox,
form .form-row-last {
    display: inline-block
}

.woocommerce-shipping-fields {
    overflow: hidden
}

    .woocommerce-shipping-fields #ship-to-different-address {
        line-height: 1
    }

        .woocommerce-shipping-fields #ship-to-different-address label {
            margin: 0 !important;
            color: #ffc107
        }

form .form-row {
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    margin-right: 5px
}

    form .form-row input:not([type=submit]):not([type=checkbox]),
    form .form-row-wide {
        width: 100%
    }

    form .form-row input {
        margin: 0 !important
    }

form .form-row-first {
    float: left
}

form .form-row-last {
    margin-right: 0
}

abbr {
    border-bottom: 0 !important
}

@media screen and (max-width:767px) {
    .checkout select,
    .country_to_state,
    input[type=text],
    select,
    textarea {
        height: 45px
    }

    .col-1,
    .col-2 {
        display: block;
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important
    }

    form .form-row {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .woocommerce-result-count + .woocommerce-ordering {
        margin-top: 15px;
        margin-left: 0
    }

    .woocommerce-ordering,
    .woocommerce-result-count {
        display: block;
        width: 100%;
        text-align: center
    }
}

.woocommerce table {
    max-width: 100%;
    width: 100%;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    background-color: transparent
}

    .woocommerce table thead {
        color: #404040
    }

        .woocommerce table thead tr {
            border: 1px solid #b5b5b5;
            background: #fafafa
        }

    .woocommerce table th {
        font-weight: 400
    }

    .woocommerce table thead th {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 0;
        border-bottom: 1px solid #e6e6e6
    }

        .woocommerce table thead th:first-child {
            font-weight: 400;
            padding-left: 25px
        }

    .woocommerce table tbody .product-thumbnail {
        text-align: center;
        width: 110px
    }

    .woocommerce table tbody .cart_item > * {
        border-bottom: 1px solid #e6e6e6;
        vertical-align: middle;
        padding: 30px 0
    }

    .woocommerce table tbody .cart_item.last > * {
        border-bottom-style: solid
    }

    .woocommerce table tbody .product-name {
        text-align: left;
        width: 250px
    }

    .woocommerce table tbody .product-remove .remove {
        position: relative;
        display: block;
        z-index: 1;
        width: 10px;
        height: 10px
    }

        .woocommerce table tbody .product-remove .remove:after,
        .woocommerce table tbody .product-remove .remove:before {
            content: "";
            position: absolute;
            z-index: 1;
            height: 11px;
            left: 50%;
            top: 0;
            border-left: 2px solid #424d58;
            display: inline-block;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: color .3s, background .3s;
            -moz-transition: color .3s, background .3s;
            -o-transition: color .3s, background .3s;
            transition: color .3s, background .3s
        }

        .woocommerce table tbody .product-remove .remove:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .woocommerce table tbody .product-thumbnail img {
        width: 70px;
        opacity: 1;
        margin: 0 auto;
        border: 1px solid #e6e6e6;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

#scroll-top i,
.login-popup {
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.woocommerce table tbody .product-thumbnail img:hover {
    opacity: .8
}

.woocommerce table tbody .cart_item:hover .product-price,
.woocommerce table tbody .cart_item:hover .product-subtotal {
    color: #b5b5b5
}

.woocommerce td.actions {
    text-align: right;
    padding: 15px;
    font-size: 0;
    background: #fafafa
}

    .woocommerce td.actions > .coupon,
    .woocommerce td.actions > input {
        margin: 5px
    }

.woocommerce .actions .coupon {
    display: inline-block;
    float: left
}

    .woocommerce .actions .coupon label {
        display: none
    }

.woocommerce #coupon_code {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 160px;
    height: 44px;
    margin-right: -1px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    vertical-align: top;
    padding: 9px 10px;
    background: #fff;
    font-size: 16px;
    font-style: italic;
    appearance: none;
    line-height: 44px
}

.woocommerce .coupon .cws-button {
    position: relative;
    z-index: 2;
    min-width: 90px;
    margin: 0 !important;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.woocommerce .total-table {
    border: 0;
    overflow: visible
}

    .woocommerce .total-table tr:first-child > * {
        padding-top: 10px
    }

    .woocommerce .total-table tr > * {
        line-height: 19px;
        padding: 20px 0 10px;
        border-bottom: 1px solid #e6e6e6
    }

    .woocommerce .total-table th {
        color: #404040
    }

.about-intro.termsp h2 {
    font-size: 24px;
    text-align: center;
    color: var(--blueBg);
}

.about-intro.termsp ul {
    padding-left: 20px;
}

.flightPriceT {
    padding: 20px 0;
}

    .flightPriceT table {
        width: 80%;
        margin-left: 10%;
    }

    .flightPriceT th {
        background-color: #032e4c;
        color: #fff;
        padding: 5px 10px;
        border: 1px solid #ccc;
    }

    .flightPriceT td {
        border: 1px solid #ccc;
        padding: 5px 10px;
        width: 50%;
        color: #000;
    }

.secureLogoRight {
    position: relative;
}

    .secureLogoRight a {
        position: absolute;
        width: 62px;
        height: 57px;
        top: 0;
        left: 0;
        z-index: 1;
    }


@media (max-width:600px) {
    .woocommerce table tbody .product-thumbnail,
    .woocommerce table thead th.product-name {
        display: none
    }

    .woocommerce table tbody .cart_item > * {
        padding-left: 5px;
        padding-right: 5px
    }

    .woocommerce table thead th:first-child {
        padding-left: 5px
    }

    .woocommerce td.actions {
        padding: 10px;
        text-align: center
    }

    .woocommerce .actions .coupon {
        float: none
    }
}

.map-wrapper {
    width: 100%;
    padding-bottom: 410px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    position: relative;
    z-index: 1
}

    .map-wrapper iframe {
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .map-wrapper.alt-h {
        padding-bottom: 361px
    }

.map-full-width {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-bottom: 26%
}

    .map-full-width.border-t {
        border-top: 1px solid #ffc107
    }

@media (max-width:767px) {
    .map-full-width,
    .map-wrapper {
        padding-bottom: 70%
    }
}

.contact-address p {
    font-style: normal;
    margin-bottom: 5px
}

    .contact-address p span {
        color: #ffc107;
        font-style: normal;
        margin-right: 17px
    }

    .contact-address p a {
        color: #717070;
    }

.contact-address {
    padding-bottom: 25px;
    color: #717070 !important;
    background: #ffffff;
}

    .contact-address .contact-icon-wrap {
        border: 1px solid #e6e6e6;
        margin-bottom: 20px
    }

        .contact-address .contact-icon-wrap .contact-icon {
            font-size: 18px;
            padding-left: 65px;
            line-height: 38px;
            background: 0 0;
            position: relative;
            display: block
        }

.twitter-1.full-screen ul li:before,
.twitter-1.widget-twitter li:before,
aside .alert .alert-icon {
    display: none
}

.contact-address .contact-icon-wrap .contact-icon:before {
    position: absolute;
    z-index: 1;
    left: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-top: -1px;
    background: #ffc107;
    color: #fff
}

.contact-address .contact-icon-wrap .contact-icon:last-child {
    margin-right: 0
}

.contact-address .contact-icon-wrap .contact-icon.color-2:before {
    background: #1b629d
}

.banner-section {
    background: #43C5B8
}

    .banner-section .banner-title {
        line-height: 40px;
        color: #fff;
        font-size: 28px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1px
    }

@media (max-width:991px) {
    .banner-section .row > * {
        text-align: center
    }

        .banner-section .row > * + div {
            margin-top: 15px
        }
}

.twitter-1 li {
    text-align: center
}

.twitter-1 .twitt-icon {
    width: 60px;
    height: 60px;
    font-size: 34px;
    color: #ffc107;
    line-height: 60px;
    text-align: center;
    border: 2px solid #ffc107;
    background: 0 0;
    margin-bottom: 10px
}

.twitter-1.full-screen ul li {
    font-size: 16px;
    padding-left: 0
}

.widget-contact-form .alert.alert-danger {
    display: none;
    background: #e75252;
    padding-left: 90px
}

    .widget-contact-form .alert.alert-danger .message p {
        margin: 0
    }

.widget-contact-form input.error,
.widget-contact-form textarea.error {
    border-color: #F56363
}

    .widget-contact-form input.error:focus,
    .widget-contact-form textarea.error:focus {
        border-color: #ffc107
    }

aside .alert {
    padding-left: 20px
}

    aside .alert p {
        line-height: 20px
    }

.twitter-1.widget-twitter .twitt-icon {
    width: 25px;
    height: 25px;
    font-size: 16px;
    line-height: 24px;
    border: 0;
    float: left;
    margin: 3px 10px 3px 3px
}

.twitter-1.widget-twitter li + li {
    margin-top: 20px
}

.twitter-1.widget-twitter li {
    line-height: 24px;
    text-align: left;
    padding-left: 0
}

    .twitter-1.widget-twitter li p {
        overflow: hidden;
        margin-bottom: 0;
        color: #595959
    }

        .twitter-1.widget-twitter li p .tweet_time {
            display: inline-block;
            margin-top: 5px
        }

            .twitter-1.widget-twitter li p .tweet_time a {
                color: #7e888c
            }

body.boxed {
    max-width: 1250px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2)
}

    body.boxed .is-sticky .main-nav {
        left: auto !important
    }

.mn-wrap .search-wrap {
    position: relative;
    z-index: 1
}

.mobile_nav .mn-wrap .search-wrap i {
    display: none
}

.mn-wrap .search-wrap .search-button {
    position: absolute;
    right: 0;
    height: 100%;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    border: 2px solid #28A6EC;
    background: #28A6EC;
    color: #fff;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

#scroll-top {
    position: fixed;
    z-index: 1000;
    bottom: 65px;
    right: 25px;
    background: #ccc;
    width: 46px;
    height: 46px;
    opacity: .9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer
}

    #scroll-top:hover {
        background: #222
    }

    #scroll-top i {
        line-height: 46px;
        font-size: 32px;
        color: #fff;
        -webkit-transition: all .3s;
        transition: all .3s
    }

.login-popup {
    position: fixed;
    z-index: -1000;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .3s;
    transition: all .3s
}

    .login-popup.open {
        z-index: 1000;
        opacity: 1
    }

    .login-popup .login-popup-wrap {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 370px;
        height: 400px;
        background: #fff
    }

        .login-popup .login-popup-wrap .title-wrap {
            height: 60px;
            line-height: 60px;
            background: #ffc107;
            text-align: center
        }

            .login-popup .login-popup-wrap .title-wrap h2 {
                text-transform: uppercase;
                color: #fff;
                text-align: center;
                margin: 0 0 0 34px;
                display: inline-block
            }

            .login-popup .login-popup-wrap .title-wrap .close-button {
                float: right;
                color: #fff;
                margin-right: 20px;
                cursor: pointer
            }

                .login-popup .login-popup-wrap .title-wrap .close-button:hover {
                    color: #e6e6e6
                }

        .login-popup .login-popup-wrap .login-content {
            padding: 40px 25px
        }

            .login-popup .login-popup-wrap .login-content input.form-row {
                height: 40px;
                border: 1px solid #e6e6e6;
                max-width: 100%;
                width: 100%;
                font-size: 14px;
                margin-bottom: 20px;
                padding: 0 15px;
                font-style: italic;
                background: 0 0
            }

                .login-popup .login-popup-wrap .login-content input.form-row:focus {
                    border-color: #ffc107
                }

            .login-popup .login-popup-wrap .login-content .remember {
                color: #b2b2b2
            }

                .login-popup .login-popup-wrap .login-content .remember .checkbox {
                    margin-top: 0
                }

                .login-popup .login-popup-wrap .login-content .remember a {
                    float: right;
                    color: #ffc107
                }

                    .login-popup .login-popup-wrap .login-content .remember a:hover {
                        color: #b5b5b5
                    }

        .login-popup .login-popup-wrap .login-bot {
            background: #ffc107;
            line-height: 60px;
            text-align: center
        }

            .login-popup .login-popup-wrap .login-bot p {
                color: #fff
            }

                .login-popup .login-popup-wrap .login-bot p a {
                    color: #fff;
                    text-decoration: underline
                }

.review-content {
    font-size: 14px;
    background: #f0f4f7;
    padding: 30px
}

    .review-content input.form-row {
        height: 52px;
        border: 1px solid transparent;
        max-width: 100%;
        width: 100%;
        font-size: 14px;
        margin-bottom: 30px;
        background: #fff
    }

        .review-content input.form-row:focus {
            border-color: #ffc107
        }

    .review-content textarea {
        background: #fff;
        border-color: transparent
    }

        .review-content textarea:focus {
            border-color: #ffc107
        }

    .review-content .review-marks ul {
        display: inline-block;
        vertical-align: top
    }

        .review-content .review-marks ul li {
            margin-left: 0;
            padding-left: 0
        }

            .review-content .review-marks ul li .stars {
                margin-left: 10px
            }

        .review-content .review-marks ul + ul {
            margin-left: 50px
        }

    .review-content .review-marks .stars:before {
        color: #a9b5c1
    }

    .review-content .review-total {
        overflow: hidden
    }

        .review-content .review-total .review-total-content {
            margin-left: 140px
        }

        .review-content .review-total img {
            margin-right: 20px;
            float: left;
            width: 120px;
            height: 120px
        }

        .review-content .review-total h6 {
            text-transform: uppercase;
            margin-top: 20px;
            margin-bottom: 0
        }

        .review-content .review-total ul {
            line-height: 18px
        }

@media (max-width:600px) {
    .review-content .review-marks ul + ul {
        margin-left: 0
    }
}

.news-popup {
    position: fixed;
    z-index: -1000;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .news-popup.open {
        z-index: 1000;
        opacity: 1
    }

    .news-popup .news-popup-wrap {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        width: 770px;
        height: 400px;
        background: #fff;
        padding: 20px
    }

        .news-popup .news-popup-wrap .close-button {
            position: absolute;
            z-index: 1;
            top: 20px;
            right: 20px;
            cursor: pointer
        }

        .news-popup .news-popup-wrap .news-content .news-title {
            margin-top: 40px;
            text-align: center
        }

            .news-popup .news-popup-wrap .news-content .news-title h2 {
                text-transform: uppercase;
                line-height: 1;
                margin: 0 0 20px
            }

        .news-popup .news-popup-wrap .news-content .newsletter {
            text-align: center;
            margin-top: 48px
        }

            .news-popup .news-popup-wrap .news-content .newsletter .newsletter-field {
                max-width: 210px
            }

            .news-popup .news-popup-wrap .news-content .newsletter .cws-button {
                width: 90px;
                min-width: 90px;
                padding: 9px 10px;
                margin-left: -4px
            }

        .news-popup .news-popup-wrap .news-content .checkbox-wrap {
            text-align: center;
            margin-top: 20px;
            margin-bottom: 53px
        }

            .news-popup .news-popup-wrap .news-content .checkbox-wrap .checkbox {
                margin-top: 0
            }

        .news-popup .news-popup-wrap .news-content .social-wrap {
            text-align: center
        }

.dropcap {
    display: block;
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #ffc107;
    font-size: 42px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-top: 8px;
    border: 1px solid #ffc107
}

    .dropcap.alt-2,
    .dropcap.alt-4 {
        background: #ffc107;
        color: #fff
    }

    .dropcap.alt-1 {
        border-color: transparent
    }

    .dropcap.alt-4 {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.input-container {
    position: relative;
    z-index: 1;
    float: left;
    width: 75%;
    margin-top: 12px
}

p.error,
p.error:before {
    position: absolute;
    background: #FFF6F6
}

p.error {
    z-index: 1;
    top: -10px;
    right: 0;
    border: 1px solid #e75252;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    font-size: 13px;
    font-weight: 600;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    p.error:before {
        z-index: -1;
        bottom: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
        -o-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        width: 14px;
        height: 14px;
        border: 1px solid #e75252;
        border-color: transparent #e75252 #e75252 transparent
    }

.mt-minus-100,
.mt-minus-20,
.mt-minus-200,
.mt-minus-35,
.mt-minus-50,
.mt-minus-70 {
    z-index: 1;
    position: relative
}

.back-home {
    text-transform: uppercase;
    color: #ffc107
}

.img-404 {
    text-align: center
}

.mt-minus-20 {
    margin-top: -20px
}

.mt-minus-35 {
    margin-top: -35px
}

.mt-minus-50 {
    margin-top: -50px
}

.mt-minus-70 {
    margin-top: -70px
}

.mt-minus-100 {
    margin-top: -100px
}

.mt-minus-200 {
    margin-top: -200px
}

.mb-minus-140 {
    margin-bottom: -140px;
    position: relative;
    z-index: -1
}

.mt-minus-170 {
    margin-top: -170px
}

.fix-img-2 {
    max-width: 112%;
    margin-left: -12%
}

.fix-img-3 {
    margin: -10px 19% -140px;
    max-width: 58%
}

.fix-img-4 {
    margin: 0 15% -140px;
    max-width: 70%
}

.fix-img-5 {
    margin: 0 17% -140px;
    max-width: 66%
}

.start-button {
    display: inline-block;
    vertical-align: top;
    float: right
}

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

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

.pb-50-imp {
    padding-bottom: 50px !important
}

@media (max-width:1200px) {
    .mt-minus-200,
    .mt-minus-70 {
        position: relative;
        z-index: 1
    }

    .mt-minus-20 {
        margin-top: 40px
    }

    .mt-minus-35 {
        margin-top: 140px
    }

    .mt-minus-50 {
        margin-top: 0
    }

    .mt-minus-70 {
        margin-top: -35px
    }

    .mt-minus-100 {
        margin-top: -30px
    }

    .mt-minus-170 {
        margin-top: -70px
    }

    .mt-minus-200 {
        margin-top: -100px
    }

    .ml-minus-20 {
        margin-left: 0
    }

    .product .price-review .button-groups {
        font-size: 16px
    }

    .menu-contacts {
        width: 110%;
        -webkit-transform: translate3d(-80px, -50%, 0);
        -moz-transform: translate3d(-80px, -50%, 0);
        transform: translate3d(-80px, -50%, 0)
    }

        .menu-contacts .menu-contacts-item {
            padding-right: 15px;
            padding-left: 10px
        }

            .menu-contacts .menu-contacts-item .cws-icon {
                font-size: 25px
            }

            .menu-contacts .menu-contacts-item p {
                font-size: 16px;
                padding-left: 40px
            }

                .menu-contacts .menu-contacts-item p:last-child {
                    font-size: 14px
                }

    .widget-footer .cws-social {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .widget-footer li a:first-child {
        min-width: 75px
    }

    .price_slider_wrapper,
    .search-hotels.alt .tours-container .tours-box .price_slider_wrapper {
        width: 210px
    }

    .rating {
        margin-right: 0
    }

    .carousel-container .owl-two-pag .owl-item > * {
        margin: 0 auto
    }

    .price_slider_wrapper .price_slider_amount.addon .price_label span {
        padding: 1px 5px
    }

    .blog-item {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:991px) {
    .mt-minus-100,
    .mt-minus-20,
    .mt-minus-35,
    .mt-minus-70 {
        margin-right: auto;
        margin-left: auto
    }

    .bg-x-50 {
        background-position: 100%
    }

    .service-item.left-line:before {
        display: none
    }

    .mt-minus-20 {
        display: block;
        margin-bottom: 30px
    }

    .mt-minus-35,
    .mt-minus-70 {
        margin-top: 0;
        display: block
    }

    .mt-minus-100 {
        margin-top: -70px;
        display: block
    }

    .mt-minus-200 {
        width: 50%;
        margin: 0 auto;
        display: block
    }

    .counter-block.with-divider:before,
    .menu-contacts {
        display: none
    }

    .blog-item.medium-img .blog-media {
        float: none;
        margin-right: 0;
        margin-bottom: 20px
    }

    .blog-item.medium-img .blog-item-foot .pull-right {
        float: none !important
    }

    .blog-item.small-img .blog-media {
        float: none;
        margin-right: 0;
        margin-bottom: 20px
    }

    .blog-item.small-img .blog-item-foot .pull-right {
        float: none !important
    }

    .title-icon {
        text-align: center;
        margin-right: 0
    }

    .site-top-panel .top-right-wrap,
    .site-top-panel .top-right-wrap li {
        font-size: 12px
    }

    .site-top-panel .top-left-wrap {
        font-size: 10px
    }

        .site-top-panel .top-left-wrap span {
            margin: 0
        }

    table.table.alt-2 tbody tr td {
        padding: 20px
    }

    .divAirOption.airoptiontick {
        margin-left: 30px
    }

    .OptionInfo {
        border: 1px solid #d3d3d3;
        text-align: left;
        width: 90%;
        padding-left: 11px;
        display: inline-block;
        box-sizing: border-box
    }
}

@media (max-width:767px) {
    .service-item.right-line:before {
        display: none
    }

    .top-shop .widget-top-sellers {
        right: 50%;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%)
    }

    .news-popup .news-popup-wrap {
        width: 370px;
        height: 740px
    }

    .breadcrumbs .breadcrumbs-item,
    .breadcrumbs .breadright {
        float: none !important
    }

        .breadcrumbs .breadcrumbs-item .location i {
            float: left
        }

        .breadcrumbs .breadcrumbs-item .location > * {
            display: initial
        }

    footer.footer .copyright {
        line-height: 30px
    }

    .menu-widget .magic-line li a {
        padding: 10px
    }

    .reviews-marks {
        display: block
    }

    .comments .comment-body .comment-info .comment-meta .title h5 {
        font-size: 16px
    }

    .comments .comment-body .comment-info .comment-meta .title span {
        font-size: 13px
    }

    .testimonial-item {
        margin: 0 auto
    }

    .call-out-box .call-out-wrap.alt > a {
        float: none;
        margin-left: 20px
    }

    .portfolio-item {
        margin-left: auto;
        margin-right: auto
    }

    .room-table table.table thead {
        display: none
    }

    .room-table table.table tbody tr td {
        display: block;
        text-align: center;
        border-right: 0
    }

        .room-table table.table tbody tr td > ul {
            max-width: 250px;
            margin: auto;
            text-align: left
        }

    .woocommerce td.actions {
        text-align: center
    }

        .woocommerce td.actions > * {
            float: none !important
        }

    #filter-grid > .all {
        width: 49.9%
    }
}

@media (max-width:630px) {
    .profile-col .col-sm-6.col-xs-6 {
        width: 100%
    }
}

@media (max-width:600px) {
    .menu-widget .magic-line {
        border-bottom: 0
    }

        .menu-widget .magic-line #magic-line {
            display: none
        }

    .work-filter ul.magic-line {
        display: block
    }

        .work-filter ul.magic-line li + li a {
            margin-left: 20px
        }

    .comments .comment-body .comment-info .comment-meta .comment-date {
        float: none !important;
        text-align: left;
        margin-bottom: 5px
    }

    .blog-nav-share,
    .blog-nav-tags,
    .shop-group .shop-data {
        text-align: center
    }

    .blog-nav-tags {
        padding-top: 0;
        padding-bottom: 0;
        display: block
    }

    .blog-nav-share {
        padding-top: 10px;
        float: none
    }

    .shop-data .shop-ordering {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
        float: none
    }

        .shop-data .shop-ordering select {
            width: 100%
        }

    .menu-widget .magic-line li:not(.current_item) a:hover {
        color: #a9b5c1
    }

    .carousel-container .owl-two-pag .owl-item > * {
        margin: 0 16px
    }

    .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media {
        padding-top: 40%
    }
}

@media (max-width:555px) {
    #filter-grid > .all {
        width: 100%
    }
}

@media (max-width:530px) {
    .pagination li a,
    .pagination li a span {
        line-height: 28px
    }

    .stars-perc:before,
    .stars-perc > span:before {
        font-size: 13px
    }

    .single-product .images {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .single-product .summary {
        margin-left: 0
    }

    .start-button {
        float: none;
        text-align: left;
        margin-top: 30px
    }

    .breadcrumbs .breadcrumbs-item,
    .breadcrumbs .breadright,
    .comments .comment-body,
    .comments .comment-body .comment-info .comment-meta .comment-date,
    .shop-data-bot,
    .shop-data-bot .shop-data + .text-right {
        text-align: center
    }

    .cws-button.pull-right,
    .showing.pull-right {
        margin: 0
    }

    .pagination li a {
        min-width: 30px;
        height: 30px
    }

    .news-popup .news-popup-wrap {
        width: 300px;
        height: 420px
    }

        .news-popup .news-popup-wrap img {
            width: 50%;
            margin: auto;
            display: block
        }

        .news-popup .news-popup-wrap .news-content .news-title {
            margin-top: 10px
        }

            .news-popup .news-popup-wrap .news-content .news-title h2 {
                margin-bottom: 10px
            }

        .news-popup .news-popup-wrap .news-content .newsletter {
            margin-top: 0;
            white-space: nowrap
        }

            .news-popup .news-popup-wrap .news-content .newsletter .newsletter-field {
                max-width: 210px;
                width: 160px
            }

        .news-popup .news-popup-wrap .news-content .checkbox-wrap {
            margin-top: 10px;
            margin-bottom: 10px
        }

        .news-popup .news-popup-wrap .news-content .social-wrap .cws-social {
            width: 30px;
            height: 30px;
            line-height: 30px
        }

    .price_slider_wrapper .price_slider_amount.addon .price_label span {
        padding: 1px 7px
    }

    .shop-data-bot .shop-data {
        float: none
    }

    .rating,
    .widget-price-slider {
        float: none !important
    }

    .shop-post .shop-post-title h1,
    .shop-post .shop-post-title h4 {
        display: none
    }

    .price_slider_wrapper {
        width: 200px
    }

    .reviews-top {
        display: block
    }

    .reviews-total {
        width: auto
    }

    .stars-perc .stars-active,
    .stars-perc:before,
    .stars-perc > span:before {
        letter-spacing: 5px
    }

    .tabs .block-tabs-btn .tabs-btn {
        float: none;
        margin: 0
    }

        .tabs .block-tabs-btn .tabs-btn:after,
        .tabs .block-tabs-btn .tabs-btn:before {
            display: none
        }

    footer.footer .copyright a + a {
        margin-left: 10px
    }

    table.table tbody tr td,
    table.table thead tr th {
        padding: 10px;
        font-size: 11px
    }

    form.form input[type=submit] {
        float: none !important;
        display: block;
        margin: auto !important
    }

    .comments .comment-body .avatar {
        float: none;
        margin: 0 auto 10px
    }

    .comments .comment-body .comment-info,
    .review-content .review-total .review-total-content {
        margin-left: 0
    }

    .review-content .review-total img {
        float: none
    }

    .reviews-marks ul {
        width: 240px
    }

    .work-filter ul.magic-line li a {
        padding-bottom: 0;
        line-height: 30px
    }

    .work-filter {
        margin-bottom: 20px
    }

    .woocommerce td.actions > * {
        display: block !important;
        float: none !important;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .woocommerce .coupon #coupon_code {
        width: 100%
    }

    .woocommerce .coupon > .cws-button {
        position: absolute;
        right: 27px
    }
}

.filter-area h5,
.price-filter input,
.sort-area .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    letter-spacing: 1px;
    font-weight: 700
}

@media (max-width:500px) {
    .blog-col .col-sm-6.col-xs-6 {
        width: 100%
    }
}

@media (max-width:420px) {
    .testimonial-item {
        margin: 0 20px
    }

    .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media {
        padding-top: 60%
    }

    .recom-item .recom-media:hover .pic img {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%)
    }
}

.videosec {
    width: 100%
}

.pb-0 {
    padding-top: 140px
}

.logo h3 {
    color: #45505c;
    font-size: 45px
}

    .logo h3 span {
        color: #ff8d06
    }

.tab-content {
    position: relative;
    z-index: 0;
    width: 45%;
    padding: 15px 15px 0;
    background: rgba(33, 88, 139, 1);
    margin-top: 30px;
    margin-bottom: 40px;
    float: left
}

.leftSearchSec .search-col-padding,
select {
    width: 100%
}

.search-section .product-search-title {
    color: #fff;
    font-size: 24px;
    padding-bottom: 10px
}

.search-section .tab-content {
    padding-bottom: 20px;
    z-index: 9
}

.leftSearchSec .tab-content {
    margin-top: 0;
    padding: 0;
    background: 0 0
}

.airline-filter.filter li {
    margin: 0;
    padding: 0
}

.airline-filter.filter input[type=checkbox] + label {
    padding-left: 0
}

.list-wrapper h4 {
    font-size: 13px;
    text-align: center
}

svg {
    width: 30px;
    display: block;
    margin: 0
}

.destulholder ul,
.features-info-bot a,
.greenstar,
.widgetHolder {
    display: none
}



.imgholder svg {
    width: 30px !important;
    height: 30px !important
}

.trustedpilot {
    background: #fff;
    float: left;
    margin-right: 10px;
    padding: 10px;
    display: none
}

    .trustedpilot svg {
        float: left;
        vertical-align: middle
    }

    .trustedpilot b {
        float: left;
        line-height: 31px;
        font-size: 20px;
        padding-left: 10px;
        color: #4caf50;
        padding-right: 10px;
        font-weight: 400
    }

.stars.stars-5:before {
    color: #4caf50;
    font-size: 16px
}

.greenstar {
    float: left;
    padding-top: 5px
}

.callicon {
    position: fixed;
    right: 26px;
    bottom: -170px;
    z-index: 999999;
    width: 25%;
    transition: all .5s;
    -webkit-transition: all .5s;
    box-shadow: 0px 10px 10px #333;
}

#txtCaptcha {
    width: 70px;
}

.captchaHeading {
    font-size: 14px;
}

.callicon.withCaptach {
    bottom: -264px;
}

.callicon h2 {
    color: #04558d;
    font-size: 14px;
}

.callicon li {
    color: #5c5c5c;
    font-size: 12px;
    padding-bottom: 5px !important;
    margin: 0px;
    line-height: 18px;
}

    .callicon li:before {
        content: "\f00c";
        padding-right: 8px;
        font-size: 12px;
        font: normal normal normal 14px/1 FontAwesome;
    }


.callicon .imgholder {
    background: #209dcd;
    text-align: center;
    padding: 1%;
    float: left;
    width: 100%;
    cursor: pointer;
}


.callicon.openform .imgholder {
    left: 41px;
    overflow: hidden;
}

.callicon.openform .fa-angle-up:before {
    content: "\f107" !important;
}

.callicon .imgholder h2 {
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
    margin: 0px;
}

    .callicon .imgholder h2 img {
        margin-right: 10px;
    }

    .callicon .imgholder h2 i {
        float: right;
        font-size: 20px;
    }

.callicon #formCallOus input {
    width: 45%;
    padding-left: 23px;
    height: 37px;
    font-size: 12px;
    height: 38px;
}

    .callicon #formCallOus input::placeholder {
        font-size: 9px !important;
    }

#formCallOus .call-bycountry img {
    margin-right: 5px;
    width: 20px;
}

.callicon .callInfo ul li button {
    padding: 9px 20px 10px !important;
    margin-top: 0px !important;
}

#formCallOus .call-bycountry {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-right: 0px;
    font-size: 11px;
    height: 38px;
    line-height: 38px;
}

#divCallBackBoxHome input {
    border: 1px solid #ccc !important;
}

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

.callicon #formCallOus {
    background: #fff;
    float: left;
    padding: 10px;
    margin-left: -17px;
    width: 111%;
}

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

.callicon .callInfo {
    float: right;
    width: 100%;
    background: #fff;
    padding: 8px 5% 0px
}

.mob-connecting h2 {
    margin: 0px;
    margin-bottom: 10px;
    color: green !important
}

.mob-connecting {
    font-size: 12px;
    color: #333;
}

.callicon svg {
    width: 50px;
    height: 50px
}

#btnCloseCallBack {
    position: absolute;
    right: 15px;
    top: 54px;
    color: #ff6000;
    font-size: 20px;
    font-style: normal;
}

.content-body {
    position: relative
}

.openform {
    transition: all .5s;
    -webkit-transition: all .5s
}

.callInfo h3 {
    font-size: 14px;
    color: #04558d;
    padding: 0;
    margin: 0;
    margin-left: 0px;
}

    .callInfo h3 i.fa-times {
        float: right;
        color: #383a40;
        font-size: 21px;
        font-weight: 400;
        cursor: pointer
    }

.callInfo ul {
    width: 100%;
    padding: 8px 0 0;
    margin-bottom: 0
}

    .callInfo ul li {
        width: 100%;
        margin: 0;
        padding-bottom: 10px;
        padding-left: 0
    }

        .callInfo ul li input[type=text] {
            width: 100%;
            border: 1px solid #ccc;
            color: #333;
            font-size: 12px;
            line-height: 20px
        }

        .callInfo ul li button {
            background: #ff6000;
            padding: 5px 20px;
            border: none;
            color: #fff;
            float: right;
            margin-top: 10px;
            margin-right: 5px;
        }

.phonering-alo-ph-img-circle, .footer_call i.crs {
    width: 23%;
    border-radius: 0px 10px 0px 0px;
}

.callInfo ul li button:hover {
    background: #ff8d06
}

.quickCallTxt ul li {
    position: relative;
}

    .quickCallTxt ul li:before {
        content: "\f00c";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block !important;
    }

#formCallOus li:before {
    display: none;
}

/*.callInfofixed {
    position: fixed;
    z-index: 9;
    top: 30%
}*/
.quickCallTxt {
    background: #fff;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.callicon.openform {
    bottom: 0px;
}

#cphFull_lblMess {
    width: 100%;
    color: green;
    font-size: 12px
}

.blog-item p img {
    float: left;
    margin: 0 20px 10px 0
}

.blog-item p {
    color: #333;
    font-size: 16px
}

.blog-item {
    max-width: 100%
}

    .blog-item .blog-item-body p {
        margin: 0;
        font-size: 16px
    }

#btnSearchFlights {
    margin-top: 10px;
    color: #fff;
    border-radius: 0;
    font-size: 24px;
    padding: 10px 30px;
    border: 2px solid #fff;
    float: right;
    width: 100%;
    position: relative
}

    #btnSearchFlights .bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 40px;
        font-size: 22px !important
    }

.input-group-addon {
    font-size: 20px
}

#btnSearchFlights:hover {
    background-color: #307fca
}

.tripHolder {
    margin-bottom: 0
}

#formAirSearch label {
    color: #000;
    padding-top: 0
}

select {
    position: relative;
    color: #333;
    cursor: pointer;
    font-size: 14px
}

    .closeicon,
    .widgetHolder,
    select:after {
        position: absolute;
        top: 0
    }

    select:after {
        content: " ";
        border: 10px solid transparent;
        border-left: 10px solid #000;
        right: 0
    }

.Phone::after,
.Phone::before,
.flightSlider:after,
.searchHolder:before {
    content: ""
}

.ui-datepicker td a,
.ui-datepicker td span {
    padding: 0 !important;
    font-weight: 400 !important;
    background: 0 0 !important
}

.info-text {
    font-size: 12px
}

.priceListingHolder {
    padding-top: 50px
}

    .priceListingHolder p {
        width: 100%;
        font-size: 16px !important;
        margin: 6px 0 !important;
        overflow: hidden
    }

        .priceListingHolder p a:hover,
        .priceListingHolder p a:hover font,
        .widget-tags-wrap p a:hover {
            color: #fff
        }

        .priceListingHolder p span {
            float: right;
            color: #fff;
            width: auto
        }

        .priceListingHolder p font {
            color: #ffc107;
            font-size: 11px;
            text-transform: uppercase
        }

    .priceListingHolder .tab-content {
        margin: 0
    }

        .priceListingHolder .tab-content .search-col-padding {
            width: 100%
        }

.info-text a b {
    float: left
}

.widgetHolder {
    left: -7%;
    width: 114%;
    height: 100%;
    background: #ff8d06;
    z-index: 1
}

.closeicon {
    width: 50px;
    background: #ccc;
    height: 50px;
    left: 0
}

.hideCon .formMidBox {
    padding-top: 3px
}

.tripHolder {
    padding-bottom: 10px;
    width: 100% !important
}

.nav-logo-wrap {
    position: relative
}

.destHolder1 {
    width: 75%;
    float: left;
    padding-right: 20px
}

.destHolder3 {
    width: 25%;
    float: left
}

.sub-destHolder2 {
    height: 300px;
    float: left;
    width: 100%
}

.sub-destHolder3,
.sub-destHolder4,
.sub-destHolder5 {
    width: 31.8%;
    float: left;
    margin-left: 20px
}

.sub-destHolder2 img {
    width: 100%;
    height: 280px
}

.sub-destHolder3 {
    margin-left: 0;
    height: 300px
}

    .sub-destHolder3 .features-media,
    .sub-destHolder4 .features-media,
    .sub-destHolder5 .features-media {
        height: 280px
    }

        .sub-destHolder3 .features-media img,
        .sub-destHolder4 .features-media img,
        .sub-destHolder5 .features-media img {
            width: 100%;
            height: 100%
        }

.destHolder3 .features-media {
    height: 580px
}

    .destHolder3 .features-media img {
        height: 100%
    }

.tri-subdestHolder1 {
    width: 65.7%;
    float: left
}

.tri-subdestHolder2 {
    width: 32%;
    float: left;
    margin-left: 20px
}

.filter {
    border-top: 1px solid #fff
}

    .filter label {
        color: #333;
        cursor: pointer
    }

#formAirSearch label,
.formMidBox label {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400; 
    position: absolute;
    left:0;
}

.flight-title h3 {
    text-align: left;
    padding-left: 15px !important
}

.flight-list-view:hover {
    border: 1px solid #F19C4F;
    box-shadow: 0 0 5px #F19C4F
}

.flight-list-view {
    margin: 0;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px #e6e6e6;
    overflow: hidden
}

    .flight-list-view .airline-logo {
        padding: 5px 0
    }

    .flight-list-view h6 {
        margin-bottom: 0
    }

    .flight-list-view .flight-desc h5 {
        font-size: 13px
    }

    .flight-list-view .flight-desc h4 i {
        margin-right: 5px;
        color: #045084
    }

    .flight-list-view .flight-desc .duration {
        padding: 40px 0
    }

    .flight-list-view .price h4 {
        font-weight: 700;
        color: #d4451b;
        margin-top: 0
    }

    .flight-list-view .book a {
        font-weight: 700;
        color: #fff;
        background: #d4451b;
        padding: 4px 8px;
        display: inline-block;
        font-size: 12px;
        line-height: 18px
    }

.leftSearchSec .willslide,
.leftSearchSec + .cws-widget .widget-categories .willslide,
.leftSearchSec + .filter .willslide {
    width: 100%;
    float: left;
    display: none;
    padding-bottom: 10px
}

.flight-list-view .book h6 {
    margin-top: 10px
}

.flight-list-view .h6,
h6 {
    font-size: 12px
}

.flight-list-view .h1,
.flight-list-view .h2,
.flight-list-view .h3,
.flight-list-view .h4,
.flight-list-view .h5,
.flight-list-view .h6,
.flight-list-view h1,
.flight-list-view h2,
.flight-list-view h3,
.flight-list-view h4,
.flight-list-view h5,
.flight-list-view h6 {
    font-weight: 500;
    line-height: 1.1
}

.landing h4,
.price h4,
.take-off h4 {
    font-size: 15px
}

.resultBox .list-header {
    background: #045084 !important
}

.leftSearchSec .clicktoslide {
    padding: 10px;
    width: 100%;
    float: left;
    cursor: pointer;
    background: url(/Content/images/arrow-right.png) 95% 12px no-repeat #008171
}

    .leftSearchSec .clicktoslide.active {
        background: url(/Content/images/arrow-bottom.png) 95% 12px no-repeat #008171
    }

.leftSearchSec + .filter .clicktoslide {
    padding: 10px;
    width: 100%;
    float: left;
    cursor: pointer;
    background: url(/Content/images/arrow-right.png) 95% 12px no-repeat #485565;
    font-size: 16px
}

    .leftSearchSec + .filter .clicktoslide.active {
        background: url(/Content/images/arrow-bottom.png) 95% 12px no-repeat #485565
    }

.leftSearchSec .product-search-title {
    padding-top: 12px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700
}

.leftSearchSec + .cws-widget .widget-categories .clicktoslide {
    padding: 10px;
    width: 100%;
    float: left;
    cursor: pointer;
    background: url(/Content/images/arrow-right.png) 95% 12px no-repeat #008171
}

    .leftSearchSec + .cws-widget .widget-categories .clicktoslide.active {
        background: url(/Content/images/arrow-bottom.png) 95% 12px no-repeat #008171
    }

.clicktoslide i,
.clicktoslide svg {
    width: 14px;
    margin: 0 9px 0 0;
    display: inline-block;
    vertical-align: middle
}

.list-header.row {
    margin: 0 !important
}

.searchHolder {
    position: absolute;
    top: 0;
    right: 10%;
    background: #045084;
    width: 300px;
    z-index: 98;
    border: 1px solid #ccc;
    display: none
}

.spboximg .searchHolder .input-group-addon {
    padding-right: 5px !important
}

.spboximg .searchHolder .search-col-padding {
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px
}

.spboximg .product-search-title {
    font-size: 18px;
    color: #fff;
    padding-left: 0;
    line-height: 18px
}

.spboximg .searchHolder:before {
    border-bottom: 10px solid #032438;
    right: 30px
}

.spboximg .searchHolder {
    border: none;
    text-align: left
}

    .spboximg .searchHolder .input-group-addon i {
        font-size: 20px;
        color: #fff
    }

    .spboximg .searchHolder .formMidBox {
        padding: 0
    }

    .spboximg .searchHolder .input-group-addon {
        color: #fff !important;
        padding: 0 3px !important
    }

    .spboximg .searchHolder label {
        width: 100% !important;
        padding-top: 7px
    }

.spboximg .formMidBox .input-group {
    width: 99% !important
}

.spboximg .formMidBox br {
    display: none
}

.spboximg .searchHolder .hideCon .formMidBox {
    width: 50%;
    padding-right: 1%
}

.spboximg .searchHolder .selectpicker {
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    border: none
}

.searchHolder label {
    color: #fff;
    font-size: 12px
}

.searchHolder .hideCon .formMidBox {
    width: 50%
}

.searchHolder .btn-group.bootstrap-select,
.searchHolder .input-group {
    border: none
}

.searchHolder .btn-group.bootstrap-select {
    border: 1px solid #ccc
}

.leftSearchSec {
    background: #ff8d06;
    padding: 0;
    margin-top: 20px
}

.searchHolder .input-group-addon {
    background: #d4451b;
    padding: 0 18px
}

.tab-content > .active {
    padding-bottom: 0
}

.search-box .tab-content > .active {
    padding-bottom: 17px
}

.searchHolder .search-button {
    background: #d4451b;
    border-radius: 0;
    margin-top: 10px;
    padding: 6px 30px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    border: 1px solid #fff;
    outline: 0
}

.searchHolder .tab-content {
    margin: 0
}

.searchHolder:before {
    position: absolute;
    right: 20px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #045084
}

.searchHolder .closewidget {
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.searchHolder .tab-content > .active {
    overflow: hidden;
    padding-bottom: 0;
    display: block
}

.searchHolder .search-col-padding,
.searchHolder .search-col-padding.noleftwidget {
    width: 100%
}

.tp-caption .sl-title,
.tp-caption .sl-title-bot,
.tp-caption .sl-title-top {
    text-shadow: 1px 1px 1px #000
}

.inner-nav.desktop-nav ul li .mn-sub li > a span {
    display: block;
    position: relative
}

    .inner-nav.desktop-nav ul li .mn-sub li > a span.active:after {
        content: '\f105';
        font-family: FontAwesome;
        float: right;
        color: #fff
    }

    .inner-nav.desktop-nav ul li .mn-sub li > a span.active {
        color: #333;
        background: #fff;
        display: block;
        padding: 5px
    }

.destulholder {
    overflow-y: auto;
    height: 300px;
    overflow-x: hidden
}

.slider-sidebar label.label-max {
    padding-top: 13px !important
}

.destulholder a span.active {
    background: 0 0 !important;
    display: block;
    padding: 0 !important;
    color: #fff
}

.airoptiontick .row.selop div:first-child:after {
    content: ' ' !important
}

.searchbtnMobile {
    display: none
}

.filterHolder {
    width: 100%;
    background: #3e4b54;
    padding: 10px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px
}

    .filterHolder a {
        float: left;
        width: 30%
    }

        .filterHolder a:focus {
            color: #fff
        }

    .filterHolder p {
        float: left;
        width: 70%;
        padding-left: 10px;
        color: #fff;
        font-size: 11px;
        margin-bottom: 0
    }

.page-title {
    background: fixed #005278;
    padding: 21px 0;
    background-size: contain;
    margin-left: 0 !important;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 30px
}

    .page-title h3,
    .page-title h4 {
        margin: 0 0 10px;
        color: #fff;
        text-align: center
    }

    .page-title h3 {
        font-weight: 700;
        font-size: 28px
    }

    .page-title h4 {
        font-size: 22px
    }

    .page-title h5 i {
        color: #F19C4F
    }

    .page-title p {
        color: #fff
    }

.blog-item p strong {
    font-size: 20px
}

.blog-item h6 {
    font-size: 18px
}

.blog-item h2 {
    font-size: 26px
}

.booking-item .selectBtn {
    float: right;
    padding: 7px 60px;
    font-weight: 700;
    font-size: 22px;
    margin: 14px 28px 16px 20px;
    border-radius: 0;
    text-transform: uppercase
}

    .booking-item .selectBtn i {
        padding-left: 8px;
        font-size: 30px
    }

.booking-item {
    border: 1px solid #ff8d06 !important;
    padding: 0 !important;
    float: left;
    width: 100%
}

    .booking-item .selectBtn,
    .paymentBox .btn-primary,
    .paymentBox .btn-primary:active:focus,
    .paymentBox .btn-primary:active:hover,
    .section-title a {
        background-color: #045084;
        border-color: #164877
    }


.footerLogo {
    width: 100%
}

.cws-widget {
    padding-top: 15px
}

.booking-list .selectBtn + span {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 8px 40px;
    background-color: var(--skyBlue);
    border-color: var(--skyBlue);
}

ul.whyChooseList {
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    background: #f1f1f1;
    overflow: hidden;
    float: left
}

    ul.whyChooseList li {
        float: left;
        width: 25%;
        color: #666;
        font-size: 14px;
        background: #f4f4f4;
        border: 1px solid #ccc;
        border-left: 0 solid #ccc;
        line-height: 24px;
        margin: 0
    }

        ul.whyChooseList li p {
            display: none;
            font-size: 13px;
            line-height: 20px;
            padding-top: 10px
        }

    ul.whyChooseList h4 {
        margin-bottom: 0
    }

    ul.whyChooseList li span {
        width: 50px !important;
        height: 50px !important;
        border-radius: 50%;
        background: rgba(0, 158, 227, .78);
        margin: 0 auto 13px;
        display: table;
        text-align: center;
        padding: 5px
    }

    ul.whyChooseList li h4 {
        margin-top: -5px
    }

    ul.whyChooseList li span i {
        font-size: 30px;
        font-weight: 400;
        color: #FFF;
        vertical-align: middle;
        display: table-cell;
        font-style: normal
    }

        ul.whyChooseList li span i svg {
            margin: auto
        }

.selectpicker:before {
    content: " ";
    border: 10px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    right: 0;
    top: 0
}

.contact-form {
    background: #fff;
    padding: 0;
    overflow: hidden
}
.contact-address {
    padding: 8px 15px;
}

.contact-address h2 {
    color: #5b5959;
    padding: 0 17px;
    font-size: 28px;
    margin-bottom: 16px;
}

.contact-address .addCont .flex-Text {
    display: flex;
    padding-bottom:15px;
}

.contact-address .addCont .flex-Text i {
    min-width: 25px;
    margin-top: 2px;
}
.contact-address i {
    font-size: 20px;
    margin: 0 8px 0 0;
    color: #5b5959;
}

.contact-address p {
    font-size: 15px;
    line-height:22px;
    font-weight: 400;
    display: inline-block;
    margin: 0
}


.contact-map {
    border: 0;
    width: 100%;
    height: 305px
}

.list-bullet li {
    list-style: disc;
    color: #07253F;
    line-height: 1.4 !important;
    margin-left: 19px;
    margin-bottom: 9px;
    padding-left: 7px
}

.panel-body p {
    color: #333;
    font-size: 18px;
    line-height: 24px
}

.btn-primary.submitBtn {
    padding: 7px 2px;
    margin-left: 185px;
    margin-top: 13px;
    font-size: 22px
}

.ui-state-disabled .ui-state-default {
    color: #ccc !important
}

.selectpicker {
    position: relative;
    background: url(/Content/images/select-gray.png) right center no-repeat #fff;
    border: 1px solid #ccc;
    width: 100%;
    float: right;
    margin-bottom: 0
}

    .selectpicker.error {
        border: 1px solid red;
        display: block !important
    }

.adult-infant, .pax-ratio {
    font-size: 11px;
    color: #fff;
    text-align: left;
    padding: 3px 5px;
    float: left;
    background: #921115;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9999;
}

#ddlChildCount1 + .pax-ratio1,
.adult-infant1,
.spboximg .pax-ratio1 {
    color: #f19d84;
    display: inline-block;
    padding-top: 5px;
    font-size: 11px
}

.adult-infant:after,
.pax-ratio:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #921115;
    position: absolute;
    top: -7px;
    left: 50%;
}

#ddlChildCount1 + .pax-ratio1,
.spboximg .pax-ratio1 {
    position: relative;
    line-height: 17px;
    left: -103%;
    width: 300px
}

.adult-infant1 {
    width: 288px;
    line-height: 20px
}

#timeout p.stxt span.error,
.allpopup p.stxt span.error {
    font-size: 11px;
    text-align: left
}

.leftSearchSec form input[type*=radio]:checked:before {
    background: #00518b
}

#cphFull_lblMsg {
    width: 100%;
    text-align: center;
    display: block;
    background: #fcf8e3;
    padding: 21px 0 28px;
    font-size: 20px;
    border: 2px solid #f9e4a3;
    color: #242b2f
}

    #cphFull_lblMsg h1 {
        color: #404040;
        padding: 0 5%;
        font-size: 29px;
        font-weight: 400;
        line-height: 40px;
        margin-bottom: 39px
    }

    #cphFull_lblMsg .fa-frown:after {
        content: "\f119";
        color: var(--skyBlue);
        font-size: 39px
    }

    #cphFull_lblMsg li {
        color: #333;
        font-size: 16px
    }

    #cphFull_lblMsg p a {
        color: #075ed8
    }

    #cphFull_lblMsg .sorrytext {
        padding: 0;
        color: #ff8d06;
        font-size: 44px;
        display: block
    }

    #cphFull_lblMsg ul + p {
        margin-top: 31px
    }

    #cphFull_lblMsg .fa-check {
        font-size: 13px;
        line-height: 14px;
        padding-right: 8px
    }

.form-group input[type=text] {
    border: 1px solid #ccc;
    line-height: 34px
}

.form-group label {
    color: #333
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEE
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEE
}

.panel-title {
    font-size: 14px
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
        font-size: 16px;
        color: #45535e
    }

.panel-collapse .panel-body {
    padding: 0 10px
}

.more-less {
    float: left;
    color: #45535e;
    font-size: 18px;
    line-height: 21px;
    padding-right: 14px
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEE
}

.faqs .panel-title > a {
    font-size: 22px;
    color: #45535e
}

.city-info {
    margin: 40px auto 50px
}

    .city-info ul li {
        margin-left: 0;
        border: 1px solid #fff;
        float: left;
        width: 25%;
        padding-left: 0;
        cursor: pointer
    }

        .city-info ul li h2 {
            font-size: 18px;
            color: #ffc107;
            position: absolute;
            bottom: -10px;
            background-color: rgba(0, 0, 0, .9);
            width: 100%;
            padding: 13px
        }

            .city-info ul li h2 span {
                float: right;
                color: #fff
            }

        .city-info ul li span.imghov img {
            opacity: 1
        }

        .city-info ul li span.imghov:hover img {
            opacity: .5
        }

    .city-info h3 {
        border-bottom: 2px solid #404040;
        padding-bottom: 3px;
        display: inline-block;
        margin-bottom: 40px;
        font-weight: 400
    }

        .city-info h3 span,
        .singup-box h6 {
            font-weight: 700
        }

.mainContainer #btnSearchFlights {
    background-color: #424d58
}

    .mainContainer #btnSearchFlights:hover {
        background-color: #727f8c
    }

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

.search-section .search-col-padding {
    width: 50%;
    padding: 5px
}

.search-section .hideCon .search-col-padding {
    width: 25%
}

.callBg #formCallus .fieldButton {
    background: #ff8d06;
    border: none;
    padding: 7px 18px;
    border-radius: 0 10px 10px 0
}

.mobiledestmenu ul {
    display: none
}

#formCallus input[type=text] {
    padding: 7px 8px;
    font-size: 12px;
    color: #39424b;
    height: 29px
}

.callBg #formCallus input[type=text] {
    padding: 7px 8px;
    font-size: 12px;
    color: #39424b;
    height: 39px
}

#totalperson {
    display: block !important
}

.is-half .level {
    margin: 0 0 0 -22px
}

.thankyou .text-success {
    border: 2px solid #3c763d;
    border-radius: 32px;
    padding: 6px;
    font-size: 22px
}

.sorry .fa-exclamation {
    border: 2px solid var(--blueBg);
    border-radius: 32px;
    padding: 6px 13px;
    font-size: 22px
}

.thankyou h1 {
    font-size: 30px;
    color: #3c763d
}

.thanks h2 {
    font-size: 40px;
    color: #045084
}

.sorry h1 {
    font-size: 30px;
    color: var(--blueBg);
}

.thanks p b {
    color: #ff8d06;
    border-bottom: 2px solid #ff8d06;
    display: inline-block
}

.thanks {
    padding: 80px 30px !important;
    text-align: center
}

    .thanks p {
        margin: 0 !important
    }

    .thanks h5 {
        margin-top: 35px;
        padding-bottom: 20px;
        color: green
    }

.sorry h2,
.thankyou h2 {
    font-size: 23px;
    color: #484e5c
}

.sorry h5,
.thankyou h5 {
    font-size: 17px;
    color: #484e5c;
    font-weight: 400
}

.sorry h3,
.thankyou h3 {
    font-size: 21px;
    color: #484e5c
}

    .sorry h3 + h2,
    .thankyou h3 + h2 {
        background: var(--skyBlue);
        color: #fff;
        display: block;
        padding: 10px;
        width: 200px;
        margin: 0 auto;
        border-radius: 18px
    }

.sorry,
.thanks,
.thankyou {
    background: #eae8e8;
    border: 1px solid #d3d3d3;
    width: 70%;
    margin: 0 auto;
    padding: 20px
}

.commentbox {
    position: absolute;
    left: 450px
}

@media (max-width:991px) {
    .sorry,
    .thankyou {
        margin-top: 147px
    }
}

@media (max-width:767px) {
    .contact-form input:not(.cws-button),
    .contact-form textarea,
    .detailContainer h4.title {
        margin-bottom: 10px
    }

    .ausu-suggestionsBox {
        width: 156% !important;
        z-index: 99999
    }

        .ausu-suggestionsBox ul li {
            font-size: 12px !important
        }

    .searchforlisting {
        padding-top: 10px !important
    }

    .singup-box h6 {
        padding-top: 0 !important
    }

    textarea.form-control {
        height: 70px
    }

    .contact-form {
        padding: 10px
    }

    .booking-item-passengers div[class*=col-] select {
        padding: 6px 7px
    }

    .about-intro p.eticketinfo {
        font-size: 12px;
        line-height: 18px;
        padding-top: 10px
    }

    .cardfee {
        padding-top: 0
    }

    .col-md-3.col-sm-6.mb-sm-30,
    .tab-content {
        margin-bottom: 0
    }

    .callimg {
        height: 170px
    }

    .flconfirm-body {
        margin-top: 15px
    }

    .flightSlide .table tr td:first-child {
        display: none
    }

    .flightSlide {
        padding: 0 !important
    }

        .flightSlide h5 {
            padding-left: 10px;
            padding-top: 10px
        }

    .callimg a {
        font-size: 24px
    }

    .callimg h2 {
        font-size: 20px
    }

    .callimg p {
        font-size: 16px
    }

    .search-box .tab-content > .active {
        width: 110%
    }

    .hideindesktop {
        display: block
    }

    .destulholder,
    .inner-nav:after,
    .site-top-panel {
        display: none
    }

    ul.tablinkHolder li,
    ul.tablinkHolder li input {
        width: 100%
    }

    ul.tablinkHolder li {
        border-bottom: 1px solid #ccc
    }

    .outerdiv {
        position: static
    }

    .searchheiht {
        height: 625px !important
    }

    .mn-sub-multi,
    .modified-searchlisting,
    .page-title h4 {
        width: 100% !important
    }

    .modified-searchlisting {
        top: 52px
    }

    .product-search-title {
        font-size: 18px !important
    }

    .inner-nav.mobile_nav {
        height: auto
    }

    .call-icon-wrap {
        padding: 2px 3px;
        width: 116%
    }

    .nav-logo-wrap .logo img {
        max-height: 78%
    }

    .mobile_nav .button_open:after {
        content: ' ';
        height: 100%;
        width: 712%;
        position: absolute;
        left: -612%;
        right: 50px
    }

    nav .inner-nav.mobile_nav ul {
        width: 100%;
        left: -45px;
        top: 40px;
        right: 0
    }

    .tel-top span {
        padding: 0 20px !important;
        color: #fff;
        font-size: 14px
    }

    .inner-nav.mobile_nav {
        width: 100%;
        margin-top: -10px
    }

    .call-to-phone {
        left: 0;
        position: static !important;
        right: 0;
        top: -10px !important;
        float: left;
        width: 111%;
        margin-left: -15px;
        box-shadow: none !important;
        padding: 15px !important
    }

        .call-to-phone.calladdblock {
            top: 220px !important
        }

    .callnowpop i {
        float: left;
        width: 10%
    }

    .callnowpop p {
        float: left;
        width: 80%;
        font-size: 20px;
        color: #fff;
        line-height: 19px;
        padding-top: 13px
    }

        .callnowpop p b {
            font-size: 12px;
            display: block
        }

    .inner-nav .mobile_menu_switcher {
        left: 0;
        background: #00537e
    }

    .singup-box h6 {
        font-size: 20px !important
    }

    .nav-logo-wrap {
        margin-left: 65px;
        width: 55%;
        text-align: center
    }

    .call-icon-wrap i {
        color: #fff !important
    }

    .callbutton {
        float: right
    }

    .inner-nav,
    .logo-soc,
    .small-section {
        float: left
    }

    .main-nav li.search1 {
        display: none !important
    }

    footer.footer {
        padding-top: 0
    }

    .main-nav {
        background: #fff;
        height: 71px !important
    }

    .hideformobile {
        display: none !important
    }

    .title-section.alt span {
        color: #fff;
        font-size: 24px
    }

    .tab-content {
        margin-top: 0
    }

    .pb-60 {
        padding-bottom: 20px !important
    }

    .pt-60 {
        padding-top: 20px !important
    }

    .small-section {
        padding: 20px 0
    }

    .counternumHolder {
        display: none
    }

    .hideCon .search-col-padding.formMidBox,
    .search-col-padding.formMidBox.noleftwidget {
        width: 49%;
        float: left;
        padding-right: 0
    }

    .destHolder1,
    .destHolder2,
    .destHolder3,
    .destHolder4,
    .logo-soc,
    .p-relative,
    ul.whyChooseList li {
        width: 100%
    }

    .formMidBox.noleftwidget .input-group #tbDepart,
    .formMidBox.noleftwidget .input-group #tbReturn {
        border: none;
        font-size: 13px !important;
        padding: 0 8px
    }

    #btnSearchFlights {
        width: 100%;
        padding: 10px 30px
    }

    .tp-banner-container {
        background: #021e2d
    }

    .input-group .form-control,
    .selectpicker {
        text-shadow: none
    }

    .pt-80 {
        padding-top: 40px
    }

    ul.whyChooseList li {
        border: 1px solid #ccc;
        border-left: 0;
        width: 50%;
        border-top: 0;
        height: 114px;
        padding-top: 10px !important
    }

        ul.whyChooseList li span {
            width: 60px !important;
            height: 60px !important
        }

        ul.whyChooseList li h4 {
            padding: 0 10px;
            margin-top: 5px !important;
            font-size: 13px !important
        }

    .destHolder1,
    .destHolder2,
    .destHolder3,
    .destHolder4 {
        overflow: hidden
    }

    .searchHolder {
        right: 0
    }

    .search-section {
        padding: 0
    }

    .row.pb-50.pb-md-40 {
        padding-bottom: 10px
    }
}

.special-offer {
    padding-top: 10px;
    border-top: 1px solid #d3d3d3;
    margin: 0 auto;
    display: block
}

    .special-offer p {
        color: #455161 !important;
        font-size: 15px;
        margin-top: -13px;
        z-index: 0
    }

.list-wrapper .search-col-padding .search-button {
    background-color: #424c56 !important;
    margin-bottom: 3px
}

    .list-wrapper .search-col-padding .search-button:hover {
        background-color: #656d75 !important
    }

.cws-widget + .cws-widget .widget-categories {
    margin-top: -19px
}

.widget-categories .widget-title {
    margin: 0;
    padding: 0;
    font-size: 19px;
    text-transform: capitalize;
    color: #5a5a59;
    border-bottom: 0 solid #fff
}

.call-icon-wrap {
    display: none
}

.flight-list-view h6 {
    font-weight: 700 !important
}

@media (max-width:1200px) {
    .main-nav li.search,
    .main-nav li.search1 {
        height: 43px;
        padding: 9px
    }

    .openform {
        right: 0 !important;
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .main-nav li.search,
    .main-nav li.search1 a span.callusbtn {
        background: #03548c;
        color: #fff;
        padding: 8px 21px;
        border-radius: 20px;
        box-shadow: 0 4px 0 #ffc107;
        cursor: pointer
    }

    .callicon {
        position: absolute;
        right: -27.5%;
        bottom: 420px;
        z-index: 999999;
        width: 30%
    }

    .quickCallTxt .font-4 {
    }

    .call-icon-wrap {
        display: block;
        text-align: center;
        vertical-align: middle;
        padding-top: 16px;
        background: #2e2e2e;
        width: 54px;
        height: 54px;
        float: right;
        position: absolute;
        right: 0;
        top: -36px
    }

    .fa-phone-volume:after {
        content: "\f2a0"
    }

    .call-icon-wrap .fa-times {
        padding-top: 0;
        margin-top: -3px
    }

    .call-icon-wrap i {
        font-size: 26px;
        color: #fff
    }

    .inner-nav ul li h2 {
        color: #045084 !important;
        padding: 10px
    }

    .site-top-panel {
        line-height: 35px
    }

    .callbutton * {
        /* position: static !important;*/
        /*   box-sizing: content-box !important;*/
        text-align: center;
    }

    .top-left-wrap {
        display: block !important;
        /*  background: #494d56;*/
        width: 100%;
        transition: all 1s ease-in-out
    }

    .callnowpop {
        background: linear-gradient(140deg, #de4a1f, #cc4118 51%, #9c2c0b 80%) !important
    }

    .tel-top {
        /* float: left; */
        padding: 0 !important;
        margin: 20px -42px 0 -23px;
        /* background: #ff8d06; */
        /* width: 120%; */
        /* display: none;*/
    }

    .callbutton,
    .openall {
        display: inline-block
    }

    .tel-top span {
        float: left;
        width: 100%;
        padding: 10px 0;
        margin: 0 !important;
        font-size: 35px !important;
        /*background: #2e2e2e;*/
        color: var(--skyBlue);
        border: 0 solid #2c2e2d
    }

    .tel-top a span {
        font-size: 22px !important;
        padding: 5px 30px 10px !important;
    }

        .tel-top a span i {
            padding-right: 11px;
            font-size: 26px;
            color: #fff;
        }

    .openall {
        width: 90% !important
    }

    .callbutton {
        /* width: 10%;
        position: static;
        padding: 20px 0 0;
        margin-top: -78px*/
    }

    .disnone:before,
    .pattern:after,
    .top-left-wrap .backline {
        display: none
    }

    .site-top-panel .top-left-wrap {
        height: auto
    }

        .site-top-panel .top-left-wrap span {
            font-size: 15px
        }

    .flaticon-call {
        vertical-align: middle;
        height: 26px
    }

    .site-top-panel .top-left-wrap a svg {
        margin-top: 0
    }

    .btnHolder {
        float: left;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #fff
    }

    #formCallus .disnone input[type=text] {
        height: 16px !important
    }

    .phonering-alo-phone {
        padding: 2px 0 1px
    }

    .flaticon-call {
        width: 26px
    }

    .site-top-panel .top-left-wrap,
    .site-top-panel .top-right-wrap {
        text-align: center !important
    }

    .city-info {
        margin-top: 210px
    }

    .tel-top span a {
        float: left;
        width: 100%
    }

    .singup-box .call-out-wrap .col-md-5,
    .singup-box .call-out-wrap .col-md-6 {
        width: 100% !important;
        float: left
    }

    .call-out-box.with-icon .call-out-wrap form.form .icon-left {
        top: 48%
    }

    .pattern:before {
        width: 100%
    }

    .singup-box h6 {
        padding-bottom: 20px
    }
}

@media (max-width:992px) {
    .singup-box .call-out-wrap .col-md-5,
    .singup-box .call-out-wrap .col-md-6 {
        width: 100% !important;
        float: left
    }

    .callInfofixed {
        /*top: 30%*/
    }

    .mobiledestmenu {
        width: 230%;
        position: relative;
        background: #fff;
        z-index: 1
    }

        .mobiledestmenu ul {
            display: none;
            border: 1px solid #ccc;
            height: 300px;
            overflow-y: scroll
        }

            .mobiledestmenu ul li {
                border-bottom: 1px solid #ccc;
                margin: 0;
                padding: 0 0 0 10px
            }

                .mobiledestmenu ul li a {
                    color: #333
                }
}

@media (max-width:420px) {
    .callBg .formBox label,
    .callicon,
    .city-info ul li {
        width: 100%
    }

    #Africa,
    .callicon,
    .new-york,
    .premiumclass {
        display: none
    }

    .city-info {
        margin-top: 20px
    }

        .city-info h3 {
            font-size: 27px
        }

    .landing h4,
    .price h4,
    .take-off h4 {
        font-size: 14px
    }

    .pt-80 {
        padding-top: 40px !important
    }

    .flight-list-view .flight-desc h5 {
        font-size: 12px
    }

    .booking-item .selectBtn {
        padding: 5px 11px
    }

    .sorry,
    .thanks,
    .thankyou {
        width: 100%;
        padding: 5% !important
    }

        .thanks h5 {
            margin: 10px !important;
            padding-bottom: 20px
        }

    .tp-caption .sl-title-top {
        padding-top: 17px
    }

    .mainContainer h1 {
        font-size: 20px !important
    }

    .section-title .booking-title {
        font-size: 17px
    }

    .booking-item-passengers li,
    .paymentBox .list-wrapper {
        padding-left: 0
    }

    .special-offer .container {
        padding: 20px !important
    }

        .special-offer .container h2 {
            font-size: 18px
        }

    .special-offer p {
        font-size: 10px !important;
        width: 100%;
        line-height: 12px
    }

    h2 {
        font-size: 21px
    }

    h4 {
        font-size: 20px
    }

    .span.booking-item-price {
        font-size: 23px
    }

    .tab-content {
        padding: 15px 0
    }

    .callicon {
        right: -85%
    }

    .tp-caption {
        right: -424px
    }

    .new-york h2,
    .premiumclass h2 {
        font-size: 13px
    }

    .premiumclass ul li {
        font-size: 14px
    }

    .new-york h2 span {
        font-size: 22px
    }

    .hideCon .formMidBox {
        width: 50%;
        float: left
    }

    .tp-banner-slider {
        height: 786px !important
    }

    .slider-info-wrap .slider-info-content .slider-info-item.active .info-item-media {
        padding-top: 55%
    }

    p.info-text {
        padding-top: 20px
    }

    .mobiledestmenu {
        width: 146px;
        position: absolute;
        background: #fff;
        z-index: 9;
        margin-top: 0;
        left: 165px
    }

        .mobiledestmenu ul {
            display: none;
            border: 1px solid #ccc;
            height: 300px;
            overflow-y: scroll
        }

            .mobiledestmenu ul li {
                border-bottom: 1px solid #ccc;
                margin: 0;
                padding: 0 0 0 10px
            }

                .mobiledestmenu ul li a {
                    color: #333
                }

    .breadcrumbs {
        margin-bottom: 0
    }

    .tp-banner-container {
        background-size: 100% 100%
    }

    .about-intro {
        padding-top: 15px
    }

    .ausu-suggestionsBox ul {
        max-width: 500px;
        width: 64%
    }

        .ausu-suggestionsBox ul li {
            margin: 1px 0;
            padding: 10px;
            font-size: 13px;
            line-height: 24px
        }
}

.slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .price {
    font-size: 0
}

    .slider-info-wrap .slider-info-content .slider-info-item .info-item-content .main-title .price span {
        font-size: 20px
    }

.fromMob {
    color: #333
}

.booking-item-airline-logo p {
    color: #b73535;
    font-weight: 700
}

.OptionInfo,
.OptionInfo + div,
.btn-link,
.dateToMob,
.datefromMob {
    cursor: initial;
    color: #333
}

.btn-link {
    color: #bb3b3b;
    cursor: pointer
}

.features-info-bot h5 {
    color: #fff;
    font-size: 16px;
    float: right;
    margin: 0;
    width: 100%
}

    .features-info-bot h5 span {
        font-size: 26px;
        color: #ff8d06
    }

.inner-nav ul li h2 {
    color: #045084;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    margin: 10px 0
}

#Africa {
    display: block
}

.mobiledestmenu #Africa {
    display: none
}

.tel-top a span {
    font-size: 16px
}

.singup-box {
    overflow: hidden;
    padding: 17px 0 17px 15px !important;
    margin-top: 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e1e1e1
}

    .singup-box h6 {
        font-size: 26px;
        color: #fff;
        padding-top: 20px;
        text-transform: capitalize
    }

        .singup-box h6 span {
            font-weight: 400
        }

    .singup-box h2.title-section.alt-2 {
        font-size: 17px;
        color: #908e8e !important;
        text-transform: capitalize
    }

.tempno {
    color: #fff !important;
    font-size: 20px !important;
    display: inline-block !important
}

#btnClearAirlines,
#btnClearFrom,
#btnClearStops,
#btnClearTo {
    background-color: #015486;
    padding: 7px 20px;
    font-weight: 700;
    font-size: 18px;
    border-radius: 0;
    text-transform: uppercase;
    border: none
}

#btnClearFrom {
    background-color: #bb3b3b
}

.outerdiv h4 {
    font-size: 12px;
    float: left;
    padding: 0 0 10px;
    margin: 0;
    line-height: 28px;
    text-align: left !important;
    font-weight: 400;
    color: var(--blueBg)
}

    .outerdiv h4 b {
        font-weight: 700;
        font-size: 14px;
        padding-right: 2px
    }
/*.unpublishDeals a {
    pointer-events: none;
}*/

.modified-searchlisting {
    background: #045084;
    padding: 6px 20px 6px 0;
    float: right;
    width: 11%;
    color: #fff;
    text-align: center;
    margin-top: 2px;
    cursor: pointer;
    display: block;
    border: 1px solid #fff;
    text-transform: uppercase;
    line-height: 25px
}

    .modified-searchlisting i {
        font-size: 24px;
        vertical-align: middle;
        padding-bottom: 5px;
        padding-left: 5px;
        position: absolute;
        right: 26px;
        -webkit-transition: width 2s;
        transition: width 2s
    }

.searchforlisting {
    padding-top: 60px
}

.formMidBox.noleftwidget .input-group #tbDepart,
.formMidBox.noleftwidget .input-group #tbReturn {
    width: 137%;
    background: 0 0;
    cursor: pointer;
    border: 1px solid #ccc
}

.formMidBox.noleftwidget .input-group {
    background: #fff;
    border-radius: 0 2px 2px 0;
    overflow: hidden
}

    .formMidBox.noleftwidget .input-group .input-group-addon {
        border: 1px solid #ccc;
        padding: 6px 12px
    }

.input-group-circle {
    position: absolute;
    right: 60px;
    z-index: 9999;
    color: #a09999;
    font-size: 19px;
    top: 5px;
    cursor: pointer
}

.input-group.ausu-suggest input {
    padding-right: 28px !important;
    border: 1px solid #ccc
}

#timeout {
    padding: 0
}

.bg-overlay {
    display: block;
    width: 100%;
    height: 100%
}

.popup-window .mbox {
    width: 100%;
    padding: 0 18px 18px;
    margin: 0;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    background: url(/Content/images/call-bg.jpg) right bottom no-repeat #fff;
    background-size: 30%
}

    .popup-window .mbox h2 {
        width: 100%;
        float: left;
        font-size: 26px;
        font-weight: 400;
        text-align: left;
        padding: 10px 0;
        line-height: 30px
    }

    .popup-window .mbox p {
        width: 100%;
        float: left;
        color: #333;
        font-size: 14px;
        margin: 0;
        padding: 0 0 10px;
        line-height: 20px
    }

        .popup-window .mbox p.w80 {
            width: 70%
        }

        .popup-window .mbox p.stxt {
            padding: 25px 0;
            margin: 0
        }

        .popup-window .mbox p.freecall1 {
            padding: 0 0 5px;
            margin: 0;
            font-size: 17px
        }

            .popup-window .mbox p.freecall1 span {
                font-size: 18px;
                font-weight: 600
            }

        .popup-window .mbox p.lastrow {
            padding: 20px 0;
            margin: 0
        }

            .popup-window .mbox p.lastrow span.btnlook {
                background: #f2971a;
                border-radius: 5px;
                padding: 10px 20px;
                color: #fff;
                font-size: 18px;
                font-weight: 400
            }

.expand-popup .ui-dialog {
    width: 40% !important
}

#timeout button.ui-button {
    position: absolute;
    top: 327px;
    background: 0 0;
    z-index: 9999;
    left: 14px;
    width: 216px;
    height: 43px;
    border: 0
}

.ui-state-default.ui-button-icon-only {
    background: url(/Content/images/crose-icon-popup.png) 50% 50% no-repeat #f6f6f6 !important
}

.ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker-title select.ui-datepicker-year {
    background: 0 0;
    box-shadow: none;
    padding: 0;
    color: #fff;
    width: 25% !important;
    float: left;
    text-align: right;
    margin-left: 27px !important
}

.ui-datepicker-title select.ui-datepicker-year {
    background: 0 0;
    box-shadow: none;
    color: #ffc107;
    margin-left: 0 !important
}

    .ui-datepicker-title select.ui-datepicker-month option,
    .ui-datepicker-title select.ui-datepicker-year option {
        color: #000 !important
    }

.ui-widget-content {
    z-index: 999 !important;
    margin-top: 0 !important
}

.booking-list.removebox + #cphFull_lblMsg {
    display: none
}

#splblTotalAmount + span {
    font-size: 12px;
    color: #041749
}

.lastrow .btnlook i.flaticon-suntour-phone {
    padding-right: 8px
}

@media (max-width:768px) {

    .review-result .section-title {
        margin-right: -15px;
        margin-left: -15px;
        width: 110%
    }

        .review-result .section-title h2 {
            font-size: 15px
        }

    .review-result h4.title {
        font-size: 14px
    }

    .modified-searchlisting {
        padding: 5px 21px 3px 0;
        width: 26%;
        display: block;
        border-radius: 10px;
        text-transform: uppercase;
        line-height: 21px;
        float: right;
        position: absolute;
        right: 25px;
        font-size: 12px
    }

        .modified-searchlisting i {
            font-size: 18px;
            right: 9px;
            -webkit-transition: width 2s;
            transition: width 2s
        }

    .outerdiv h4 {
        font-size: 12px;
        line-height: 15px;
        padding: 6px 0 0
    }

    .flight-results-text,
    .search-box {
        float: left;
        width: 100%
    }

    .search-box {
        padding-left: 0;
        z-index: 99
    }

    .borderBox {
        padding-right: 20px;
        padding-left: 20px
    }

    .booking-item-passengers {
        float: left;
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
        margin-bottom: 20px
    }

    footer.footer .copyright p {
        font-size: 12px;
        line-height: 20px;
    }
}

.col-box-book,
.features-tours-full-width {
    position: relative
}

.faresNote {
    left: 3.5%;
    line-height: 19px;
    font-size: 13px !important
}

.note {
    font-size: 11px;
    color: #333;
    margin: 0;
    display: block;
    padding: 4px 0px;
    clear: both;
}

    .note a {
        text-decoration: underline !important;
        color: #1136bf !important;
    }

.search-box {
    z-index: 9
}

.col-box-group .col-box-book.blue {
    background: #ff8d06;
    padding: 15px 0
}

.col-box-book {
    width: 150px;
    padding: 5px 15px 15px;
    height: 109px;
    float: right;
    border-radius: 3px;
    background: #307fca;
    margin-top: 5px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
    color: #fff;
    margin-right: 30px
}

    .col-box-book.blue:after {
        display: block;
        border: 30px solid transparent;
        border-top: 30px solid #307fca;
        position: absolute;
        bottom: -50px;
        left: 10px;
        transform: skew(-45deg)
    }


.flight-listing.list-remove-box + #cphFull_lblMsg {
    display: none
}

.col-box-book p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 15px;
    text-align: left
}

    .col-box-book p.num {
        font-weight: 700;
        padding-top: 6px;
        font-size: 16px
    }

.col-box-book .flaticon-suntour-phone {
    text-align: left;
    font-size: 22px;
    float: left;
    width: 100%
}

.col-box-book .telnum {
    color: #fff
}

.tel-top a span i {
    margin-right: 2px !important
}

.tel-top span i {
    padding-right: 11px;
    font-size: 24px
}

.tel-top {
    padding-top: 28px;
    text-align: right
}

    .tel-top > span {
        color: #065284 !important;
        font-weight: 700;
        font-size: 15px;
        position: absolute;
        top: -3px;
        left: 5px;
        ;
    }

        .tel-top > span a + span {
            font-size: 30px
        }

.callnonmob {
    font-size: 23px !important;
    color: var(--skyBlue);
    font-weight: 600;
}

.latest-news {
    color: #ffc107
}

.panel-body p a {
    color: #1a549b;
    font-weight: 700
}

    .panel-body p a:hover {
        color: #45535e
    }

#cphFull_splblAmount {
    font-size: 30px;
    height: auto;
    color: #404040;
    font-weight: 700 !important;
    padding: 3px 15px
}

.paymentBox {
    padding: 15px
}

.Reservation input[type=text],
.Reservation select {
    border: 1px solid #ccc;
}

.borderBox .booking-item-passengers h4 {
    text-align: left;
    /*border-top: 1px solid #e3e1e1;*/
    padding-top: 15px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-left: 20px;
    margin-top: 0
}

.spCard-head fieldset {
    margin-top: 15px
}

.borderBox .booking-item-passengers {
    padding: 0
}

.ReservationPassenger > .spCard-head > div {
    float: left;
    width: 100%
}

.SelectField .spField-input > input {
    background: 0 0;
    box-shadow: none
}

.paymentBox h4.title {
    text-align: left !important
}

.list-wrapper h4.col-xs-12,
.lock-payment {
    text-align: center
}

.paymentBoxnote {
    margin-top: -10px
}

.debit-card .col-md-8 {
    margin-top: -24px
}

.debit-card input[type=checkbox] + label a {
    color: #147dc9
}

.paymentBox #btnSubmit {
    width: 70%;
    padding: 6px;
    font-size: 20px;
    margin: 13px 0 0
}

.lock-payment {
    color: #49515c;
    font-size: 14px;
    padding: 5px 5px 11px;
    width: 70%;
    font-weight: 700
}

    .lock-payment i {
        padding-right: 6px
    }

    .lock-payment + p {
        line-height: 20px;
        padding-bottom: 7px;
        color: #444d56;
        font-size: 14px
    }

.about-intro .section-title h2 {
    font-size: 29px;
    color: #ff8d06
}

@media (max-width:768px) {
    .col-box-book {
        float: none;
        margin-bottom: 23px;
        width: 100%;
        height: 99px
    }

    .faresNote {
        top: -312px;
        width: 90%
    }

    .panel-title > a {
        padding: 10px;
        font-size: 15px;
        line-height: 27px
    }

    .call-out-box .call-out-wrap.alt .title-section {
        padding-left: 18px;
        padding-bottom: 20px
    }

    .special-offer {
        padding-top: 242px
    }

        .special-offer .mt-md-0 {
            margin-top: 121px !important
        }

    .calladdblock {
        z-index: 99 !important
    }

    .closeinstantcall {
        display: none
    }

    .booking-item-passengers {
        margin-bottom: 20px;
        padding: 11px !important
    }

        .booking-item-passengers.callimg {
            padding: 10px !important;
            display: none
        }

    .callimg h2 {
        font-size: 17px
    }

    .callimg span,
    .tcktLeft span {
        font-size: 15px
    }

    .borderBox {
        padding-right: 15px;
        padding-left: 15px
    }

    .booking-item-passengers.faredetails {
        padding: 0 !important
    }

    .rightSecHolder {
        margin-top: 40px
    }

    .tcktLeft {
        top: -71px
    }

    .callimg p {
        font-size: 14px
    }

    .submitbtnHolder {
        padding: 0 0 20px !important
    }
}

.review-result .about-intro {
    background: #ebeced
}

.review-result .section-title {
    margin-bottom: 15px
}

    .review-result .section-title h2 {
        font-size: 26px;
        color: #58616a;
        margin: 0
    }

.review-result .fildlist,
.review-result .section-title {
    background: #fff;
    float: left;
    width: 100%;
    padding: 15px
}

.review-result .fildlist {
    margin-bottom: 20px
}

    .review-result .fildlist h5 {
        font-size: 14px;
        color: #ff8d06
    }

.review-result h4.title {
    font-size: 20px
}

.review-result table.table tbody tr td {
    padding: 15px;
    color: #646464;
    border-right: 1px solid #e6eaed;
    font-size: 13px
}

.review-result h4.title {
    color: #0d6fb7;
    border-bottom: 2px solid #e2e4e6
}

.review-result .gap-small {
    margin: 0
}

.review-result .borderBox {
    border-right: 0
}

.review-result input[type=text] {
    text-shadow: inherit !important
}

#contactuserror {
    font-size: 11px;
    color: red;
    width: 100%;
    float: left
}

.call-to-phone {
    min-height: 100px;
    position: absolute;
    right: 5px;
    z-index: 9;
    top: 79px;
    background: #fff;
    padding: 8px 30px 8px 15px;
    border: 1px solid #005278;
    width: 25%
}

.calladdblock {
    top: 115px;
    transition: all .5s;
    -webkit-transition: all .5s
}

.call-to-phone #formCallus input[type=text] {
    width: 100%;
    border: 1px solid #d3d3d3;
    box-shadow: none;
    padding-left: 45px
}

.call-to-phone .fieldButton {
    margin-top: 10px;
    background: #ff6000;
    border: 0;
    padding: 4px 15px 3px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 3px;
    line-height: 21px;
    float: right
}

.sticky-container.sticky-on ~ .stickyonforcall .call-to-phone.calladdblock {
    position: fixed !important;
    top: 80px !important;
    z-index: 999
}

.blkoverlay {
    top: 0;
    position: fixed;
    left: 0
}

.widget-tags-wrap p i {
    padding-right: 8px
}

ul.tablinkHolder li.active:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #005581 transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto
}

ul.tablinkHolder li:first-child {
    padding-right: 17px;
    padding-top: 8px;
    width: 120px;
    cursor: pointer
}

.homeBanner #formAirSearch {
    width: 100%;
    background: 0 0;
    padding: 0;
    border: none
}

    .homeBanner #formAirSearch label {
        padding-top: 0
    }

ul.tablinkHolder {
    float: left;
    margin: 15px 0 0;
    padding: 0
}

    ul.tablinkHolder li {
        background: 0 0;
        list-style: none;
        margin: 0;
        position: relative;
        float: left;
        padding-left: 0
    }

        ul.tablinkHolder li.active {
            background: #484e5c
        }

        ul.tablinkHolder li a {
            padding: 10px 30px;
            display: block
        }

            ul.tablinkHolder li a.active {
                color: #ff862d;
                position: relative
            }

        ul.tablinkHolder li input {
            padding: 10px 40px;
            background: #dbdce0;
            border: 0;
            color: #484e5c;
            border-radius: 2px 2px 0 0;
            outline: 0
        }

        ul.tablinkHolder li.active input {
            background: #005581;
            color: #fff
        }

.leftSearchSec #formAirSearch label,
.leftSearchSec * {
    color: #333
}

ul.tablinkHolder li span {
    display: block;
    float: left;
}

.faremid span.shortlayover {
    background: #082752b3;
    display: inline;
    width: auto;
    color: #fff;
    line-height: initial;
    padding: 4px 14px;
    height: auto;
}

.faremid span {
    display: block;
    width: 18%;
    float: left;
    line-height: 22px;
    padding: 10px 10px 0;
    height: 70px;
    font-size: 12px;
    color: #333
}

    .faremid span.flight-desc {
        height: auto;
    }

    .faremid span + span + span {
        width: 31%;
        font-weight: 400
    }

.faremid .layoverDiv + .flight-desc + span {
    width: 16% !important
}

.faremid span.deptrem a span {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    line-height: 16px
}

.faremid span:first-child {
    padding-top: 10px
}

.faremid span.layoverDiv {
    float: left;
    width: 100%;
    text-align: left;
    height: auto;
    padding: 0
}

.faremid span b,
faremid span a {
    display: block;
    width: 100%
}

.booking-item span.btn.btn-primary {
    float: right;
    padding: 9px 50px 9px 49px;
    margin: 8px 13px 18px 10px;
    cursor: auto;
    font-size: 17px
}

.callNowBtn i,
.closecallpopup,
.flightSlider,
.liketocall b {
    cursor: pointer
}

.flight-desc i {
    float: left;
    height: 35px;
    text-align: center;
    width: 50px;
    border: 1px solid #d3d3d3;
    padding: 3px;
    border-radius: 5px;
    margin-right: 1px;
    margin-top: 3px
}

.flight-desc p,
.flight-desc p.mob-none {
    width: 71%;
    float: right
}

.flight-desc i img {
    margin: 0;
    vertical-align: middle;
    max-height: 100%
}

.flight-desc p {
    display: inline-block;
    padding-left: 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

    .flight-desc p a {
        display: inline-block;
        width: auto;
        font-size: 11px
    }

.deptrem {
    width: 24% !important;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.timeduration {
    font-size: 12px
}

    .timeduration b {
        display: block !important;
        font-weight: 500
    }

.booking-item-container {
    float: left;
    width: 100%;
    margin-bottom: 25px !important
}

.booking-select-box {
    border-bottom: 1px solid #045084;
    padding: 4px 0
}

.price-title {
    float: left;
    color: #556268;
    font-size: 13px;
    position: relative
}

.hurryup {
    background: #fff8cb;
    padding: 0 10px;
    color: #333;
    font-size: 12px;
    border: 1px solid #045084;
    float: left
}

.booking-item span.booking-item-price {
    float: left;
    padding-left: 19px;
    margin: 0;
    padding-bottom: 0;
    line-height: 26px
}

.price-title span + span {
    padding-left: 20px;
    font-size: 12px
}

.price-title .booking-item-price,
.price-title span {
    float: left;
    width: 100%
}

.selectBtn {
    float: right;
    padding: 7px 60px;
    font-weight: 700;
    font-size: 22px;
    margin: 8px 16px 16px 20px;
    border-radius: 0;
    text-transform: uppercase;
    background: #ff862d
}

.farelisting {
    margin: 0;
    padding: 0
}

.advertise {
    width: 100%;
    float: left;
    padding: 10px;
    background: #484e5c;
    color: #fff;
    margin: 20px 0
}

.faremid {
    float: left;
    width: 100%;
    padding: 6px 0 0
}

.booking-item .row {
    margin: 0
}

.specificairlinesHolder {
    border: none;
    width: 100%;
    background: #fff;
    padding: 0;
    clear: both;
}

    .specificairlinesHolder h2 {
        margin: 10px 0 0;
        padding: 0;
        font-size: 20px;
        display: none;
    }

    .specificairlinesHolder p {
        font-size: 13px;
        color: #4b5757;
        line-height: 18px;
    }

        .specificairlinesHolder p a {
            color: #1136bf;
            text-decoration: underline;
        }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f3f3f3
}

h4.title {
    color: #5b6270
}

.openpromocode {
    color: green
}

.promocode {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 710px;
    background: #ffffe0;
    height: 100%;
    padding-left: 20px;
    padding-top: 5px;
    font-size: 12px
}

    .pricebreakpop.active,
    .promocode.active {
        display: block
    }

    .promocode input {
        margin: 0 10px;
        border: 1px solid #ccc;
        padding: 3px 5px
    }

.apply {
    padding: 5px
}

    .apply:hover {
        padding: 5px;
        background: #f1f1f1
    }

.pricebreak {
    color: #333;
    font-size: 12px
}

.pricebreakpop {
    width: 100%;
    background: #fff;
    z-index: 999;
    margin: 10px auto;
    float: left
}

.priceHolder {
    border: none;
    padding: 2%;
    width: 100%;
    font-size: 14px;
    background: #fff
}

    .priceHolder td {
        border: 1px solid #ccc;
        padding: 6px 10px;
        color: #101010
    }

.priceamntdark {
    font-weight: 700;
    font-size: 17px;
    background: #f0f4f7;
    margin-bottom: 10px
}

.pricebreakpop h2 {
    font-size: 16px;
    padding: 10px 20px;
    margin: 0;
    border-top: 2px solid #ff862d
}

.pricebreakpop h3 {
    padding-left: 20px;
    font-size: 20px;
    margin-top: 10px;
    display: none
}

.blkoverlay {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99
}

#btnSubmit {
    background: #fff;
    padding: 7px 30px;
    color: var(--blueBg);
    border: 1px solid var(--blueBg);
}
#contactform #btnSubmit {
    padding: 7px 10px;
    color: #fff;
    border:none;
    background-color: var(--skyBlue);
}
.detailContainer h4.title {
    background: var(--skyBlue);
    color: #fff;
    padding: 6px 20px;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    float: left;
    width: 100%
}

.booking-item-passengers {
    border: 1px solid #ccc;
    padding: 11px
}

.checkbox.checkbox-lg {
    font-size: 12px;
    margin-top: 5px
}

.cardfee {
    font-size: 12px;
    padding-top: 22px
}

.eticketinfo {
    font-size: 12px;
    color: #999
}

.booking-title {
    padding-bottom: 20px
}

.booking-item-passengers.faredetails {
    padding: 0;
    position: relative;
    background: #fff
}

.pricebreakpop .close-btn {
    position: absolute;
    right: -15px;
    top: -14px;
    font-size: 30px;
    padding: 0;
    background: #fff;
    line-height: 21px;
    border-radius: 10px;
    box-shadow: 0 0 4px #8f8f8f;
    cursor: pointer;
    color: #000
}

.flightSlider {
    position: relative
}

    .flightSlider:after {
        position: absolute;
        top: 20px;
        right: 20px;
        border: 6px solid transparent;
        border-top: 6px solid #fff
    }

    .flightSlider.active:after {
        border: 6px solid transparent;
        border-right: 6px solid #fff;
        top: 15px;
        right: 20px
    }

    .flightSlider.active {
        background: #ff862d
    }

.flightSlide {
    padding: 12px;
    border: 1px solid #ccc
}

.flconfirm-body .btn-primary:hover {
    color: #fff;
    background-color: #ff8d06;
    border-color: #ff8d06
}

.Phone {
    position: relative;
    display: block;
    margin: 0;
    width: 1em;
    height: 1em;
    font-size: 25vmin;
    background-color: #d41a1a;
    border-radius: .5em;
    -webkit-box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

    .Phone::after,
    .Phone::before {
        position: absolute
    }

.callpopHolder:before,
.liketocall:before {
    content: " "
}

.Phone::before {
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0)
}

.Phone::after {
    top: .25em;
    left: .25em;
    width: .5em;
    height: .5em;
    /*background: url(/Content/css/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=) 50% 50% no-repeat;
    background-size: cover;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.Phone.is-animating {
    -webkit-animation: phone-outer 3s infinite;
    animation: phone-outer 3s infinite
}

    .Phone.is-animating::before {
        -webkit-animation: phone-inner 3s infinite;
        animation: phone-inner 3s infinite
    }

    .Phone.is-animating::after {
        -webkit-animation: phone-icon 3s infinite;
        animation: phone-icon 3s infinite
    }

@-webkit-keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2)
    }

    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 152, 219, .1), 0 .05em .1em rgba(0, 0, 0, .5);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, .1), 0 .05em .1em rgba(0, 0, 0, .5)
    }

    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-box-shadow: 0 0 0 .5em rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
        box-shadow: 0 0 0 .5em rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2)
    }
}

@keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2)
    }

    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 152, 219, .1), 0 .05em .1em rgba(0, 0, 0, .5);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, .1), 0 .05em .1em rgba(0, 0, 0, .5)
    }

    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-box-shadow: 0 0 0 .5em rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
        box-shadow: 0 0 0 .5em rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 .05em .1em rgba(0, 0, 0, .2)
    }
}

@-webkit-keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0)
    }

    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(.9);
        transform: translate3d(0, 0, 0) scale(.9)
    }

    100%, 66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0)
    }
}

@keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0)
    }

    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(.9);
        transform: translate3d(0, 0, 0) scale(.9)
    }

    100%, 66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0)
    }
}

@-webkit-keyframes phone-icon {
    0%, 46% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 14%, 18%, 2%, 22%, 26%, 30%, 34%, 38%, 42%, 6% {
        -webkit-transform: translate3d(.01em, 0, 0);
        transform: translate3d(.01em, 0, 0)
    }

    12%, 16%, 20%, 24%, 28%, 32%, 36%, 4%, 40%, 44%, 8% {
        -webkit-transform: translate3d(-.01em, 0, 0);
        transform: translate3d(-.01em, 0, 0)
    }
}

@keyframes phone-icon {
    0%, 46% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 14%, 18%, 2%, 22%, 26%, 30%, 34%, 38%, 42%, 6% {
        -webkit-transform: translate3d(.01em, 0, 0);
        transform: translate3d(.01em, 0, 0)
    }

    12%, 16%, 20%, 24%, 28%, 32%, 36%, 4%, 40%, 44%, 8% {
        -webkit-transform: translate3d(-.01em, 0, 0);
        transform: translate3d(-.01em, 0, 0)
    }
}

.callNowBtn {
    position: fixed;
    bottom: 18%;
    right: 5%;
    width: 30px;
    height: 30px;
    z-index: 3;
    transform: scale(.4)
}

.callpopHolder,
.liketocall {
    transform: scale(2);
    position: absolute
}

.callpopHolder {
    left: -490px;
    bottom: 50px;
    width: 300px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10% 50% 50%;
    display: none
}

    .callpopHolder:before {
        position: absolute;
        right: -20px;
        bottom: 16px;
        border: 10px solid transparent;
        border-left: 10px solid #fff
    }

    .callpopHolder h3 {
        border-bottom: 2px solid #ff862d;
        width: 100%;
        padding-bottom: 10px
    }

    .callpopHolder input[type=text] {
        width: 100%;
        border: 1px solid #ccc;
        height: 40px;
        margin: 10px 0;
        padding: 10px
    }

    .callpopHolder input[type=submit] {
        width: 100%;
        padding: 10px;
        background: #d41a1a;
        border: none;
        color: #fff;
        font-size: 20px
    }

.liketocall {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    display: block;
    top: 35px;
    right: 190px;
    padding: 20px;
    width: 250px
}

    .liketocall:before {
        position: absolute;
        right: -20px;
        top: 45%;
        border: 10px solid transparent;
        border-left: 10px solid rgba(0, 0, 0, .6)
    }

    .liketocall b {
        position: absolute;
        right: 15px;
        top: 5px;
        font-size: 16px;
        color: #ccc
    }

.closecallpopup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px
}

.rightSecHolder {
    position: static;
    padding-top: 0
}

    .rightSecHolder.fixed {
        top: 0;
        z-index: 2
    }

.bkresult {
    float: left;
    width: 75%;
    padding-bottom: 0px;
    position: relative;
    z-index: 1;
    padding-top: 0px
}

.destHolder {
    padding-bottom: 0;
    width: 100%;
    text-align: center;
    color: #333;
    padding-top: 35px
}

    .destHolder h2 {
        font-size: 20px;
        margin: 0;
        padding-bottom: 0px
    }

.fa-times-circle:before {
    content: "\f057"
}

.destHolder span {
    color: var(--skyBlue);
}

.input-group-circle i {
    color: #a09999
}

.flight-title h1 svg {
    width: 50px;
    vertical-align: middle
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0
}

    .path.circle {
        -webkit-animation: dash .9s ease-in-out;
        animation: dash .9s ease-in-out
    }

    .path.line {
        stroke-dashoffset: 1000;
        -webkit-animation: dash .9s .35s ease-in-out forwards;
        animation: dash .9s .35s ease-in-out forwards
    }

    .path.check {
        stroke-dashoffset: -100;
        -webkit-animation: dash-check .9s .35s ease-in-out forwards;
        animation: dash-check .9s .35s ease-in-out forwards
    }

p.success {
    color: #73AF55
}

p.error {
    color: #D06079
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100
    }

    100% {
        stroke-dashoffset: 900
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100
    }

    100% {
        stroke-dashoffset: 900
    }
}

.callgirlImgHolder {
    position: absolute;
    left: -70px;
    top: -70px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #ccc;
    overflow: hidden
}

.listnotFound {
    width: 100%;
    background: #f1f1f1;
    float: left;
    margin-bottom: 20px
}

    .listnotFound #cphFull_lblMsg span {
        background: #fdf8e4;
        border: 1px solid #e2dec5;
        padding: 10px;
        color: #f00c0d;
        width: 100%;
        display: block;
        float: left;
        text-align: left;
        position: relative;
        font-size: 14px
    }

        .listnotFound #cphFull_lblMsg span br,
        .price-filter label {
            display: none
        }

        .listnotFound #cphFull_lblMsg span:before {
            content: "\f071";
            font: normal normal normal 22px/1 FontAwesome;
            margin-right: 5px
        }

.notfoundContentpart {
    padding: 20px;
    float: left
}

    .notfoundContentpart h2 {
        font-size: 26px
    }

    .notfoundContentpart ul {
        padding: 10px 0;
        margin-left: 20px
    }

        .notfoundContentpart ul li {
            font-size: 14px;
            line-height: 26px
        }

            .notfoundContentpart ul li:last-child {
                font-size: 18px;
                color: #7490a8
            }

    .notfoundContentpart p {
        font-weight: 700
    }

.filter-area li span.pull-right {
    color: #ff862d
}

.filter-head {
    color: #fff;
    background: #f1f1f1;
    padding: 15px;
    border: 1px solid #ccc
}

    .filter-head h4 {
        line-height: 1.5;
        margin: 10px 0;
        position: relative;
        color: #333;
        font-size: 16px
    }

        .filter-head h4:after {
            color: #307fca;
            content: "\f0b0";
            background: #fff;
            border: 4px solid #ccc;
            border-radius: 50%;
            font-family: FontAwesome;
            height: 40px;
            left: 42%;
            padding: 4px 6px;
            position: absolute;
            top: 118%;
            width: 40px
        }

.filter-area {
    background: #f1f1f1;
    color: #fff;
    padding: 10px;
    margin-bottom: 45px;
    float: left;
    width: 100%;
    border: 1px solid #ccc
}

.slider-sidebar .ui-slider-range {
    background-color: #045084 !important
}

.slider-sidebar label.label-max,
.slider-sidebar label.label-min {
    color: #333 !important
}

.price-filter .ui-slider-horizontal {
    height: 10px;
    background: #fff
}

.price-filter .ui-slider {
    position: relative;
    text-align: left
}

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

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

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

.price-filter .ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2
}

    .price-filter .ui-slider .ui-slider-handle:before {
        content: '\f067';
        font-family: FontAwesome;
        padding: 5px;
        background: #00ADEF;
        color: #fff
    }

.price-filter input {
    background: #0A3152;
    border: none;
    color: #F19C4F;
    font-size: 18px;
    width: 100%
}

.filter-area h4 {
    margin: 10px 0 20px;
    letter-spacing: 1px
}

.filter-area h5 i {
    font-size: 15px !important;
    margin-right: 5px
}

.filter-area h5 {
    color: #333;
    margin-top: 0;
    font-size: 15px !important
}

.resultFilterBox .filter-area h5 {
    color: #fff
}

.filter-area ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.filter-area li {
    padding: 1px 5px
}

    .filter-area li input {
        margin-right: 10px;
        margin-top: 0
    }

    .filter-area li label {
        width: calc(100% - 30px);
        vertical-align: top
    }

    .filter-area li i {
        margin-right: 5px
    }

.filter {
    padding: 20px 0 0;
    float: left;
    width: 100%
}

    .filter:first-child {
        border-top: none;
        padding: 15px 0 30px
    }

.price-filter input {
    margin: 5px 0
}

.name-filter .input-group {
    margin-top: 20px
}

.name-filter .input-group-addon {
    color: #fff;
    background: #00ADEF;
    border: none;
    border-radius: 0
}

.name-filter .form-control {
    border-radius: 0;
    height: 40px
}

.star-filter li i {
    color: #F19C4F
}

.pagination-lg > li > a,
.pagination-lg > li > span,
.sort-area .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    color: #07253F
}

.sort-area .sort {
    margin-top: 40px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

    .sort-area .sort:first-child {
        border-left: 1px solid #e6e6e6;
        padding: 0
    }

.sort-area .custom-select-button {
    border: none
}

.hotel-listing .room-grid-view img {
    max-width: 100%
}

.hotel-listing .room-grid-view {
    margin-top: 40px
}

.clearfix-md {
    clear: both
}

.hotel-rating .pull-left span {
    display: block
}

.hideindesktop,
.moreLink {
    display: none
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #00ADEF;
    border: 1px solid transparent
}

.call-bycountry,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-radius: 0
}

.bottom-pagination {
    padding: 30px 0;
    overflow: hidden
}

@media (max-width:991px) {
    .form-gp {
        margin-bottom: 20px
    }

    .clearfix-md {
        clear: none
    }

    .clearfix-sm {
        clear: both
    }

    .modify-hotel {
        background-size: cover
    }
}

@media (max-width:767px) {

    .sort-area .col-padding {
        padding: 10px 5px
    }

    .sort-area .sort:nth-child(3) {
        border-left: 1px solid #e6e6e6
    }

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

.searchHolder .tab-content > .active {
    margin-left: 0;
    padding: 10px
}

.spboximg .tab-content > .active {
    padding: 0
}

#menu-item-26 #Africa a span.active {
    color: #333
}

.list.booking-item-passengers .row {
    margin-right: 15px;
    margin-left: -15px
}

.call-bycountry {
    position: absolute;
    background: #045084;
    line-height: 35px;
    padding: 0 6px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    left: 0
}

.tableSec {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    color: #333
}

    .tableSec th {
        padding: 10px;
        background: #333;
        color: #fff;
        font-size: 20px
    }

    .tableSec td {
        border: 1px solid #ccc;
        padding: 10px
    }

.callnowpop i {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #333;
    text-align: center;
    padding: 5px;
    margin-top: 8px;
    margin-right: 16px;
    fill: #fff
}

.closeit {
    position: absolute;
    right: 15px;
    color: rgba(212, 69, 27, .7) !important;
    font-size: 21px;
    display: block !important;
    cursor: pointer !important
}

    .closeit:hover {
        color: rgba(212, 69, 27, 1)
    }

#cphFull_lblMsg span {
    font-size: 20px;
    color: #ff8d06
}

.fa-frown:after {
    content: "\f119";
    color: var(--skyBlue);
    font-size: 50px
}

.searchheiht {
    height: 457px !important
}



.card-copyrightdiv {
    float: right;
    width: 30%
}

/*.contactMap .mobileLink {
    color: #fff
}*/



.policies-text {
    color: #07253F;
    float: left;
    padding-top: 9px;
    padding-bottom: 0;
    font-size: 12px
}

p a:focus {
    color: var(--skyBlue);
}

.hopmepagesearch .product-search-title,
.searchHolder.hopmepagesearch .noleftwidget .input-group-addon i {
    color: #fff
}

.hopmepagesearch {
    background: #ff8d06
}

    .hopmepagesearch .tab-content {
        background: 0 0;
        width: 100%;
        padding: 0
    }

.searchHolder.hopmepagesearch .input-group-addon {
    background: #ff8d06
}

.innerboxbg {
    background: rgba(0, 0, 0, .7);
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100vh;
    float: left;
    top: 0;
    bottom: 0
}

.searchHolder.hopmepagesearch {
    background: #ff8d06;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    padding: 10px 0
}

    .searchHolder.hopmepagesearch:before {
        display: none
    }

    .searchHolder.hopmepagesearch h3 {
        font-size: 17px;
        color: #fff;
        padding-left: 14px;
        font-weight: 400;
        margin: 7px 0
    }

        .searchHolder.hopmepagesearch h3 span {
            color: #e0d90b;
            text-transform: uppercase;
            font-weight: 700
        }

    .searchHolder.hopmepagesearch .closewidget {
        right: -6px;
        top: 4px
    }

    .searchHolder.hopmepagesearch .search-button {
        background: #1682b3
    }

    .searchHolder.hopmepagesearch .input-group .form-control {
        background: 0 0
    }

    .searchHolder.hopmepagesearch .input-group-addon {
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        line-height: 41px;
        padding: 0 29px 0 12px
    }

    .searchHolder.hopmepagesearch .formMidBox.noleftwidget .input-group {
        width: 100%
    }

.listing-page-outin {
    float: left;
    width: 100%
}

    .listing-page-outin,
    .listing-page-outin input,
    .listing-page-outin select,
    .listing-page-outin textarea {
        -webkit-font-smoothing: light;
        font-variant: normal;
        border: none;
        color: #2d2d2d;
        font-size: 100%;
        font-weight: lighter !important;
        list-style: none;
        margin: 0;
        outline: 0;
        padding: 0;
        text-align: left;
        text-decoration: none
    }

.seg_container {
    width: 100%;
    background: #fff;
    border-top: 4px solid #045084;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 3px solid #d5d5d5;
    display: inline-block;
    margin-bottom: 1em;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.tooltiop_dvd,
.tooltiop_iata {
    display: none
}

.stop-container i svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: #6dc8f1
}

.stop-container i {
    vertical-align: middle;
    margin-top: 4px
}

.seg_container .inner-segment {
    width: 100%;
    display: inline-block;
    line-height: 1;
    margin: 0;
    padding: 0
}

.airline-detail-area .leg-area {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    position: relative;
    padding: 8px 12px 10px
}

    .airline-detail-area .leg-area .logo-area {
        width: 14%;
        float: left;
        min-width: 100px;
        padding-top: 9px
    }

        .airline-detail-area .leg-area .logo-area .logo {
            width: 37px;
            height: 37px;
            margin-right: .25em;
            display: inline-block
        }

            .airline-detail-area .leg-area .logo-area .logo img {
                border: 1px solid #d2d2d2;
                max-width: 100%;
                width: 100%
            }

    .airline-detail-area .leg-area .froms {
        width: 24%;
        float: left;
        padding-top: 4px
    }

        .airline-detail-area .leg-area .froms .airport-name {
            color: #666;
            font-weight: 400;
            padding-top: 1px
        }

    .airline-detail-area .leg-area .duration {
        width: 27%;
        float: left;
        margin: 0 5%
    }

        .airline-detail-area .leg-area .duration .steps {
            color: #6e6e6e;
            font-size: .75em;
            text-align: center;
            display: block;
            clear: both;
            line-height: 16px;
            position: relative
        }

            .airline-detail-area .leg-area .duration .steps .stops {
                color: #c16262;
                display: inline
            }

        .airline-detail-area .leg-area .duration .arrow-area {
            background: #929192;
            color: #fff;
            font-size: .875em;
            font-weight: 700;
            height: 2px;
            position: relative;
            width: 100%;
            margin: 6px 0 4px
        }

            .airline-detail-area .leg-area .duration .arrow-area .arrow {
                position: absolute;
                right: -1px;
                top: -7px;
                z-index: 1
            }

                .airline-detail-area .leg-area .duration .arrow-area .arrow i {
                    color: #929192;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 14px
                }

            .airline-detail-area .leg-area .duration .arrow-area .stps-one,
            .airline-detail-area .leg-area .duration .arrow-area .stps-two {
                position: relative;
                top: -8px;
                text-align: center
            }

                .airline-detail-area .leg-area .duration .arrow-area .stps-one i,
                .airline-detail-area .leg-area .duration .arrow-area .stps-two i {
                    background: #fff;
                    box-shadow: 0 0 1px 2px #fff;
                    -moz-box-shadow: 0 0 1px 2px #fff;
                    -webkit-box-shadow: 0 0 1px 2px #fff;
                    color: #666;
                    font-size: .7em;
                    font-weight: 600
                }

                    .airline-detail-area .leg-area .duration .arrow-area .stps-one i + i {
                        margin-left: 8px
                    }

    .airline-detail-area .leg-area .tos {
        width: 24%;
        float: left;
        text-align: right;
        padding-top: 4px
    }

        .airline-detail-area .leg-area .tos .end-time span {
            color: #ed5d26
        }

        .airline-detail-area .leg-area .tos .airport-name {
            color: #666;
            font-size: .75em;
            font-weight: 400;
            padding-top: 4px
        }

.price-detail-area .details-toggle-box {
    width: 22%;
    /*background: url(/pictures/pattern-bg.jpg);*/
    height: auto;
    border-right: solid 2px #ebebeb;
    float: left
}

    .price-detail-area .details-toggle-box .det_btn {
        width: 100%;
        font-size: .8125em;
        font-weight: 600;
        color: #fff;
        float: left;
        cursor: pointer;
        text-transform: uppercase;
        line-height: 20px;
        padding: .6875em;
        background: #005581;
        border: none !important
    }

    .price-detail-area .details-toggle-box .bagages {
        width: 100%;
        font-size: .75em;
        font-weight: 600;
        color: #666;
        float: left;
        text-transform: uppercase;
        line-height: 20px;
        padding: .75em
    }

.price-detail-area .price-area {
    width: 78%;
    float: left;
    text-align: left;
    padding: .5em 1em .5em .75em
}

    .price-detail-area .price-area .inner-detail p {
        font-size: .75em;
        color: #444;
        margin: 0
    }

    .price-detail-area .price-area .inner-detail .price {
        font-size: 24px;
        font-weight: 600;
        float: left;
        padding: .45em 0
    }

        .price-detail-area .price-area .inner-detail .price small {
            font-size: 22px;
            padding-right: 1px
        }

    .price-detail-area .price-area .inner-detail .seatlefts {
        font-size: 12px;
        color: #970000;
        font-weight: 400;
        float: left;
        padding: 0 0 0 .5em;
        width: 26%;
        position: relative
    }

        .price-detail-area .price-area .inner-detail .seatlefts:before {
            content: ' ';
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 10px solid #d8450b;
            position: absolute;
            left: 18px;
            top: 10px
        }

.call-only-deal button svg,
.seatlefts button svg {
    display: inline-block;
    fill: #fff;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    margin-right: 7px;
    transform: rotate(47deg);
    margin-left: -11px
}

.cutofprice {
    float: left;
    margin-left: 45px;
    padding-right: 20px
}

    .cutofprice span {
        display: block;
        color: #d82b3e;
        font-size: 18px;
        margin-top: -5px;
        font-weight: 700
    }

        .cutofprice span small {
            font-size: 18px
        }

        .cutofprice span + span {
            color: #6fb866;
            font-size: 24px;
            padding-top: 7px
        }

            .cutofprice span + span small {
                font-size: 24px
            }

.call-only-deal button,
.price-detail-area .price-area .inner-detail .seatlefts button {
    margin-left: 20px;
    background: #d8450b;
    border: none;
    padding: 5px 7px 5px 19px;
    color: #fff;
    font-size: 16px;
    width: 160px
}

.price-detail-area .price-area .inner-detail .seatlefts span {
    color: #fff !important;
    background: #d8450b;
    border: #ffdead;
    margin-left: 20px;
    border-radius: 0;
    padding: 10px 27px;
    width: 155px
}

.tooltip-ct0 {
    position: absolute;
    background: #f0f9ca;
    padding: 7px;
    top: -36px;
    border: 1px solid #f3eb88;
    border-radius: 6px;
    right: 10px;
    width: 100%;
    float: left
}

    .call-only-deal:before,
    .tooltip-ct0:before {
        content: ' ';
        width: 0;
        height: 0
    }

    .tooltip-ct0:before {
        border-style: solid;
        border-width: 7px 7px 0;
        border-color: #f5ce5a transparent transparent;
        position: absolute;
        bottom: -8px;
        left: 70px;
        right: 0;
        margin: 0 auto
    }

    .tooltip-ct0 i {
        font-size: 13px;
        padding-right: 6px
    }

.call-only-deal {
    float: left;
    position: relative;
    margin-right: 20px
}

    .call-only-deal:before {
        border-top: 10px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 10px solid #d8450b;
        position: absolute;
        left: 10px;
        top: 10px
    }

.infobooking-box {
    float: left;
    margin-top: 10px;
    position: relative
}

    .deal-infobutton,
    .infobooking-box:hover .infobooking {
        position: absolute;
        z-index: 9;
        background: #f2f2f2;
        left: -110px;
        border: 1px solid #cbcbcb;
        width: 220px;
        top: 24px
    }

    .infobooking-box:hover .infobooking {
        display: block !important;
        padding: 10px 10px 0
    }

.deal-infobutton {
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #817f7f
}

    .deal-infobutton:before,
    .infobooking-box:hover .infobooking:before {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #cacaca;
        left: 51%;
        top: -6px;
        position: absolute;
        content: ' '
    }

.infobooking td,
.infobooking th {
    padding: 0 0 6px;
    font-size: 12px;
    line-height: 16px;
    color: #817f7f
}

.infobooking-box:hover .infobooking h2 {
    font-size: 14px
}

.price-detail-area .price-area .inner-detail .seatlefts span {
    font-size: 12px;
    font-weight: 600
}

.price-detail-area .price-area .inner-detail .tprice {
    font-size: 13px;
    color: #555;
    font-weight: 600
}

    .price-detail-area .price-area .inner-detail .tprice span {
        font-size: 12px;
        color: #8c8c8c;
        font-style: italic
    }

        .price-detail-area .price-area .inner-detail .tprice span.desk-view {
            display: inline-block
        }

.price-detail-area .price-area .rating-area {
    float: right;
    font-weight: 700;
    color: #4ca633;
    cursor: pointer;
    position: relative;
    display: none;
    margin: 18px 20px 0 0
}

    .price-detail-area .price-area .rating-area i {
        font-size: 30px;
        padding-right: 4px;
        vertical-align: middle
    }

    .price-detail-area .price-area .rating-area.average {
        color: #84b078
    }

    .price-detail-area .price-area .rating-area.unhappy {
        color: #b52300
    }

.price-detail-area .price-area .book_btn {
    width: auto;
    background: #ff7e00;
    text-align: center;
    line-height: 1;
    font-size: 20px;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-top: 11px;
    float: right;
    color: #fff;
    cursor: pointer;
    font-weight: 600 !important;
    padding: 10px 40px
}

    .price-detail-area .price-area .book_btn:hover {
        background: #f37f0d
    }

    .price-detail-area .price-area .book_btn:active {
        transform: translateY(4px);
        -moz-transform: translateY(4px);
        -webkit-transform: translateY(4px)
    }

.rating_popup {
    display: table;
    opacity: 0;
    position: absolute;
    transform: scale(.7);
    right: -100px;
    transition: all .3s ease 0;
    visibility: hidden;
    width: 300px;
    z-index: 16;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
    box-sizing: border-box;
    text-align: left;
    top: 40px;
    padding: 15px
}

    .rating_popup.openes {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
        z-index: 10;
        top: 40px;
        right: -100px
    }

    .rating_popup .fa {
        color: #fff;
        font-size: 28px;
        position: absolute;
        top: -18px;
        left: 50%
    }

    .rating_popup p {
        font-size: 13px;
        color: #343434;
        line-height: 20px;
        font-weight: 400
    }

        .rating_popup p i {
            font-size: 16px !important;
            position: relative !important;
            top: 0 !important;
            left: 0 !important
        }

.flight_sorting-section {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    padding: 0
}

    .flight_sorting-section li {
        width: 33.33%;
        /*background: url(/pictures/pattern-bg2.jpg);*/
        border: 1px solid #ccc;
        border-right: none;
        cursor: pointer;
        position: relative;
        float: left;
        padding: 10px 12px
    }

        .flight_sorting-section li:first-child {
            border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px
        }

        .flight_sorting-section li:last-child {
            border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0 4px 4px 0;
            border-right: solid 1px #ccc
        }

        .flight_sorting-section li.selected {
            background: #fff !important
        }

.flight_sorting-content {
    width: 100%;
    margin: 0;
    padding: 0
}

    .flight_sorting-content .left-content {
        width: auto;
        float: left
    }

        .flight_sorting-content .left-content .head-text {
            font-size: 16px;
            color: #ee5c27;
            font-weight: 600
        }

        .flight_sorting-content .left-content .av_time {
            font-size: 12px;
            color: #666
        }

    .flight_sorting-content .right-content {
        width: auto;
        float: right;
        text-align: right
    }

        .flight_sorting-content .right-content .frm {
            font-size: 12px;
            color: #777
        }

        .flight_sorting-content .right-content .st_price {
            font-size: 15px;
            font-weight: 600;
            color: #343434
        }

.details-toggle-box {
    width: 100%;
    background: #fff;
    height: auto
}

    .details-toggle-box .inner-area {
        width: 100%;
        overflow: hidden;
        padding: .6875em 1.5% .75em
    }

        .details-toggle-box .inner-area .det_btn {
            width: auto;
            font-size: .8125em;
            font-weight: 600;
            color: #666;
            float: left;
            cursor: pointer;
            text-transform: uppercase
        }

        .details-toggle-box .inner-area .bagages {
            width: 20%;
            font-size: .75em;
            font-weight: 600;
            color: #666;
            float: left;
            padding-left: 3em;
            text-transform: uppercase;
            display: none
        }

        .details-toggle-box .inner-area .taxes-text {
            width: auto;
            font-size: .8125em;
            font-weight: 400;
            color: #666;
            float: right;
            text-align: right
        }

.details-content-box {
    width: 100%;
    background: #f4f4f4;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 7px 5px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 7px 5px -5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 7px 5px -5px rgba(0, 0, 0, .3);
    display: none;
    border-bottom: solid 2px #d5d5d5;
    padding: 1.25em .75em 0
}

    .details-content-box .details-content {
        width: 100%;
        margin-bottom: 1em;
        position: relative;
        background: #fff;
        overflow: hidden;
        line-height: 1;
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
    }

        .details-content-box .details-content .heads-area {
            width: 100%;
            overflow: hidden;
            padding: .25em .75em
        }

            .details-content-box .details-content .heads-area .legs-title_container {
                float: left;
                width: 25%;
                margin-top: .6875em
            }

                .details-content-box .details-content .heads-area .legs-title_container .legs-title {
                    background: #2178b5;
                    font-size: 15px;
                    font-weight: 700;
                    color: #fff;
                    text-transform: uppercase;
                    text-align: center;
                    max-width: 110px;
                    min-width: 110px;
                    padding: .35em 0
                }

.depart-area {
    width: 55%;
    float: left;
    font-weight: 400;
    padding-top: .25em
}

    .depart-area .arr-section {
        width: 35%;
        float: left;
        color: #2178b5;
        font-size: 1.125em;
        text-transform: uppercase
    }

    .depart-area .icon-bdr {
        width: 30%;
        border-top: dotted 1px #2178b5;
        float: left;
        position: relative;
        top: 16px
    }

        .depart-area .icon-bdr i {
            position: absolute;
            font-size: 20px;
            top: -10px;
            left: 46%;
            color: #2178b5
        }

    .depart-area .dep-section {
        width: 35%;
        float: left;
        color: #2178b5;
        font-size: 1.125em;
        text-transform: uppercase;
        text-align: right
    }

.time_stop-container {
    width: 100%;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
    margin-top: .25em
}

    .time_stop-container .arr-date {
        font-size: .875em;
        color: #383838;
        font-weight: 600;
        border-right: solid 1px #e5e5e5;
        float: left;
        padding: .6125em .75em
    }

    .time_stop-container .stopntime .total_time {
        font-size: .75em;
        color: #383838;
        font-weight: 600;
        float: left;
        padding: .8125em .75em
    }

.cutofprice .line-through {
    position: relative;
    float: left;
    padding-bottom: 2px
}

    .cutofprice .line-through:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 10px;
        text-decoration: line-through;
        line-height: 22px;
        top: -8px;
        top: 8.8px;
        left: 0;
        right: 0;
        border-top: 1px solid #000
    }

.summary-section {
    width: 100%;
    overflow: hidden;
    padding: 0 .75em
}

    .summary-section .details_area {
        width: 100%;
        overflow: hidden;
        clear: both;
        padding: 1em 0 .5em
    }

    .summary-section .airlines-section {
        width: 25%;
        float: left
    }

        .summary-section .airlines-section .alogo {
            float: left;
            width: 37px;
            height: 37px
        }

            .summary-section .airlines-section .alogo img {
                width: 100%;
                border: 1px solid #d2d2d2
            }

        .summary-section .airlines-section .mtexts {
            float: left;
            font-size: 14px;
            color: #1e1e1e;
            font-weight: 600;
            padding-left: .5em
        }

            .summary-section .airlines-section .mtexts .span-texts {
                font-size: 12px;
                font-weight: 400;
                display: block;
                padding-top: .25em
            }

        .summary-section .airlines-section .operated {
            font-size: .75em;
            font-weight: 400;
            padding-top: .5em;
            color: #898989;
            clear: both;
            width: 90%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .summary-section .summary-details {
        width: 55%;
        float: left
    }

        .summary-section .summary-details .arrives {
            width: 45%;
            float: left;
            font-weight: 400
        }

        .summary-section .summary-details .deps {
            width: 45%;
            float: right;
            font-weight: 400;
            text-align: right
        }

            .summary-section .summary-details .deps .mtext_detail span {
                color: #cc0001
            }

        .summary-section .summary-details .mtouchdown {
            width: 100%;
            text-align: center;
            font-size: .6875em;
            font-weight: 400;
            color: #505050;
            clear: both;
            padding: .75em 0 0
        }

    .summary-section .baggage_class {
        width: 18%;
        float: right;
        text-align: right
    }

        .summary-section .baggage_class .baggage {
            font-size: .6875em;
            color: #3e679c;
            font-weight: 400;
            padding-bottom: .75em
        }

            .summary-section .baggage_class .baggage i {
                font-size: 14px;
                padding-right: .25em
            }

        .summary-section .baggage_class .clss {
            font-size: .75em;
            color: #3e679c;
            font-weight: 400
        }

            .summary-section .baggage_class .clss .icon {
                background: url(/Content/images/seat_icon.png) left no-repeat;
                padding-right: 16px
            }

.stop-container {
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: #00324f;
    border-top: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
    font-weight: 600;
    margin: .5em 0 .25em;
    padding: .75em 0
}

    .stop-container i {
        font-size: 15px;
        color: #3e679c;
        padding-right: .25em
    }

    .stop-container em {
        font-size: 11px;
        color: #ca0000;
        padding-left: .6125em;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 400
    }

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dtcl_btn {
    position: absolute;
    top: 7px;
    right: 5px;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    background: #ca0000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
    padding: 2px 4px
}

    .dtcl_btn:hover {
        background: #0451a4
    }

#popupride_single {
    background-color: rgba(0, 0, 0, .6);
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    padding-top: 100px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9998 !important
}

#PopupRide.opened {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
    transition: all .3s ease 0;
    height: 100%
}

.Itinerary._one_way_indirect .ItineraryTimeline .ItineraryPartWrapper._hiddenPart,
.Itinerary._return_direct .ItineraryTimeline .ItineraryPartWrapper._hiddenPart,
.ItineraryTrip._hiddenTrip > div {
    opacity: .45
}

.seg_cnt-oneway2,
.seg_cnt2 {
    margin-bottom: .5em;
    transition: all 1s ease 0;
    width: 100%;
    float: left
}

.seg_cnt2 {
    padding: 1.5% 1.5% .5%
}

.seg_cnt-oneway2 {
    background: #fff;
    padding: 1.5%
}

    .seg_cnt-oneway2 .btn_dtl,
    .seg_cnt2 .btn_dtl {
        background: #ee5c27;
        border: none;
        font-size: 1.2em;
        font-weight: 600;
        margin-top: .8em;
        padding: .25em 1em;
        color: #fff;
        text-align: center;
        -moz-appearance: none;
        cursor: pointer
    }

.seg_cnt2 .btn_dtl {
    -webkit-appearance: none;
    width: 100%
}

.seg_cnt-oneway2 .btn_dtl {
    width: 88%
}

.PriceDetailPopUp {
    width: 43em;
    margin: 0 auto
}

#popupdetail_single {
    width: 47em;
    margin: 0 auto
}

.tooltip_container {
    background: #fff;
    border: 6px solid #0451a4;
    height: auto;
    letter-spacing: .02em;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto
}

.tooltip_container_fullwith_padd {
    width: 98%;
    float: left;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 1%
}

.tooltip_container .colmrigt {
    width: 100%;
    margin-top: 1.25em
}

.marg-bottoms {
    margin-bottom: .625em
}

.tooltip_container .flight_detail_text {
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: 700;
    background: #0451a4;
    width: 100%;
    color: #fff;
    padding: .25em 0 .25em 1%
}

.tooltip_container .colmleft .itnerary_container {
    width: 100%;
    height: auto
}

.airline-detail-area .leg-area .froms .start-time,
.airline-detail-area .leg-area .tos .end-time {
    color: #343434;
    display: block;
    font-size: 1em;
    font-weight: 600
}

.airline-detail-area .leg-area .froms .airport-name .iata,
.airline-detail-area .leg-area .tos .airport-name .iata {
    font-size: 14px;
    display: none
}

.airline-detail-area .leg-area .froms .airport-name .port,
.airline-detail-area .leg-area .tos .airport-name .port {
    font-size: 12px
}

.airline-detail-area .leg-area .duration .arrow-area .stps-two i:first-child,
.inb_cnt .stps_iata .stps-two i:first-child,
.otb_cnt .stps_iata .stps-two i:first-child {
    margin-right: 1em
}

.details-toggle-box .inner-area .det_btn i,
.icon-button-deal i,
.infobooking-box i,
.price-detail-area .details-toggle-box .det_btn i {
    border: 2px solid #999;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #999;
    font-size: 12px;
    height: 17px;
    line-height: 14px;
    margin-right: .25em;
    text-align: center;
    width: 17px
}

.details-toggle-box .inner-area .det_btn:hover,
.price-detail-area .details-toggle-box .det_btn:hover {
    color: #0090ff
}

    .details-toggle-box .inner-area .det_btn:hover i,
    .price-detail-area .details-toggle-box .det_btn:hover i {
        color: #0090ff;
        border-color: #0090ff
    }

.details-toggle-box .inner-area .bagages i,
.price-detail-area .details-toggle-box .bagages i {
    font-size: 16px;
    padding-right: .25em;
    color: #999
}

.price-detail-area .price-area .inner-detail .price-container,
.smrtrip-details {
    width: 100%;
    margin: 0;
    padding: 0
}

.rating_popup p span.unhappy,
.rating_popup p span.unhappy i {
    color: #b52300 !important
}

.rating_popup p span.good,
.rating_popup p span.good i {
    color: #4ca633 !important
}

.depart-area .arr-section span,
.depart-area .dep-section span {
    font-size: 12px;
    text-transform: none;
    display: block;
    padding-top: .125em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px
}

.summary-section .summary-details .arrives .heads-text,
.summary-section .summary-details .deps .heads-text {
    font-size: 1.125em;
    color: #00324f;
    display: block
}

.time_stop-container .stopntime {
    float: right
}

.summary-section .summary-details .arrives .mtext_detail,
.summary-section .summary-details .deps .mtext_detail {
    font-size: .75em;
    color: #00324f;
    line-height: 14px;
    padding-top: .25em
}

.seg_cnt .btn_dtl:hover,
.seg_cnt-oneway .btn_dtl:hover,
.seg_cnt-oneway2 .btn_dtl:hover,
.seg_cnt2 .btn_dtl:hover,
.tooltip_container .colm_rigt .book_btn_containers .book_btn:hover {
    background: #e63d00
}

.no-opacity #PopupRide,
.no-opacity #divFlightNotAvailable,
.no-opacity #popupride_single {
    /*background: url(/pictures/search-engine-background.png)*/
}

.adlt_chld_inft-container,
.brdcrumcont,
.chg_age_cnt,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .airline_logo_marketing_airline,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .airline_logo_marketing_airline .marketing_airline .airline_name,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .airline_logo_marketing_airline .marketing_airline .airline_number_class,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .airline_logo_marketing_airline .marketing_airline .flittype,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .airline_logo_marketing_airline .marketing_airline .operated,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .arrive .origins_terminal .termorig_cnt,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .depart .origins_terminal .termorig_ari_cnt,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .fltduration .fltdurationtime,
.colmleft .itnerary_container_inner .inbound_outbound_container .itenrary_detail .fltduration .icon,
.date_year_day,
.filldage,
.filt_cnt .arln,
.filt_cnt .arln .arln_cnt,
.filt_cnt .arln .arln_cnt .arln_typ mark,
.filt_cnt .dept,
.filt_cnt .drt,
.filt_cnt .prc,
.filt_cnt .rtn,
.filt_cnt .stp,
.filt_cnt .stp .stp_cnt,
.filt_cnt .stp .stp_cnt .stp_typ mark,
.footers,
.fullwith,
.fullwith_bottoms,
.headers,
.inb_cnt,
.inb_cnt .arl_logo,
.inb_cnt .stps,
.inb_cnt .stps_dur,
.inb_cnt .stps_iata,
.levelfirst,
.levelsecond,
.levelsecond .form-controls_summery .form-controls_summery_head,
.levelthird,
.levelthird .latest_news,
.levelthird .latest_news .containers,
.levelthird .latest_news .containers .description,
.levelthird .latest_news .containers .fullwithnews,
.levelthird .latest_news .containers .fullwithnews .newstitle_post_description,
.levelthird .latest_news .containers .newstitle,
.levelthird .latest_news .containers .post,
.levelthird .latest_news_details,
.levelthird .leftcolm .offercontainer,
.levelthird .leftcolm .offercontainer .offerwrapper,
.levelthird .leftcolm .offercontainer ul,
.levelthird .leftcolm .offercontainer ul li a,
.levelthird .rigtcolm .tocountries,
.levelthird .rigtcolm .usefulllinks,
.levelthird .rigtcolm ul li,
.levelthird .social_icons,
.levelthird .travel_archive .containers,
.mains,
.navigation,
.navs,
.otb_cnt,
.otb_cnt .arl_logo,
.otb_cnt .stps,
.otb_cnt .stps_dur,
.otb_cnt .stps_iata,
.pax_fph,
.rang-cont,
.restcont,
.roomsheads,
.seg_prc .prc_ttl,
.smr,
.smr-dates,
.smr-dates .dep-dates .dep-txt,
.smr-dates .ret-dates .ret-txt,
.smr-iata,
.smr-loading,
.smr-loading .load-srch,
.smr-loading .load-txt,
.smr-passenger,
.smr-passenger .pax,
.smr-passenger .pax-breakups,
.tabs,
.toggels,
.tooltip_container .colmleft .itnerary_container_inner .inbound_outbound_container,
.tooltip_container .colmleft .itnerary_container_inner .inbound_outbound_container .inbound_head,
.tooltip_container .colmleft .itnerary_container_inner .inbound_outbound_container .outbound_head,
.tooltip_container .colmrigt .adlt_chld_inft,
.tooltip_container .colmrigt .adlt_chld_inft .passanger_fare,
.tooltip_container .colmrigt .book_btn_containers,
.tooltip_container .colmrigt .breakups,
.tooltip_container .wrappers2,
.tooltip_container_fullwith,
.topstip,
.whycarlton,
.wrapper {
    width: 100%;
    float: left
}

#ulStoplist li:last-child,
.borders_bottoms,
.tooltip_container_fullwith_padd:last-child {
    border-bottom: none
}

.adlt_chld_inft .col2,
.adlt_chld_inft .col3 {
    width: 20%;
    float: left;
    text-align: center
}

.active .typ_car .icon,
.active .typ_flt .icon,
.active .typ_fph .icon,
.active .typ_htl .icon,
.active .typ_mlt .icon,
.default .typ_car .icon,
.default .typ_flt .icon,
.default .typ_fph .icon,
.default .typ_htl .icon,
.default .typ_mlt .icon {
    float: left;
    /*background: url(/pictures/srchtyp_icon.svg) no-repeat;*/
    margin: 0 .5em
}

.booking-engine,
.flight_frm-wrapper .flight-details .bottom-section .more-options .dflexibility,
.frto .htlfr {
    width: 100%;
    position: relative
}

.errleftblank .errorbord,
.errorbordslct {
    border: 1px solid #e74c3c !important
}

.air,
.cabin,
.fixd,
.frat,
.px_adt,
.px_chd,
.px_inf {
    width: 31%;
    float: left;
    margin-right: 3%
}

.fph_px_adt label,
.fph_px_chd label,
.fph_px_inf label,
.rooms label {
    font-size: .6875em;
    margin-bottom: .25em;
    text-align: left;
    color: #666;
    text-transform: uppercase
}

.dir_flt label checkbox,
.dvr_age label checkbox {
    margin-right: .5em;
    margin-top: .5em
}

.btn_srch:hover .btn_srch-text,
.btn_srch_car:hover .btn_srch-text {
    color: #fff;
    text-shadow: 0 1px 1px #5d81ab;
    padding-right: .75em
}

.btn_srch-text,
.btn_srch_car-text {
    color: #456710;
    display: block;
    font-size: .875em;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .2s linear 0;
    white-space: nowrap;
    padding: .75em 0
}

.btn_srch:hover .btn_srch-slide-text,
.btn_srch_car:hover .btn_srch-slide-text {
    width: auto;
    padding: 0 1em 0 0
}

.btn_srch-slide-text,
.btn_srch_car-slide-text {
    background: #67961d;
    box-shadow: -1px 0 1px rgba(255, 255, 255, .4), 1px 1px 2px rgba(0, 0, 0, .2) inset;
    color: #fff;
    font-weight: 700;
    font-size: .875em;
    height: 100%;
    line-height: 38px;
    overflow: hidden;
    position: absolute;
    right: 52px;
    text-align: left;
    text-indent: 10px;
    text-shadow: 0 -1px 1px #363f49;
    text-transform: uppercase;
    top: 0;
    transition: width .3s linear 0;
    white-space: nowrap;
    width: 0
}

#popupArrDate {
    background: #fcf7d9;
    position: relative;
    font-size: .75em;
    padding: .75em;
    color: #715b07;
    border: 1px solid #e2be35;
    z-index: 999;
    float: left;
    margin-top: -4px
}

.tooltip-arrDat {
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.4
}

#popupArrDate i {
    color: #565555;
    font-size: 1.25em;
    margin-right: .5em
}

#popupArrDate span {
    position: absolute;
    bottom: -14px;
    left: 46%;
    color: #fcf7d9;
    font-size: 2em;
    text-shadow: 0 .0625em 0 #e2be35
}

.orientation-box {
    display: none
}

    .orientation-box > * {
        margin: 0 0 10px;
        padding: 0 10%
    }

@media (max-width:768px) and (min-width:480px) and (orientation:landscape) {
    .orientation-box {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: #006aaf;
        z-index: 99999999;
        pointer-events: none;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        display: flex;
        flex-direction: column
    }

    .imagebox {
        background-image: url(/Content/images/landscape-mob.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 30%;
        padding-bottom: 25.5%
    }

    .orientation-box h5 {
        color: #f1f1f1;
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 30px
    }

    .orientation-box h6 {
        color: #f1f1f1;
        font-size: 14px;
        text-align: center
    }
}

.Itinerary,
.ItineraryDate,
.ReservationHead,
.spCard {
    position: relative
}

.ReservationHead {
    font-size: 29px;
    line-height: 42px;
    z-index: 2
}

.ModalVex.BookingConfirmPayment-modal .Modal-content .ModalVex-body,
.spShadow-normal {
    border: 1px solid #d9dfe3
}

.spCard {
    margin: .5rem 0 1rem;
    background-color: #fff;
    border-radius: 0;
    padding: 12px
}

.Itinerary {
    font-size: 14px;
    line-height: normal
}

    .Itinerary .Itinerary-bookingBtn {
        padding: 24px 0
    }

    .Itinerary._mmb .ItineraryJourney .ItineraryTrip {
        padding-bottom: 20px
    }

    .Itinerary._change_flights .ItineraryJourney .ItineraryTimeline .ItineraryDate .spIcon,
    .Itinerary._change_flights .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPart-milestone,
    .Itinerary._change_flights .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration,
    .Itinerary._change_flights .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_less,
    .Itinerary._change_flights .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_more,
    .Itinerary._mmb .ItineraryJourney .ItineraryTimeline .ItineraryDate .spIcon,
    .Itinerary._mmb .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPart-milestone,
    .Itinerary._mmb .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration,
    .Itinerary._mmb .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_less,
    .Itinerary._mmb .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_more,
    .Itinerary._reservation_alternatives .ItineraryJourney .ItineraryTimeline .ItineraryDate .spIcon,
    .Itinerary._reservation_alternatives .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPart-milestone,
    .Itinerary._reservation_alternatives .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration,
    .Itinerary._reservation_alternatives .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_less,
    .Itinerary._reservation_alternatives .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_more,
    .Itinerary._results .ItineraryJourney .ItineraryTimeline .ItineraryDate .spIcon,
    .Itinerary._results .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPart-milestone,
    .Itinerary._results .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration,
    .Itinerary._results .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_less,
    .Itinerary._results .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_more,
    .Itinerary._schedule_changes .ItineraryJourney .ItineraryTimeline .ItineraryDate .spIcon,
    .Itinerary._schedule_changes .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPart-milestone,
    .Itinerary._schedule_changes .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration,
    .Itinerary._schedule_changes .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_less,
    .Itinerary._schedule_changes .ItineraryJourney .ItineraryTimeline .ItineraryPart .ic_unfold_more {
        background: #fff
    }

    .Itinerary._change_flights .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview:after,
    .Itinerary._mmb .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview:after,
    .Itinerary._reservation_alternatives .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview:after,
    .Itinerary._results .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview:after,
    .Itinerary._schedule_changes .ItineraryJourney .ItineraryTimeline .ItineraryPart .ItineraryPartOverview:after {
        border-color: transparent #fff transparent transparent
    }

    .Itinerary._one_way_indirect .ItineraryTrip-time,
    .Itinerary._one_way_indirect .ItineraryTripLayover,
    .Itinerary._return_direct .ItineraryTrip-time,
    .Itinerary._return_direct .ItineraryTripLayover {
        display: none
    }

    .Itinerary._one_way_indirect .ItineraryTimeline .ItineraryPartWrapper,
    .Itinerary._return_direct .ItineraryTimeline .ItineraryPartWrapper {
        padding-top: 0
    }

        .Itinerary._one_way_indirect .ItineraryTimeline .ItineraryPartWrapper + .ItineraryPartWrapper,
        .Itinerary._return_direct .ItineraryTimeline .ItineraryPartWrapper + .ItineraryPartWrapper {
            padding-top: 10px
        }

    .Itinerary._one_way_indirect .ItineraryPart,
    .Itinerary._return_direct .ItineraryPart {
        margin-bottom: 20px
    }

    .Itinerary._change_flights,
    .Itinerary._mmb,
    .Itinerary._reservation_alternatives,
    .Itinerary._results,
    .Itinerary._schedule_changes {
        background-color: #fff;
        border-top: 1px solid #d5dee7;
        overflow: hidden
    }

        .Itinerary._change_flights._collapsed,
        .Itinerary._mmb._collapsed,
        .Itinerary._reservation_alternatives._collapsed,
        .Itinerary._results._collapsed,
        .Itinerary._schedule_changes._collapsed {
            -webkit-animation: Search-slideUp .3s linear;
            animation: Search-slideUp .3s linear;
            border-top-width: 0;
            max-height: 0;
            padding: 0
        }

        .Itinerary._change_flights._expanded,
        .Itinerary._mmb._expanded,
        .Itinerary._reservation_alternatives._expanded,
        .Itinerary._results._expanded,
        .Itinerary._schedule_changes._expanded {
            -webkit-animation: Search-slideDown .6s linear;
            animation: Search-slideDown .6s linear;
            height: auto;
            padding: 0 20px;
            overflow: visible
        }

    .Itinerary .ItineraryHead {
        border-bottom: 1px solid #d9dfe3
    }

        .Itinerary .ItineraryHead:after,
        .Itinerary .ItineraryHead:before {
            content: "";
            display: table
        }

        .Itinerary .ItineraryHead:after {
            clear: both
        }

        .Itinerary .ItineraryHead .ItineraryHead-title {
            font-size: 17px;
            font-weight: 500;
            float: left;
            line-height: 28px
        }

            .Itinerary .ItineraryHead .ItineraryHead-title .ReservationTitle-icon {
                margin-right: 3px
            }

    .Itinerary .ItineraryJourney {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .Itinerary .ItineraryJourney._return[min-width~="600px"] ._change_flights,
        .Itinerary .ItineraryJourney._return[min-width~="600px"]._schedule_changes .Itinerary .ItineraryJourney._return[min-width~="600px"],
        ._mmb .Itinerary .ItineraryJourney._return[min-width~="600px"],
        ._results .Itinerary .ItineraryJourney._return[min-width~="600px"] {
            margin-right: -20px
        }

            ._results .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) {
                box-shadow: none
            }

        .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-right: 5px;
            padding-left: 5px
        }

            .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) {
                background: #fff;
                box-shadow: -1px 0 0 0 #d9dfe3;
                padding-left: 25px
            }

                .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) .ItineraryDate .spIcon,
                .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) .ItineraryPart .ItineraryPart-milestone,
                .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration,
                .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) .ItineraryPart .ic_unfold_less,
                .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) .ItineraryPart .ic_unfold_more {
                    background: #fafcfd
                }

                .Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) .ItineraryPart .ItineraryPartOverview:after {
                    border-color: transparent #fafcfd transparent transparent
                }

@media (max-width:768px) {
    .Itinerary .ItineraryHead {
        border-bottom: 0
    }
}

.ItineraryDate {
    color: #171b1e;
    font-size: 14px;
    line-height: 22px;
    padding-left: 28px;
    z-index: 1
}

    .ItineraryDate .ItineraryDate-date {
        white-space: nowrap
    }

    .ItineraryDate .spIcon {
        background: #fff;
        font-size: 12px;
        position: absolute;
        left: 4px;
        padding-top: 4px;
        padding-bottom: 6px
    }

.ItineraryGuarantee {
    border-top: 1px solid #e9eef2;
    padding-top: 14px;
    padding-bottom: 20px
}

    .ItineraryGuarantee .ItineraryGuarantee-title {
        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;
        margin-bottom: 5px
    }

        .ItineraryGuarantee .ItineraryGuarantee-title i {
            color: #01bba5;
            margin-right: 10px;
            font-size: 18px
        }

.ItineraryPart {
    cursor: pointer;
    position: relative;
    padding-left: 27px;
    margin: 6px 3px 6px 0
}

    .ItineraryPart._bus .ItineraryPart-milestone .ItineraryPart-milestoneIcon,
    .ItineraryPart._bus .ItineraryPartOverview-header,
    .ItineraryPart._train .ItineraryPart-milestone .ItineraryPart-milestoneIcon,
    .ItineraryPart._train .ItineraryPartOverview-header {
        color: #01bba5
    }

    .ItineraryPart:not(._disabledHover):hover .ItineraryPart-milestone .ItineraryPart-milestoneIcon._flight,
    .ItineraryPart:not(._disabledHover):hover .ic_unfold_less,
    .ItineraryPart:not(._disabledHover):hover .ic_unfold_more {
        color: #57626c
    }

    .ItineraryPart:not(._disabledHover):hover .ItineraryPartOverview {
        border-color: #b3c0cd
    }

        .ItineraryPart:not(._disabledHover):hover .ItineraryPartOverview:before {
            border-color: transparent #a4b8cb transparent transparent
        }

        .ItineraryPart:not(._disabledHover):hover .ItineraryPartOverview:after {
            border-width: 5px 5px 5px 0;
            margin-top: -6px
        }

        .ItineraryPart:not(._disabledHover):hover .ItineraryPartOverview .ItineraryPartOverview-headerLink {
            color: #00d7bd
        }

    .ItineraryPart .ItineraryPart-milestone {
        position: absolute;
        background: #fff;
        left: 0;
        padding: 3px 0;
        margin-top: 11px
    }

        .ItineraryPart .ItineraryPart-milestone .ItineraryPart-milestoneIcon {
            color: #adb9c5;
            width: 16px;
            height: 16px
        }

            .ItineraryPart .ItineraryPart-milestone .ItineraryPart-milestoneIcon._flight {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                margin-left: 1px
            }

            .ItineraryPart .ItineraryPart-milestone .ItineraryPart-milestoneIcon._bus,
            .ItineraryPart .ItineraryPart-milestone .ItineraryPart-milestoneIcon._train {
                width: 18px;
                height: 18px
            }

    .ItineraryPart .ic_unfold_less,
    .ItineraryPart .ic_unfold_more {
        background: #fff;
        color: #a2b3c4;
        font-size: 12px;
        position: absolute;
        top: 14px;
        right: -3px;
        padding: 5px 0
    }

    .ItineraryPart .ItineraryPartOverview {
        border: 1px solid #d9dfe3;
        border-radius: 3px;
        padding: 12px 10px 12px 8px;
        position: relative
    }

        .ItineraryPart .ItineraryPartOverview:after,
        .ItineraryPart .ItineraryPartOverview:before {
            content: "";
            position: absolute;
            right: 100%;
            top: 23px
        }

        .ItineraryPart .ItineraryPartOverview:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 6px 0;
            border-color: transparent #d9dfe3 transparent transparent;
            margin-top: -7px
        }

        .ItineraryPart .ItineraryPartOverview:after {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 4px 4px 0;
            border-color: transparent #fff transparent transparent;
            margin-top: -5px
        }

        .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-header {
            font-weight: 500;
            margin-bottom: 4px
        }

            .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-header .ItineraryPartOverview-headerLink {
                text-decoration: underline
            }

        .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports {
            display: table;
            float: left;
            padding-right: 30px;
            box-sizing: border-box;
            width: 100%
        }

            .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-inbound,
            .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-outbound {
                display: table-row
            }

            .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-airports-fields {
                color: #7c8b99;
                display: table-cell;
                width: 100%;
                position: relative
            }

                .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-airports-fields .ItineraryPartOverview-airports-fields-merged {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    position: absolute;
                    padding-left: 10px;
                    width: 100%;
                    box-sizing: border-box
                }

        .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline {
            position: absolute;
            min-width: 30px;
            text-align: right;
            top: 5px;
            right: 7px;
            bottom: 0;
            width: 50px
        }

            .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-airline-logo {
                margin-top: 3px;
                margin-right: 2px
            }

            .ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration {
                background: #fff;
                color: #7c8b99;
                font-size: 11px;
                position: absolute;
                bottom: -10px;
                right: 0;
                padding: 0 2px 0 3px;
                white-space: nowrap
            }

.ItineraryPartDetail {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%
}

    .ItineraryPartDetail._expanded {
        max-height: 250px
    }

    .ItineraryPartDetail._permanent {
        max-height: none;
        overflow: auto;
        -webkit-transition: none;
        transition: none
    }

        .ItineraryPartDetail._permanent + .ItineraryPartDetail ul {
            margin-top: -3px;
            padding: 0 0 3px
        }

    .ItineraryPartDetail ul {
        padding: 12px 0 3px
    }

        .ItineraryPartDetail ul li {
            color: #7c8b99;
            line-height: 14px;
            font-size: 12px;
            margin-top: 5px;
            padding-left: 0;
            margin-left: 0
        }

            .ItineraryPartDetail ul li .PriorityBoarding-link {
                font-weight: 500;
                text-decoration: underline
            }

            .ItineraryPartDetail ul li.ItineraryPartDetail-train {
                color: #01bba5;
                text-decoration: underline
            }

                .ItineraryPartDetail ul li.ItineraryPartDetail-train .ItineraryPartDetail-itemIcon {
                    color: inherit
                }

                .ItineraryPartDetail ul li.ItineraryPartDetail-train:hover {
                    color: #00d7bd
                }

            .ItineraryPartDetail ul li .ItineraryPartDetail-item {
                display: block;
                margin-left: 28px;
                vertical-align: middle;
                line-height: 16px
            }

            .ItineraryPartDetail ul li .ItineraryPartDetail-itemIcon {
                color: #adb9c5;
                font-size: 16px
            }

            .ItineraryPartDetail ul li .ItineraryPartDetail-itemIcon,
            .ItineraryPartDetail ul li > img {
                display: block;
                float: left;
                border-radius: 2px;
                margin-left: 5px
            }

.ItineraryPartOverviewField {
    display: inline-block;
    line-height: 16px;
    vertical-align: middle
}

    .ItineraryPartOverviewField._time {
        color: #2e353b;
        display: table-cell;
        width: 35px;
        vertical-align: bottom;
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ItineraryPartOverviewField._name {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ItineraryPartOverviewField._code {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        margin-left: 4px;
        position: relative;
        z-index: 1
    }

        .ItineraryPartOverviewField._code._underline {
            color: #d21c1c;
            text-decoration: underline;
            vertical-align: top
        }

            .ItineraryPartOverviewField._code._highlighted,
            .ItineraryPartOverviewField._code._underline:hover {
                color: #d21c1c
            }

                .ItineraryPartOverviewField._code._highlighted:before,
                .ItineraryPartOverviewField._code._underline:hover:before {
                    content: "";
                    background: #ffc7c7;
                    border-radius: 3px;
                    position: absolute;
                    left: -3px;
                    right: -3px;
                    top: -1px;
                    bottom: -1px;
                    z-index: -1
                }

.ItineraryTrip {
    width: 50%;
    float: left
}

    .ItineraryTrip .ItineraryTrip-title {
        color: #57626c;
        font-size: 14px;
        padding-top: 10px;
        margin-bottom: 10px;
        position: relative;
        background: #f1f1f1;
        padding-bottom: 10px;
        padding-left: 25px;
        border-bottom: 1px solid #d9dfe3
    }

.spCard-head + fieldset {
    padding: 0 2%
}

.ItineraryTrip .ItineraryTrip-title .ItineraryTrip-depart {
    font-weight: 700;
    text-transform: uppercase
}

    .ItineraryTrip .ItineraryTrip-title .ItineraryTrip-depart .spIcon {
        display: inline-block;
        font-size: 8px;
        line-height: 14px;
        vertical-align: top;
        margin: 0 4px
    }

.ItineraryTrip .ItineraryTrip-title .ItineraryTrip-time {
    padding-left: 8px
}

.spTypo-medium {
    font-weight: 500
}

.ItineraryTrip .ItineraryTimeline {
    position: relative;
    width: 100%;
    float: left;
    padding: 5%
}

    .ItineraryTrip .ItineraryTimeline:before {
        content: "";
        position: absolute;
        background: url(/Content/images/itinerary-border.svg) left top repeat-y;
        width: 2px;
        left: 7%;
        top: 0;
        bottom: 0
    }

.Alert,
.Reservation,
.ReservationPassengers .Reservation-input,
.ReservationPassengers .Reservation-inputs-connected,
.spField {
    position: relative
}

.ItineraryTrip .ItineraryTimeline .ItineraryPartWrapper:last-of-type .ItineraryPart-milestone {
    top: 0;
    bottom: 0
}

.ItineraryTrip .ItineraryTripLayover,
.ItineraryTrip .ItineraryTripNights {
    color: #57626c;
    font-size: 11px
}

.ItineraryTrip .ItineraryTripLayover {
    padding: 0 0 5px 36px
}

    .ItineraryTrip .ItineraryTripLayover .ItineraryTripLayover-item {
        line-height: 16px
    }

        .ItineraryTrip .ItineraryTripLayover .ItineraryTripLayover-item._blue {
            color: #01bba5
        }

        .ItineraryTrip .ItineraryTripLayover .ItineraryTripLayover-item._dark {
            color: #000
        }

.ItineraryTrip .ItineraryTripNights {
    max-width: 380px;
    padding: 9px 0 16px 36px;
    font-style: italic
}

.Alert,
.booking-list .trip-collection-view .alogo img,
.booking-list .trip-collection-view .alogo2 img {
    max-width: 100%
}

.ItineraryTripLayoverItem {
    font-size: 12px;
    margin-top: 4px
}

    .ItineraryTripLayoverItem .ItineraryTripLayoverItem-icon {
        color: #7c8b99;
        float: left;
        display: block;
        width: 16px;
        height: 16px;
        line-height: 1
    }

        .ItineraryTripLayoverItem .ItineraryTripLayoverItem-icon ._blue {
            color: #01bba5
        }

    .ItineraryTripLayoverItem .ItineraryTripLayoverItem-text {
        display: block;
        color: #7c8b99;
        line-height: 16px;
        margin-left: 16px;
        padding-left: 8px
    }

.Alert-content i,
.Reservation svg,
.spIcon {
    display: inline-block
}

.ItineraryTripLayoverItem._guarantee .ItineraryTripLayoverItem-text {
    cursor: pointer
}

.Reservation {
    color: #2e353b
}

    .Reservation .ReservationTitle-icon {
        color: #fff;
        height: 24px;
        width: 24px;
        margin-right: 8px;
        vertical-align: top !important
    }

.spCheckbox,
.spIcon {
    vertical-align: middle
}

.Reservation svg {
    width: auto
}

.ReservationItinerary .Itinerary .ItineraryHead {
    padding: 3px 0 3px 22px;
    margin: 0
}

.spCard .spCard-head .spCard-head-title {
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    background:var(--skyBlue);
    color: #fff;
    padding: 3px 8px
}

.ReservationPassengers .ReservationPassenger-headerAlert {
    margin-top: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%
}

    .ReservationPassengers .ReservationPassenger-headerAlert .Alert {
        background-color: #d6f5ff;
        border: none;
        color: #000;
        line-height: 22px;
        margin-bottom: 0
    }

.Alert,
spField-input {
    border-radius: 3px
}

    .Alert._info {
        background: rgba(87, 98, 108, .75)
    }

.Alert {
    padding: 8px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 12px
}

.ReservationPassengers .ReservationPassenger-headerAlert .Alert i {
    font-size: 22px;
    color: #10709f
}

.Alert .Alert-content .Alert-type-icon {
    font-size: 17px;
    margin-top: 1px
}

.spIcon {
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.Alert-content i {
    float: left;
    margin-right: 10px
}

.Reservation-halfLinkedFields:nth-child(2n+1),
.Reservation-input:nth-child(2n+1) {
    clear: both
}

.ReservationPassengers .ReservationPassenger-details._newPassengerFields .ReservationPassengerNationality {
    -webkit-box-flex: 0;
    -webkit-flex: 0 32%;
    -ms-flex: 0 32%;
    flex: 0 32%
}

.ReservationPassengers .ReservationPassenger-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap
}

.Reservation .Reservation-input label {
    text-overflow: ellipsis;
    margin-bottom: 2px;
    display: block;
    line-height: 20px;
    font-size: 11px !important
}

.Reservation .Reservation-input .spTypo-caption {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.spTypo-caption {
    font-size: 13px;
    font-weight: 400
}

.Reservation .spField .spField-input .spField-input-raw {
    height: 38px;
    font-weight: 400;
    padding-bottom: 6px
}

.spField .spField-input .spField-input-raw {
    border: 0;
    background: 0 0;
    font-size: inherit;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    height: 44px;
    border-radius: 3px;
    color: #2e353b;
    display: inline;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    padding-left: 14px;
    margin-bottom: -4px;
    box-shadow: initial;
    text-shadow: initial
}

.Reservation-halfLinkedFields:nth-child(2n),
.Reservation-input:nth-child(3 n) {
    margin-right: 0;
    float: right
}

.Reservation select {
    box-shadow: initial
}

.Reservation .spTypo-note {
    font-size: 12px
}

.spField .spField-note {
    position: absolute;
    bottom: -19px;
    right: 1px;
    color: #ff8d06;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.spTypo-note {
    font-size: 10px;
    font-weight: 400;
    color: #57626c
}

.Reservation .Reservation-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.DatePickerField .DatePickerField-fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .DatePickerField .DatePickerField-fields .DatePickerField-field._month {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }

    .DatePickerField .DatePickerField-fields .SelectField.spField._error .spField-input {
        border: 1px solid #e51f1f;
        margin-top: 0;
        margin-bottom: 0
    }

.SelectField select {
    position: relative;
    background: 0 0;
    cursor: pointer;
    padding: 0 25px 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border-radius: 3px;
    text-shadow: inherit
}

.SelectField._block select {
    width: 100%;
    height: 34px
}

.SelectField._notSelected select {
    color: #656666 !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.DatePickerField .DatePickerField-fields .DatePickerField-field + .DatePickerField-field {
    margin-left: 8px
}

.Reservation-halfLinkedFields,
.Reservation-input {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%
}

.DatePickerField .DatePickerField-fields .spField .spField-input {
    margin-top: 0
}

.spField._twoLines .spField-input {
    border-radius: 3px;
    border: 1px solid #c6d0dc
}

.ReservationContact .spField-input,
.ReservationPassenger .spField-input {
    position: relative;
    overflow: visible
}

.ReservationPassenger input[type=text] {
    text-shadow: initial;
    box-shadow: inherit;
    border-radius: 4px;
    padding-top: 0;
}

.spField .spField-input {
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    display: block;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 2px
}

.ButtonWrapper {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    background-color: #01bba5;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .ButtonWrapper .ButtonWrapper-content {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: inherit;
        white-space: nowrap
    }

.ReservationPassengers-addButton .Button .Button-icon {
    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;
    height: 100%
}

.spCard .spCard-head {
    margin: 0 0 6px;
    width: 100%
}

@media (min-width:769px) {
    .spCard .spCard-head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .Reservation .spCard {
        padding: 10px 28px 30px;
        margin-bottom: 15px
    }
}

.Reservation .spCard {
    padding: 0 0 10px;
    margin-bottom: 0;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.CommonJourneyHead-arrow i {
    font-size: 20px;
    height: 22px;
    width: 22px;
    display: inline-block;
    position: relative;
    top: 1px;
    color: #333
}

.ItineraryJourney .ItineraryTrip:first-child {
    border-right: 1px solid #d9dfe3;
    width: 50%
}

.ItineraryJourney .ItineraryTrip:last-child {
    width: 50%;
    float: right
}

.billing-information input,
.billing-information select,
.billing-information textarea {
    width: 70% !important;
    border-radius: 4px;
    font-size: 13px !important;
    color: #333 !important;
    text-shadow: inherit
}

.billing-information label.error {
    width: 70% !important;
    line-height: 17px !important;
    color: red !important;
    font-size: 12px !important;
    text-align: left !important;
    margin: 0px !important;
    padding-top: 5px;
    padding-bottom: 10px;
}

.billing-information input.error,
.billing-information select.error,
.billing-information textarea.error,
.ReservationPassenger input.error,
.ReservationPassenger select.error,
.ReservationPassenger textarea.error {
    /*border: 1px solid red !important*/
}

.spField._twoLines .spField-input + .error {
    border: 1px solid red !important
}

.borderBox .fa-envelope {
    margin-right: 8px
}

.billing-information .form-group label {
    color: #2e353b;
    font-size: 13px;
    float: left;
    width: 105px;
    text-align: right;
    padding-right: 12px;
    line-height: 41px;
    margin-top: -4px
}

.billing-information {
    display: block;
    max-width: 400px;
    margin: 0 auto
}

.DatePickerField {
    margin-bottom: 5px !important
}

.Reservation .ReservationHead {
    font-weight: 400;
    line-height: 42px
}

    .Reservation .ReservationHead span {
        font-size: 20px;
        font-weight: 700
    }

    .Reservation .ReservationHead .CommonJourneyHead-subtle {
        font-weight: 300;
        font-size: 60%
    }

.ItineraryHead {
    background: var(--skyBlue);
    font-size: 20px;
    color: #fff
}

.CommonJourneyHead {
    padding: 0 12px 0 0;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 17px
}

.ReservationItinerary {
    margin-top: -1px;
    z-index: 0
}

.CommonJourneyHead-arrow {
    padding: 0 7px
}

.ReservationPassengers .ReservationPassenger-details._newPassengerFields .DatePickerField {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    min-width: 48.5%
}

.ReservationPassengerGender {
    margin-right: 25px !important
}

.ReservationPassengers-addButton {
    margin: 0 auto;
    display: flex
}

    .ReservationPassengers-addButton button {
        border: none;
        background: #ff8d06;
        padding: 1px 15px;
        color: #fff;
        font-size: 15px;
        font-weight: 400
    }

.Button-icon._left svg {
    width: 20px;
    fill: #fff;
    margin-right: 7px
}

.Button-icon._left + span {
    line-height: 35px;
    vertical-align: middle;
    padding-top: 2px
}

.spField._twoLines._error._ok:before,
.spField._twoLines._ok._ok:before {
    content: "\f00c";
    color: #248e00;
    display: none
}

.spField._twoLines._error.SelectField:before,
.spField._twoLines._ok.SelectField:before {
    top: -19px
}

.spField._twoLines._error:before,
.spField._twoLines._ok:before {
    position: absolute;
    top: 0;
    right: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: fadein .5s;
    animation: fadein .5s
}

.SelectField._block:after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 10px;
    height: 34px;
    font-size: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.SelectField:after,
.bx-prev:after {
    font: normal normal normal 14px/1 FontAwesome
}

.SelectField:after {
    font-weight: 600;
    font-style: normal;
    line-height: inherit;
    content: "\f107";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    color: #57626c
}

.ReservationPassengerGender._error .SelectField.spField._error .spField-input,
.spField._twoLines._error .spField-input {
    border: 1px solid #e51f1f
}

.spField._twoLines .spField-input:hover {
    border: 1px solid #94a2b0
}

.ReservationPassengerGender .spField .spField-input {
    margin-top: 0
}

.spField._twoLines._error._error:before,
.spField._twoLines._ok._error:before {
    content: "\f00d";
    color: #e51f1f;
    display: none
}

.DatePickerField .DatePickerField-switcher {
    position: absolute;
    bottom: -8px
}

.spCheckbox:hover {
    border-color: #01bba5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .14), inset 0 1px 3px rgba(0, 0, 0, .16)
}

.spCheckbox:checked {
    -webkit-appearance: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05)
}

.spCheckbox {
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    border: 1px solid #adb9c5;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .16);
    background-color: #fff;
    -webkit-transition: border-color .2s, -webkit-transform .2s ease;
    transition: border-color .2s, -webkit-transform .2s ease;
    transition: border-color .2s, transform .2s ease;
    transition: border-color .2s, transform .2s ease, -webkit-transform .2s ease
}

.paymentBox h4.title .fa-lock {
    padding-right: 8px
}

.DatePickerField-field .spField._twoLines._error::before,
.DatePickerField-field .spField._twoLines._ok::before {
    top: -17px
}

.spShake {
    -webkit-animation: shake .5s linear;
    animation: shake .5s linear
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0)
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0)
    }
}

.footer_call i.fa-phone:before,
.phonering-alo-ph-circle-fill {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%
}

.DatePickerField-switcher-text {
    font-size: 13px
}

.session-out {
    display: block
}

    .session-out .about-intro {
        max-width: 660px;
        margin: -10px auto 0;
        background: #e5f1f6;
        padding: 70px 0;
        border: 1px solid #b9e0f0
    }

.text-sessionout {
    color: #fff;
    display: inline-block
}

.session-out .about-intro h2 {
    background: #045084;
    width: 280px;
    margin: 30px auto 10px;
    font-size: 29px;
    display: block;
    float: none;
    padding: 10px 0;
    color: #fff;
    box-shadow: 0 3px 5px #989797
}

.session-out .about-intro h3 {
    font-size: 17px;
    font-weight: 400
}

.session-out .about-intro > .col-md-12 {
    margin-top: -20px
}

.session-out .disclaimerHolder {
    float: left;
    width: 100%
}

.session-butoon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px
}

    .session-butoon span input {
        background: #fb8c07;
        border: 0;
        padding: 10px 40px;
        font-size: 20px;
        color: #fff
    }

    .session-butoon span:nth-child(2) {
        width: 110px;
        text-align: center
    }

        .session-butoon span:nth-child(2) b {
            background: #44515a;
            padding: 7px 10px;
            border-radius: 28px;
            text-transform: uppercase;
            color: #fff
        }

.text-sessionout svg {
    fill: #fff;
    display: inline-block
}

.relmsg + #cphFull_lblMsg {
    display: none
}

.singup-box input {
    height: 42px !important
}

#menu-item-31 a {
    border-bottom: none !important
}

.thanks a,
.thanks a:focus {
    color: #ff8d06
}

.mob-connecting {
    max-width: 580px;
    border: 4px solid #307fca;
    margin: 60px auto 35px;
    border-width: 4px 0 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 6px #b9b1b1;
    overflow: hidden
}

    .mob-connecting h2 {
        font-size: 24px;
        color: #5a5a59
    }

        .mob-connecting h2 span {
            margin-left: 9px
        }

    .mob-connecting h3 {
        font-size: 18px;
        margin-top: 40px
    }

    .mob-connecting h4 {
        font-size: 14px;
        font-weight: 400;
        padding-top: 0;
        line-height: 20px;
        margin-bottom: 40px;
        margin-top: 10px
    }

#formCallOus input {
    height: 35px;
    margin-left: 36px;
    box-shadow: inherit;
    border: 1px solid #045084;
    width: 85%;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 0 12px
}

.error {
    font-size: 11px;
    color: red !important;
    float: left;
    width: 100%;
    line-height: 20px !important;
    text-align: left
}

.cntnHolder {
    border: 1px solid #d3d3d3;
    margin-top: 16px;
    padding: 15px;
    font-size: 15px;
    color: #424f58
}

    .cntnHolder h3 {
        font-size: 20px;
        color: #000
    }

    .cntnHolder li,
    .cntnHolder p {
        font-size: 15px;
        color: #000
    }

    .cntnHolder li {
        list-style: decimal;
        padding: 0;
        margin: 0 0 0 20px
    }

#dealBlock #cphFull_dvSpecial a {
    color: #1628b1 !important
}

    #dealBlock #cphFull_dvSpecial a:hover {
        color: #07104e !important
    }

.footer_call i.crs,
.footer_call i.fa-phone {
    width: 54px;
    height: 54px;
    color: #fff;
    transition: all 1s;
    margin-top: 4px;
    float: left;
    cursor: pointer;
    text-align: center
}

.footer_call i.fa-phone {
    font-size: 30px;
    line-height: 58px;
    display: block;
    border-radius: 8px;
    animation-timing-function: ease;
    animation-timing-function: ease-in-out
}

.footer_call i.crs {
    background-color: #cc4118;
    font-size: 25px;
    line-height: 34px;
    border-radius: 42px;
    display: none;
    position: absolute;
    right: 8px;
    top: 4px;
    border-radius: 0px;
    width: 13%;
    height: auto;
}

.ortext {
    width: 40px;
    height: 32px;
    margin: 0 auto;
    background: var(--blueBg);
    text-align: center;
    line-height: 29px;
    color:var(--skyBlue);
    border-radius: 0 0 31px 31px;
    font-weight: 700;
}

.footer_call .call_txt {
    background-color: rgba(69, 82, 91, .89);
    border-radius: 10px;
    padding: 7px 24px;
    line-height: 20px;
    color: #FFF;
    margin-left: 75px;
    width: 194px;
    display: block;
    font-size: 13px;
    margin-top: -2px;
    position: relative;
    font-weight: 500;
    border: 1px solid #fff;
    z-index: 100000000;
    display: none !important;
}

    .footer_call .call_txt:before {
        position: absolute;
        left: -30px;
        border: 10px solid transparent;
        border-right: 20px solid #525f67;
        content: ' ';
        top: 16px
    }

    .footer_call .call_txt i.fa-times {
        font-size: 12px;
        color: #fff;
        right: 10px;
        top: 12px;
        position: absolute;
        cursor: pointer
    }

.footer_pp {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    border: 8px solid #00537e;
    display: none
}

    .footer_pp .p_h {
        width: 180px;
        margin: 0 auto;
        padding: 15px 0;
        text-align: center;
        display: block
    }

#lblMsg3,
.footer_call .showmsg span.error:before,
.showmsg {
    display: none
}

.footer_pp .p_h img {
    width: 70%
}

.footer_pp p {
    font-size: 13px;
    color: #5a5a5a;
    line-height: 18px;
    padding: 7px 13px 5px;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 18px
}

.footer_pp .wp {
    width: 90%;
    margin: -9px 0 18px 12px
}

    .footer_pp .wp label {
        float: left;
        font-size: 14px;
        color: #000;
        width: 35px;
        font-weight: 500;
        line-height: 31px
    }

    .footer_pp .wp input[type=text] {
        border: 1px solid #dadada;
        padding: 8px 10px;
        width: 85%;
        height: 30px;
        background-color: #f0f0f0;
        transition: all .4s;
        font-size: 14px;
        color: #4e4b4b
    }

        .footer_pp .wp input[type=text]:focus {
            border: 1px solid #666
        }

    .footer_pp .wp input[type=submit] {
        border: none;
        background: #de4f09;
        color: #fff;
        padding: 5px 10px;
        margin-left: 34px;
        cursor: pointer;
        transition: all .4s;
        font-weight: 600
    }

        .footer_pp .wp input[type=submit]:hover {
            background-color: #000;
            color: #fff
        }

.showmsg {
    padding: 10px;
    line-height: 18px;
    color: red;
    font-size: 13px;
    border-radius: 8px;
    position: relative;
    border: 8px solid #ff5200;
    background-color: #fff;
    width: 283px;
    font-weight: 500
}

    .showmsg i.fa-times {
        font-size: 12px;
        color: #fff;
        right: 0;
        top: 0;
        position: absolute;
        cursor: pointer;
        background-color: #ff5200;
        padding: 0 0 8px 10px;
        border-radius: 0 0 0 12px
    }

.footer_call .showmsg span.error {
    position: static;
    background: 0 0;
    color: red
}

.footer_call i.fa-phone:before {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%
}

@keyframes beatHeart {
    0%, 100%, 40% {
        transform: scale(1)
    }

    25%, 60% {
        transform: scale(1.1)
    }
}

.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
    opacity: 1
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: #baf5a7;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #bfebfc;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color: #ccc;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.phonering-alo-ph-circle-fill {
    width: 94px;
    height: 94px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
    display: none
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    opacity: 0 !important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color: #00aff2 9;
    opacity: .75 !important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color: #baf5a7 9;
    opacity: .75 !important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: #a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color: #ccc;
    opacity: .75 !important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, .5);
    opacity: .75 !important
}

.phonering-alo-ph-img-circle {
    height: 54px;
    bottom: 0px;
    left: 0px;
    position: fixed;
    border: 2px solid transparent;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-size: 31px;
    padding-top: 3px;
    text-align: left;
}

.modify-box + .search-box.search-index-page .passangerCatogaryHolder .src-input {
    width: 14.6%;
    float: left;
    margin: 0 .7%
}

    .modify-box + .search-box.search-index-page .passangerCatogaryHolder .src-input.cabinclass {
        width: 47.5%
    }

.phonering-alo-ph-img-circle:hover i {
    color: #fff
}

.phonering-alo-ph-img-circle i {
    font-size: 46px !important
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important;
    animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color: #00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color: #0e86b8 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color: #ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color: #75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0%, 100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0%, 100%, 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10%, 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%, 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0%, 100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0%, 100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0%, 100%, 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%, 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%, 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0%, 100%, 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%, 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%, 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

.footer_call .fa-phone:before {
    content: "\f095";
    display: none
}

.footer_pp .onecalltext {
    font-size: 14px;
    display: block
}

.footer-telno {
    padding: 6px 10px;
    line-height: 20px;
    font-size: 17px;
    background: #037eb4;
    background: linear-gradient(140deg, #00537e 0, #094175 54%, #00537e 100%);
    color: #fff;
    text-align: center
}

    .footer-telno i.flaticon-suntour-phone {
        margin-right: 8px;
        font-size: 15px
    }

    .footer-telno a span {
        display: block;
        padding-top: 3px;
        padding-bottom: 0;
        text-align: center;
        color: #fff
    }

.p-relative .col-md-3.col-sm-3.openall {
    padding: 0
}

    .p-relative .col-md-3.col-sm-3.openall a.transition-effect.time i.fa.fa-clock-o {
        margin-right: 5px !important
    }

#dealBlock .desc ul li {
    list-style: disc;
    line-height: 1.4 !important;
    margin-left: 19px;
    margin-bottom: 9px;
    padding-left: 7px;
    color: #07253F
}

.desc p, .desc div {
    font-size: 14px
}

    .desc p a {
        color: #424f58;
    }

.hidefordesktop {
    display: none !important
}

.divonmobb,
.gdpr-mob,
.mobcall {
    display: none
}

ul.whyChooseList li h4 {
    font-size: 14px !important
}


.gdpr-wraper {
    width: 100%;
    color: #FFF;
    z-index: 9999999;
    padding: 10px;
    background: #00aff2;
    padding-right: 80px;
    background: linear-gradient(140deg, #060606b5, #080808cc 54%, #0c0c0c91 100%);
    float: left;
}

.cookie-content {
    text-align: left;
    font-size: 11px;
    padding: 5px;
    line-height: 18px
}

.footer_call {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    width: 23%;
}

#form1 input[type="text"], #form1 input[type="tel"] {
    width: 73%;
    border: 1px solid #ccc;
    line-height: 40px;
    height: 40px;
    padding: 0 8px;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    font-size: 14px;
    color: #333;
}

.searchHolder .input-group .form-control {
    height: 30px;
    border: none
}

.cookiebtn {
    background: var(--skyBlue);
    border-radius: 5px;
    padding: 2px 10px;
    border: none;
    text-decoration: none;
    float: right;
    font-size: 13px;
    margin-right: -17px;
}

#dvCheckCookies {
    height: 300px;
    padding: 0;
    min-height: inherit !important
}

.cookie-content a {
    color: #ffd00c
}

.expand-popup .ui-dialog.close-button-of {
    width: 560px !important;
    visibility: hidden;
    left: 400px !important
}

.searchforlisting .product-search-title {
    font-size: 16px;
    color: #fff
}

.input-group input[type=text] {
    height: 40px
}

.close-button-of {
    border: 0 solid #464646 !important
}

#dvCheckCookies .popup-window .mbox p {
    padding-top: 40px;
    padding-bottom: 30px;
    width: 70%
}

#dvCheckCookies .buttoncall,
.timeout-popup.callinpopup .popup-window .mbox h3 {
    float: left;
    width: 100%
}

.buttoncall input {
    background: var(--skyBlue);
    color: #fff;
    padding: 5px 10px;
    border: none
}

#dvCheckCookies {
    visibility: visible;
    border: 6px solid var(--blueBg);
    border-width: 6px 0;
    border-radius: 10px
}

.timeout-popup.callinpopup .popup-window i.fa-times {
    position: absolute;
    right: -52px;
    font-size: 13px !important;
    top: -52px;
    color: #de670f;
    background: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 20px !important;
    text-align: center;
    cursor: pointer;
    white-space: pre-wrap;
    padding-top: 24px;
    z-index: 9;
    font-weight: 700
}

.timeout-popup.callinpopup .popup-window {
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 693px;
    height: 550px;
    background: url(/Content/images/call-bg.jpg) center center #fff;
    color: #333
}

    .timeout-popup.callinpopup .popup-window .mbox h2 {
        font-size: 29px;
        padding: 17px 0 9px 21px;
        font-weight: 700;
        color: #fff;
        margin: 0;
        background: #fabf33;
        background: linear-gradient(140deg, #f69d0e, #fabf33 54%, #f69e0f 100%);
        line-height: 34px;
        border-radius: 0
    }

        .timeout-popup.callinpopup .popup-window .mbox h2 span {
            font-size: 20px;
            float: right;
            padding-right: 40px;
            padding-top: 10px
        }

            .timeout-popup.callinpopup .popup-window .mbox h2 span i {
                font-size: 20px !important
            }

    .timeout-popup.callinpopup .popup-window .mbox h3 {
        font-size: 25px;
        color: #333;
        margin: 20px 0 0 20px;
        padding: 0;
        font-weight: 500;
        line-height: 35px
    }

.timeout-popup.callinpopup ul {
    margin: 73px 40px 44px 20px;
    padding: 0;
    float: left;
    width: 100%
}

    .timeout-popup.callinpopup ul li {
        font-size: 16px;
        color: #333;
        background: url(/Content/images/tick-sign.png) 0 3px no-repeat;
        list-style: none;
        padding-left: 26px;
        margin-bottom: 9px
    }

.timeout-popup.callinpopup .popup-window .mbox h6 {
    background: rgba(0, 0, 0, 1);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    margin: 0;
    text-align: center;
    color: #fff
}

.timeout-popup.callinpopup h4 {
    background: #0e69c7;
    color: #fff;
    padding: 18px;
    position: relative
}

.onecalltext + .onecalltext {
    font-size: 21px;
    color: #fff;
    display: block;
    line-height: 20px;
    padding-top: 7px
}

.onecalltext {
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    line-height: 15px
}

.timeout-popup.callinpopup .popup-window .mbox h4 {
    background: #0e69c7;
    color: #fff;
    padding: 8px 18px 18px
}

.timeout-popup.callinpopup .fa-times.btn + .fa-times.btn,
.timeout-popup.callinpopup .fa-times.btn:before {
    display: none
}

.timeout-popup .popup-window .inactivity_ok {
    display: block
}

.timeout-popup.callinpopup .phone-detail-timeout {
    background: url(/Content/images/phone-bg.jpg) no-repeat;
    width: 330px;
    height: 371px;
    display: block;
    margin-top: 20px;
    text-align: center;
    float: left
}

.timeout-popup.callinpopup .bg-overlay {
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.timeout-popup.callinpopup .popup-window .home-logo {
    display: none
}

.timeout-popup.callinpopup .popup-window .mbox {
    border-radius: 0 !important;
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    position: relative;
    background: url(/Content/images/call-bg.jpg) right bottom no-repeat #fff;
    background-size: 33%
}

.boxdivone {
    position: relative
}

.boxordiv {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    background: #0e69c7;
    width: 40px;
    height: 40px;
    border-radius: 20px 10px 30px 30px;
    margin: 0 auto;
    color: #fff;
    padding-top: 9px
}

.willcallfor {
    padding-top: 30px;
    text-align: left;
    padding-left: 20px;
    line-height: 20px
}

@media (max-width:768px) {
    .timeout-popup.callinpopup .homelogo {
        padding: 12px !important;
        float: left
    }
}

.profilePic {
    display: none
}

#dvCheckCookies .popup-window .mobx {
    background-size: 20%
}

#dvCheckCookies .popup-window .mbox {
    background: url(/Content/images/call-bg.jpg) right bottom no-repeat #fff;
    background-size: 20%
}

.call-to-phone .closeit {
    top: 0;
    right: 6px
}

.ui-datepicker-div {
    min-height: 295px !important
}

.tile {
    -webkit-box-align: stretch;
    align-items: stretch;
    display: block;
    flex-basis: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

    .tile.is-vertical {
        flex-direction: column
    }

    .cities .title,
    .hero,
    .modal-card,
    .tile.is-vertical {
        -webkit-box-direction: normal
    }

    .hero,
    .modal-card,
    .tile.is-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }


.special-offer {
    text-align: center
}

    .special-offer .title-section {
        z-index: 0;
        position: relative;
        background: #f1f1f1;
        width: 58%;
        margin: 0 auto
    }

        .special-offer .title-section span {
            color: var(--blueBg);
            font-weight: 400;
            font-size: 36px;
        }

    .special-offer p {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 10px
    }

    .special-offer .cws_divider {
        position: static;
        display: block;
        width: 100%;
        border-bottom: 2px solid #08436d;
        background: #fff;
        margin-top: -20px;
        z-index: 1;
        float: left
    }

.fl-dep-fullname i,
.fl-rep-fullname i,
.search-index-page .javengine-txt {
    display: none
}

.search-index-page .pad03px,
col-xs-12 {
    padding: 0
}

.search-index-page .input-group input {
    min-height: 40px
}

.search-index-page .input-group-addon {
    background: 0 0;
    position: absolute;
    z-index: 9999;
    border: 0;
    top: 4px
}

.search-index-page .ausu-suggest {
    width: 100%
}

.search-index-page .drop-errow2 input {
    min-height: 50px;
    padding-left: 8px;
    font-size: 14px;
    background: url(/Content/images/select-gray.png) 98% center no-repeat #fff;
    cursor: pointer
}

.search-index-page .input-group-addon .fa-map-marker {
    margin-left: -4px
}

.mob-none {
    display: block !important;
    width: 72%
}

.btn.btn-primary.selectBtn .mob-none {
    display: inline !important;
    width: auto !important;
    font-size: 20px;
    position: relative;
    top: -2px
}

.search-index-page #totalperson {
    border-left: 1px solid #e7e8e8
}

.search-index-page .book-cheap {
    color: #fff;
    font-size: 22px;
    position: relative
}

.search-index-page .checkbox,
.search-index-page .radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px
}

    .search-index-page .checkbox label,
    .search-index-page .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .search-index-page .radio label {
        border: none
    }

.search-index-page .cff-list-tab .inputSet2 span {
    width: 100px;
    float: left;
    padding-left: 4px;
    text-align: left;
    line-height: 20px;
    margin-top: -27px;
    color: #000;
}

.search-index-page .cff-list-tab {
    float: none;
    width: 110px;
    padding-left: 0;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 9px
}

.search-index-page .no-padding {
    padding: 0
}

.search-index-page .input-group {
    width: 100%
}

    .search-index-page .input-group.ausu-suggest input {
        border: none;
        padding-left: 10px;
        line-height: 20px;
        font-size: 12px
    }

.search-index-page h2.book-cheap {
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 10px;
    display: none
}

.search-index-page #departDateDiv .input-group input {
    padding-left: 40px;
    background: 0 0;
    z-index: 9999;
    border: 0;
    font-size: 12px
}

.search-index-page .travelerOpen {
    margin-left: 0
}

.search-index-page {
    position: relative;
    z-index: 9 !important;
    left: 0
}

    .search-index-page .list-two {
        width: 100%;
        position: relative;
        margin: 0;
        /* height: 35px; */
        text-align: center;
        padding-bottom: 24px;
    }

.input-group-addon {
    display: none;
}

.search-index-page .flight-box {
    float: left;
    width: 150px;
    background: #045084;
    margin-left: 0;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.search-index-page .banner-tip {
    line-height: 50px;
    color: #fff;
    font-size: 14px
}

    .search-index-page .banner-tip i {
        color: #07acda
    }

.search-index-page .search-visit {
    width: 100%;
    padding: 5px 26px 15px 20px;
    margin-top: 47px;
    position: relative;
    background-color: #fff !important;
    background-size: cover;
    margin-left: 0;
    z-index: 9;
    margin: auto;
}


.container.cont {
    position: relative;
    padding-top: 200px;
}

.search-index-page .sub-image {
    display: none;
}

    .search-index-page .sub-image img {
        position: absolute;
        right: -2px;
        height: 556px;
        top: -34px;
        width: 588px;
        object-fit: contain;
    }

.search-index-page .search-visit .flightTab {
    position: absolute;
    left: -66px;
    top: 0;
    background: rgba(0, 0, 0, .9);
    padding: 10px;
    color: #fff
}

    .search-index-page .search-visit .flightTab i {
        display: block;
        text-align: center;
        color: #8ddbe8;
        font-size: 26px
    }

.search-index-page .search-visit:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.search-index-page .no-padding {
    width: 38%
}

.ui-state-focus li {
    color: #fff !important
}

.search-index-page .list-two:before {
    display: table;
    content: " "
}

.searchbtnhome {
    text-align: center;
    margin-top: 20px
}

.search-index-page #btnSearchFlights {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    /*  border-radius: 5.313rem;*/
    border: none;
    line-height: 1.5rem;
    padding: 0.625rem 1rem;
    width: 100%;
    height: 100%;
    background: var(--skyBlue);
}

.search-heading .search-index-page .input-group-addon {
    z-index: 0;
}

.widget-footer a:hover {
    text-decoration: underline;
}

.search-index-page #btnSearchFlights::after {
    position: absolute;
    content: "";
    border: 8px solid transparent;
    border-right: 8px solid #de4a1f;
    left: 22px;
    top: 22px;
    display: none
}

.search-index-page #btnSearchFlights:hover::after {
    border-right: 8px solid #045084 !important
}

.search-index-page .exchange_icon {
    position: absolute;
    right: 0;
    top: 14px;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #ccc;
    left: 180px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 0;
    z-index: 99;
    display: none !important;
    cursor: pointer
}

.search-index-page .fa-exchange {
    color: #0673b8;
    line-height: 27px
}

.search-index-page .input-group-addon {
    left: -5px;
    right: auto;
    width: 50px
}

.search-index-page .ausu-suggest .input-group-addon i {
    display: none
}

.search-index-page .radio input[type=radio] {
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    top: -5px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 15px;
    width: 15px;
    transition: all .15s ease-out 0s;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
    outline: 0;
    position: relative;
    z-index: 1000;
    opacity: 1;
    border: 2px solid #0ba9cc;
    vertical-align: middle;
    border-radius: 15px
}

    .search-index-page .radio input[type=radio]:before,
    .search-index-page .radio input[type=radio]:checked::before {
        height: 7px;
        width: 7px;
        position: absolute;
        content: ' ';
        display: inline-block;
        font-size: 15px;
        text-align: center;
        line-height: 26px;
        border-radius: 15px;
        margin-left: 2px;
        margin-top: 2px
    }

    .search-index-page .radio input[type=radio]:after {
        background: #0673b8;
        border: none;
        content: ' ';
        display: block;
        position: relative
    }

.search-index-page .ausu-suggest .input-group-addon i,
.search-index-page .input-group-addon,
.search-index-page .noleftwidget .input-group-addon i {
    color: #ff6000
}

.search-index-page .search-icon {
    color: #464445;
    font-size: 21px;
    left: 6px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 24px;
    z-index: 3;
    display: none
}

.search-index-page input {
    padding-left: 10px
}

.search-index-page::-webkit-input-placeholder {
    color: #4a4a4a
}

.search-index-page::-moz-placeholder {
    color: #4a4a4a
}

.search-index-page:-ms-input-placeholder {
    color: #4a4a4a
}

.search-index-page:-moz-placeholder {
    color: #4a4a4a
}

.search-index-page .toggleFeatures {
    cursor: pointer;
    font-weight: 700
}

.search-index-page .divFeatures {
    border: 1px solid #5a93ca;
    margin-top: 10px
}

    .search-index-page .divFeatures ul {
        list-style: none;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        margin: 10px;
        padding: 0
    }

        .search-index-page .divFeatures ul li {
            margin: 5px 0
        }

            .search-index-page .divFeatures ul li:before {
                content: '✔';
                display: inline-block;
                color: #228b22;
                margin-right: 5px
            }

.search-index-page .dropdown-menu-custom {
    position: absolute;
    top: 62px;
    z-index: 9999;
    background-color: #f2f2f2;
    border: 1px solid #e3e3e3;
    width: 100%;
    border-top: 1px solid #E0E0E0;
    padding: 15px 15px 10px;
    box-shadow: 0 1px 12px #000
}

.search-index-page .passIn-right {
    float: left;
    margin-left: 0;
    font-size: 13px;
    margin-top: 12px;
    color: #444243;
    line-height: 14px
}

.search-index-page .passIn-left {
    float: right
}

.search-index-page .qty {
    width: 30px;
    height: 35px;
    text-align: center;
    line-height: 26px;
    float: left;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    padding: 0 !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important
}

.search-index-page .pass-row {
    width: 100%;
    float: left;
    margin-bottom: 9px
}

.passIn-left {
    float: right
}

    .passIn-left input {
        margin-bottom: 0
    }

.search-index-page .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    display: block;
    min-width: 302px;
    padding: 5px 20px 5px 0;
    margin: -1px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

#personOuter .dropdown-menu .text-center {
    float: left;
    width: 100%
}

.search-index-page .passIn-left input {
    background: #fff;
    min-height: 18px;
    padding-left: 0;
    font-size: 14px;
    color: #434343;
    padding-right: 0
}

.search-index-page .dropdown-menu .src-input {
    float: right;
    margin-bottom: -2px;
    margin-top: 5px;
    width: 100%
}

.search-index-page #formAirSearch .dropdown-menu .drop-errow label {
    font-size: 14px;
    color: #444243;
    font-weight: 400;
    padding-left: 15px;
    line-height: 43px
}

.search-index-page #formAirSearch .dropdown-menu li {
    float: left;
    width: 100%;
    padding-left: 9px;
    padding-right: 11px
}

input.qtyminus,
input.qtyplus {
    width: 25px;
    height: 35px;
    background-color: #fff;
    line-height: 25px;
    float: left
}

input.qtyminus {
    border: 1px solid #ccc;
    border-radius: 0;
    border-right: 0
}

input.qtyplus {
    border: 1px solid #ccc;
    border-radius: 0;
    border-left: 0
}

.travelerClose {
    float: right;
    width: auto;
    font-size: 23px;
    box-shadow: inherit !important;
    margin-right: -15px;
    margin-top: -7px
}

.search-index-page .input-group-circle {
    position: absolute;
    right: 14px;
    z-index: 9;
    color: #a09999;
    font-size: 19px;
    top: 0px;
    cursor: pointer
}

.cities .tile.is-child:first-child {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.cities .city-text {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    padding: 5px 5px 5px 20px;
    border-radius: 0 5px 5px 0
}

    .cities .city-text .city {
        font-size: 20px
    }

    .cities .city-text .cost {
        color: #ff690f;
        font-size: 20px
    }

.tile.is-8 {
    -webkit-box-flex: 0;
    flex: none;
    width: 66.6666666667%
}

.tile:not(.is-child) {
    display: -webkit-box;
    display: flex
}

.tile.is-ancestor:last-child {
    margin-bottom: -10px
}

.tile.is-parent {
    padding: 10px
}

.cities .tile.is-child {
    position: relative;
    border-radius: 5px;
    background-position: center !important;
    margin-left: 10px !important;
    margin-right: 10px !important
}

.tile.is-ancestor {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px
}

.hero {
    position: relative
}

    #cycler img,
    #slideshow,
    .hero:before {
        position: absolute
    }

#cycler,
.hightly-trained {
    position: relative
}

.hero:before {
    width: 100%;
    background: rgba(0, 0, 0, .2);
    height: 100%;
    content: "";
    z-index: 0;
    top: 0;
    left: 0;
    display: none
}

#slideshow {
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0
}

.searchWidget .w3-content.w3-section {
    width: 100%;
    height: 540px;
    overflow: hidden;
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

    .searchWidget .w3-content.w3-section img {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s
    }

#ui-datepicker-div.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 48% !important;
    margin: 6px 4px
}

#ui-datepicker-div {
    border-radius: inherit;
    border: 1px solid #ccc
}

    #ui-datepicker-div .ui-widget-header {
        border-radius: inherit
    }

    #ui-datepicker-div .ui-datepicker-title {
        line-height: 36px !important;
        color: #333
    }

.static-content h2 {
    font-size: 26px
}

.static-content h4 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px
}

.static-content {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 30px
}

    .static-content a {
        color: #00537e
    }

.search-index-page .ausu-suggest input.error,
.search-index-page .input-group input.error {
    border: 0 !important
}

.static-content p {
    margin: 10px 0;
    font-size: 15px;
    color: #595a5a
}

    .static-content p a {
        color: #1136bf
    }

.static-content h3 {
    font-size: 19px;
    color: #ff590b;
    letter-spacing: 0;
    line-height: inherit;
    font-weight: 400;
    margin-top: 0;
    text-transform: uppercase
}

.static-content ul {
    margin: 10px 0 10px 20px;
    list-style-type: disc
}

    .static-content ol li,
    .static-content ul li {
        font-size: 14px;
        color: #595a5a;
        line-height: 2;
        padding-left: 0
    }

@media (max-width:768px) {
    .footerWhitesec {
        margin: 0;
        width: 100%
    }
}

.main-nav li.search1 a span.callusbtn svg {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.searchWidget .fadeImg {
    height: 540px;
    overflow: hidden
}

#cycler {
    overflow: hidden;
    height: 440px
}

    #cycler img {
        z-index: 1
    }

        #cycler img.active {
            z-index: 3
        }

.hightly-trained p {
    position: absolute;
    top: 10px;
    z-index: 9999;
    display: block !important;
    font-weight: 400;
    left: 0;
    right: 0
}

.option:disabled {
    background: red
}

.departblock #departDateDiv {
    width: 52%
}

    .departblock #departDateDiv + .pad03px + .pad03px {
        width: 46%;
        margin-left: -1px
    }

#txtmobile3 {
    outline: 0 !important;
    padding: 4px 9px;
    border: 1px solid #d3d3d3;
    width: 80%
}

.thanks a {
    font-weight: 700
}

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

.spboximg {
    background: #f1f1f1;
    float: left;
    width: 100%;
    padding: 20px
}

    .spboximg .tab-content {
        width: 100%;
        background: #032438;
        min-height: 340px
    }

    .spboximg .searchHolder {
        z-index: 2;
    }

.searchWidget {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.searchHolder .formMidBox.noleftwidget .input-group .input-group-addon {
    border: 1px solid #ccc;
    padding: 6px 3px
}

.timeout-popup.callinpopup {
    display: none
}

.flightInfomore {
    color: var(--skyBlue);
}

.buttonondiv {
    display: block !important
}

.airwaysDesc h3 {
    line-height: 22px;
    font-size: 19px;
    color: #333;
    margin-top: 20px
}

.airwaysDesc h4,
.airwaysDesc li,
.airwaysDesc p {
    line-height: 20px;
    color: #333
}

.airwaysDesc h4 {
    font-size: 17px;
    margin-top: 10px
}

.airwaysDesc img {
    float: right;
    margin-left: 20px;
    clear: right;
    width: 300px
}

.arrival-info,
.segment-info:after,
.trip-view .card__head:after {
    clear: both
}

.airwaysDesc p {
    font-size: 13px
}

.airwaysDesc li {
    font-size: 12px;
    list-style: disc;
    margin: 0 0 0 10px;
    padding: 0 0 5px
}

.desc {
    padding: 0 30px 20px !important
}

.decContentOuter .desc {
    padding: 0 !important
}

    .decContentOuter .desc h2 {
        font-size: 34px;
    }

body.etihad-airways .search-index-page .list-two {
    background: #cf9446
}

body.etihad-airways .flight-list-view .mob-heading-desk a.callNow,
body.etihad-airways .search-index-page .flight-box {
    background: #a06d29
}

body.etihad-airways .search-index-page .banner-tip i {
    color: #a06d29
}

body.etihad-airways .mainContainer h1 span {
    border-bottom: 3px solid #a06d29
}

body.etihad-airways .resultBox .list-header {
    background: #a06d29 !important
}

body.etihad-airways .callicon .imgholder {
    background: #cf9446 !important
}

body.etihad-airways .call-bycountry,
body.etihad-airways .call-to-phone .fieldButton,
body.etihad-airways .searchHolder {
    background: #cf9446
}

    body.etihad-airways .searchHolder:before {
        border-bottom: 10px solid #cf9446
    }

body.etihad-airways .closeit {
    color: #cf9446
}

body.qantas-airways .search-index-page .list-two {
    background: rgba(183, 2, 19, .8)
}

body.qantas-airways .flight-list-view .mob-heading-desk a.callNow,
body.qantas-airways .search-index-page .flight-box {
    background: rgba(183, 2, 19, 1)
}

body.qantas-airways .resultBox .list-header,
body.qantas-airways .ui-state-highlight,
body.qantas-airways .ui-widget-content .ui-state-highlight,
body.qantas-airways .ui-widget-header {
    background: #a81f34 !important
}

body.qantas-airways .search-index-page .banner-tip i {
    color: #fff
}

body.qantas-airways .mainContainer h1 span {
    border-bottom: 3px solid #a81f34
}

body.qantas-airways .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #fe0018, #af0004 51%, #760718 80%)
}

body.qantas-airways .site-top-panel,
body.qantas-airways.close-button-of {
    background: #c10008;
    border-color: #c10008 !important
}

body.qantas-airways .callicon .imgholder {
    background: #a81f34 !important
}

body.qantas-airways .call-bycountry,
body.qantas-airways .call-to-phone .fieldButton,
body.qantas-airways .searchHolder {
    background: #a81f34
}

    body.qantas-airways .searchHolder:before {
        border-bottom: 10px solid #a81f34
    }

body.qantas-airways .closeit {
    color: #a81f34
}

body.cathay-pacific .search-index-page .banner-tip i,
body.qatar-airways .search-index-page .banner-tip i,
body.virgin-atlantic .search-index-page .banner-tip i {
    color: #fff
}

body.qatar-airways .flight-list-view .mob-heading-desk a.callNow,
body.qatar-airways .search-index-page .flight-box,
body.qatar-airways .search-index-page .list-two {
    background: #87345e
}

body.qatar-airways .resultBox .list-header,
body.qatar-airways .ui-state-highlight,
body.qatar-airways .ui-widget-content .ui-state-highlight,
body.qatar-airways .ui-widget-header {
    background: #87345e !important
}

body.qatar-airways .mainContainer h1 span {
    border-bottom: 3px solid #87345e
}

body.qatar-airways .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #86345a, #83395e 51%, #87345e 80%)
}

body.qatar-airways .site-top-panel,
body.qatar-airways.close-button-of {
    background: #87345e;
    border-color: #87345e !important
}

body.qatar-airways .callicon .imgholder {
    background: #87345e !important
}

body.cathay-pacific .flight-list-view .mob-heading-desk a.callNow,
body.cathay-pacific .search-index-page .flight-box,
body.cathay-pacific .search-index-page .list-two {
    background: #03506c
}

body.cathay-pacific .resultBox .list-header,
body.cathay-pacific .ui-state-highlight,
body.cathay-pacific .ui-widget-content .ui-state-highlight,
body.cathay-pacific .ui-widget-header {
    background: #03506c !important
}

body.cathay-pacific .mainContainer h1 span {
    border-bottom: 3px solid #03506c
}

body.cathay-pacific .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #03506c, #03506c 51%, #03506c 80%)
}

body.cathay-pacific .site-top-panel,
body.cathay-pacific.close-button-of {
    background: #03506c;
    border-color: #03506c !important
}

body.cathay-pacific .callicon .imgholder {
    background: #03506c !important
}

body.virgin-atlantic .flight-list-view .mob-heading-desk a.callNow,
body.virgin-atlantic .search-index-page .flight-box,
body.virgin-atlantic .search-index-page .list-two {
    background: #e02544
}

body.virgin-atlantic .ui-state-highlight,
body.virgin-atlantic .ui-widget-content .ui-state-highlight,
body.virgin-atlantic .ui-widget-header {
    background: #03506c !important
}

body.virgin-atlantic .mainContainer h1 span {
    border-bottom: 3px solid #e02544
}

body.virgin-atlantic .resultBox .list-header {
    background: #e02544 !important
}

body.virgin-atlantic .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #e02544, #e02544 51%, #e02544 80%)
}

body.virgin-atlantic .site-top-panel,
body.virgin-atlantic.close-button-of {
    background: #e02544;
    border-color: #e02544 !important
}

body.virgin-atlantic .callicon .imgholder {
    background: #e02544 !important
}

body.virgin-atlantic .call-bycountry,
body.virgin-atlantic .call-to-phone .fieldButton,
body.virgin-atlantic .searchHolder {
    background: #e02544
}

    body.virgin-atlantic .searchHolder:before {
        border-bottom: 10px solid #e02544
    }

body.virgin-atlantic .closeit {
    color: #e02544
}

body.air-canada .search-index-page .banner-tip i,
body.air-india .search-index-page .banner-tip i,
body.air-mauritius .search-index-page .banner-tip i,
body.alitalia .search-index-page .banner-tip i {
    color: #fff
}

body.virgin-atlantic .searchHolder .input-group-addon,
body.virgin-atlantic .searchHolder .search-button {
    background: #045084
}

body.virgin-atlantic .pattern:after,
body.virgin-atlantic .pattern:before {
    background: #e02544
}

body.air-canada .flight-list-view .mob-heading-desk a.callNow,
body.air-canada .search-index-page .flight-box,
body.air-canada .search-index-page .list-two {
    background: #fd1320
}

body.air-canada .resultBox .list-header,
body.air-canada .ui-state-highlight,
body.air-canada .ui-widget-content .ui-state-highlight,
body.air-canada .ui-widget-header {
    background: #fd1320 !important
}

body.air-canada .mainContainer h1 span {
    border-bottom: 3px solid #fd1320
}

body.air-canada .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #fd1320, #fd1320 51%, #fd1320 80%)
}

body.air-canada .site-top-panel,
body.air-canada.close-button-of {
    background: #fd1320;
    border-color: #fd1320 !important
}

body.air-canada .callicon .imgholder {
    background: #fd1320 !important
}

body.air-india .flight-list-view .mob-heading-desk a.callNow,
body.air-india .search-index-page .flight-box,
body.air-india .search-index-page .list-two {
    background: #fa564a
}

body.air-india .resultBox .list-header,
body.air-india .ui-state-highlight,
body.air-india .ui-widget-content .ui-state-highlight,
body.air-india .ui-widget-header {
    background: #fa564a !important
}

body.air-india .mainContainer h1 span {
    border-bottom: 3px solid #fa564a
}

body.air-india .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #fa564a, #fa564a 51%, #fa564a 80%)
}

body.air-india .site-top-panel,
body.air-india.close-button-of {
    background: #fa564a;
    border-color: #fa564a !important
}

body.air-india .callicon .imgholder {
    background: #fa564a !important
}

body.air-india .search-index-page .radio input[type=radio]:checked::before {
    background: #fff
}

body.alitalia .flight-list-view .mob-heading-desk a.callNow,
body.alitalia .search-index-page .flight-box,
body.alitalia .search-index-page .list-two {
    background: #20503a
}

body.air-india .ui-widget-content .ui-state-highlight,
body.alitalia .resultBox .list-header,
body.alitalia .ui-state-highlight,
body.alitalia .ui-widget-header {
    background: #20503a !important
}

body.alitalia .mainContainer h1 span {
    border-bottom: 3px solid #20503a
}

body.alitalia .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #20503a, #20503a 51%, #20503a 80%)
}

body.air-india.close-button-of,
body.alitalia .site-top-panel {
    background: #20503a;
    border-color: #20503a !important
}

body.alitalia .callicon .imgholder {
    background: #20503a !important
}

body.air-mauritius .flight-list-view .mob-heading-desk a.callNow,
body.air-mauritius .search-index-page .flight-box,
body.air-mauritius .search-index-page .list-two {
    background: #84031f
}

body.air-mauritius .resultBox .list-header,
body.air-mauritius .ui-state-highlight,
body.air-mauritius .ui-widget-content .ui-state-highlight,
body.air-mauritius .ui-widget-header {
    background: #84031f !important
}

body.air-mauritius .mainContainer h1 span {
    border-bottom: 3px solid #84031f
}

body.air-mauritius .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #84031f, #84031f 51%, #84031f 80%)
}

body.air-india.close-button-of,
body.air-mauritius .site-top-panel {
    background: #84031f;
    border-color: #84031f !important
}

body.air-mauritius .callicon .imgholder {
    background: #84031f !important
}

body.air-mauritius .call-bycountry,
body.air-mauritius .call-to-phone .fieldButton,
body.air-mauritius .searchHolder {
    background: #84031f
}

    body.air-mauritius .searchHolder:before {
        border-bottom: 10px solid #84031f
    }

body.air-mauritius .closeit {
    color: #84031f
}

body.asiana-airlines .search-index-page .banner-tip i,
body.china-southern .search-index-page .banner-tip i,
body.emirates-airlines .search-index-page .banner-tip i {
    color: #fff
}

body.asiana-airlines .flight-list-view .mob-heading-desk a.callNow,
body.asiana-airlines .search-index-page .flight-box,
body.asiana-airlines .search-index-page .list-two {
    background: #f42434
}

body.air-india .ui-widget-content .ui-state-highlight,
body.asiana-airlines .resultBox .list-header,
body.asiana-airlines .ui-state-highlight,
body.asiana-airlines .ui-widget-header {
    background: #f42434 !important
}

body.asiana-airlines .mainContainer h1 span {
    border-bottom: 3px solid #f42434
}

body.asiana-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #f42434, #f42434 51%, #f42434 80%)
}

body.air-india.close-button-of,
body.asiana-airlines .site-top-panel {
    background: #f42434;
    border-color: #f42434 !important
}

body.asiana-airlines .callicon .imgholder {
    background: #f42434 !important
}

body.china-southern .flight-list-view .mob-heading-desk a.callNow,
body.china-southern .search-index-page .flight-box,
body.china-southern .search-index-page .list-two {
    background: #3373d5
}

body.air-india .ui-widget-content .ui-state-highlight,
body.china-southern .resultBox .list-header,
body.china-southern .ui-state-highlight,
body.china-southern .ui-widget-header {
    background: #3373d5 !important
}

body.china-southern .mainContainer h1 span {
    border-bottom: 3px solid #3373d5
}

body.china-southern .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #3373d5, #3373d5 51%, #3373d5 80%)
}

body.china-southern .site-top-panel,
body.china-southern.close-button-of {
    background: #3373d5;
    border-color: #3373d5 !important
}

body.china-southern .callicon .imgholder {
    background: #3373d5 !important
}

body.emirates-airlines .flight-list-view .mob-heading-desk a.callNow,
body.emirates-airlines .search-index-page .flight-box,
body.emirates-airlines .search-index-page .list-two {
    background: #a78258
}

body.air-india .ui-widget-content .ui-state-highlight,
body.emirates-airlines .resultBox .list-header,
body.emirates-airlines .ui-state-highlight,
body.emirates-airlines .ui-widget-header {
    background: #a78258 !important
}

body.emirates-airlines .mainContainer h1 span {
    border-bottom: 3px solid #a78258
}

body.emirates-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #a78258, #a78258 51%, #a78258 80%)
}

body.emirates-airlines .site-top-panel,
body.emirates-airlines.close-button-of {
    background: #a78258;
    border-color: #a78258 !important
}

body.emirates-airlines .callicon .imgholder {
    background: #a78258 !important
}

body.emirates-airlines .call-bycountry,
body.emirates-airlines .call-to-phone .fieldButton,
body.emirates-airlines .searchHolder {
    background: #a78258
}

    body.emirates-airlines .searchHolder:before {
        border-bottom: 10px solid #d3451b
    }

body.emirates-airlines .closeit {
    color: #d3451b
}

body.china-eastern .search-index-page .banner-tip i,
body.ethiopian-airlines .search-index-page .banner-tip i,
body.finnair .search-index-page .banner-tip i,
body.gulf-air .search-index-page .banner-tip i,
body.iberia .search-index-page .banner-tip i,
body.klm-airlines .search-index-page .banner-tip i,
body.lufthansa .search-index-page .banner-tip i,
body.norwegian-air-international .search-index-page .banner-tip i,
body.singapore-airlines .search-index-page .banner-tip i,
body.swiss-air .search-index-page .banner-tip i,
body.thai-airways .search-index-page .banner-tip i,
body.turkish-airlines .search-index-page .banner-tip i,
body.vietnam-airlines .search-index-page .banner-tip i {
    color: #fff
}

body.emirates-airlines .searchHolder .input-group-addon,
body.emirates-airlines .searchHolder .search-button {
    background: #d3451b
}

body.emirates-airlines .pattern:after,
body.emirates-airlines .pattern:before {
    background: #a78258
}

body.gulf-air .flight-list-view .mob-heading-desk a.callNow,
body.gulf-air .search-index-page .flight-box,
body.gulf-air .search-index-page .list-two {
    background: #78624d
}

body.air-india .ui-widget-content .ui-state-highlight,
body.gulf-air .resultBox .list-header,
body.gulf-air .ui-state-highlight,
body.gulf-air .ui-widget-header {
    background: #78624d !important
}

body.gulf-air .mainContainer h1 span {
    border-bottom: 3px solid #78624d
}

body.gulf-air .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #78624d, #78624d 51%, #78624d 80%)
}

body.gulf-air .site-top-panel,
body.gulf-air.close-button-of {
    background: #78624d;
    border-color: #78624d !important
}

body.gulf-air .callicon .imgholder {
    background: #78624d !important
}

body.finnair .flight-list-view .mob-heading-desk a.callNow,
body.finnair .search-index-page .flight-box,
body.finnair .search-index-page .list-two {
    background: #061630
}

body.air-india .ui-widget-content .ui-state-highlight,
body.finnair .resultBox .list-header,
body.finnair .ui-state-highlight,
body.finnair .ui-widget-header {
    background: #061630 !important
}

body.finnair .mainContainer h1 span {
    border-bottom: 3px solid #061630
}

body.finnair .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #061630, #061630 51%, #061630 80%)
}

body.finnair .site-top-panel,
body.finnair.close-button-of {
    background: #061630;
    border-color: #061630 !important
}

body.finnair .callicon .imgholder {
    background: #061630 !important
}

body.ethiopian-airlines .flight-list-view .mob-heading-desk a.callNow,
body.ethiopian-airlines .search-index-page .flight-box,
body.ethiopian-airlines .search-index-page .list-two {
    background: #c42027
}

body.air-india .ui-widget-content .ui-state-highlight,
body.ethiopian-airlines .resultBox .list-header,
body.ethiopian-airlines .ui-state-highlight,
body.ethiopian-airlines .ui-widget-header {
    background: #c42027 !important
}

body.ethiopian-airlines .mainContainer h1 span {
    border-bottom: 3px solid #c42027
}

body.ethiopian-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #c42027, #c42027 51%, #c42027 80%)
}

body.ethiopian-airlines .site-top-panel,
body.ethiopian-airlines.close-button-of {
    background: #c42027;
    border-color: #c42027 !important
}

body.ethiopian-airlines .callicon .imgholder {
    background: #c42027 !important
}

body.china-eastern .search-index-page .flight-box,
body.china-eastern .search-index-page .list-two,
body.ethiopian-airlines .flight-list-view .mob-heading-desk a.callNow {
    background: #e6253a
}

body.air-india .ui-widget-content .ui-state-highlight,
body.china-eastern .resultBox .list-header,
body.china-eastern .ui-widget-header,
body.ethiopian-airlines .ui-state-highlight {
    background: #e6253a !important
}

body.china-eastern .mainContainer h1 span {
    border-bottom: 3px solid #e6253a
}

body.china-eastern .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #e6253a, #e6253a 51%, #e6253a 80%)
}

body.china-eastern .site-top-panel,
body.ethiopian-airlines.close-button-of {
    background: #c42027;
    border-color: #e6253a !important
}

body.china-eastern .callicon .imgholder {
    background: #e6253a !important
}

body.iberia .flight-list-view .mob-heading-desk a.callNow,
body.iberia .search-index-page .flight-box,
body.iberia .search-index-page .list-two {
    background: #e6253a
}

body.air-india .ui-widget-content .ui-state-highlight,
body.iberia .resultBox .list-header,
body.iberia .ui-state-highlight,
body.iberia .ui-widget-header {
    background: #e6253a !important
}

body.iberia .mainContainer h1 span {
    border-bottom: 3px solid #e6253a
}

body.iberia .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #e6253a, #e6253a 51%, #e6253a 80%)
}

body.iberia .site-top-panel,
body.iberia.close-button-of {
    background: #c42027;
    border-color: #e6253a !important
}

body.iberia .callicon .imgholder {
    background: #e6253a !important
}

body.klm-airlines .flight-list-view .mob-heading-desk a.callNow,
body.klm-airlines .search-index-page .flight-box,
body.klm-airlines .search-index-page .list-two {
    background: #038aca
}

body.air-india .ui-widget-content .ui-state-highlight,
body.klm-airlines .resultBox .list-header,
body.klm-airlines .ui-state-highlight,
body.klm-airlines .ui-widget-header {
    background: #038aca !important
}

body.klm-airlines .mainContainer h1 span {
    border-bottom: 3px solid #038aca
}

body.klm-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #038aca, #038aca 51%, #038aca 80%)
}

body.iberia.close-button-of,
body.klm-airlines .site-top-panel {
    background: #038aca;
    border-color: #038aca !important
}

body.klm-airlines .callicon .imgholder {
    background: #038aca !important
}

body.lufthansa .flight-list-view .mob-heading-desk a.callNow,
body.lufthansa .search-index-page .flight-box,
body.lufthansa .search-index-page .list-two {
    background: #081448
}

body.air-india .ui-widget-content .ui-state-highlight,
body.lufthansa .resultBox .list-header,
body.lufthansa .ui-state-highlight,
body.lufthansa .ui-widget-header {
    background: #081448 !important
}

body.lufthansa .mainContainer h1 span {
    border-bottom: 3px solid #081448
}

body.lufthansa .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #081448, #081448 51%, #081448 80%)
}

body.iberia.close-button-of,
body.lufthansa .site-top-panel {
    background: #081448;
    border-color: #081448 !important
}

body.lufthansa .callicon .imgholder {
    background: #081448 !important
}

body.norwegian-air-international .flight-list-view .mob-heading-desk a.callNow,
body.norwegian-air-international .search-index-page .flight-box,
body.norwegian-air-international .search-index-page .list-two {
    background: #ce0a0e
}

body.air-india .ui-widget-content .ui-state-highlight,
body.norwegian-air-international .resultBox .list-header,
body.norwegian-air-international .ui-state-highlight,
body.norwegian-air-international .ui-widget-header {
    background: #ce0a0e !important
}

body.norwegian-air-international .mainContainer h1 span {
    border-bottom: 3px solid #ce0a0e
}

body.norwegian-air-international .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #ce0a0e, #ce0a0e 51%, #ce0a0e 80%)
}

body.norwegian-air-international .site-top-panel,
body.norwegian-air-international.close-button-of {
    background: #ce0a0e;
    border-color: #ce0a0e !important
}

body.norwegian-air-international .callicon .imgholder {
    background: #ce0a0e !important
}

body.singapore-airlines .flight-list-view .mob-heading-desk a.callNow,
body.singapore-airlines .search-index-page .flight-box,
body.singapore-airlines .search-index-page .list-two {
    background: #001736
}

body.air-india .ui-widget-content .ui-state-highlight,
body.norwegian-air-international .ui-state-highlight,
body.singapore-airlines .resultBox .list-header,
body.singapore-airlines .ui-widget-header {
    background: #001736 !important
}

body.singapore-airlines .mainContainer h1 span {
    border-bottom: 3px solid #001736
}

body.singapore-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #001736, #001736 51%, #001736 80%)
}

body.singapore-airlines .site-top-panel,
body.singapore-airlines.close-button-of {
    background: #001736;
    border-color: #001736 !important
}

body.singapore-airlines .callicon .imgholder {
    background: #001736 !important
}

body.singapore-airlines .flight-list-view .mob-heading-desk a.callNow,
body.swiss-air .search-index-page .flight-box,
body.swiss-air .search-index-page .list-two {
    background: #bf0021
}

body.air-india .ui-widget-content .ui-state-highlight,
body.swiss-air .resultBox .list-header,
body.swiss-air .ui-state-highlight,
body.swiss-air .ui-widget-header {
    background: #bf0021 !important
}

body.swiss-air .mainContainer h1 span {
    border-bottom: 3px solid #bf0021
}

body.swiss-air .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #bf0021, #bf0021 51%, #bf0021 80%)
}

body.swiss-air .site-top-panel,
body.swiss-air.close-button-of {
    background: #bf0021;
    border-color: #bf0021 !important
}

body.swiss-air .callicon .imgholder {
    background: #bf0021 !important
}

body.thai-airways .flight-list-view .mob-heading-desk a.callNow,
body.thai-airways .search-index-page .flight-box,
body.thai-airways .search-index-page .list-two {
    background: #48218e
}

body.air-india .ui-widget-content .ui-state-highlight,
body.thai-airways .resultBox .list-header,
body.thai-airways .ui-state-highlight,
body.thai-airways .ui-widget-header {
    background: #48218e !important
}

body.thai-airways .mainContainer h1 span {
    border-bottom: 3px solid #48218e
}

body.thai-airways .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #48218e, #48218e 51%, #48218e 80%)
}

body.thai-airways .site-top-panel,
body.thai-airways.close-button-of {
    background: #48218e;
    border-color: #48218e !important
}

body.thai-airways .callicon .imgholder {
    background: #48218e !important
}

body.vietnam-airlines .flight-list-view .mob-heading-desk a.callNow,
body.vietnam-airlines .search-index-page .flight-box,
body.vietnam-airlines .search-index-page .list-two {
    background: #324d92
}

body.air-india .ui-widget-content .ui-state-highlight,
body.vietnam-airlines .resultBox .list-header,
body.vietnam-airlines .ui-state-highlight,
body.vietnam-airlines .ui-widget-header {
    background: #324d92 !important
}

body.vietnam-airlines .mainContainer h1 span {
    border-bottom: 3px solid #324d92
}

body.vietnam-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #324d92, #324d92 51%, #324d92 80%)
}

body.vietnam-airlines .site-top-panel,
body.vietnam-airlines.close-button-of {
    background: #324d92;
    border-color: #324d92 !important
}

body.vietnam-airlines .callicon .imgholder {
    background: #324d92 !important
}

body.turkish-airlines .flight-list-view .mob-heading-desk a.callNow,
body.turkish-airlines .search-index-page .flight-box,
body.turkish-airlines .search-index-page .list-two {
    background: #324d92
}

body.air-india .ui-widget-content .ui-state-highlight,
body.turkish-airlines .resultBox .list-header,
body.turkish-airlines .ui-state-highlight,
body.turkish-airlines .ui-widget-header {
    background: #324d92 !important
}

body.turkish-airlines .mainContainer h1 span {
    border-bottom: 3px solid #324d92
}

body.turkish-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #324d92, #324d92 51%, #324d92 80%)
}

body.turkish-airlines .site-top-panel,
body.turkish-airlines.close-button-of {
    background: #324d92;
    border-color: #324d92 !important
}

body.turkish-airlines .callicon .imgholder {
    background: #324d92 !important
}

body.turkish-airlines .call-bycountry,
body.turkish-airlines .call-to-phone .fieldButton,
body.turkish-airlines .searchHolder {
    background: #324d92
}

    body.turkish-airlines .searchHolder:before {
        border-bottom: 10px solid #324d92
    }

body.turkish-airlines .closeit {
    color: #324d92
}

body.austrian .search-index-page .banner-tip i,
body.brussels-airlines .search-index-page .banner-tip i,
body.korean-air .search-index-page .banner-tip i,
body.malaysia-airlines .search-index-page .banner-tip i,
body.oman-air .search-index-page .banner-tip i,
body.royal-brunei .search-index-page .banner-tip i,
body.srilankan-airlines .search-index-page .banner-tip i,
body.tap-air-portugal .search-index-page .banner-tip i {
    color: #fff
}

body.tap-air-portugal .flight-list-view .mob-heading-desk a.callNow,
body.tap-air-portugal .search-index-page .flight-box,
body.tap-air-portugal .search-index-page .list-two {
    background: #340a0e
}

body.air-india .ui-widget-content .ui-state-highlight,
body.tap-air-portugal .resultBox .list-header,
body.tap-air-portugal .ui-state-highlight,
body.tap-air-portugal .ui-widget-header {
    background: #340a0e !important
}

body.tap-air-portugal .mainContainer h1 span {
    border-bottom: 3px solid #340a0e
}

body.tap-air-portugal .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #340a0e, #340a0e 51%, #340a0e 80%)
}

body.tap-air-portugal .site-top-panel,
body.tap-air-portugal.close-button-of {
    background: #340a0e;
    border-color: #340a0e !important
}

body.tap-air-portugal .callicon .imgholder {
    background: #340a0e !important
}

body.srilankan-airlines .flight-list-view .mob-heading-desk a.callNow,
body.srilankan-airlines .search-index-page .flight-box,
body.srilankan-airlines .search-index-page .list-two {
    background: #0045b3
}

body.air-india .ui-widget-content .ui-state-highlight,
body.srilankan-airlines .resultBox .list-header,
body.srilankan-airlines .ui-state-highlight,
body.srilankan-airlines .ui-widget-header {
    background: #0045b3 !important
}

body.srilankan-airlines .mainContainer h1 span {
    border-bottom: 3px solid #0045b3
}

body.srilankan-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #0045b3, #0045b3 51%, #0045b3 80%)
}

body.srilankan-airlines .site-top-panel,
body.srilankan-airlines.close-button-of {
    background: #0045b3;
    border-color: #0045b3 !important
}

body.srilankan-airlines .callicon .imgholder {
    background: #0045b3 !important
}

body.royal-brunei .flight-list-view .mob-heading-desk a.callNow,
body.royal-brunei .search-index-page .flight-box,
body.royal-brunei .search-index-page .list-two {
    background: #cba617
}

body.air-india .ui-widget-content .ui-state-highlight,
body.royal-brunei .resultBox .list-header,
body.royal-brunei .ui-state-highlight,
body.royal-brunei .ui-widget-header {
    background: #cba617 !important
}

body.royal-brunei .mainContainer h1 span {
    border-bottom: 3px solid #cba617
}

body.royal-brunei .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #cba617, #cba617 51%, #cba617 80%)
}

body.royal-brunei .site-top-panel,
body.royal-brunei.close-button-of {
    background: #cba617;
    border-color: #cba617 !important
}

body.royal-brunei .callicon .imgholder {
    background: #cba617 !important
}

body.oman-air .flight-list-view .mob-heading-desk a.callNow,
body.oman-air .search-index-page .flight-box,
body.oman-air .search-index-page .list-two {
    background: #04305f
}

body.oman-air .resultBox .list-header,
body.oman-air .ui-state-highlight,
body.oman-air .ui-widget-content .ui-state-highlight,
body.oman-air .ui-widget-header {
    background: #04305f !important
}

body.oman-air .mainContainer h1 span {
    border-bottom: 3px solid #04305f
}

body.oman-air .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #04305f, #04305f 51%, #04305f 80%)
}

body.oman-air .site-top-panel,
body.oman-air.close-button-of {
    background: #04305f;
    border-color: #04305f !important
}

body.oman-air .callicon .imgholder {
    background: #04305f !important
}

body.korean-air .flight-list-view .mob-heading-desk a.callNow,
body.korean-air .search-index-page .flight-box,
body.korean-air .search-index-page .list-two {
    background: #014ea6
}

body.korean-air .resultBox .list-header,
body.korean-air .ui-state-highlight,
body.korean-air .ui-widget-header,
body.oman-air .ui-widget-content .ui-state-highlight {
    background: #014ea6 !important
}

body.korean-air .mainContainer h1 span {
    border-bottom: 3px solid #014ea6
}

body.korean-air .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #014ea6, #014ea6 51%, #014ea6 80%)
}

body.korean-air .site-top-panel,
body.korean-air.close-button-of {
    background: #014ea6;
    border-color: #014ea6 !important
}

body.korean-air .callicon .imgholder {
    background: #014ea6 !important
}

body.austrian .flight-list-view .mob-heading-desk a.callNow,
body.austrian .search-index-page .flight-box,
body.austrian .search-index-page .list-two {
    background: #dc1b14
}

body.austrian .resultBox .list-header,
body.austrian .ui-state-highlight,
body.austrian .ui-widget-header,
body.oman-air .ui-widget-content .ui-state-highlight {
    background: #dc1b14 !important
}

body.austrian .mainContainer h1 span {
    border-bottom: 3px solid #dc1b14
}

body.austrian .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #dc1b14, #dc1b14 51%, #dc1b14 80%)
}

body.austrian .site-top-panel,
body.austrian.close-button-of {
    background: #dc1b14;
    border-color: #dc1b14 !important
}

body.austrian .callicon .imgholder {
    background: #dc1b14 !important
}

body.brussels-airlines .flight-list-view .mob-heading-desk a.callNow,
body.brussels-airlines .search-index-page .flight-box,
body.brussels-airlines .search-index-page .list-two {
    background: #2a3271
}

body.brussels-airlines .resultBox .list-header,
body.brussels-airlines .ui-state-highlight,
body.brussels-airlines .ui-widget-header,
body.oman-air .ui-widget-content .ui-state-highlight {
    background: #2a3271 !important
}

body.brussels-airlines .mainContainer h1 span {
    border-bottom: 3px solid #2a3271
}

body.brussels-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #2a3271, #2a3271 51%, #2a3271 80%)
}

body.brussels-airlines .site-top-panel,
body.brussels-airlines.close-button-of {
    background: #2a3271;
    border-color: #2a3271 !important
}

body.brussels-airlines .callicon .imgholder {
    background: #2a3271 !important
}

body.malaysia-airlines .flight-list-view .mob-heading-desk a.callNow,
body.malaysia-airlines .search-index-page .flight-box,
body.malaysia-airlines .search-index-page .list-two {
    background: #0c2c53
}

body.malaysia-airlines .resultBox .list-header,
body.malaysia-airlines .ui-state-highlight,
body.malaysia-airlines .ui-widget-header,
body.oman-air .ui-widget-content .ui-state-highlight {
    background: #0c2c53 !important
}

body.malaysia-airlines .mainContainer h1 span {
    border-bottom: 3px solid #0c2c53
}

body.malaysia-airlines .main-nav li.search1 a span.callusbtn {
    background: linear-gradient(140deg, #0c2c53, #0c2c53 51%, #0c2c53 80%)
}

body.malaysia-airlines .site-top-panel,
body.malaysia-airlines.close-button-of {
    background: #0c2c53;
    border-color: #0c2c53 !important
}

body.malaysia-airlines .callicon .imgholder {
    background: #0c2c53 !important
}

.contenttabel {
    width: 100%
}

    .contenttabel td {
        width: 100%;
        padding: 0;
        vertical-align: top
    }

        .contenttabel td h3 {
            padding: 0;
            margin: 0
        }

        .contenttabel td img {
            max-width: 300px;
            margin-bottom: 10px
        }

.trip-collection-view {
    float: left;
    width: 100%;
    color: #3c3c3c !important;
    line-height: 1.428571429
}

.brand-logo .brand-logo__text--inverted {
    color: #ec008c
}

.detail-container {
    background: #e9ebee;
    border-top: 4px solid #d4484a
}

.trip-view.trip-view--fade-in {
    -webkit-transition: opacity .8s, max-height .3s ease-in;
    -o-transition: opacity .8s, max-height .3s ease-in;
    transition: opacity .8s, max-height .3s ease-in;
    max-height: 1000px;
    opacity: 1
}

    .trip-view.trip-view--fade-in.trip-view--fade-in-hidden {
        max-height: 0;
        opacity: 0
    }

.trip-view .card__head {
    background: #fff;
    font-weight: 300;
    position: relative
}

    .trip-view .card__head:after,
    .trip-view .card__head:before {
        content: " ";
        display: table
    }

.trip-view .card__head-company {
    font-size: 14px;
    line-height: 16px
}

.trip-view .card__head-company-title {
    display: block;
    padding-right: 16px;
    padding-left: 50px
}

.trip-view .card__head-company-title--special-offer {
    color: #5798d4;
    font-weight: 600
}

.trip-view .card__head .rtn__same-trip-bought {
    color: #5798d4;
    font-size: 14px;
    float: right;
    max-width: 180px;
    padding-left: 4px;
    padding-top: 2px;
    text-align: right
}

.trip-view .trip-view__header {
    display: table;
    width: 100%
}

.trip-view .trip-view__header--providers {
    display: table-cell;
    width: 100%
}

@media (min-width:768px) {
    .trip-view .trip-view__header--providers {
        width: 95%
    }

    .trip-view .card__head .card__head-company {
        font-size: 14px;
        line-height: 16px
    }
}

.trip-view .payment-info {
    background: #fff;
    border-top: 1px #e3e3e3 solid;
    color: gray;
    font-size: 12px;
    padding: 8px
}

.trip-view .trip__badges {
    padding: 0 8px 8px 0
}

    .trip-view .trip__badges .badge {
        margin-right: 2px
    }

.trip-view.trip-view--placeholder .panel {
    opacity: .72
}

.trip-view .card__footer {
    padding: 0 16px
}

    .trip-view .card__footer .book-area {
        display: table;
        font-size: 22px;
        padding: 8px 0;
        text-align: right;
        width: 100%
    }

    .trip-view .card__footer .book-area__details {
        word-wrap: break-word;
        word-break: initial;
        word-break: break-word;
        display: table-cell;
        font-size: 14px;
        padding-right: 8px;
        text-align: left;
        vertical-align: middle;
        width: 100%;
        font-weight: 600
    }

    .trip-view .card__footer .book-area__price {
        display: table-cell;
        font-size: 12px;
        padding-right: 8px;
        vertical-align: middle;
        width: 100%;
        white-space: nowrap
    }

        .trip-view .card__footer .book-area__price label {
            font-size: 18px;
            margin: 0
        }

.trip-view--sponsored .trip-view__sponsored-icon,
.trip-view__top-seller-icon {
    margin-right: 8px
}

.trip-view .card__footer .book-area__price-gross__container {
    display: block;
    text-align: right
}

    .trip-view .card__footer .book-area__price-gross__container .book-area__price-gross__striped {
        text-decoration: line-through
    }

    .trip-view .card__footer .book-area__price-gross__container .book-area__price-gross__question {
        background: #e3e3e3;
        color: gray;
        border-radius: 10px;
        padding: 0 5px;
        font-size: 11px;
        font-weight: 600
    }

.trip-view .card__footer .book-area__btn {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.trip-view .card__footer .book-btn {
    padding: 12px 32px;
    text-transform: uppercase;
    border-radius: 0
}

.trip-view .trip-border:hover {
    border: 1px solid #015480
}

.add-panel {
    border: 1px solid #dd262c !important
}

.trip-view .card__footer .currency__pp {
    font-size: 12px;
    padding-right: 14px
}

.trip-view .card__footer .trip-view__payment-method-fees-message {
    color: gray;
    border-top: 1px dotted #cfcfcf;
    font-size: 12px;
    padding: 8px 0
}

.trip-view .card__footer .trip-view__different-date-alert {
    background-color: #ffeeca;
    margin-top: 8px;
    padding: 4px 16px
}

@media (min-width:768px) {
    .trip-view .card__footer .view-btn {
        display: none
    }

    .trip-view .card__footer .book-area {
        padding: 8px 0
    }
}

.trip-details-header-view .trip-view__header--partner-checkout,
.trip-view--listing .trip-detail--partner-checkout {
    display: none
}

.trip-view__header--partner-checkout {
    display: table;
    float: right;
    font-size: 14px;
    vertical-align: top
}

.trip-view__header--partner-checkout--check {
    color: #ec008c;
    display: table-cell;
    padding-right: 6px;
    vertical-align: top
}

    .trip-view__header--partner-checkout--check .icon {
        width: 16px;
        height: 16px;
        background: url(/Content/images/check.png) no-repeat;
        background-size: 16px 16px;
    }

.trip-view__header--partner-checkout--label {
    color: #5798d4;
    display: table-cell;
    font-size: 10px;
    font-weight: 600;
    line-height: 11px;
    vertical-align: middle
}

.trip-detail--partner-checkout {
    padding: 16px 0 0
}

.trip-detail--partner-checkout--title {
    display: table
}

.trip-detail--partner-checkout--check {
    color: #ec008c;
    display: table-cell;
    padding-right: 8px
}

.trip-detail--partner-checkout--label {
    display: table-cell;
    font-weight: 600
}

.trip-detail--partner-checkout--disclaimer {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 19.6px;
    padding-top: 4px
}

.segment-info .date,
.segment-place,
.segment-time,
.summary-baggage__hold,
.summary-place-and-time .arrival .arrival-time,
.summary-place-and-time .departure .departure-time,
.transport-details .transport-id,
.trip-view--sponsored .trip-view__sponsored-header,
.trip-view__top-seller-header,
.way-type {
    font-weight: 600
}

.trip-view--top-seller {
    border: 1px solid #ec008c
}

.trip-view__top-seller-header {
    background-color: #ec008c;
    color: #FFF;
    padding: 4px 16px
}

.trip-collection-view .trip-view__top-seller-header {
    background-color: #fff;
    border-bottom: 1px solid #ec008c;
    color: #ec008c
}

.trip-view--sponsored {
    border: 1px solid #5798d4
}

    .trip-view--sponsored .trip-view__sponsored-header {
        background-color: #5798d4;
        color: #FFF;
        padding: 4px 16px
    }

    .trip-view--sponsored .trip-view__header--sponsored-disclaimer {
        display: table-cell;
        font-size: 10px;
        text-transform: uppercase;
        vertical-align: top
    }

.summary-container {
    position: relative
}

.summary-view__content {
    padding: 8px 0
}

.summary-column {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .summary-column.summary-duration-stops-seats {
        display: inline
    }

.summary__seats {
    color: gray;
    position: absolute;
    right: 28px;
    top: 0
}

.summary-cell {
    display: table-cell
}

.summary-row {
    display: table-row
}

.summary-icon {
    text-align: right;
    vertical-align: top;
    width: 30%
}

.icon {
    font-size: 30px;
    color: #495057;
    float: left;
    display: block;
    width: 100%
}

    .icon i {
        font-size: 50px
    }

.summary-date-and-company {
    padding: 0 4px;
    text-align: right;
    width: 70%
}

.way-type {
    font-size: 16px;
    height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline
}

.summary-date {
    word-break: break-all
}

.summary-place-and-time {
    display: table-row
}

    .summary-place-and-time .mark {
        background: #F9E0A8;
        padding: 2px
    }

    .summary-place-and-time .divider2 {
        display: table-cell
    }

        .summary-place-and-time .divider2 .brg-ui-divider {
            text-align: center;
            vertical-align: middle
        }

        .summary-place-and-time .divider2 .stops {
            background: #FFF;
            color: gray;
            display: inline !important;
            font-size: 14px;
            padding: 0 2px;
            position: relative;
            top: -13px
        }

    .summary-place-and-time .arrival .arrival-place,
    .summary-place-and-time .departure .departure-place,
    .summary-transport {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: -o-ellipsis-lastline;
        color: gray
    }

    .summary-place-and-time .divider2 .stops-label {
        color: gray;
        font-size: 12px;
        text-align: center
    }

    .summary-place-and-time .departure {
        padding-left: 0;
        text-align: right
    }

        .summary-place-and-time .departure .departure-place {
            height: 40px;
            -webkit-line-clamp: 2
        }

    .summary-place-and-time .arrival {
        padding-right: 0;
        text-align: left
    }

        .summary-place-and-time .arrival .arrival-place {
            height: 43px;
            -webkit-line-clamp: 2
        }

        .summary-place-and-time .arrival .arrival-following-days {
            font-size: 11px;
            font-weight: 600;
            left: -2px;
            line-height: 1;
            position: relative;
            top: -4px
        }

.summary-transport {
    padding: 0 4px;
    text-align: right;
    height: 20px;
    -webkit-line-clamp: 1
}

.summary-duration-and-stops {
    color: gray
}

.summary-duration,
.summary-stops {
    display: inline-block;
    padding: 0 4px
}

.summary-transport-class {
    color: gray;
    padding: 0 4px;
    width: 100%
}

.summary-baggage__baggage {
    font-size: 12px;
    padding: 0 4px 2px;
    width: 100%
}

    .summary-baggage__baggage .icon {
        vertical-align: text-bottom;
        font-size: 20px
    }

.summary-baggage__hold {
    color: #83cd00
}

.summary-baggage__hand {
    color: gray
}

.different-date,
.transport-connection-time__extras {
    color: #d34747
}

.summary-baggage__xs {
    text-align: right;
    padding-right: 4px
}

.summary__seats {
    padding: 0 4px
}

    .summary__seats.few-seats-remaining .icon {
        font-size: 20px
    }

.summary-place-and-time .arrival .arrival-id,
.summary-place-and-time .departure .departure-id {
    display: none
}

.summary-view__price-information {
    border-top: 1px solid #e3e3e3;
    padding: 8px;
    text-align: right
}

.segments-collection-view {
    padding: 16px 0
}

.segment-view {
    padding-bottom: 8px;
    float: left;
    width: 100%
}

.transport-connection-time {
    padding-top: 8px;
    position: relative
}

.transport-connection-time__icon > .icon {
    position: absolute;
    right: -13px
}

.transport-connection-time__content {
    text-align: center
}

.segment-time,
.transport-details {
    text-align: right
}

.transport-class,
.transport-operator {
    font-size: 11px
}

.segment-info {
    margin-left: -8px;
    margin-right: -8px
}

    .segment-info:after,
    .segment-info:before {
        content: " ";
        display: table
    }

.icon-circle {
    content: ' ';
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    -ms-border-radius: 3.5px;
    border-radius: 3.5px;
    background: #fff;
    border: 1px solid gray;
    display: block;
    height: 7px;
    width: 7px;
    z-index: 2;
    position: absolute;
    left: -9px;
    top: 6px
}

.icon-circle__bottom {
    bottom: 0
}

.segment-place {
    position: relative;
    text-align: left
}

.segment-duration__time {
    padding: 16px 0 8px;
    text-align: right
}

.segment-stopover {
    padding: 16px 0 8px 8px
}

.segment-place__detail {
    color: gray
}

.arrival-info > div {
    vertical-align: top
}

.vertical-divider-dx:after,
.vertical-divider-sx:after {
    background-color: gray;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px
}

.arrival-time,
.departure-time {
    text-align: right
}

.arrival-name,
.departure-name {
    text-align: left
}

.vertical-divider-sx {
    padding-right: 18px
}

    .vertical-divider-sx:after {
        right: 5px
    }

.vertical-divider-dx:after {
    left: -6px
}

.dash-background {
    border-bottom: 1px dashed #3c3c3c;
    height: 12px;
    margin-bottom: 8px;
    width: 100%
}

.dash-content {
    padding: 0 8px;
    background: #e9ebee
}

@media (min-width:996px) {
    .segments-collection-view {
        padding: 8px 0
    }
}

.panel-no-details {
    border: 0;
    box-shadow: initial
}

.summary-view {
    padding-bottom: 4px;
    padding-top: 4px
}

.panel-last-item {
    border-bottom: 1px solid #e3e3e3
}

.model-pop-up .panel-heading,
.panel-heading {
    border-bottom: 0
}

.bottom-brand-border {
    background-color: #d4484a;
    height: 4px;
    position: relative
}

    .bottom-brand-border:after,
    .bottom-brand-border:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #d4484a;
        bottom: -12px;
        content: ' ';
        left: 5%;
        margin-left: -8px;
        position: absolute
    }

.bottom-brand-border-last-item,
.bottom-brand-border-no-details {
    display: none
}

.way-container {
    padding: 0
}

@media (max-width:767px) and (max-width:400px) {
    summary-icon.hide-on-mobile {
        display: none
    }
}

@media (max-width:767px) {
    .mobile-second-line {
        display: none
    }

    .summary-icon {
        font-size: 14px;
        padding: 0 4px 0 8px;
        width: 26px
    }

    .summary-place-and-time {
        display: table-cell;
        padding: 0;
        vertical-align: middle;
        width: 100%
    }

    .segment-wrp {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .summary-place-and-time .divider {
        width: 17%
    }

    .brg-ui-divider:after,
    .brg-ui-divider:before {
        display: none
    }

    .summary-place-and-time .departure {
        padding-right: 4px
    }

    .summary-place-and-time .arrival {
        padding-left: 4px
    }

    .summary-duration-and-stops {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 120px
    }

        .summary-duration-and-stops .summary__seats {
            display: inline
        }
}

@media (max-width:767px) and (max-width:400px) {
    .summary-duration-and-stops.small-on-mobile {
        width: 80px
    }
}

@media (max-width:767px) and (max-width:359px) {
    .summary-duration-and-stops .summary__seats {
        display: none
    }

    .summary-duration-and-stops {
        width: 80px;
        text-align: right;
        padding-right: 10px
    }
}

@media (max-width:767px) {
    .mobile-second-line {
        display: table
    }

    .way-details-view {
        padding: 0 8px
    }

    .transport-connection-time__icon {
        vertical-align: middle
    }

    .segment-view .transport-details {
        text-align: left;
        padding-bottom: 8px
    }

    .segment-info .date,
    .segment-info .date-info,
    .segment-info .date-time-wrapper {
        text-align: right
    }

    .segment-info .different-date {
        font-weight: 300;
        text-align: right
    }
}

@media (max-width:995px) and (min-width:768px) {
    .journey-view--mobile-on-tablet-view .hidden-xs {
        display: none !important
    }

    .journey-view--mobile-on-tablet-view .visible-xs {
        display: block !important
    }

    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .mobile-second-line {
        display: none
    }

    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-icon {
        font-size: 14px;
        padding: 0 4px 0 8px;
        width: 26px
    }
}

@media (max-width:995px) and (min-width:768px) and (max-width:400px) {
    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-icon.hide-on-mobile {
        display: none
    }
}

@media (max-width:995px) and (min-width:768px) {
    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-place-and-time {
        display: table-cell;
        padding: 0;
        vertical-align: middle;
        width: 100%
    }

        .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-place-and-time .segment-wrp {
            display: table;
            table-layout: fixed;
            width: 100%
        }

        .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-place-and-time .divider {
            width: 17%
        }

            .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-place-and-time .divider .brg-ui-divider:after,
            .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-place-and-time .divider .brg-ui-divider:before {
                display: none
            }

        .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-place-and-time .departure {
            padding-right: 4px
        }

        .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-place-and-time .arrival {
            padding-left: 4px
        }

    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-duration-and-stops {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 120px
    }

        .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-duration-and-stops .summary__seats {
            display: inline
        }
}

@media (max-width:995px) and (min-width:768px) and (max-width:400px) {
    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-duration-and-stops.small-on-mobile {
        width: 80px
    }
}

@media (max-width:995px) and (min-width:768px) and (max-width:359px) {
    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-duration-and-stops .summary__seats {
        display: none
    }

    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-duration-and-stops {
        width: 65px
    }
}

@media (max-width:995px) and (min-width:768px) {
    .journey-view--mobile-on-tablet-view .way-view .summary-container .summary-view .summary-train .mobile-second-line {
        display: table
    }

    .journey-view--mobile-on-tablet-view .way-details-view {
        padding: 0 8px
    }

    .segments-container .segments-collection-view .segment-view .transport-connection-time__icon {
        vertical-align: middle
    }

    .segments-container .segments-collection-view .segment-view .transport-details {
        text-align: left;
        padding-bottom: 8px
    }

    .segments-container .segments-collection-view .segment-view .segment-info .date,
    .segments-container .segments-collection-view .segment-view .segment-info .date-info,
    .segments-container .segments-collection-view .segment-view .segment-info .date-time-wrapper {
        text-align: right
    }

    .segments-container .segments-collection-view .segment-view .segment-info .different-date {
        font-weight: 300;
        text-align: right
    }
}

.panel {
    margin-bottom: 20px;
    border: 1px solid;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.panel-heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.brg-ui-divider {
    background: #cfcfcf;
    content: ' ';
    display: inline-block;
    height: 1px;
    position: relative;
    width: 100%
}

    .brg-ui-divider:before {
        left: 0
    }

    .brg-ui-divider:after {
        right: 0
    }

    .brg-ui-divider:after,
    .brg-ui-divider:before {
        content: ' ';
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #cfcfcf;
        display: block;
        height: 8px;
        width: 8px;
        z-index: 2;
        position: absolute;
        top: -3px
    }

.trip-view .trip-border {
    cursor: pointer
}

.btn-cta {
    color: #fff;
    background-color: #0673b8;
    border-color: transparent;
    font-weight: 600
}

    .btn-cta:hover {
        background: #d34747
    }

.trip-collection-view__trips-container-top {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #3c3c3c
}

@font-face {
    /*font-family: bf_font_stroke;
    src: url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_stroke.eot);
    src: url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_stroke.eot#iefix) format("embedded-opentype"), url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_stroke.ttf) format("truetype"), url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_stroke.woff) format("woff"), url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_stroke.svg#bf_font_stroke) format("svg");
    font-weight: 400;
    font-style: normal*/
}

@font-face {
    /*font-family: bf_font_filled;
    src: url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_filled.eot);
    src: url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_filled.eot#iefix) format("embedded-opentype"), url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_filled.ttf) format("truetype"), url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_filled.woff) format("woff"), url(/Content/css/https:/assets.staticroot.com/brg-icons-ui/4.3.0/fonts/bf_font_filled.svg#bf_font_filled) format("svg");
    font-weight: 400;
    font-style: normal*/
}

.filters-section__accordion-arrow,
[class*="icon icon-"],
[class^="icon icon-"] {
    font-family: bf_font_stroke !important;
    speak: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-"].icon-child,
[class^=icon-].icon-child {
    font-size: 25px
}

[class*=" icon-"].icon-infant,
[class^=icon-].icon-infant {
    font-size: 30px
}

[class*=" icon-"].icon--filled,
[class^=icon-].icon--filled {
    font-family: bf_font_filled !important;
    font-size: 20px
}

    [class*=" icon-"].icon--filled.icon-child,
    [class^=icon-].icon--filled.icon-child {
        font-size: 25px
    }

    [class*=" icon-"].icon--filled.icon-infant,
    [class^=icon-].icon--filled.icon-infant {
        font-size: 30px
    }

.icon-plane-left:before {
    content: "\61"
}

.icon-plane-right:before {
    content: "\41"
}

.icon-plane-takeoff:before {
    content: "\62"
}

.icon-plane-landing:before {
    content: "\42"
}

.icon-hamburger:before {
    content: "\63"
}

.icon-map:before {
    content: "\64"
}

.icon-cross:before {
    content: "\65"
}

.icon-plus:before {
    content: "\66"
}

.icon-minus:before {
    content: "\67"
}

.icon-hourglass:before {
    content: "\68"
}

.icon-info:before {
    content: "\69"
}

.icon-bullets:before {
    content: "\6c"
}

.btn-exp.view-all.active::after,
.btn-exp.view-all.focus::after,
.btn-exp.view-all:active::after,
.btn-exp.view-all:focus::after,
.dropup .caret::before,
.icon-arrow_up:before,
.message__expand-checkbox:checked ~ .message__expand-label .icon-plchldr:before {
    content: "\6d"
}

.btn-exp.view-all::after,
.custom-select::before,
.dropdown .caret::before,
.icon-arrow_down:before,
.message__expand-checkbox ~ .message__expand-label .icon-plchldr:before {
    content: "\4d"
}

.icon-airport:before {
    content: "\6e"
}

.icon-fuel:before {
    content: "\6f"
}

.icon-mobile:before {
    content: "\70"
}

.icon-bus:before {
    content: "\72"
}

.icon-trash:before {
    content: "\71"
}

.icon-lock:before {
    content: "\73"
}

.icon-email:before {
    content: "\74"
}

.icon-assistance:before {
    content: "\75"
}

.icon-telephone:before {
    content: "\76"
}

.icon-arrows:before {
    content: "\7a"
}

.icon-filters:before {
    content: "\5a"
}

.icon-tripadvisor:before {
    content: "\56"
}

.icon-camera:before {
    content: "\55"
}

.icon-next:before {
    content: "\54"
}

.icon-prev:before {
    content: "\53"
}

.icon-next_step:before {
    content: "\51"
}

.icon-prev_step:before {
    content: "\50"
}

.icon-auto:before {
    content: "\77"
}

.icon-hotel:before {
    content: "\79"
}

.icon-hotel_flight:before {
    content: "\6a"
}

.btn-radio.active::before,
.btn-radio.focus::before,
.btn-radio:active::before,
.btn-radio:focus::before,
.icon-radio:before {
    content: "\6b"
}

.btn-radio::before,
.icon-radio_empty:before {
    content: "\78"
}

.carousel-control .icon-prev::before,
.icon-arrow_left:before {
    content: "\43"
}

.carousel-control .icon-next::before,
.icon-arrow_right:before {
    content: "\44"
}

.icon-wifi:before {
    content: "\45"
}

.icon-user:before {
    content: "\46"
}

.icon-clock:before {
    content: "\47"
}

.icon-restaurant:before {
    content: "\48"
}

.icon-lifebelt:before {
    content: "\49"
}

.icon-parking:before {
    content: "\4c"
}

.icon-mail2:before {
    content: "\4e"
}

.icon-luggage:before {
    content: "\4f"
}

.icon-heart:before {
    content: "\31"
}

.icon-pet:before {
    content: "\32"
}

.icon-key:before {
    content: "\33"
}

.icon-share:before {
    content: "\34"
}

.icon-star:before {
    content: "\35"
}

.icon-star_empty:before {
    content: "\36"
}

.icon-checkbox:before {
    content: "\37"
}

.icon-checkbox_selected:before {
    content: "\38"
}

.icon-documents:before {
    content: "\39"
}

.icon-credit:before {
    content: "\30"
}

.icon-edit:before {
    content: "\21"
}

.icon-hotel_card:before {
    content: "\22"
}

.icon-android:before {
    content: "\a3"
}

.icon-apple:before {
    content: "\24"
}

.icon-whatsapp:before {
    content: "\25"
}

.icon-facebook:before {
    content: "\26"
}

.icon-twitter:before {
    content: "\2f"
}

.icon-google_plus:before {
    content: "\28"
}

.icon-arrow_double_left:before {
    content: "\29"
}

.icon-arrow_double_right:before {
    content: "\3d"
}

.icon-piggy_bank:before {
    content: "\3f"
}

.icon-card_hotel:before {
    content: "\27"
}

.icon-reload:before {
    content: "\4b"
}

.icon-train:before {
    content: "\57"
}

.icon-arrow_back:before {
    content: "\4a"
}

.icon-moon:before {
    content: "\59"
}

.icon-grid_view:before {
    content: "\58"
}

.icon-list_view:before {
    content: "\2c"
}

.icon-centre:before {
    content: "\2e"
}

.icon-adult:before {
    content: "\3b"
}

.icon-child:before {
    content: "\3a"
}

.icon-infant:before {
    content: "\2d"
}

.icon-calendar:before {
    content: "\5c"
}

.icon-alert:before {
    content: "\7c"
}

.icon-success:before {
    content: "\2b"
}

.icon-error:before {
    content: "\2a"
}

.icon-train_left:before {
    content: "\b0"
}

.icon-train_right:before {
    content: "\a7"
}

.icon-sun:before {
    content: "\5f"
}

.icon-half_sun:before {
    content: "\5e"
}

.icon-bank:before {
    content: "\e9"
}

.icon-paypal:before {
    content: "\3c"
}

.icon-sofort:before {
    content: "\3e"
}

.icon-noBag:before {
    content: "\40"
}

.icon-circle_info:before {
    content: "\5d"
}

.icon-circle_warning:before {
    content: "\5b"
}

.icon-exclamation:before {
    content: "\23"
}

.icon-theater:before {
    content: "\a5"
}

.icon-hyphen_low:before {
    content: "\7e"
}

.icon-hyphen_high:before {
    content: "\2039"
}

.icon-instagram:before {
    content: "\e7"
}

.icon-lastminute:before {
    content: "\b6"
}

.icon-seat:before {
    content: "\2013"
}

.icon-details:before {
    content: "\a8"
}

.js-to-checkout:hover {
    color: #fff
}

.trip-collection-view__trips-container-top a:hover {
    color: #d34747;
    text-decoration: none
}

.stack-item.fade {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    position: fixed;
    top: 0;
    z-index: 9999
}

.modal-view {
    background-color: rgba(60, 60, 60, .64)
}

.stack-item {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100);
    height: 100%;
    width: 100%;
    will-change: transform;
    will-change: opacity;
    z-index: 999;
    left: 0
}

.modal-view__wrapper {
    max-width: 752px;
    border: 2px solid #36a8f1
}

@media (min-width:480px) {
    .modal-view.modal-view--default .modal-view__wrapper {
        bottom: 8%;
        max-width: 752px;
        top: 8%
    }

    .modal-view__wrapper {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        background-color: #FFF;
        border: 0;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        max-width: 480px;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%
    }
}

.modal-view__content {
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.modal-view__footer,
.modal-view__header {
    z-index: 2;
    left: 0;
    position: absolute;
    right: 0
}

.modal-view__close-icon {
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.modal-view__header-content {
    min-height: 48px
}

.modal-view__footer {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border-top: 1px solid #cfcfcf;
    background-color: #fff;
    bottom: 0;
    padding: 0;
    width: 100%
}

.trip-content.panel-body {
    padding: 0;
    margin-top: 0
}

.model-pop-up .trip-view .card__head-company-title {
    padding-top: 7px
}

.modal-view__wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px
}

.modal-view__wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: gray;
    width: 5px
}

.modal-view__wrapper::-webkit-scrollbar-track {
    background-color: #FFF;
    width: 5px
}

.modal-view__header {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    padding: 0;
    top: 0;
    width: 100%
}

.icon-hand_luggage:before {
    content: "\2da"
}

.please-f-dtDep,
.please-f-dtRet,
.please-s-dest,
.please-s-or {
    position: absolute;
    left: 0;
    top: 60px;
    background: #921115;
    z-index: 9999999;
    font-size: 13px;
    color: #fff;
    padding: 3px 15px
}

.modify-box + .search-index-page .search-visit .please-f-dtDep,
.modify-box + .search-index-page .search-visit .please-f-dtRet,
.modify-box + .search-index-page .search-visit .please-s-dest,
.modify-box + .search-index-page .search-visit .please-s-or {
    top: 40px;
}

.please-f-dtDep:before,
.please-f-dtRet:before,
.please-s-dest:before,
.please-s-or:before {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #921115;
    position: absolute;
    top: -5px
}

.book-area__details-link {
    display: inline-block;
    color: #0673b8
}

.close-button-of div {
    -moz-outline-: none
}

.list-wrapper {
    margin-top: 58px;
}

.search-heading {
    margin: auto;
    float: none;
    position: relative;
    z-index: 13
}

.bkresult a,
.bkresult a:hover {
    padding: 2px 6px;
    background: linear-gradient(169deg, #fcfcfc 22%, #eee 100%);
    line-height: 1.2em;
    color: #016dab !important;
    text-decoration: none;
    border: 1px solid #a5c5d1 !important;
    border-bottom-color: #b7b7b7;
    text-shadow: 0 0 0 #fff;
    font-size: 11px;
    margin-top: -5px;
}

.list-wrapper.bg-white.about-intro.container {
    margin-top: 0 !important
}

.search-heading .outerdiv h4 {
    color: #fff;
    padding: 10px;
    margin-top: 0;
    font-size: 13px;
    line-height: 20px
}

.search-heading .outerdiv {
    float: left;
    text-align: left;
    width: 100%
}

    .search-heading .outerdiv span {
        width: 80%;
        display: block
    }



.listing-filters-container.listing-filters-heading {
    background: #FFF;
    margin-bottom: 16px;
    padding-top: 0
}

.panel-heading {
    padding: 7px 15px !important
}

.listing-filters-heading {
    float: left;
    width: 100%;
    border: 1px solid;
    border-radius: 2px
}

    .listing-filters-heading .filters-main-collection-view .panel-group .panel .panel-title:hover {
        color: #337fc5
    }

    .listing-filters-heading .panel-title > .small,
    .listing-filters-heading .panel-title > .small > a,
    .listing-filters-heading .panel-title > a,
    .listing-filters-heading .panel-title > small,
    .listing-filters-heading .panel-title > small > a {
        color: inherit;
        padding: 0;
        text-align: left
    }

    .containerHolder .filters-section__accordion-arrow,
    .listing-filters-heading .filters-section__accordion-arrow {
        border-top: 7px solid #587497;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        font-size: 18px;
        position: absolute;
        left: 13px;
        top: 12px
    }

        .listing-filters-heading .filters-section__accordion-arrow:before {
            display: none
        }

    .listing-filters-heading .filter-view {
        padding: 0;
        position: relative
    }

    .listing-filters-heading .toggle-filter-view__wrapper {
        display: table;
        width: 100%
    }

    .listing-filters-heading .toggle-filter-view__label {
        word-wrap: break-word;
        word-break: initial;
        word-break: break-word;
        display: table-cell;
        line-height: 16.8px;
        padding-right: 8px;
        vertical-align: middle;
        width: 100%;
        font-size: 13px;
        color: #3a3535;
        padding-top: 9px
    }

    .listing-filters-heading .toggle-filter-view__switch .switch-label {
        padding-top: 4px
    }

    .listing-filters-heading .toggle-filter-view__switch {
        display: table-cell;
        vertical-align: top;
        padding-top: 10px
    }

    .listing-filters-heading .btn-switch .switch-label {
        padding: 0
    }

        .listing-filters-heading .btn-switch .switch-label .switch-input {
            display: none
        }

            .listing-filters-heading .btn-switch .switch-label .switch-input + .btn-switch__container {
                background: #cfcfcf;
                border-radius: 2em;
                cursor: pointer;
                display: inline-block;
                margin-right: 8px;
                padding: 2px;
                position: relative;
                width: 52px;
                height: 28px;
                transition: all .4s ease-in-out
            }

                .listing-filters-heading .btn-switch .switch-label .switch-input + .btn-switch__container .btn-switch__dot {
                    background: #fff;
                    border-radius: 50%;
                    border: 2px solid gray;
                    left: 2px;
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    transition: all .2s ease;
                    padding-left: 4px
                }

        .listing-filters-heading .btn-switch .switch-label * {
            vertical-align: middle
        }

        .listing-filters-heading .btn-switch .switch-label .switch-input + .btn-switch__container .btn-switch__dot::after {
            content: '|||';
            color: #e3e3e3;
            font-size: 8px;
            left: 50%;
            margin-left: -6px;
            margin-top: -7px;
            position: absolute;
            top: 50%
        }

    .listing-filters-heading .row--no-margin {
        margin-left: 0;
        margin-right: 0
    }

    .listing-filters-heading .filter-view__info-title {
        color: #333;
        font-size: 12px;
        font-weight: 600;
        float: left
    }

    .listing-filters-heading .filter-view__info-way {
        color: #d6461c;
        font-size: 11px;
        float: left;
        padding-top: 5px;
        padding-left: 7px;
        font-weight: 700;
        display: none
    }

.panel-heading {
    position: relative
}

.listing-filters-heading .filters-group.filters-group--condensed,
.listing-filters-heading .list-group.list-group--condensed {
    margin-bottom: 0
}

.listing-filters-heading .filters-group li,
.listing-filters-heading .list-group li {
    display: block;
    padding-left: 0;
    margin-left: 0;
    line-height: 22px;
    float: left;
    width: 100%;
    height: 28px
}

.arrival-locations-filter-container--way0,
.stops-filter-container--way0,
.stops-filter-container--way1 {
    border-bottom: 1px solid #7163632e;
    overflow: hidden;
    float: left;
    width: 100%
}

.stop-duration,
.stops-filter-container--way1 {
    padding-top: 7px
}

.arrival-locations-filter-container--way0 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    margin-top: 3px
}

#filters-section--locations__view990 li,
#filters-section--providers__view990 li,
#filters-section--timerange__view990 li {
    width: 100%
}

.filters-group--condensed {
    float: left;
    width: 100%
}

.listing-filters-heading .filters-group.filters-group--condensed li .option,
.listing-filters-heading.listing-filters-heading .list-group.list-group--condensed li .option {
    padding-top: 4px
}

.listing-filters-heading .checkbox {
    margin: 0;
    padding: 0
}

.listing-filters-heading .filters-group li .checkbox label,
.listing-filters-heading .list-group li .checkbox label {
    display: block;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 0;
    line-height: 16px
}

.filter-view__info-block {
    width: 100%;
    float: left;
    padding-bottom: 12px
}

.listing-filters-heading .checkbox label {
    cursor: pointer;
    padding-left: 25px;
    position: relative;
    font-weight: 300;
    color: #3c3c3c
}

.providers-filter-view__providers {
    padding-top: 10px
}

.listing-filters-heading .checkbox input[type=checkbox]:checked ~ .check {
    border: 1px solid #5798d4;
    background-color: #5798d4
}

.listing-filters-heading .checkbox input[type=checkbox],
.listing-filters-heading .checkbox-inline input[type=checkbox],
.listing-filters-heading .radio input[type=radio],
.listing-filters-heading .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -32px;
    padding: 5px;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    border: 0;
    left: 20px
}

.listing-filters-heading .checkboxlist-filter-view__desc {
    overflow: hidden;
    text-overflow: ellipsis
}

.listing-filters-heading .filters-group li .checkbox .check,
.listing-filters-heading .list-group li .checkbox .check {
    left: 0
}

.listing-filters-heading .checkbox label .check {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    line-height: 15px;
    width: 15px;
    border-radius: 2px;
    border: 1px solid #b7b4b4;
    display: none\9
}

.listing-filters-heading .filter-view__title {
    float: none;
    font-size: 15px;
    padding: 2px 0;
    color: #3c3c3f;
    width: 100%;
    display: none
}

.filter-view__info {
    width: 100%;
    float: left;
    padding-bottom: 6px
}

.stop-duration .filter-view__title--bold {
    font-weight: 700
}

.listing-filters-heading .row:after,
.listing-filters-heading .row:before {
    content: " ";
    display: table
}

.listing-filters-heading .range-slider__wrapper .filter-view__info-panel {
    padding-bottom: 8px
}

.listing-filters-heading .range-slider__wrapper .placeholder-value {
    display: none
}

.listing-filters-heading html:not([dir=rtl]) .lmn-ui-range-slider {
    padding: 12px 12px 40px
}

    .listing-filters-heading html:not([dir=rtl]) .lmn-ui-range-slider .noUi-target {
        border-radius: 0;
        border: none;
        box-shadow: none;
        background: #e3e3e3;
        cursor: pointer
    }

html:not([dir=rtl]) .lmn-ui-range-slider .noUi-horizontal {
    height: 4px
}

.listing-filters-heading .noUi-connects {
    border-radius: 3px;
    overflow: hidden
}

.listing-filters-heading .noUi-base,
.listing-filters-heading .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.listing-filters-heading .noUi-connect,
.listing-filters-heading .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.listing-filters-heading html:not([dir=rtl]) .lmn-ui-range-slider .noUi-horizontal .noUi-handle {
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid;
    box-shadow: none;
    cursor: pointer;
    outline: 0;
    right: 0;
    top: 50%
}

    .listing-filters-heading html:not([dir=rtl]) .lmn-ui-range-slider .noUi-horizontal .noUi-handle::before {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        width: 8px
    }

.listing-filters-heading .filters-main-collection-view .panel-group .panel .panel-heading {
    border-top: 1px solid #005386;
    padding-left: 12px;
    border-bottom: 0
}

.listing-filters-heading .filters-main-collection-view .panel-group .panel .panel-title {
    color: #065284;
    position: relative
}

.listing-filters-heading input[type=checkbox]:before {
    line-height: 1;
    height: 9px;
    position: absolute;
    z-index: 1;
    left: 15px;
    font-size: 11px;
    top: 3px;
    color: #fff
}

.providers-filter-container {
    margin-top: -10px
}

.containerHolder .collapsed .filters-section__accordion-arrow,
.listing-filters-heading .collapsed .filters-section__accordion-arrow {
    -webkit-transform: rotate(272deg);
    -ms-transform: rotate(272deg);
    -o-transform: rotate(272deg);
    transform: rotate(272deg)
}

.listing-filters-heading .filter-area {
    background: 0 0;
    border: none;
    margin-bottom: 7px;
    padding: 0
}

.listing-filters-heading .panel-group .panel {
    border: 0;
    margin: 0
}

.listing-filters-heading .slider-sidebar .ui-slider-range {
    background-color: #1374b9 !important
}

.blackoverlay {
    background: rgba(255, 255, 255, .9);
    position: fixed;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    display: none;
    z-index: 99999999;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    color: #333
}

    .blackoverlay img {
        position: absolute;
        width: 230px;
        height: 30px;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

#dvPageNumber a .bar {
    position: absolute;
    left: 40%;
    top: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 23px !important; 
    padding: 0 40px;
}

.blackoverlay .bar {
    width: 100%;
    margin-bottom: 5px;
    height: 20px;
    border: 1px solid #2980b9;
    border-radius: 0;
    margin-top: 0;
    background-image: repeating-linear-gradient(-45deg, #2980b9, #2980b9 11px, #eee 10px, #eee 20px);
    background-size: 28px 28px;
    animation: move .5s linear infinite
}

.listing-filters-heading .btn-back,
.listing-filters-heading .btn-default {
    color: #075079 !important;
    background-color: #fff !important;
    border-color: #ddd !important;
    font-size: 14px;
    width: 90%;
    border: none;
    border-top: 1px solid #ccc;
    border-radius: 0;
    margin: 5%
}

    .listing-filters-heading .btn-back:hover,
    .listing-filters-heading .btn-default {
        background: #ddd
    }

.filters-footer-bar-view .btn {
    min-width: 100%
}

.listing-filters-container .listing-filters-footer-container {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .1);
    padding: 8px
}

.listing-filters-heading .filters-footer-bar-view {
    padding: 8px
}

.listing-filters-container .panel-group {
    margin-bottom: 0;
    overflow: hidden
}

.listing-filters-container .switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 21px
}

.sort-area-result ul.tablinkHolder li:first-child,
ul.tablinkHolder li.active:before {
    display: none
}

.listing-filters-container .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.listing-filters-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.mobileLink,
.tel-top > a {
    cursor: pointer;
}

.listing-filters-container .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.listing-filters-container input:checked + .slider {
    background-color: #2196F3
}

.listing-filters-container input:focus + .slider {
    box-shadow: 0 0 1px #2196F3
}

.listing-filters-container input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.listing-filters-container .slider.round {
    border-radius: 34px
}

    .listing-filters-container .slider.round:before {
        border-radius: 50%
    }

.sort-area-result ul.tablinkHolder li.active input {
    background: 0 0;
    color: #2f2f2f
}

.sort-area-result ul.tablinkHolder li input {
    background: 0 0;
    padding: 0;
    font-weight: 700;
    font-size: 15px;
    color: #2f2f2f;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: -5px;
    bottom: 0
}

.sort-area-result ul.tablinkHolder li {
    position: relative;
    padding: 0 !important;
    background: #e0e4e7;
    border-bottom: 1px solid #005386;
    border-left: 3px solid #fff;
    width: 33.2%;
    text-align: center;
    height: 46px
}

    .sort-area-result ul.tablinkHolder li.active {
        margin: 0;
        background: #fff;
        border: 1px solid #005386;
        border-bottom: none
    }

.sort-area-result {
    padding: 0
}

    .sort-area-result ul.tablinkHolder {
        margin: 0 0 30px;
        width: 100%
    }

        .sort-area-result ul.tablinkHolder li div {
            text-align: center;
            color: #525252;
            padding-top: 20px
        }

.listing-filters-heading .content-widget.p-l-20 {
    padding-left: 0 !important
}

.leftpriceHolder {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    padding: 0;
    margin-top: 0
}

.ReservationPassengers {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0
}

.listing-filters-heading .content-widget.p-r-20 {
    padding-right: 10px !important
}

#filters-section--timerange__view990 > ul {
    border-bottom: 1px solid #7163632e;
    padding-bottom: 10px;
    margin-bottom: 5px
}

.listing-filters-heading .desc {
    padding: 0 !important
}

.listing-filters-heading .checkbox label {
    font-size: 13px
}

.booking-list .btn {
    display: inline-block;
    padding: 5px 50px;
    margin-bottom: 0;
    font-weight: 700 !important;
    border-radius: 0 !important;
    margin-top: 3px
}

.tel-top > a,
.tel-top > span {
    display: block
}

.booking-list .trip-collection-view .alogo {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 5px;
    left: 8px
}

.booking-list .trip-collection-view .alogo2 {
    position: absolute;
    top: 0;
    left: 200px;
    width: 70%;
    line-height: 40px
}

.booking-list .list-bgdiv {
    float: left;
    margin-right: 10px
}

.booking-list .panel-heading {
    padding: 12px 15px
}

.modal-view__header.panel-heading {
    padding: 0
}

.searchMainsorry {
    width: 970px;
    margin: 0 auto
}

    .searchMainsorry #cphFull_lblMsg,
    .searchMainsorry .col-md-3,
    .searchMainsorry .col-md-9 {
        width: 100%
    }

    .searchMainsorry #cphFull_lblMsg {
        margin-bottom: 20px;
        width: 97%
    }

.whyChooseListinnerpage {
    margin-bottom: 20px !important
}

.faresNote a {
    text-decoration: underline !important;
    color: #1136bf !important;
}

.header-stiker .callbgimage {
    top: 5px
}

.callbgimage {
    position: absolute;
    right: -13px;
    /* height: 63px; */
    overflow: hidden;
    z-index: 1;
    /* top: 16px; */
    /* width: 150px;*/
}

    .callbgimage img {
        width: 67px;
        position: absolute;
        right: -37px;
        top: -1px;
    }

.inner-nav.desktop-nav a:hover {
    border-bottom: 5px solid var(--skyBlue);
    color: var(--skyBlue);
}

.search1 a.active,
.search1 a:hover {
    border-bottom: 0 !important
}

.tel-top > a {
    line-height: 12px
}

.search1 a:hover {
    background: 0 0 !important
}

.site-top-panel {
    line-height: 33px;
    z-index: 999;
    background: #fff !important;
    height: 50px
}

.sticky-on .nav-logo-wrap {
    top: 0
}

.sticky-on .callusbtn svg {
    top: 0 !important;
    left: 19px
}

.nav-logo-wrap {
    top: 10px;
    left: 0
}

.desk {
    display: block !important
}

.mob {
    display: none !important
}

@media (max-width:768px) {
    .close-button-of,
    .pattern:before,
    .search-index-page .flight-box,
    .searchHolder {
        background: #045084 !important
    }

    .ItineraryJourney .ItineraryTrip:first-child,
    .ItineraryJourney .ItineraryTrip:last-child,
    .search-heading .outerdiv span {
        width: 100%
    }

    .contenttabel td {
        display: block;
        width: 100%
    }

        .contenttabel td img,
        ul.tbi .list-wide {
            width: 100% !important
        }

    ul.tbi .list-wide {
        min-height: 0
    }

    .desc {
        padding: 10px !important
    }

    .button-grid .text-center,
    .button-grid .text-right {
        text-align: left
    }

    .search-index-page .list-two {
        margin-top: 0 !important
    }

    .searchHolder:before {
        border-bottom: 10px solid #045084 !important
    }

    .search-heading .outerdiv {
        width: 100%;
        float: none
    }

    .search-heading .modify-box {
        background: 0 0 !important;
        width: 88% !important
    }

    .sort-area-result ul.tablinkHolder li {
        width: 33%
    }

    .desk {
        display: none !important
    }

    .mob {
        display: block !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input,
    select,
    textarea {
        font-size: 16px
    }
}

.pr {
    position: relative
}

.inner-nav.desktop-nav {
    margin: 0;
    width: 100%
}

    .inner-nav.desktop-nav a {
        color: var(--navText);
        height: 40px !important;
        line-height: 40px !important
    }

.search-index-page .input-group b {
    left: 0;
    height: 40px;
    z-index: 99;
    text-align: left;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -31px
}

    .search-index-page .input-group b i {
        display: none;
        font-size: 24px;
        padding-right: 5px;
        color: #ff6000;
        top: 2px;
        position: relative
    }

.search-section.search-index-page .search-visit .col-md-4 .input-group b {
    text-align: left;
    padding-left: 0;
    line-height: 18px;
    font-size: 12px;
    position: absolute;
    top: -20px
}

.search-button {
    border: 0 solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: solid 1px;
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.25s cubic-bezier(.19, 1, .22, 1)
}

    .search-button:hover {
        border: 1px solid;
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        text-shadow: 1px 1px 2px #427388;
        background: #ea5c05
    }

#menu-item-0 i {
    font-size: 24px
}

li.air-List.ui-menu-item li,
li.airList.ui-menu-item li {
    color: #333;
    font-size: 14px;
    margin-left: 0;
    padding: 5px 0 5px 35px
}

ul.whyChooseList li {
    padding: 10px 0 16px !important
}

.passangerCatogaryHolder .src-input {
    width: 15.3%;
    float: left;
    margin: 1% 3px 3px 1px
}

    .passangerCatogaryHolder .src-input:first-child {
        margin-left: 0
    }

.tp-banner-container .passangerCatogaryHolder .src-input.cabinclass {
    width: 48%;
    margin: 5px 0 0 1px
}

.hasDatepicker {
    cursor: pointer
}

.bx-has-controls-direction {
    position: absolute;
    left: 121px;
    top: 40%;
    z-index: 70;
    width: 90%
}

.bx-controls-auto,
.bx-default-pager {
    display: none
}

.bx-controls-direction a {
    padding: 2px 10px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    display: block;
    font-size: 0
}

    .bx-controls-direction a:hover {
        background: rgba(197, 62, 22, .9)
    }

.bx-prev {
    float: left;
    margin-left: 45%
}

    .bx-prev:after {
        content: "\f104";
        font-size: 40px
    }

.bx-next {
    float: right
}

    .bx-next:after {
        content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 40px
    }

.contentHolder {
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: rgba(42, 78, 117, 1);
    height: 150px;
    width: 38%;
    padding: 1%
}

    .contentHolder h2,
    .contentHolder h3,
    .contentHolder p {
        margin: 0;
        padding: 0;
        color: #fff
    }

    .contentHolder h2 {
        font-size: 24px;
        text-shadow: 1px 1px 5px #333;
        line-height: 36px;
        font-weight: 400
    }

    .contentHolder h3 {
        font-size: 32px;
        text-shadow: 1px 1px 5px #333;
        text-transform: uppercase
    }

    .contentHolder p {
        font-size: 18px
    }

    .contentHolder a {
        font-size: 12px;
        color: #fff;
        border: 1px solid #fff;
        display: block;
        float: right;
        padding: 5px 10px;
        margin-top: 10px;
        position: absolute;
        right: 25px;
        bottom: 18px
    }

.loader,
.loader:after {
    border-radius: 100px;
    position: absolute
}

.contentHolder a:hover {
    background: #ff6000
}

.tp-banner-container img {
    width: 100%
}

li.search1:hover {
    background: 0 0 !important
}

.form-control input[type=text]:disabled {
    display: none !important
}

.passangerCatogaryHolder {
    float: left;
    margin: auto !important
}

.innerSearchWidget .passangerCatogaryHolder {
    width: 52.3%
}


.innerSearchWidget .searchbtnhome {
    margin-top: -40px
}

.innerSearchWidget .passangerCatogaryHolder {
    margin: 0 0 0 -5px !important;
    padding-top: 10px
}



.innerSearchWidget .input-group.ausu-suggest input {
    padding-left: 10px !important
}

.loader {
    width: 300px;
    height: 51px;
    background-color: #f1f1f1;
    top: 84%;
    left: 70%;
    margin: -40px -251px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .05)
}

    .loader:after {
        content: "";
        background-color: #ff6000;
        left: 2px;
        top: 2px;
        bottom: 2px;
        right: 360px;
        animation-name: slide;
        animation-duration: 2s;
        animation-easing-function: linear;
        animation-iteration-count: infinite;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
    }

@keyframes slide {
    0%, 100% {
        right: 160px;
        left: 2px
    }

    5% {
        left: 2px
    }

    50% {
        right: 2px;
        left: 160px
    }

    55% {
        right: 2px
    }
}

.hide {
    padding-bottom: 100px;
    display: block;
    margin-bottom: 100px;
    width: 100%;
    height: 50px
}

.contact_wrapper-form {
    padding: 35px 13px;
    background-color: #fff;
    float: left
}

.contactMap h5 {
    font-weight: 400;
}

.contact_wrapper-form p {
    font-size: 14px;
    line-height: 20px;
    color: #717070;
    margin-bottom: 32px;
}

.contact-form.selfpayment .contact_wrapper-form,
.txtarea {
    width: 100%
}

.txtarea {
    height: 100px;
    background: #eef3fa
}

.contact-form.selfpayment {
    width: 35%
}

.contact_wrapper-form h2 {
    margin: 0;
    padding: 0 0 20px;
    font-size: 26px;
    color: #5b5959;
}

.contact-form {
    margin: 30px auto 50px;
    width: 45%;
    /*box-shadow: 2px 5px 49px #ccc;*/
    float: left
}

.abt-address {
    float: right;
    width: 50%;
    padding: 35px 0;
}

.destHolderList {
    width: 100%
}

    .destHolderList li {
        width: 25%;
        float: left;
        position: relative;
        padding: 0;
        margin: 0;
        border: 5px solid #f1f1f1
    }

        .destHolderList li a.linkBox {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1
        }

        .destHolderList li img {
            height: 250px;
            max-width: initial;
            width: auto;
            width: 100%
        }

        .destHolderList li h5 img {
            height: auto
        }

        .destHolderList li .cntnpriceHolder h2 {
            color: #fff;
            font-size: 20px;
            padding: 0 0 5px;
            margin: 0
        }

        .destHolderList li .cntnpriceHolder h3 {
            padding: 0 0 13px;
            margin: 0;
            font-size: 20px;
            color: #ff6000;
            float: none;
            display: block
        }

.cntnpriceHolder .tab-content {
    width: 100%
}

.destHolderList li .cntnpriceHolder {
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 1;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    padding: 10px 12px 6px;
}

    .destHolderList li .cntnpriceHolder h2 {
        float: left;
        width: 100%;
        padding-bottom: 3px
    }

.unpublishDeals {
    width: 100%;
    padding: 10px 0 3px;
    text-align: center;
    color: #333;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

    .unpublishDeals i {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        display: inline-block;
        border: 2px solid var(--skyBlue);
        font-size: 20px;
        color: var(--skyBlue);
        padding-top: 3px;
        margin-right: 10px
    }

    .unpublishDeals .callnonmob {
        background: none;
        color: var(--blueBg) !important;
        font-size: 82px;
        padding: 0;
        font-size: 22px !important;
    }

        .unpublishDeals .callnonmob .fa-phone {
            display: none;
        }

.cntnpriceHolder .cntnpriceHolderLeft {
    float: left;
    width: 65%;
    min-height: 110px;
}

    .cntnpriceHolder .cntnpriceHolderLeft span {
        color: #fff;
        font-weight: 700
    }

    .cntnpriceHolder .cntnpriceHolderLeft h4 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        display: block;
        float: left;
        margin: 5px 0;
        width: 100%
    }

    .cntnpriceHolder .cntnpriceHolderLeft h5 {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 18px;
    }

        .cntnpriceHolder .cntnpriceHolderLeft h5 img {
            width: 120px;
            background: #fff;
            padding: 10px
        }

.cntnpriceHolder .cntnpriceHolderRight {
    float: right;
    width: 35%;
    text-align: center
}

.destHolderList li a.linkBtn {
    height: 30px;
    font-size: 14px;
    color: #fff;
    float: right;
    background: var(--skyBlue);
    border-radius: 20px;
    padding: 1px 20px;
    border: 1px solid #fff;
    width: 100%;
    line-height: 28px
}

    .destHolderList li a.linkBtn:hover {
        background: #065284
    }

.ui-menu .ui-menu-item {
    padding: 0
}

    .ui-menu .ui-menu-item:after {
        content: "\f072";
        position: absolute;
        left: 8px;
        top: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px
    }

.faremid span b,
.faremid span i,
.flwidth-div,
.lan-fl-rep-fullname,
.listingHolderMain b {
    font-weight: 400
}

.ui-state-focus li {
    background: #045084;
    font-size: 18px
}

.ui-state-focus:after {
    color: #fff
}

.processingSecHolder {
    border: 10px solid #f1f1f1;
    padding: 0;
    width: 60%;
    margin: 10px auto 50px;
    text-align: center;
    position: relative
}

    .processingSecHolder h2 {
        font-size: 24px
    }

        .processingSecHolder h2 span {
            font-size: 26px;
            color: #2a4e75
        }

    .processingSecHolder h3 {
        font-size: 20px;
        margin-top: 0;
    }

        .processingSecHolder h3 span {
            font-size: 26px;
            color: var(--skyBlue);
        }

    .processingSecHolder p {
        font-size: 14px;
        color: #333
    }

        .processingSecHolder p b {
            color: #2a4e75
        }

.processingImg {
    width: 600px
}

.processingheading {
    width: 80%;
    margin: auto;
    box-shadow: 1px 1px 5px #f1f1f1;
    font-size: 20px
}

    .processingheading span {
        color: #045084
    }

.dateSecHolder {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    font-size: 26px;
    color: #2a4e75
}

.departHolder,
.returnHolder {
    padding: 8px 20px;
    font-size: 18px !important
}

.departHolder {
    float: left;
    margin-left: 30px;
    color: #38528c;
}

.returnHolder {
    float: right;
    margin-right: 30px;
    color: #38528c
}

#formSubscribe h2,
.bar {
    color: #fff
}

.processingFooter {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    overflow: hidden;
    margin-top: 50px;
}

    .processingFooter ul {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .processingFooter li {
        width: 25%;
        float: left;
        margin: 0;
        padding: 2%;
        padding-top: 0;
        text-align: center;
    }

        .processingFooter li .icon i {
            font-size: 30px
        }

        .processingFooter li .icon img {
            height: 45px;
            max-width: inherit;
        }

        .processingFooter li h2 {
            margin: 0;
            padding: 0 0 2px;
            font-size: 14px
        }

        .processingFooter li p {
            margin: 0;
            font-size: 12px;
            line-height: 16px
        }

.processingSecHolder svg {
    display: inline-block;
    width: 50px
}

.disnone,
.level-item p br {
    display: none
}

.bar {
    background-color: var(--skyBlue);
    cursor: not-allowed
}

.tp-banner-container .bar {
    width: 227px
}

@keyframes move {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 28px 0
    }
}

.singup-box {
    background: #fff
}

.column.is-half {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0;
    padding: 0
}

#formSubscribe {
    float: left;
    width: 100%;
    padding: 0 0 18px 4%;
    margin: 0;
    position: relative;
    z-index: 1
}

.with-icon h2,
.with-icon h3 {
    text-align: center;
    margin: 10px 0
}

.level-item {
    color: #969696 !important
}

    .level-item svg:not(:root) {
        color: #495057;
        width: 40px
    }


.with-icon h2 {
    color: #55575b;
    text-transform: capitalize;
    float: left;
    width: 100%;
    font-size: 14px
}

.with-icon h3 {
    font-size: 14px;
    color: #495057;
    text-transform: none
}

.level-item p {
    font-size: 13px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 6px;
    color: #55575b;
    padding: 0 10px
}

.has-text-centered:first-child {
    border-left: none
}

.has-text-centered {
    border-left: 1px solid #e1e1e1
}

.impLink a {
    width: 49%;
    float: left
}


.flight-desc {
    padding: 10px 10px 0 0 !important;
    width: 26% !important
}

.lan-fl-dep-fullname,
.lan-fl-rep-fullname {
    display: inline-block
}

.faremid span i.landing {
    transform: rotate(90deg)
}

.faremid span i {
    font-size: 20px
}

.flwidth-div {
    line-height: 18px
}

.listingHolderMain b {
    line-height: 15px
}

.booking-item-flight-details.listingHolderMain {
    border-bottom: 1px dashed #045084;
    width: 100%;
    float: left;
    padding-bottom: 6px;
    padding-left: 20px
}

    .booking-item-flight-details.listingHolderMain:last-child {
        border-bottom: 0
    }

span.booking-item-price {
    font-size: 20px !important
}

    span.booking-item-price span {
        font-size: 30px !important;
        width: auto;
        float: none
    }

    span.booking-item-price b {
        font-size: 12px;
        color: #666;
        font-weight: 400
    }

.booking-item .selectBtn {
    background-color: var(--skyBlue) !important;
    border: none
}

    .booking-item .selectBtn:hover {
        background-color: var(--blueBg) !important
    }

.flightMoreinfoPopup {
    display: none;
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 15px 15px 0;
    z-index: 9;
    width: 350px;
    margin-top: 10px;
    position: relative;
    float: left
}

    .flightMoreinfoPopup b {
        font-weight: 700 !important
    }

.closeflightMoreinfoPopup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: var(--blueBg);
}

.flightMoreinfoPopup h2 {
    font-size: 16px;
    color: #ff862d;
    padding-bottom: 10px;
    margin: 0
}

.flightMoreinfoPopup td {
    font-size: 12px
}

.faremid span b {
    text-align: left;
    width: auto;
    display: inline;
    line-height: 18px
}

.flightMoreinfoPopup:after {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    top: -20px;
    left: 39%
}

.search-box.search-index-page .bar {
    margin-top: 0 !important;
    font-size: 20px !important
}

.search-box.search-index-page .input-group.ausu-suggest input {
    padding-left: 80px;
    height: 40px
}

.filters-section__accordion-btn {
    font-weight: 400;
    color: var(--blueBg);
    display: block;
    padding-left: 15px;
    font-size: 15px
}

#lblMsg .ortext,
.rightsecBox p i {
    font-weight: 700
}

.filters-section__accordion-btn:focus,
.filters-section__accordion-btn:hover {
    color: var(--blueBg)
}

.panel-collapse {
    overflow: hidden;
    padding: 1% 5% 3%
}

.stop-duration {
    width: 100%;
    float: left
}

.search-box.search-index-page .no-padding:first-child {
    width: 51%
}

.search-box.search-index-page .no-padding {
    width: 32%
}

.search-box.search-index-page .input-group b {
    width: 72px;
    padding-left: 8px;
    height: 40px
}

.closeSearchpanel {
    display: none
}

.search-box .closeSearchpanel {
    position: absolute;
    top: 10px;
    right: 26px;
    font-size: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: var(--skyBlue);
    text-align: center;
    padding-top: 1px;
    color: #fff;
    z-index: 999
}

.search-box.search-index-page .no-padding.searchbtnhome {
    width: 17%
}

.search-box.search-index-page .pad03px {
    width: 50%;
    padding-right: 10px
}

.search-box #departDateDiv,
.search-box #returnDateDiv {
    margin-right: 0;
    float: left;
    width: 50%
}

.advanceSearch {
    display: none
}

.search-box .advanceSearch {
    cursor: pointer;
    text-align: left
}

.Flightinfo h2 {
    font-size: 15px !important;
    color: var(--skyBlue);
    padding-bottom: 10px !important;
    width: 90%;
    line-height: 22px;
    float: left;
    padding-left: 0px;
}

.pagination {
    padding-bottom: 50px;
}

.Flightinfo p {
    font-size: 12px;
    color: #556268;
    line-height: 24px;
    padding-bottom: 20px;
    padding-left: 0;
    width: 100%
}

#lblMsg {
    float: left;
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 1%;
    text-align: center;
    margin: 20px 0 20px 1%;
    width: 100%
}

    #lblMsg h1 {
        float: left;
        width: 100%;
        font-size: 25px
    }

    #lblMsg h2 {
        float: left;
        width: 100%;
        font-size: 22px
    }

.sorrytext {
    color: var(--skyBlue); 
    font-size: 27px;
    padding-bottom: 10px;
    display: inline-block
}

#lblMsg ul {
    padding-top: 10px
}

#lblMsg li {
    color: #333;
    font-size: 22px
}

    #lblMsg li i {
        display: none
    }

    #lblMsg li b {
        font-size: 24px;
        color: var(--skyBlue);
        padding-top: 12px
    }

    #lblMsg li span {
        font-size: 30px;
        color: var(--blueBg);
        line-height: 70px;
        position: relative;
        top: 4px
    }

#lblMsg .ortext {
    width: 33px;
    height: 29px;
    margin: 10px auto 0 !important;
    background: #c8c8c8;
    text-align: center;
    line-height: 29px;
    color: #fcfcfc;
    border-radius: 31px;
    font-size: 18px
}

#btnResetall2,
.btnResetall2 {
    font-size: 20px;
    padding: 4px 70px;
    background: var(--skyBlue);
    margin: 15px 0;
    color: #fff;
    border: none
}

    .btnResetall2:hover {
        color: #fff;
        background: var(--skyBlue);
    }

.lberrorms {
    float: none !important;
    width: 50% !important;
    margin: 49px auto !important
}

.search-box.search-index-page .advanceSearch {
    position: absolute;
    left: 30px;
    bottom: 10px
}

.faremid span b.fl-dep-fullname {
    display: block
}

.booking-list .pagination li {
    padding: 0;
    box-shadow: none;
    text-align: center
}

    .booking-list .pagination li a {
        display: inline-block;
        margin: auto;
        float: none;
        padding: 5px;
        line-height: 40px;
        height: auto;
        width: 100%;
        font-size: 23px;
    }

.divAirOption {
    cursor: auto !important
}

.filtermodifySearcholder {
    width: 100%;
    float: left; 
    position: relative;
    z-index: 9
}

.modifyFilter {
    display: none
}

.modify-box {
    float: right;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer
}

.flconfirm-body {
    margin-top: 0 !important
}

.desktopshow {
    display: block
}

.mobileshow {
    display: none
}

.callustxt {
    font-size: 14px
}

.containerHolder {
    float: left;
    width: 100%;
    margin-top: -38px
}

.rightsecBox {
    padding: 6px 15px;
    margin-top: 0;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #ccc;
    width: 100%;
    background: #fff
}

    .rightsecBox h2 {
        font-size: 15px;
        padding: 0 0 5px;
        margin: 0;
        color: var(--skyBlue);
    }

    .rightsecBox p {
        color: #555;
        font-family: Arial;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0
    }

    .rightsecBox ul {
        margin: 0;
        padding: 0
    }

        .rightsecBox ul li {
            color: #333;
            position: relative;
            font-size: 11px;
            line-height: 16px
        }

            .rightsecBox ul li:before {
                position: absolute;
                left: 0;
                top: 0;
                content: "\f105";
                font-size: 16px;
                font-family: FontAwesome
            }

.rightLogoHolder {
    margin-top: -10px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 5px 0
}

    .rightLogoHolder img {
        width: 150px
    }

.rightSecHolder.fixed {
    position: fixed;
    right: 0
}

.rightLogoHolder p img {
    margin: auto
}

.rightsecBox a.mobileLink {
    font-size: 24px;
    color: var(--blueBg);
    line-height: 26px
}

.table > tbody > tr > th {
    font-size: 15px !important;
    padding: 6px !important
}

.table > tbody > tr:last-child td {
    padding: 3px 10px;
    font-size: 13px
}

.table > tbody > tr.priceamntdark td {
    font-size: 15px;
    padding: 8px 10px
}

.sslogoHolder {
    height: 38px;
    overflow: hidden;
    text-align: center
}

.subscribeHolder:after,
.subscribeHolder:before {
    height: 100%;
    content: "";
    width: 100%;
    top: 0;
    right: 0
}

.subscribeHolder {
    padding: 0 0 20px;
    position: relative;
    background: #d6d6d6
}


    .subscribeHolder:before {
        position: absolute;
        z-index: 1
    }

    .subscribeHolder h2 {
        font-size: 20px;
        float: left;
        width: 100%;
        color: #333
    }

.fa-envelope-o.icon-left {
    position: absolute;
    left: 10px;
    top: 12px
}

ul.socialLinks {
    float: right;
    width: 100%;
    margin: -5px 20px
}

    ul.socialLinks li {
        list-style: none;
        transform: scale(.6);
        -webkit-transform: scale(.6);
        float: left;
        margin: 0 2%
    }

        ul.socialLinks li .fa {
            font-size: 40px;
            color: #262626;
            line-height: 80px;
            transition: .5s
        }

        ul.socialLinks li a {
            position: relative;
            display: block;
            width: 80px;
            height: 80px;
            background-color: #fff;
            text-align: center;
            transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0, 0);
            transition: .5s;
            box-shadow: -20px 20px 10px rgba(0, 0, 0, .5)
        }

            ul.socialLinks li a::after,
            ul.socialLinks li a::before {
                position: absolute;
                background: #b1b1b1;
                transition: .5s;
                content: ""
            }

            ul.socialLinks li a::before {
                top: 10px;
                left: -20px;
                height: 100%;
                width: 20px;
                transform: rotate(0) skewY(-45deg)
            }

            ul.socialLinks li a::after {
                top: 80px;
                left: -11px;
                height: 20px;
                width: 100%;
                transform: rotate(0) skewX(-45deg)
            }

        ul.socialLinks li:hover .fa {
            color: #fff
        }

        ul.socialLinks li a:hover {
            transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
            box-shadow: -50px 50px 50px rgba(0, 0, 0, .5)
        }

        ul.socialLinks li:hover:nth-child(1) a {
            background: #3b5999
        }

            ul.socialLinks li:hover:nth-child(1) a:before {
                background: #2e4a86
            }

            ul.socialLinks li:hover:nth-child(1) a:after {
                background: #4a69ad
            }

        ul.socialLinks li:hover:nth-child(2) a {
            background: #55acee
        }

            ul.socialLinks li:hover:nth-child(2) a:before {
                background: #4184b7
            }

            ul.socialLinks li:hover:nth-child(2) a:after {
                background: #4d9fde
            }

        ul.socialLinks li:hover:nth-child(3) a {
            background: #dd4b39
        }

            ul.socialLinks li:hover:nth-child(3) a:before {
                background: #c13929
            }

            ul.socialLinks li:hover:nth-child(3) a:after {
                background: #e83322
            }

        ul.socialLinks li:hover:nth-child(4) a {
            background: #0077B5
        }

            ul.socialLinks li:hover:nth-child(4) a:before {
                background: #036aa0
            }

            ul.socialLinks li:hover:nth-child(4) a:after {
                background: #0d82bf
            }

        ul.socialLinks li:hover:nth-child(5) a,
        ul.socialLinks li:hover:nth-child(5) a:after,
        ul.socialLinks li:hover:nth-child(5) a:before {
            background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, red, #ff0)
        }

@media (max-width:1024px) {
    .special-offer .title-section span {
        font-size: 30px;
    }
}

@media (max-width:768px) {
    .search-box.search-index-page .no-padding:first-child,
    .search-section.search-index-page .passangerCatogaryHolder {
        width: 100%
    }

    .desktopshow {
        display: none
    }

    .mobileshow {
        display: block
    }

    .column.is-half {
        padding: 20px 0 0 9px !important
    }

    .search-box.search-index-page .search-visit {
        padding-bottom: 0 !important
    }

    .search-box .closeSearchpanel {
        top: 0;
        bottom: auto;
        right: 0
    }

    .arrow-down {
        width: 100%;
        height: 40px;
        position: absolute;
        right: -20px;
        top: -8px
    }

        .arrow-down:after,
        .arrow-down:before {
            content: "";
            display: block;
            width: 10px;
            height: 2px;
            background: #d6461c;
            position: absolute;
            top: 20px;
            transition: transform .5s
        }

        .arrow-down:before {
            right: 16px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            transform: rotate(45deg)
        }

        .arrow-down.active:before,
        .arrow-down:after {
            transform: rotate(-45deg)
        }

        .arrow-down:after {
            right: 10px
        }

        .arrow-down.active:after {
            transform: rotate(45deg)
        }

    .innerSearchWidget {
        width: 102%;
        margin-left: -2%
    }

        .innerSearchWidget .search-visit {
            padding: 0 8% 8% !important;
            position: relative
        }

        .innerSearchWidget .passangerCatogaryHolder {
            display: block;
            position: static;
            width: 100%
        }

    .sort-area-result ul.tablinkHolder {
        margin: 0 0 21px
    }

    .list-wrapper {
        margin-top: 85px !important
    }

    .modify-box {
        color: #333;
        padding: 0 2%
    }

    .filtermodifySearcholder {
        width: 100%;
        float: left;
        margin-top: 0;
        position: static;
        padding: 10px 2% 15px
    }

    .leftSearchHolder,
    .specificairlinesHolder {
        display: none
    }

    .modifyFilter {
        display: block;
        padding: 0 10px;
        margin-left: 0;
        color: var(--blueBg);
        float: left;
        position: relative
    }

    .search-index-page .input-group b {
        width: 78px
    }

    .search-index-page .input-group.ausu-suggest input {
        padding-left: 90px
    }

    .flightMoreinfoPopup {
        width: 100%
    }

    .booking-select-box {
        padding: 4px 0 10px
    }

    .search-heading .outerdiv h4 {
        text-align: center;
        padding-bottom: 10px !important
    }

    .searchMain.relmsg {
        float: left
    }
    /* .search-index-page .search-visit {
        padding: 0 7px
    }*/
    .search-index-page #departDateDiv .input-group input,
    .search-index-page #returnDateDiv .hasDatepicker,
    .search-index-page .input-group.ausu-suggest input#tbTo {
        padding-left: 90px !important
    }

    .search-heading {
        margin-bottom: 0;
        font-size: 12px
    }

    .search-index-page .cff-list-tab {
        width: 120px
    }

    .advanceSearch {
        display: none
    }

    .passangerCatogaryHolder .src-input {
        width: 31%
    }

        .passangerCatogaryHolder .src-input.cabinclass {
            width: 95%
        }

    .listingHolderMain b {
        font-size: 12px;
        display: inline-block
    }

    .divAirOption {
        padding-left: 10px
    }

    .row.booking-select-box {
        text-align: center
    }

    span.booking-item-price span {
        font-size: 22px !important
    }

    span.booking-item-price {
        font-size: 14px !important
    }

    .faremid span.layoverDiv {
        font-weight: 700
    }

    .booking-item span.booking-item-price {
        padding-left: 0 !important
    }

    .flwidth-div {
        width: 100%;
        display: inline-block
    }

    .search-box.search-index-page .advanceSearch {
        display: none
    }

    .search-box #departDateDiv,
    .search-box #returnDateDiv,
    .search-box.search-index-page .no-padding,
    .search-box.search-index-page .no-padding.searchbtnhome,
    .search-box.search-index-page .pad03px {
        width: 100%;
        padding-right: 0
    }

    .search-box.search-index-page #departDateDiv .input-group input,
    .search-box.search-index-page #returnDateDiv .hasDatepicker {
        padding-left: 113px
    }

    .search-box.search-index-page {
        position: absolute;
        top: 1.2%;
        float: left;
        z-index: 9999
    }

    .deptrem {
        width: 100% !important
    }

    .outerdiv {
        position: static;
        height: auto
    }

    .processingSecHolder h3 span {
        font-size: 20px;
        color: #d5451b;
        line-height: 26px
    }

    .departHolder,
    .returnHolder {
        padding: 0;
        margin: 10px
    }

    .processingSecHolder {
        width: 100%
    }

        .processingSecHolder h3 {
            font-size: 14px
        }

    .faremid {
        padding: 0;
        position: relative
    }

        .faremid span {
            width: 100%;
            line-height: 24px;
            padding: 5px 0;
            height: auto
        }

        .faremid .layoverDiv + .flight-desc + span {
            width: 100% !important
        }

        .faremid span b,
        .faremid span i {
            font-weight: 400
        }

        .faremid span + span + span {
            width: 100%;
            font-size: 13px;
            font-weight: 700
        }

            .faremid span + span + span + span {
                font-size: 14px;
                position: static
            }

    .booking-item-flight-details.OutBound .faremid + b {
        margin-bottom: 0
    }

    .fl-dep-fullname {
        margin-top: 19px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }

    .flight-desc {
        padding: 10px 10px 0 0 !important;
        width: 100% !important
    }

    .booking-item .selectBtn {
        margin: 6px 0 0;
        float: none;
        right: 0;
        padding: 0;
        width: 50%;
        font-size: 22px;
        background: 0 0
    }

    .openall {
        vertical-align: middle;
        margin-top: -12px;
        padding-left: 0;
        padding-right: 0;
        font-size: 12px
    }

    .city-info ul li {
        width: 50%
    }

    .resultBox,
    .search-box,
    .search-section .search-col-padding,
    .tab-content {
        width: 100%
    }

    .city-info {
        margin-top: 30px
    }

    .flight-list-view .flight-desc {
        border: 1px solid #e6e6e6;
        border-width: 1px 0
    }

    .flight-list-view .airline-logo {
        border-right: 0
    }

    .flight-list-view {
        margin-top: 10px;
        min-height: initial
    }

    .contact-cn .btn-primary.submitBtn {
        margin-left: 0
    }

    .commentbox {
        position: static
    }

    #edit-travel-details--6 {
        margin-top: 13px !important
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable + .ui-widget-overlay.ui-front {
        display: none !important
    }

    footer.footer .copyright {
        float: left;
        width: 100%
    }

    .review-result .list-wrapper {
        padding: 12px
    }

    .review-result .detailContainer {
        margin: 0 -15px
    }

    .search-box {
        float: left;
        padding-left: 20px
    }

    header {
        height: 87px !important
    }
}

.with-icon #formSubscribe h3 {
    font-weight: 400
}

#formSubscribe input:active,
#formSubscribe input:focus {
    border-color: #f24636 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#formSubscribe input {
    border-radius: 5px;
    padding-left: 32px;
    padding-top: 0;
    line-height: 20px
}

.buttonbgcolor #btnSubscribe {
    background: #f24636;
    color: #fff;
    border-radius: 0 5px 5px 0;
    line-height: 24px;
    font-size: 16px;
    padding-left: 17px
}

.subscribe-submit .fa-long-arrow-right {
    padding-left: 4px
}

.airlinetopanchorlink {
    float: left;
    width: 100%;
    background: #f1f1f1;
    padding: 10px 0 0
}

.top-Airline {
    float: left;
    width: 98.5%;
    padding: 1%;
    margin-bottom: 10px
}

    .top-Airline h2 {
        font-size: 20px;
        padding: 0 0 10px;
        margin: 0
    }

    .top-Airline ul {
        float: left;
        width: 20%;
        padding: 0;
        margin: 0
    }

        .top-Airline ul li {
            float: left;
            width: 100%;
            padding: 0;
            margin: 0
        }

            .top-Airline ul li a {
                color: #0065b8
            }

    .top-Airline.topDest ul {
        width: 100%
    }

    .top-Airline.topDest li {
        width: 20%
    }

.search-section.search-index-page,
.widgetTxtFieldHolder {
    width: 100%;
}

.top-Airline ul li a:hover {
    color: #cc4118;
    text-decoration: underline
}




.widgetTxtFieldHolder li {
    float: left;
    margin: 0;
    padding: 0
}

    .widgetTxtFieldHolder li input[type=text],
    .widgetTxtFieldHolder li select {
        border-color: rgba(0, 0, 0, .7);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; 
        background-color:transparent;
    }
    .widgetTxtFieldHolder li input#Allpax {
        padding-right:25px;
    }
        .widgetTxtFieldHolder li:nth-child(1),
        .widgetTxtFieldHolder li:nth-child(2),
        .widgetTxtFieldHolder li:nth-child(3),
        .widgetTxtFieldHolder li:nth-child(4) {
            width: 100%;
            position: relative; 
            display: flex;
            align-content: center;
        }

        .widgetTxtFieldHolder li:nth-child(3) .src-input {
            width: 40%;
            float: left
        }

            .widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(1),
            .widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(2),
            .widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(3) {
                width: 20%
            }

    .widgetTxtFieldHolder li label {
        padding-left: 12px
    }

#tbFrom,
#tbTo {
    padding-right: 30px
}

.widgetTxtFieldHolder li .ausu-suggest {
    width: 100%; 
}

#tbDepart,
#tbReturn {
    background: 0 0 !important;
    font-size: 12px;
    padding-left: 40px;
    position: relative;
    z-index: 1
}

.containerHolder .leftSearchHolder {
    position: relative;
    padding-right: 0;
    z-index: 10;
}

    .containerHolder .leftSearchHolder .panel {
        border: 0;
        box-shadow: initial;
        margin-bottom: 0
    }

    .containerHolder .leftSearchHolder .js-reset {
        background: 0 0;
        float: right;
        text-align: right;
        border: none;
        font-size: 12px;
        color: #333;
        padding-right: 13px;
        text-decoration: underline
    }

        .containerHolder .leftSearchHolder .js-reset:hover {
            text-decoration: none
        }

.stopHolder {
    margin-top: -6px;
    float: left;
    width: 100%
}

.containerHolder .filters-section__accordion-arrow:before {
    display: none
}

.filters-section__accordion-btn.toppart {
    font-size: 14px;
    color: #8a8080;
    font-weight: 400;
    padding-top: 1px
}

.panel-heading {
    float: left;
    width: 100%
}

.tabfor-search .filters-section__accordion-btn.collapsed {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 12px
}

.tabfor-search .listing-filters-heading .filters-section__accordion-btn.collapsed {
    border-bottom: none;
    padding-bottom: 0
}

.containerHolder.relmsg .col-md-3 + .col-md-9 {
    padding-left: 0
}

.listing-filters-heading #filters-section--locations__view990 .desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 185px;
    float: left
}

.containerHolder .collapse.in {
    display: block;
    z-index: 10
}

.input-container button[disabled],
.input-container html input[disabled] {
    cursor: not-allowed !important
}

#contactform #lblMsg {
    background: 0 0;
    border: none;
    width: 100%
}

#filters-section--connection__view990 .label-min,
#filters-section--timerange__view990 .label-min {
    position: absolute;
    top: -5px;
    left: -2px
}

#filters-section--timerange__view990 ul li {
    padding-left: 0;
    margin-left: 0
}

.filters-section--timerange__view990 ul {
    float: left;
    width: 100%;
    margin-top: 10px
}

.innerSearchWidget .search-visit {
    box-shadow: none
}

#spnCountTitle {
    width: 100%;
    text-align: center;
    display: block;
    color: #222;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    line-height: 15px;
    padding: 7px 15px;
    background: #fcfcfc;
    float: none
}

    #spnCountTitle.toolTip {
        font-size: 14px;
        background: #fff8cb;
        padding: 5px 10px;
        border-radius: 0 0 10px 10px;
        color: #333;
        position: fixed;
        left: 0;
        top: 0px;
        width: 20%;
        text-align: center;
        z-index: 99999999999999999;
        margin: auto;
        right: 0
    }

.ui-datepicker-prev.ui-corner-all.ui-state-disabled {
    display: none
}

.contact-cainter {
    float: left;
    width: 100%
}

.airlineLogoProcessing {
    position: absolute;
    left: 40%;
    top: 0
}

#formCallOus,
.sitemapHolder li {
    position: relative
}

.airlineLogoProcessing span {
    font-size: 15px !important;
    top: -80px;
    position: relative
}

    .airlineLogoProcessing span img {
        margin-right: 10px;
        vertical-align: middle;
        width: 60px
    }

.sitemapHolder.sitemaplong1 {
    width: 25% !important;
    min-height: 370px
}

.sitemapHolder.sitemaplong {
    width: 74% !important;
    min-height: 370px
}

    .sitemapHolder.sitemaplong .top-Airline ul li a {
        color: #333 !important
    }

.sitemapHolder {
    width: 33%;
    float: left;
    background: #f1f1f1;
    border: 2px solid #fff;
    padding: 12px;
    min-height: 200px
}

    .list-wide,
    .sitemapHolder.full {
        width: 100%
    }

        .list-wide li a,
        .sitemapHolder li a {
            border: 1px solid #ccc;
            display: block
        }

.list-wide {
    float: left;
    padding: 0 5px;
    font-family: arial
}

.destination-nav .list-wide h2 {
    padding: 10px;
    font-size: 15px;
    margin: 10px 0;
    font-weight: 700;
    background: #484e5c;
    color: #fff
}

.list-wide {
    margin-bottom: 20px
}

    .list-wide li a {
        padding: 10px !important;
        color: #556268
    }

.sitemapHolder.full h2 {
    text-align: center;
    font-size: 30px;
    color: var(--blueBg);
}

.sitemapHolder h3 {
    font-size: 20px;
    margin-top: 0;
    color: var(--blueBg);
}

.sitemapHolder h2 {
    margin-top: 0;
    font-size: 24px
}

.list-wide li a,
.sitemapHolder li a {
    font-size: 14px;
    background: #fff
}

.sitemapHolder li {
    width: 19.2% !important;
    margin: .2% !important;
    float: left;
    color: #333;
    padding: 0
}

.sitemapList1 li {
    width: 49% !important
}

.sitemapHolder li a {
    padding: 10px !important;
    color: #556268
}

    .sitemapHolder li a:hover {
        text-decoration: underline
    }

.sitemapHolder li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}

#lblSubscribe .modal-dialog p.enjoytravelling {
    color: green;
    font-size: 20px
}

    #lblSubscribe .modal-dialog p.enjoytravelling i {
        font-size: 24px
    }

#lblSubscribe .modal-dialog {
    width: 400px;
    text-align: center
}

    #lblSubscribe .modal-dialog h2 {
        font-size: 24px;
        color: #333
    }

    #lblSubscribe .modal-dialog p,
    #lblSubscribe .modal-dialog strong {
        font-size: 16px;
        color: #333
    }

.modify-box + .search-box.search-index-page .input-group b {
    padding-top: 4px !important
}

.midortext {
    margin-top: -10px !important
}

#lblMsg .ortext-notfound,
.ortext-notfound + ul li b + .ortext {
    margin-top: 0 !important
}

.instantcall-right {
    float: left;
    width: 60% !important
}

.instantcall-left {
    font-size: 18px !important;
    float: left;
    width: 40% !important;
    line-height: 38px !important;
    color: green !important
}

.instantcall-right input[type=text], .instantcall-right input[type=tel] {
    width: 200px !important
}

.text-right-call {
    text-align: right !important;
    padding-right: 19px !important
}

    .text-right-call + .instantcall-right input[type=text], .text-right-call + .instantcall-right input[type=tel] {
        width: 260px !important
    }

.ortext-notfound + ul li b {
    padding-top: 0 !important
}

.ortext-notfound + ul li {
    padding-left: 0 !important;
    margin-left: 0 !important
}

.updateresult .sorrytext {
    display: block
}

    .updateresult .sorrytext + span {
        line-height: 40px
    }

.airline-deals-logo {
    background: #fff;
    padding: 10px 18px 10px 22px;
    position: absolute;
    top: 40px;
    border-radius: 5px;
    margin-left: 0;
    font-size: 22px;
    color: #3974ae;
    font-weight: 700;
    margin-top: 20px
}

    .airline-deals-logo img {
        width: 135px;
        padding-right: 20px
    }

.callInfo .inMessage {
    height: 58px
}

.footer_call .wp input#Mobile {
    border: 1px solid #c7c4c4;
    padding: 0 9px;
    font-size: 14px;
    width: 77%;
    color: #4e4e4e
}

.containerHolder .side-bar__block.is--banner {
    padding: 0;
    width: 91%;
    color: #787878;
    margin-left: 12px;
    margin-top: 10px
}

.containerHolder .side-bar__block {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block
}

.containerHolder .is--banner > .side-bar__title {
    border-bottom: 1px #ccc solid;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
    padding: 3% 7.5%;
    text-align: center;
    background: var(--blueBg);
    color: #fff
}

.allpopup #formCallOusCallBackError p.stxt span,
.infoToolTip {
    text-align: left;
    font-size: 11px
}

.containerHolder .why-book {
    font-size: 13px;
    line-height: 1.4em;
    text-align: left;
    padding: 8px;
}

.priceHolder tr td:nth-child(2),
.priceHolder tr td:nth-child(3),
.secureLogoLeft {
    text-align: center
}

.containerHolder .why-book li {
    line-height: 22px;
    margin: 0;
    padding: 0;
    color: #656363
}

    .containerHolder .why-book li i {
        padding-right: 10px
    }

.containerHolder .why-book .icon {
    position: relative;
    padding-left: 18px;
    margin-bottom: 15px
}

.search-heading .search-index-page .input-group b {
    line-height: 34px
}

.search-heading .search-box.search-index-page .input-group b {
    padding-left: 0
}

.search-heading .search-box.search-index-page .input-group.ausu-suggest input {
    line-height: 14px
}

.search-heading #departDateDiv input,
.search-heading #returnDateDiv input {
    line-height: 25px
}

.search-heading .search-index-page .input-group-addon {
    top: 3px
}

.faredetails .table.table tbody tr td:last-child,
.faredetails .table.table tbody tr th:last-child {
    border-right: 0 !important;
    border-left: 1px solid #ddd !important
}

.ReservationPassenger-names .spField .spField-input .spField-input-raw {
    height: 37px
}

#DOBDAdult1-error,
#DOBYAdult1-error {
    padding-top: 12px;
    line-height: 16px !important
}

#dvCheckCookies #Button3 {
    background: #106fca;
    border: none;
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px;
    display: block;
    padding: 0 11px;
    font-weight: 400
}

.expand-popup .ui-dialog .ui-dialog-titlebar-close:after,
.infoToolTip {
    display: none
}

.special-offer .searchHolder .input-group .form-control {
    position: absolute;
    z-index: 99;
    background: 0 0;
    line-height: 31px
}

.special-offer .formMidBox.noleftwidget .input-group {
    background: #fff;
    height: 30px
}

#contactform #tbEmail-error,
#contactform #tbMessage-error,
#contactform #tbName-error {
    margin-top: -16px !important
}

.divonDekstop {
    line-height: 15px;
    font-size: 12px
}

.cookie-content {
    width: 86% !important
}

    .cookie-content + .col-md-2 {
        width: 14%;
        padding-right: 0;
    }

.containerHolder .collapse.in {
    position: static !important
}

.innerSearchWidget .passangerCatogaryHolder,
.level-item,
.level-item i,
.modify-box + .search-box.search-index-page .passangerCatogaryHolder {
    position: relative
}

.search-box.search-index-page .advanceSearch {
    float: left !important
}

.callInfo textarea {
    font-size: 12px;
    color: #333;
    padding: 8px;
    height: 100px;
    border: 1px solid #ccc;
    resize: none
}

.mainContainer h1 {
    float: left;
    width: 100%;
    padding-top: 15px
}

.search-box.search-index-page {
    background-size: cover !important;
    height: 480px
}

.expand-popup .ui-dialog .ui-dialog-titlebar-close {
    background: url(/Content/images/cancel.png) 14px 13px #fff no-repeat !important
}

    .expand-popup .ui-dialog .ui-dialog-titlebar-close:hover svg {
        color: red
    }

.mob-connecting-left {
    float: left;
    width: 30%
}

.mob-connecting-right {
    float: left;
    width: 70%;
    padding-left: 5%
}

.booking-item .fl-dep-fullname b,
.booking-item .fl-rep-fullname b {
    font-weight: 700;
    padding-right: 4px
}

.allpopup p.stxt input[type=text] {
    line-height: 20px !important
}

.footer_call .font-4 input {
    line-height: 20px
}

.innerSearchWidget .passangerCatogaryHolder .src-input {
    width: 12.8%
}

    .innerSearchWidget .passangerCatogaryHolder .src-input.cabinclass {
        width: 40%
    }

.level-item i {
    color: #989898;
    font-size: 11px;
    top: -6px;
    left: 8px;
    cursor: pointer;
    z-index: 10
}

.infoToolTip {
    position: absolute;
    padding: 10px;
    background: #f1f1f1;
    color: #333;
    right: -191px;
    top: 33px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 23px;
    border: 1px solid #e0e0e0;
    width: 170px;
    z-index: 2;
}

.callNow,
.dateHolder,
.refno,
tr.mobdetail td {
    font-weight: 700
}

.infoToolTip:after {
    position: absolute;
    left: -20px;
    bottom: 40px;
    border: 10px solid transparent;
    border-right: 10px solid #f1f1f1;
    content: "";
}

.level-item i:hover + .infoToolTip {
    display: block
}

.callbackInpHolder {
    width: 100%;
    float: right;
    position: relative
}

/*.flagicon {
  position: absolute;
    left: -54px;
    top: 0px;
    width: 47px;
}*/

.tripSummryHolder {
    width: 100%;
    padding-left: 30px
}

.booking-item-passengers.faredetails .table-responsive {
    float: left;
    width: 100%;
    padding: 0
}

.priceHolder tr td {
    width: 25%
}

.expand-popup .ui-dialog {
    position: fixed
}

.thankumsg {
    font-size: 24px;
    color: green
}

.modal-body,
.refno {
    color: #333
}

.thankumsg i {
    font-size: 30px
}

.refno {
    font-size: 18px
}

.ReservationPassengers .Reservation-input label {
    font-size: 13px !important
}

.inner-nav ul li h2 {
    display: none
}

.leftpriceHolder tr.mobdetail td {
    padding: 4px;
    font-size: 12px
}

.passangerCatogaryHolder {
    width: 37.6%;
    margin-left: -83px !important;
    margin-top: -25px !important
}

.searchbtnhome {
    bottom: 0;
    width: 14%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -22%);
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    box-shadow: none !important
}

.callusbtn svg {
    fill: #fff !important;
    display: inline-block;
    color: #fff !important;
    margin-top: 10px;
    position: absolute;
    left: 16px !important;
    width: 28px;
    height: 38px;
    padding-right: 0;
    z-index: 9999;
}

.ReservationPassenger-details .DatePickerField-field._month {
    width: 146px !important
}

.sslBooking.rightsecBox {
    margin-bottom: 0
}

.content-body {
    width: 100%
}

.search-box.search-index-page.modifySearch {
    top: 0px;
    left: 0;
    width: 100%;
    position: relative;
    margin: 0 0;
}

.search-index-page.modifySearch {
    margin-top: 0;
    background: var(--blueBg) !important;
    height: 220px;
}

    .search-index-page.modifySearch .search-visit {
        background: var(--blueBg) !important;
        padding-top: 10px;
        padding-bottom: 20px
    }

    .search-index-page.modifySearch .cff-list-tab .inputSet2 span {
        color: #fff;
    }

    .search-index-page.modifySearch .pad03px {
        margin-right: 0
    }

    .search-index-page.modifySearch input[type=text], .search-index-page.modifySearch select {
        height: 40px;
        padding: 0 5px;
    }

    .search-index-page.modifySearch .twoCol {
        display: flex;
        justify-content: space-between;
        padding-top: 15px;
    }

    .search-index-page.modifySearch .threeCol {
        display: flex;
        justify-content: space-between;
        padding-top: 30px;
    }

    .search-index-page.modifySearch .fiftyPer {
        width: 49%;
    }

    .search-index-page.modifySearch .dateOuter {
        width: 49%;
        display: flex;
        justify-content: space-between;
    }

        .search-index-page.modifySearch .dateOuter .fiftyPer#departDateDiv,
        .search-index-page.modifySearch .dateOuter .fiftyPer#returnDateDiv {
            width: 49%;
        }

    .search-index-page.modifySearch #departDateDiv .input-group input,
    .search-index-page.modifySearch #returnDateDiv .input-group input {
        padding: 5px;
    }

    .search-index-page.modifySearch .passangerCatogaryHolder {
        width: 32%;
        padding: 0;
    }

    .search-index-page.modifySearch .searchNow {
        width: 17%;
    }

    .search-index-page.modifySearch #btnSearchFlights {
        margin: 0;
        padding: 0;
    }

.modifySearch {
}

.inner-nav .search1 {
    position: absolute !important;
    right: -193px;
    left: auto;
    top: 5px;
}

.searchbuttontopnew #departDateDiv {
    width: 100%
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #045084
}
    .ui-state-default.ui-state-active {
        color: #fff;
        background-color: #045084 !important;
        border: solid 1px #045084;
    }
.search-box.search-index-page .advanceSearch {
    display: none
}

.ui-datepicker-today a {
    color: #fff !important
}

.header-stiker .tel-top > span {
    display: block;
    line-height: 32px
}

.header-stiker .tel-top {
    padding-top: 12px
}

.searchbuttontop .datepickerholder#departDateDiv, .searchbuttontop .search-box #departDateDiv {
    width: 100%;
}

.icon img {
    max-width: 60px
}

.icon {
    height: 60px
}

.helpsecContainer {
    padding: 5px;
    border: 1px solid #ccc;
    background: #d6f5ff;
    float: left
}

.flight-list-view .book a.callNow {
    margin-top: 10px
}



.bannerContentHolder {
    padding: 2%;
    position: absolute;
    top: -20%;
    width: 100%;
    margin: auto;
}

.bannerLayer2 {
    padding: 10px 18px 10px 0px;
    text-shadow: 1px 1px 1px #333;
    text-transform: capitalize;
    margin-top: 15px;
    text-align: left;
}

    .bannerLayer2 h1 {
        color: #fff;
        font-size: 36px;
        font-family: Dosis, sans-serif;
        margin: 0;
    }

.bannerContentHolder h2 {
    color: #fff;
    font-size: 36px;
    font-family: Dosis, sans-serif;
    margin: 0;
    padding: 10px 18px;
    text-shadow: 1px 1px 1px #333;
    text-transform: capitalize;
    background: rgba(51, 51, 51, 0.5);
    margin-top: 15px;
    display: inline-block;
}

    .bannerContentHolder h2 span,
    .bannerContentHolder h1 span, .bannerLayer2 span {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        display: block;
        padding-top: 10px;
        line-height: 26px;
    }

.dealHolder {
    width: 100%
}

.learn-more {
    text-decoration: underline;
    cursor: pointer;
}

.applies {
    color: #000;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0 19px;
}

    .applies .applies-txt {
        width: 78%;
        font-weight: 500;
        line-height: 16px;
        text-align: justify;
        color: #2f2f2f;
        background-color: #fff;
        border-radius: 4px;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 29px;
        font-size: 12px;
    }

        .applies .applies-txt .close-icon {
            position: absolute;
            cursor: pointer;
            right: -8px;
            top: -7px;
            font-size: 13px;
            width: 20px;
            height: 20px;
            color: #fff;
            background-color: #2f2f2f;
            padding: 3px 5px;
            border-radius: 17px;
        }

.promo-txt {
    padding: 15px 0 !important;
}

.applies .close_btn {
    color: #01518c;
    display: block;
    text-align: right;
    cursor: pointer;
}

.promo-txt b {
    border: 1px dashed #fff;
    padding: 2px 9px;
    position: relative;
}

.learn-more:hover {
    color: #c54f07;
}

.promo-txt b img {
    position: absolute;
    right: -10px;
    top: -7px;
}

.dealHolder li {
    width: 32.7%;
    border: 1px solid #ccc;
    float: left;
    overflow: hidden;
    margin-bottom: 12px;
    padding: 1%;
    color: #333;
    padding-right: 0.2%;
}

    .dealHolder li h2 {
        width: 100%;
        float: left;
        text-align: left;
        font-size: 16px;
        background: #03548c;
        line-height: 30px;
        margin: 0 0 10px;
        padding: 0 0 0 10px;
        color: #fff
    }

    .dealHolder li .deaLeftSec {
        width: 30%;
        float: left;
        margin: 0
    }

    .dealHolder li .deaMidSec {
        width: 46%;
        float: left;
        padding-left: 5%;
        line-height: 20px;
        height: 100px
    }

        .dealHolder li .deaMidSec b {
            font-size: 15px;
            word-break: break-all;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

    .dealHolder li .deaRightSec {
        width: 24%;
        float: right;
        line-height: 24px;
        padding-top: 10px
    }

.desc,
.inpWrap {
    float: left;
    width: 100%
}

.dealHolder li .deaRightSec b {
    font-size: 14px;
    display: block;
    padding-bottom: 5px
}

.callNow {
    color: #fff;
    background: #01a0d7;
    padding: 8px 10px;
    display: inline-block;
    font-size: 13px;
    line-height: 18px
}

    .callNow:focus,
    .callNow:hover {
        background: #03548c;
        color: #fff
    }

.dealHolder li:nth-child(3n+1) {
    margin-left: 0
}

.dateHolder {
    font-size: 12px
}

.about-intro {
    padding-top: 20px
}

.search-box.search-index-page {
    padding-bottom: 20px
}

.dealHolder li .deaLeftSec span {
    display: table-cell;
    vertical-align: middle
}

.dealHolder li .deaLeftSec {
    display: table;
    height: 80px;
    border: 1px solid #ccc;
    padding: 10px
}

    .dealHolder li .deaLeftSec img {
        max-height: 58px;
    }

.inpWrap {
    background: #fff
}

.innerSearchWidget .input-group-circle {
    top: 5px
}

.headeroverlay,
.headeroverlay1 {
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(255, 255, 255, 0);
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none;
}


.tel-top i {
    font-size: 29px;
    color: #c53e16;
    margin-right: 10px;
    position: absolute;
    left: 42px;
    top: 10px;
}

.call-out-box .level-item {
    padding: 12px 0 2px 0 !important
}

.tel-top .fa-phone {
    display: none;
}

#formSubscribe .input-container button[disabled] {
    cursor: not-allowed !important;
    background: var(--blueBg);
    color: #fff;
    line-height: 22px;
}

.fa-envelope-o.icon-left {
    top: 20px !important;
}

.callcentericon {
    position: absolute;
    right: -68px;
    top: -24px;
}

.main-nav li.search1:after {
    content: '';
    position: absolute;
    background: #ff6000;
    z-index: 99;
    left: -5px;
    width: 46px;
    height: 46px;
    top: -4px;
    border-radius: 29px;
    display: none;
}

.main-nav li.search1 p {
    padding-right: 8px;
    color: #333;
    font-size: 16px;
    padding-top: 10px;
}


.footer_call i.fa-phone {
    display: none !important;
}

#ipblockpopup p {
    font-size: 14px;
    line-height: 16px;
    margin-top: 20px;
    display: block;
}

#ipblockpopup .btn-danger {
    position: absolute;
    top: -13px;
    right: -18px;
    border-radius: 25px;
    background: var(--skyBlue);
    border: 0;
    padding: 7px 12px;
}

#ipblockpopup .modal-footer {
    padding: 0;
    border-top: 0;
}

#ipblockpopup .modal {
    top: 30%;
}

.mob-connecting-right {
    padding-left: 0 !important;
}

    .mob-connecting-right p {
        color: #c53e16;
        font-size: 13px;
        line-height: 30px;
        padding: 9px 0;
    }

    .mob-connecting-right ul {
        padding-left: 0 !important;
        padding-top: 0px !important;
        text-align: left;
    }

    .mob-connecting-right li {
        color: #751f05;
        font-size: 16px !important;
        position: relative;
        padding-left: 20px !important;
    }

        .mob-connecting-right li:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 11px;
            background: #c53e16;
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }

.tel-top a b {
    display: block;
    color: var(--skyBlue);
    font-size: 12px;
    padding-top: 8px;
    font-weight: 500;
}

.tripSummryHolder {
    border-bottom: 1px dashed #076ba7;
    padding-bottom: 20px;
}

    .tripSummryHolder h2 {
        font-size: 24px;
        margin: 0px;
        padding: 0px;
        margin: 10px 0px 0px -10px;
    }

    .tripSummryHolder + .tripSummryHolder {
        border: none;
    }

@media only screen and (max-width: 400px) {
    .destination-air ul li {
        width: 100% !important;
    }
}

#launcher {
    bottom: 44px !important;
}

.liveChatBtn#liveChat {
    float: right;
    margin-top: -20px;
    background: #209dcd;
    color: #fff;
    padding: 5px 20px;
}

#liveChat {
    color: var(--green);
}

.mob-connecting-right {
    text-align: center;
}

.callbackInpHolder button {
    background: #ff6000;
    border: none;
    color: #fff;
    padding: 6px 18px 6px 10px;
    font-size: 14px;
}

    .callbackInpHolder button i {
        font-size: 20px;
        margin-right: 5px;
        position: relative;
        top: 3px;
    }

.show_popup {
    position: fixed;
    right: -60px;
    top: 30%;
    z-index: 110;
    cursor: pointer;
    transition: all ease 0.5s;
}

    .show_popup.show {
        right: -5px;
        transition: all ease 0.2s;
        z-index: 9999999;
    }

    .show_popup:hover {
        right: 0px;
        transition: all ease 0.2s;
    }

.mains-term {
    position: relative;
}

a.termclose {
    border: 0;
    background: #fff;
    padding: 0;
    border-radius: 50%;
    line-height: 11px;
    color: #000;
    font-weight: bold;
    right: -7px;
    position: absolute;
    top: -5px;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    padding-left: 2px;
}

.leftslide-popip {
    position: absolute;
    width: 552px;
    height: 325px;
    right: 0;
    top: 150px;
    z-index: 100;
    transition: all ease 0.5s;
    background-image: url(/Content/images/blkfidayBg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    opacity: 0;
}

    .leftslide-popip.lefthide {
        right: 98px !important;
        transition: all ease 0.7s;
        opacity: 1;
    }

.main-logo {
    padding-top: 30px;
}

    .main-logo h2 {
        color: #fff;
    }

        .main-logo h2 span {
            color: #d51027;
        }

    .main-logo h4 {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
    }

        .main-logo h4 span.border {
            background: #d51027;
            color: #fff;
            padding: 2px 20px;
            border: 1px dashed #fff;
            font-size: 24px;
            margin-right: 10px;
            margin-left: 5px;
            border-radius: 10px;
        }

        .main-logo h4 a {
            font-size: 20px;
        }

#countdowntimer {
    padding: 10px 0px;
}

    #countdowntimer b, #countdowntimer {
        color: #000;
        font-size: 28px;
        font-weight: bold;
        line-height: 30px;
        text-shadow: 2px 0 0 #949494, -2px 0 0 #949494, 0 2px 0 #949494, 0 -2px 0 #949494, 1px 1px #949494, -1px -1px 0 #949494, 1px -1px 0 #949494, -1px 1px 0 #949494;
    }

#future_date, #future_date2, #future_date3 {
    padding-top: 5px;
    padding-left: 5px;
}

#countdowntimer img {
    vertical-align: middle;
    margin-top: -10px;
}

.term-popup {
    margin-top: 40px;
    font-size: 11px;
}

.leftslide-popip button.closbtn {
    border: 0;
    background: #fff;
    padding: 7px 7px 6px;
    border-radius: 50%;
    line-height: 11px;
    color: #000;
    font-weight: bold;
    right: 10px;
    position: absolute;
    top: 10px;
}

.mains-term {
    position: absolute;
    width: 400px;
    background: #fff;
    padding: 10px;
    line-height: 19px;
    font-size: 12px;
    color: #000;
    left: 60px;
}

.mains-term {
    display: none;
}

/*Black Friday*/
.black-friday .main-logo h2 {
    font-size: 29px;
}

    .black-friday .main-logo h2 sup {
        font-size: 12px;
    }

.black-friday .main-logo h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #dddddd;
    margin-top: 0;
}

    .black-friday .main-logo h3 img {
        height: 31px;
    }

.black-friday .main-logo h4 {
    font-size: 16px;
}

    .black-friday .main-logo h4 span.border {
        top: 2px;
        position: relative;
    }

.black-friday .main-logo h4 {
    font-size: 16px;
    margin: 4px 0;
    display: inline-block;
    width: 100%;
}

.black-friday .main-logo h5 {
    font-size: 24px;
    color: #fff;
    margin: 18px 0;
}

    .black-friday .main-logo h5 span {
        font-size: 26px;
        color: #d51027;
        text-shadow: 1px 1px 1px #fff;
    }

    .black-friday .main-logo h5 img {
        margin-left: 9px;
    }

    .black-friday .main-logo h5 span.rwedi {
        display: inline-block;
        /* width: 100%; */
        font-size: 12px;
        color: #fff;
        text-shadow: none;
        font-weight: normal;
        margin-right: 339px;
        position: relative;
        top: 6px;
    }

.black-friday .term-popup {
    margin-top: 20px;
    font-size: 11px;
    display: inline-block;
}

/*CYBER MONDAy sale*/
.leftslide-popip.cyber-monday {
    background-image: url(/Content/images/cyber-ng.png);
    background-repeat: no-repeat;
    background-color: #050e2f;
    background-size: 100% 100%;
    height: 345px;
    bottom: auto;
    top: 50px;
}

    .leftslide-popip.cyber-monday .main-logo {
        padding-top: 62px;
    }

    .leftslide-popip.cyber-monday img.hdns {
        margin-left: 21px;
    }

    .leftslide-popip.cyber-monday h2 {
        margin-top: 12px;
    }

    .leftslide-popip.cyber-monday h4 {
        font-size: 25px;
        display: inline-block;
        border: 1px solid #fff;
        padding: 2px 0 2px 14px;
        font-weight: 500;
    }

        .leftslide-popip.cyber-monday h4 span.border {
            background: #fff;
            color: #000000;
            border: 0;
            border-radius: 0;
            margin-right: 0;
            margin-left: 9px;
            box-shadow: 0 0 17px #1577db;
            border: 1px solid #1577db;
            margin-right: -1px;
        }

    .leftslide-popip.cyber-monday .number p {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 2px;
        position: relative;
        margin-top: 11px;
    }

    .leftslide-popip.cyber-monday .number a {
        background-color: #fff;
        color: #0088db;
        font-size: 25px;
        font-weight: 500;
        display: inline-block;
        padding: 2px 21px;
        line-height: 37px;
        border-radius: 15px;
        box-shadow: 0 0 30px #006aab;
        border: 1px solid #0088db;
    }

    .leftslide-popip.cyber-monday .term-popup {
        margin-top: 18px;
        font-size: 9px;
        float: right;
        margin-right: 30px;
        color: #fff;
    }

    .leftslide-popip.cyber-monday button.closbtn {
        background: #000;
        color: #fff;
        right: 5px;
        top: 5px;
        width: 40px;
        height: 40px;
        font-weight: 300;
    }

    .leftslide-popip.cyber-monday .term-box p {
        margin: 0;
        padding: 0;
        font-size: 10px;
        letter-spacing: 0;
        text-align: left;
        line-height: 14px;
    }

    .leftslide-popip.cyber-monday .mains-term {
        width: 250px;
        left: auto;
        bottom: 20px;
        right: 10px;
    }

    .leftslide-popip.cyber-monday a.termclose {
        background: #000;
        line-height: 11px;
        color: #fff;
        line-height: 18px;
        font-size: 8px;
        padding-left: 0px;
    }

/*New Year Banner*/
.new-year-flights,
.christmas-flights {
    position: relative;
}

.indbb {
    position: absolute;
    left: 60%;
    top: 72%;
    text-align: center;
    line-height: normal;
}

.indbb-main {
    position: relative;
}

.indbb a {
    font-size: 23px;
    color: #c5ad77;
    display: block;
    font-weight: normal;
}

.indbb span {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

.indbb small.tc-apply {
    font-size: 10px;
    color: #fff;
    display: inherit;
    margin-top: 3px;
    cursor: pointer;
}

.new-year-flights .indbb small.tc-apply {
    margin-top: 25px;
}

.indbb small.tc-apply span.ics,
.indbb small.tc-apply span.ics {
    font-size: 10px;
    height: 14px;
    width: 14px;
    border: 1px solid;
    display: inline-block;
    line-height: 12.8px;
    border-radius: 50px;
    margin-left: 1px;
}

.tp-banner-container {
    height: 565px;
}

.term-coditn {
    position: absolute;
    width: 234px;
    background: #fff;
    padding: 10px;
    padding-bottom: 0;
    bottom: -11px;
    right: -12px;
    display: none;
}

.new-year-flights .term-coditn {
    right: 90px;
}

.term-coditn p {
    font-size: 10px;
    text-align: left;
    font-weight: normal;
    color: #000;
}

.term-coditn a.clos-t {
    color: #fff;
    background: #000;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 8px;
    line-height: 18px;
    box-shadow: 0 0 3px #ccc;
}

.christmas-flights .indbb {
    left: 56.5%;
    top: 78.9%;
}

    .christmas-flights .indbb span.trc {
        font-size: 20px;
    }

    .christmas-flights .indbb a.nbr {
        margin-top: 18px;
        color: #000;
        font-size: 29px;
        font-weight: bold;
    }

    .christmas-flights .indbb small.tc-apply span.ics,
    .christmas-flights .indbb small.tc-apply {
        color: #000;
    }

.christmas-flights .term-coditn {
    width: 256px;
    right: 0;
}

.new-year-flights .indbb-main {
    border: 2px solid #a4b0c3;
    border-radius: 50px;
    width: 410px;
    height: 85px;
}

    .new-year-flights .indbb-main span.trc {
        font-size: 17.5px;
        font-weight: 500;
        padding-top: 10px;
        display: inline-block;
        width: 100%;
    }

    .new-year-flights .indbb-main a.nbr {
        color: #fff;
        font-size: 36px;
        font-weight: bold;
        background-image: url(/Content/pic/phone-icons.png);
        background-position: left center;
        background-repeat: no-repeat;
        display: inline-block;
        padding-left: 54px;
    }


.footerBottom .footerWhitesec {
    width: 100%;
}

.footerBottom .footer-visalogo {
    width: 100%;
}

    .footerBottom .footer-visalogo .securebooking1 {
        float: left;
        padding: 10px 0 8px 0;
        margin-left: -12px;
    }

.with-icon h2 {
    margin-bottom: 2px;
}

#launcher {
    display: none;
}


/*****************
 Paylater
*****************/
.spread-cost {
    text-align: center;
    background-image: url(/Content/images/bg-tisk.png);
    background-position: top center;
    background-size: 100% auto;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}

    .spread-cost h1,
    .spread-cost h2 {
        font-weight: 600;
        font-size: 26px;
        margin-bottom: 0;
    }

    .spread-cost .seprater {
        height: 10px;
        margin-top: 20px;
    }

    .spread-cost h3 {
        font-size: 16px;
        color: #5c5c5c;
        margin-top: 7px;
        margin-bottom: 14px;
    }

    .spread-cost .imgs {
        background-image: url(/Content/images/bok-cronr.png);
        height: 76px;
        background-position: top center;
        background-size: 100% 76px;
        width: 97%;
        position: relative;
        left: -2px;
        margin-top: 17px;
        float: left;
    }

        .spread-cost .imgs img {
            float: right;
            background: #085284;
            padding: 7px;
            border-radius: 50%;
            margin-top: 6px;
            margin-right: 6px;
            width: 55px;
            height: 55px;
        }

    .spread-cost .row {
        margin: 0 -8px;
    }

    .spread-cost .col-sm-3 {
        padding: 0 8px
    }

    .spread-cost .srv-box {
        background-color: #fff;
        box-shadow: 0 0 4px #ccc;
        border-radius: 4px;
        text-align: left;
        min-height: 250px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .spread-cost p {
        font-size: 15px;
        color: #5c5c5c;
        margin-top: 7px;
        margin-bottom: 14px;
    }

.seprater span {
    display: inline-block;
    width: 340px;
    background: #07436c;
    height: 1px;
    position: relative;
}

    .seprater span:before {
        content: '';
        width: 21px;
        position: absolute;
        height: 1px;
        background: #fff;
    }

.srv-box h2 {
    color: #2f2f2f;
    font-size: 15px;
    padding: 0 15px;
    display: inline-block;
}

.srv-box p {
    font-size: 12px;
    color: #2f2f2f;
    padding: 0 15px;
    line-height: 18px;
    text-align: justify;
}
/*how it wok*/
.howitwok {
    text-align: center;
    padding: 15px 0 40px 0;
}

    .howitwok .howbox h3 {
        font-size: 35px;
        font-weight: 900;
        width: 68px;
        height: 68px;
        background-color: #f1f1f1;
        display: inline-block;
        border-radius: 50%;
        line-height: 58px;
        border: 5px solid #fff;
        box-shadow: 0 0 4px #ccc;
        color: #2f2f2f;
        position: relative;
    }

        .howitwok .howbox h3:after {
            content: '';
            background-image: url(/Content/images/side-right1.png);
            width: 18px;
            height: 17px;
            position: absolute;
            bottom: -34px;
            left: 20px;
        }

    .howitwok h2 {
        font-size: 26px;
        margin-bottom: 0;
    }

    .howitwok h6 {
        font-size: 16px;
        color: #5c5c5c;
        margin-top: 7px;
        margin-bottom: 14px;
    }

    .howitwok p {
        color: #2f2f2f;
    }

    .howitwok h4 {
        font-size: 16px;
        color: #2f2f2f;
        margin-top: 26px;
    }

    .howitwok .howbox p {
        font-size: 12px;
    }

/*Check Your Eligibility*/
.cheelbty {
    width: 100%;
    display: inline-block;
    background-image: url(/Content/images/bvs-v2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 110px 0 110px 0;
    border-bottom: 1px solid #e3eff3;
}

    .cheelbty h2 {
        color: #2f2f2f;
        font-size: 26px;
        margin-top: 0;
    }

        .cheelbty ul li p,
        .cheelbty h2 + p {
            color: #5c5c5c;
            font-size: 15px;
        }

    .cheelbty ul {
        padding: 0;
        margin: 0;
        float: left;
    }

        .cheelbty ul li {
            position: relative;
            list-style: none;
            padding-left: 50px;
            margin: 30px 0;
            margin-left: 48px;
        }

            .cheelbty ul li h3 {
                color: #2f2f2f;
                font-size: 16px;
                margin: 0;
                padding: 0;
            }

            .cheelbty ul li p {
                margin-top: 2px;
            }

            .cheelbty ul li span {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translate(-50%, -50%);
                background-color: #f1f1f1;
                display: inline-block;
                border-radius: 50%;
                border: 5px solid #fff;
                box-shadow: 0 0 4px #ccc;
                width: 50px;
                height: 50px;
                text-align: center;
            }

                .cheelbty ul li span img {
                    position: absolute;
                    transform: translate(-50%, -50%);
                    left: 50%;
                    top: 49%;
                }

    .cheelbty .container {
        position: relative;
    }

    .cheelbty .imagessec {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
    }

        .cheelbty .imagessec img {
            border-radius: 30px;
            position: relative;
        }

        .cheelbty .imagessec span {
            display: inline-block;
            position: relative;
        }

            .cheelbty .imagessec span:before {
                content: '';
                border-radius: 30px;
                box-shadow: -40px 0 0 #07314a;
                width: 100%;
                height: 90%;
                position: absolute;
                transform: rotate(4deg);
                left: 23px;
                top: 10%;
            }

.playour {
    text-align: center;
    padding: 22px 0 50px 0;
    display: inline-block;
    width: 100%;
}

    .playour h2 {
        font-size: 25px;
        color: #2f2f2f;
        margin-bottom: 30px;
    }

    .playour .imgbox {
        background-color: #fff;
        box-shadow: 0 0 12px #cccccc;
        padding: 18px 15px;
        border-radius: 7px;
    }

        .playour .imgbox h3 {
            color: #2f2f2f;
            font-size: 20px;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 5px;
        }

        .playour .imgbox p {
            color: #5c5c5c;
            font-size: 13px;
        }

        .playour .imgbox a {
            text-transform: none;
            color: #fff;
            background: #07314a;
            padding: 10px 18px;
            font-size: 14px;
            margin-top: 2px;
            display: inline-block;
            border-radius: 8px;
        }

            .playour .imgbox a:hover {
                background: #000;
                text-decoration: none;
            }

.legal-sttment {
    width: 100%;
    display: inline-block;
    background-image: url(/Content/images/bhss1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;
    padding-bottom: 40px;
    padding-top: 32px;
}

    .legal-sttment p {
        font-size: 14px;
        color: #2f2f2f;
        line-height: 28px;
    }

    .legal-sttment ul {
        padding: 0;
        margin-left: 20px;
        margin-top: 30px;
    }

        .legal-sttment ul li {
            font-size: 14px;
            color: #2f2f2f;
            margin-bottom: 0;
            background-image: url(/Content/images/rogrrow.png);
            background-repeat: no-repeat;
            background-position: left center;
            list-style: none;
            padding-left: 20px;
        }

    .legal-sttment h2 {
        font-size: 16px;
        font-weight: bold;
    }

.payltrs h2 {
    text-transform: uppercase;
    color: #016eb2;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
    background: transparent;
    padding: 0;
    padding-top: 2px;
    text-shadow: none;
}

.payltrs h3 {
    margin: 0;
    text-transform: uppercase;
    color: #003b51;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    text-align: left;
}

.payltrs p {
    text-align: left;
    color: #003b51;
    font-size: 12px;
    margin-top: 3px;
}

.payltrs .bannerContentHolder {
    width: 590px;
    padding-left: 0;
}

.payltrs img {
    float: right;
    width: auto;
    position: relative;
    top: 24px;
}

.playour .item {
    margin: 10px 10px;
}

.playour .owl-nav {
    width: 100%;
    padding-top: 12px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.playour button.owl-prev {
    outline: none;
    float: left;
    position: relative;
    left: -42px;
}

.playour button.owl-next {
    outline: none;
    float: right;
    position: relative;
    right: -42px;
}

.playour .owl-nav button span {
    font-size: 31px;
    background: #319ed9;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 25px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 1px #000;
    margin: 0 6px;
}

.playour .owl-dots {
    display: none;
}

div#paylater {
    position: relative;
}

.playour .owl-item .imgbox img {
    width: 204px;
    display: inline-block;
    border-radius: 50%;
}

.owl-carousel .owl-nav button.disabled span {
    background: #cacaca;
    box-shadow: none;
    opacity: 0.8;
}
/*.baggage-itm*/
b.sm-icons {
    /*float: right;*/
    width: 194px;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 1px;
    background-position: top left;
    margin-top: 0;
}

b.handl-icon {
    background-image: url(/Content/images/hand-lug-icon.jpg);
    /*color: #524c4c;*/
    background-size: 19px;
}

b.bgr-icon {
    background-image: url(/Content/images/baggage-icon.jpg);
    /*color: #6dc26b;*/
    margin-right: 2px;
    background-size: 22px;
}

/*SESSION EXPIRED! POPUP*/
.logo-pos {
    background-color: #e7e7e7;
    margin: 0 -10px;
    padding: 7px;
}

    .logo-pos img {
        width: 130px;
    }

.erow {
    padding-top: 10px;
}

    .erow img {
        width: 100px;
    }

.session_popup h2 {
    color: var(--blueBg) !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 0 0 0 !important;
    font-size: 20px !important;
}

.session_popup .flight-title h3 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #2f2f2f;
    margin: 2px 0 5px 0;
}

.session_popup a.gotolist,
.session_popup button.relaunch-search {
    background-color: var(--blueBg);
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 24px;
    border-radius: 4px;
    text-shadow: 0 1px 1px #000;
    letter-spacing: 1px;
    margin: 7px 0 0 0;
}

.session_popup a.gotolist {
    background: #296d9a !important;
    margin: 0 0px 7px 0 !important;
}

.session_popup .refrsh a {
    background: transparent !important;
    color: var(--skyBlue) !important;
    text-decoration: underline;
    font-size: 15px;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
}

.session_popup h5 {
    margin-bottom: -14px;
    margin-top: 3px
}

    .session_popup h5 span {
        color: #2f2f2f;
        font-size: 14px;
        font-weight: normal;
        border: 1px solid #cccaca;
        width: 30px;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        border-radius: 50%;
    }

.session_popup .session-out {
    padding-left: 23px;
}

    .session_popup .session-out .title-wrp {
        background-image: url(/Content/images/customercare-icon-r.png);
        background-repeat: no-repeat;
        background-position: top left;
        text-align: left;
        padding: 11px 0 9px 68px;
    }

        .session_popup .session-out .title-wrp span {
            color: #2f2f2f;
            font-size: 15px;
        }

        .session_popup .session-out .title-wrp .num-fob {
            font-size: 38px;
            font-weight: 600;
            line-height: 44px;
        }

            .session_popup .session-out .title-wrp .num-fob a {
                background: transparent;
                color: #333;
                padding: 0;
                margin: 0;
            }

            .session_popup .session-out .title-wrp .num-fob img {
                position: relative;
                top: -3px;
                margin-right: 5px;
                width: 30px;
            }

div#sessiontimeout {
    padding-top: 0;
}

div#ContractSoldoutBookingpopup {
    padding-top: 0;
}

/*FARE CHANGED*/
.fare-expire-banner {
    background-color: #f1f1f1;
    display: flex;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .fare-expire-banner .left-sidebox {
        background-image: url(/Content/images/errors-price1.png);
        background-repeat: no-repeat;
        background-position: center left 15px;
        padding: 22px 0 23px 97px;
        background-size: 69px;
        width: 62%;
    }

        .fare-expire-banner .left-sidebox h2 {
            font-size: 20px;
            color: #e84513;
            font-weight: bold;
            margin: 0;
            padding-bottom: 5px;
        }

        .fare-expire-banner .left-sidebox p {
            color: #2f2f2f;
            font-size: 15px;
            margin: 0;
            line-height: 24px;
        }

            .fare-expire-banner .left-sidebox p span.bs2 {
                color: #d6461c;
                margin: 0 11px 0 6px;
                text-decoration: line-through;
            }

            .fare-expire-banner .left-sidebox p span.bs3 {
                margin-right: 4px;
            }

    .fare-expire-banner .right-sidebox {
        background: #f6f6f6;
        padding-left: 24px;
        width: 38%;
    }

        .fare-expire-banner .right-sidebox h3 {
            font-size: 16px;
            font-weight: normal;
            margin: 23px 0 17px 0px;
        }

        .fare-expire-banner .right-sidebox a {
            background-color: #235e86;
            border: 0;
            color: #fff;
            font-size: 15px;
            font-weight: 300;
            padding: 11px 17px;
            border-radius: 4px;
            text-shadow: 0 1px 1px #000;
            letter-spacing: 1px;
            margin: 0;
        }

#dvTravelSafety {
    background: #2a4166;
    font-size: 10px;
    padding: 8px 1.8%;
    color: #FFF;
    font-weight: normal;
    position: relative;
}

    #dvTravelSafety p {
        padding: 0px;
        margin: 0px
    }

    #dvTravelSafety a:hover {
        color: #fff;
        text-decoration: none !important;
    }

#divTravelSafetyClose {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 20px;
    cursor: pointer;
    background: #f2810d;
    padding: 0px 10px;
    height: 100%
}

/*New AutoComplete*/
.ui-menu .ui-menu-item {
    position: relative;
}

li.air-List.ui-menu-item li,
li.airList.ui-menu-item li {
    font-size: 14px;
    margin-left: 0;
    padding: 5px 0 5px 35px;
}

.ui-menu .ui-menu-item:after {
    content: "\f072";
    position: absolute;
    left: 8px;
    top: 13px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
}

.child-auto-list::after {
    left: 25px !important;
    content: "\f178" !important;
    font-size: 15px !important;
}

.ui-menu .ui-menu-item.parent-auto-list li {
    padding-left: 33px;
}

.ui-menu .ui-menu-item.air-List.child-auto-list,
.ui-menu .ui-menu-item.airList.child-auto-list {
    padding-left: 20px;
    padding-top: 3px;
}

.ui-menu .parent-auto-list::after {
    top: 8px;
}

.highlight-auto-list {
    background: yellow;
    color: #333;
}

.dealHolder li .deaLeftSec span img {
    width: auto;
    max-height: 57px;
}

.searchWidget .bx-wrapper {
    margin-bottom: 0;
}

.secureTravel {
    margin-top: 30px;
}

.scurtab ul {
    display: flex;
    align-items: center;
    padding-top: 20px;
    margin: 0;
}

    .scurtab ul li {
        font-size: 18px;
        color: #034053;
        text-transform: uppercase;
        font-weight: 600;
        margin-right: 51px;
        margin-left: 0;
        padding-left: 0;
    }

        .scurtab ul li h5 {
            font-size: 16px;
            color: #fff;
            text-transform: none;
            font-weight: 400;
            background-color: #034053;
            border-radius: 4px 4px 0 0;
            margin: 0;
            padding: 3px 28px;
        }

            .scurtab ul li h5 img {
                margin-right: 15px;
            }

.styles-noProtectionWrapper-R2AZS {
    background: #034053;
}

.styles-refundHeaderLeft-a4Tg2 > div {
    display: inline-flex;
    align-items: center;
}

.styles-noProtectionWrapper-R2AZS h3 {
    color: #fff;
}

.styles-noProtectionWrapper-R2AZS i::before {
    color: #fff;
}

.ilbc a {
    font-size: 11px;
    color: #337ab7;
    text-decoration: underline !important;
    font-weight: 500;
}

ul.withnumbermfp li {
    font-size: 13px !important;
    line-height: 26px !important;
    color: #424f58 !important;
    margin-left: 10px !important;
}

ul.withnumbermfpBullet li {
    font-size: 13px !important;
    line-height: 26px !important;
    color: #424f58 !important;
    list-style-type: disc;
    margin-left: 30px !important;
}

/****** Disclaimer Text *******/



.subcribeContent {
    font-size: 10px;
    padding-top: 7px;
    line-height: 14px;
    display: block;
    color: #000;
    clear: both;
}

    .subcribeContent a {
        text-decoration: underline !important;
        color: #1136bf !important;
    }


.subtotalInfoHolder {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    z-index: 11;
}

    .subtotalInfoHolder i {
        color: #333;
        font-size: 14px;
        cursor: pointer;
    }

    .subtotalInfoHolder b {
        display: none;
        position: absolute;
        right: -5px;
        top: 12px;
        background: #fff;
        padding: 10px;
        width: 336px;
        font-size: 11px;
        border: 1px solid #ccc;
        line-height: 17px;
        z-index: 999;
        text-align: left;
    }

        .subtotalInfoHolder b a {
            text-decoration: underline !important;
            color: #1136bf !important;
        }

    .subtotalInfoHolder:hover b {
        display: block;
    }

.businessClassHolder .search-results-title p {
    font-size: 11px;
    line-height: 15px;
}

.paymentConfText {
    font-size: 12px;
    line-height: 15px;
    padding-top: 15px;
    clear: both;
    line-height: 17px;
}

    .paymentConfText a,
    .search-results-title p a {
        text-decoration: underline !important;
        color: #1136bf !important;
    }

.bookConfText {
    font-size: 11px;
    padding-top: 10px;
    margin-left: 8%;
}

    .bookConfText a {
        text-decoration: underline !important;
    }

#divPriceSummary {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/**new css02jan**/

.mainheaderarea {
    position: relative;
}

.tp-banner-container {
    position: absolute;
    bottom: 23%;
    margin: auto;
    width: 100%;
}

.PassengersBoxarea {
    position: relative;
    width: 100%;
    cursor: pointer;
    display: block;
}

    .PassengersBoxarea .arrowiconimg {
        position: absolute;
        top: 0px;
        width: 98%;
        right: 0;
        height: 100%;
    }

        .PassengersBoxarea .arrowiconimg img {
            width: auto;
            position: absolute;
            right: 12px;
            top: 45%;
        }

.widgetTxtFieldHolder li:nth-child(1) {
    width: 50%;
}

.widgetTxtFieldHolder li:nth-child(2) {
    width: 28%;
}

.widgetTxtFieldHolder li:nth-child(3) {
    width: 22%;
}

.TabSearchCopmonent {
    width: 100%;
}

    .TabSearchCopmonent .widgetTxtFieldHolder {
        border: 1px solid #ccc;
        border-radius: 8px;
        margin-bottom: 0;
        display: flex;
    }

.widgetTxtFieldHolder li:nth-child(1)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: #ccc;
    right: 6px;
    top: 33%;
}

.widgetTxtFieldHolder li:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: #ccc;
    right: 6px;
    top: 33%;
}

.swapIcon {
    align-items: center;
    display: flex;
    padding: 0 5px;
    cursor: pointer;
}

.passengerBoxmain {
    position: absolute;
    right: 2%;
    width: 298px;
    background: #fff;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
}


    .passengerBoxmain .src-input {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        width: 33.33%;
    }

        .passengerBoxmain .src-input.cabinclass {
            width: 100%;
        }

        .passengerBoxmain .src-input label {
            position: initial !important;
        }

        .passengerBoxmain .src-input select, textarea {
            padding: 0px 8px 0;
            height: 40px;
        }

.doneBTN {
    background: var(--skyBlue);
    color: #fff;
    display: block;
    padding: 2px 18px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

    .doneBTN:hover {
        color: #fff;
    }

.btnfilterflight {
    margin-top: 25px;
    margin-bottom: 50px;
}

    .btnfilterflight .col3 {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    .btnfilterflight .colOne {
        min-width: 11.563rem;
        padding-right: 2.813rem;
    }

        .btnfilterflight .colOne input {
            background: url(/Content/images/searchIco.png) 0 0.063rem no-repeat;
            background-size: 0.875rem;
            border: none;
            border-bottom: 0.063rem solid #9da1ae;
            padding: 0 0.313rem 0.5rem 1.313rem;
            height: 22px;
        }

.imagesmainbanner img {
    /*height: 88vh;
    object-fit: cover;*/
}

.book-cheaphead {
    position: absolute;
    top: 15%;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 3.2vw;
    color: var(--skyBlue);
}

.TB_mainhead {
    width: 1340px;
    background: #ffffff4d;
    padding: 50px 20px;
    margin: auto;
}
body.lock-position {
    height: 100vh;
    overflow: hidden;
    width: 100%;
    position: fixed !important;
}

.uc-privacy-policy .privacy-row .privacy-title {
    text-align: center;
    width: 100%;
}

.uc-privacy-policy .privacy-row .privacy-meta-text, .uc-privacy-policy .privacy-section .privacy-meta-group {
    display: none;
}
.uc-privacy-policy .privacy-content .gap-large {
    margin: 0;
}
.uc-privacy-policy .privacy-section .privacy-list .privacy-list-item{
    color:#000;
}
.uc-privacy-policy .privacy-section .privacy-text a {
    color: #000;
}
.uc-privacy-policy .privacy-footer{
    display:none;
}

@media (max-width: 1032px) {
    .TB_mainhead {
        width: 98%;
        background: #ffffff4d;
        padding: 3vw 0;
        margin: auto;
    }

    .searchbtnhome {
        width: auto;
    }

    .call-icon-wrap {
        display: none;
    }

    .imagesmainbanner img {
        height: 52vh;
        object-fit: cover;
    }

    .inner-nav ul li > a {
        font-size: 13px;
    }
    .navFooter {
        flex-wrap: wrap;
        gap: 20px;
    }
    .navFooter .firstcolDiv {
        width: 48% !important;
    }

    .navFooter .colDiv {
        width: 48%;
    }
}

@media (max-width: 991px) {
    .search-section.search-index-page, .widgetTxtFieldHolder {
        flex-wrap: wrap;
    }

        .widgetTxtFieldHolder li:nth-child(1) {
            width: 100%;
        }

        .widgetTxtFieldHolder li:nth-child(2) {
            width: 50%;
        }

        .widgetTxtFieldHolder li:nth-child(3) {
            width: 50%;
        }

        .widgetTxtFieldHolder li:nth-child(1)::after {
            content: "";
            position: absolute;
            width: 98%;
            height: 1px;
            background: #ccc;
            /* right: 6px; */
            top: 94%;
            left: 6px;
        }

    .services .servBox .iconImg img {
        width: 8vw;
        height: 5vw;
        object-fit: contain;
    }

    .services .servBox .iconImg {
        min-height: 50px;
    }

    .services .servBox {
        padding: 1.188rem 12px;
    }

        .services .servBox h3 {
            font-size: 15px;
            line-height: 18px;
        }

        .services .servBox .contentDiv {
            padding: 15px 0 0;
        }

    .exclsiveDealHome .descText .dstCityName {
        font-size: 2.1vw;
        line-height: 18px;
    }

    .exclsiveDealHome .descText .dateText {
        font-size: 1.6vw;
    }

    .exclsiveDealHome .descText .linkBtn {
        padding: 5px 8px;
    }

    .exclsiveDealHome .cardWrap .card {
        width: 48.5%;
    }

    .callbgimage {
        right: 57px;
        top: 17%;
    }

    .full-wrapper {
        position: absolute;
        right: 0;
    }

    .main-nav {
        width: 800px;
        left: inherit;
        margin: auto;
        text-align: left;
        top: 10px;
        height: auto;
        z-index: auto;
        position: absolute;
        right: 20px;
    }
}

@media (max-width: 768px) {
    .imagesmainbanner img {
        height: 61vh;
    }

    .widgetTxtFieldHolder li:nth-child(2) {
        width: 50%;
    }

    .widgetTxtFieldHolder li:nth-child(3) {
        width: 50%;
    }
}

ul.Destinations li.Destination a {
	color: #0094ff
}

footer .footer-block a.footer-link {
	display: block;
	padding: 5px 0;
	font-size: 14px
}

#formAirSearch input[type=radio] {
	-webkit-appearance: radio
}

#formAirSearch label.label-input {
	margin: 0 10px 0 0
}

.booking-item {
	background-color: #fff;
	border: 1px solid #045084!important;
	margin: 0;
	font-size: 14px;
	position: relative
}

.divPopUpMsg {
	position: fixed;
	top: 30%;
	left: 25%;
	z-index: 999999999;
	line-height: 30px;
	font-size: 18px;
	/*background-image: url(/Content/images/popup-bg.png);*/
	background-size: 100% 100%;
	margin: auto;
	width: 650px;
	height: 300px;
	padding: 0 20px;
	border: 1px solid #000;
	box-shadow: 0 0 2px #fff
}

.divPopUpMsg h2.pop-title {
	color: #fff;
	margin: 15px 0 5px;
	font-size: 24px
}

.divPopUpMsg a.btnClose {
	color: #000;
	font-size: 24px;
	position: absolute;
	right: 20px;
	bottom: 10px
}

.strong {
	font-weight: 700
}

.divAirOption {
	line-height: 24px;
	cursor: pointer;
	font-size: 13px
}

.divAirOption input.cbOption {
	-webkit-appearance: radio;
	margin: -7px 0 0 -21px
}

.divAirOption [class*=col-] {
	padding-left: 1px;
	padding-right: 1px
}

.divAirOption .row div.radio-inline {
	display: none
}

.booking-item-airline-logo img {
	max-width: 100%
}

span.booking-item-price {
	font-size: 32px;
	margin: 10px 0 0;
	display: block;
	color: #0a476a
}

.row.selop {
	color: #556268;
	font-weight: 500
}

.booking-item-flight-details.InBound:before {
	content: ' ';
	border-top: 1px dashed #307fca;
	height: 100%;
	position: absolute;
	left: -11px
}

.slider-sidebar {
	background: #e7e7e7;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	height: 7px;
	position: relative;
	margin: 0 6%
}

.slider-sidebar .range {
	display: none
}

.slider-sidebar .ui-slider-range {
	top: -1px;
	bottom: -1px;
	height: inherit;
	position: relative;
	background-color: #36638d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

.slider-sidebar .ui-slider-handle {
	top: -8px;
	margin-left: -7px;
	outline: 0;
	cursor: pointer
}

.slider-sidebar .ui-slider-handle label {
	text-align: center;
	bottom: -19px;
	width: 60px;
	left: 50%;
	right: inherit;
	max-width: inherit;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0)
}

.slider-sidebar label {
	position: absolute;
	color: #999;
	font-family: Quicksand, sans-serif;
	font-size: 13px;
	bottom: -25px;
	line-height: 1;
	font-weight: 400;
	margin: 0
}

ul.top-area-list {
	font-size: 12px;
	margin: -10px 0;
	float: right;
	color: #fff
}

ul.top-area-list li,
ul.top-area-list li i {
	display: inline-block;
	margin: 0 10px
}

.banner-breadcrumb li a:after {
	content: '/';
	display: inline-block;
	margin: 0 0 0 8px;
	color: #fff!important
}

.disnone:before,
.gap:after {
	content: ' '
}

p.callNow:hover {
	cursor: pointer;
	text-decoration: underline
}

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

.gap {
	display: block;
	position: relative;
	margin: 30px 0;
	clear: both
}

.gap:after {
	clear: both;
	display: table
}

.gap-small {
	margin: 15px 0
}

.gap-mini {
	margin: 10px 0
}

.gap-big {
	margin: 60px 0
}

.gap-large {
	margin: 90px 0
}

.gap-top {
	margin-bottom: 0!important
}

.gap-bottom {
	margin-top: 0!important
}

.gap-border {
	border: 0;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #fff
}

.p-t-0 {
	padding-top: 0!important
}

.p-r-0 {
	padding-right: 0!important
}

.p-l-0 {
	padding-left: 0!important
}

.p-b-0 {
	padding-bottom: 0!important
}

.padding-0 {
	padding: 0!important
}

.p-t-5 {
	padding-top: 5px!important
}

.p-r-5 {
	padding-right: 5px!important
}

.p-l-5 {
	padding-left: 5px!important
}

.p-b-5 {
	padding-bottom: 5px!important
}

.padding-5 {
	padding: 5px!important
}

.p-t-10 {
	padding-top: 10px!important
}

.p-r-10 {
	padding-right: 10px!important
}

.p-l-10 {
	padding-left: 10px!important
}

.p-b-10 {
	padding-bottom: 10px!important
}

.padding-10 {
	padding: 10px!important
}

.p-t-15 {
	padding-top: 15px!important
}

.p-r-15 {
	padding-right: 15px!important
}

.p-l-15 {
	padding-left: 15px!important
}

.p-b-15 {
	padding-bottom: 15px!important
}

.padding-15 {
	padding: 15px!important
}

.p-t-20 {
	padding-top: 20px!important
}

.p-r-20 {
	padding-right: 20px!important
}

.p-l-20 {
	padding-left: 20px!important
}

.p-b-20 {
	padding-bottom: 20px!important
}

.padding-20 {
	padding: 20px!important
}

.p-t-25 {
	padding-top: 25px!important
}

.p-r-25 {
	padding-right: 25px!important
}

.p-l-25 {
	padding-left: 25px!important
}

.p-b-25 {
	padding-bottom: 25px!important
}

.padding-25 {
	padding: 25px!important
}

.p-t-30 {
	padding-top: 30px!important
}

.p-r-30 {
	padding-right: 30px!important
}

.p-l-30 {
	padding-left: 30px!important
}

.p-b-30 {
	padding-bottom: 30px!important
}

.padding-30 {
	padding: 30px!important
}

.p-t-35 {
	padding-top: 35px!important
}

.p-r-35 {
	padding-right: 35px!important
}

.p-l-35 {
	padding-left: 35px!important
}

.p-b-35 {
	padding-bottom: 35px!important
}

.padding-35 {
	padding: 35px!important
}

.p-t-40 {
	padding-top: 40px!important
}

.p-r-40 {
	padding-right: 40px!important
}

.p-l-40 {
	padding-left: 40px!important
}

.p-b-40 {
	padding-bottom: 40px!important
}

.padding-40 {
	padding: 40px!important
}

.p-t-45 {
	padding-top: 45px!important
}

.p-r-45 {
	padding-right: 45px!important
}

.p-l-45 {
	padding-left: 45px!important
}

.p-b-45 {
	padding-bottom: 45px!important
}

.padding-45 {
	padding: 45px!important
}

.p-t-50 {
	padding-top: 50px!important
}

.p-r-50 {
	padding-right: 50px!important
}

.p-l-50 {
	padding-left: 50px!important
}

.p-b-50 {
	padding-bottom: 50px!important
}

.padding-50 {
	padding: 50px!important
}

.p-t-55 {
	padding-top: 55px!important
}

.p-r-55 {
	padding-right: 55px!important
}

.p-l-55 {
	padding-left: 55px!important
}

.p-b-55 {
	padding-bottom: 55px!important
}

.padding-55 {
	padding: 55px!important
}

.p-t-60 {
	padding-top: 60px!important
}

.p-r-60 {
	padding-right: 60px!important
}

.p-l-60 {
	padding-left: 60px!important
}

.p-b-60 {
	padding-bottom: 60px!important
}

.padding-60 {
	padding: 60px!important
}

.p-t-65 {
	padding-top: 65px!important
}

.p-r-65 {
	padding-right: 65px!important
}

.p-l-65 {
	padding-left: 65px!important
}

.p-b-65 {
	padding-bottom: 65px!important
}

.padding-65 {
	padding: 65px!important
}

.p-t-70 {
	padding-top: 70px!important
}

.p-r-70 {
	padding-right: 70px!important
}

.p-l-70 {
	padding-left: 70px!important
}

.p-b-70 {
	padding-bottom: 70px!important
}

.padding-70 {
	padding: 70px!important
}

.p-t-75 {
	padding-top: 75px!important
}

.p-r-75 {
	padding-right: 75px!important
}

.p-l-75 {
	padding-left: 75px!important
}

.p-b-75 {
	padding-bottom: 75px!important
}

.padding-75 {
	padding: 75px!important
}

.p-t-80 {
	padding-top: 80px!important
}

.p-r-80 {
	padding-right: 80px!important
}

.p-l-80 {
	padding-left: 80px!important
}

.p-b-80 {
	padding-bottom: 80px!important
}

.padding-80 {
	padding: 80px!important
}

.p-t-85 {
	padding-top: 85px!important
}

.p-r-85 {
	padding-right: 85px!important
}

.p-l-85 {
	padding-left: 85px!important
}

.p-b-85 {
	padding-bottom: 85px!important
}

.padding-85 {
	padding: 85px!important
}

.p-t-90 {
	padding-top: 90px!important
}

.p-r-90 {
	padding-right: 90px!important
}

.p-l-90 {
	padding-left: 90px!important
}

.p-b-90 {
	padding-bottom: 90px!important
}

.padding-90 {
	padding: 90px!important
}

.p-t-95 {
	padding-top: 95px!important
}

.p-r-95 {
	padding-right: 95px!important
}

.p-l-95 {
	padding-left: 95px!important
}

.p-b-95 {
	padding-bottom: 95px!important
}

.padding-95 {
	padding: 95px!important
}

.p-t-100 {
	padding-top: 100px!important
}

.p-r-100 {
	padding-right: 100px!important
}

.p-l-100 {
	padding-left: 100px!important
}

.p-b-100 {
	padding-bottom: 100px!important
}

.padding-100 {
	padding: 100px!important
}

.m-t-0 {
	margin-top: 0
}

.m-r-0 {
	margin-right: 0
}

.m-l-0 {
	margin-left: 0
}

.m-b-0 {
	margin-bottom: 0
}

.no-margin {
	margin: 0!important
}

.m-t-5 {
	margin-top: 5px
}

.m-r-5 {
	margin-right: 5px
}

.m-l-5 {
	margin-left: 5px
}

.m-b-5 {
	margin-bottom: 5px
}

.margin-5 {
	margin: 5px!important
}

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

.m-r-10 {
	margin-right: 10px
}

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

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

.margin-10 {
	margin: 10px!important
}

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

.m-r-15 {
	margin-right: 15px
}

.m-l-15 {
	margin-left: 15px
}

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

.margin-15 {
	margin: 15px!important
}

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

.m-r-20 {
	margin-right: 20px
}

.m-l-20 {
	margin-left: 20px
}

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

.margin-20 {
	margin: 20px!important
}

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

.m-r-25 {
	margin-right: 25px
}

.m-l-25 {
	margin-left: 25px
}

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

.margin-25 {
	margin: 25px!important
}

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

.m-r-30 {
	margin-right: 30px
}

.m-l-30 {
	margin-left: 30px
}

.m-b-30 {
	margin-bottom: 30px
}

.margin-30 {
	margin: 30px!important
}

.m-t-35 {
	margin-top: 35px
}

.m-r-35 {
	margin-right: 35px
}

.m-l-35 {
	margin-left: 35px
}

.m-b-35 {
	margin-bottom: 35px
}

.margin-35 {
	margin: 35px!important
}

.m-t-40 {
	margin-top: 40px
}

.m-r-40 {
	margin-right: 40px
}

.m-l-40 {
	margin-left: 40px
}

.m-b-40 {
	margin-bottom: 40px
}

.margin-40 {
	margin: 40px!important
}

.m-t-45 {
	margin-top: 45px
}

.m-r-45 {
	margin-right: 45px
}

.m-l-45 {
	margin-left: 45px
}

.m-b-45 {
	margin-bottom: 45px
}

.margin-45 {
	margin: 45px!important
}

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

.m-r-50 {
	margin-right: 50px
}

.m-l-50 {
	margin-left: 50px
}

.m-b-50 {
	margin-bottom: 50px
}

.margin-50 {
	margin: 50px!important
}

.m-t-55 {
	margin-top: 55px
}

.m-r-55 {
	margin-right: 55px
}

.m-l-55 {
	margin-left: 55px
}

.m-b-55 {
	margin-bottom: 55px
}

.margin-55 {
	margin: 55px!important
}

.m-t-60 {
	margin-top: 60px
}

.m-r-60 {
	margin-right: 60px
}

.m-l-60 {
	margin-left: 60px
}

.m-b-60 {
	margin-bottom: 60px
}

.margin-60 {
	margin: 60px!important
}

.m-t-65 {
	margin-top: 65px
}

.m-r-65 {
	margin-right: 65px
}

.m-l-65 {
	margin-left: 65px
}

.m-b-65 {
	margin-bottom: 65px
}

.margin-65 {
	margin: 65px!important
}

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

.m-r-70 {
	margin-right: 70px
}

.m-l-70 {
	margin-left: 70px
}

.m-b-70 {
	margin-bottom: 70px
}

.margin-70 {
	margin: 70px!important
}

.m-t-75 {
	margin-top: 75px
}

.m-r-75 {
	margin-right: 75px
}

.m-l-75 {
	margin-left: 75px
}

.m-b-75 {
	margin-bottom: 75px
}

.margin-75 {
	margin: 75px!important
}

.m-t-80 {
	margin-top: 80px
}

.m-r-80 {
	margin-right: 80px
}

.m-l-80 {
	margin-left: 80px
}

.m-b-80 {
	margin-bottom: 80px
}

.margin-80 {
	margin: 80px!important
}

.m-t-85 {
	margin-top: 85px
}

.m-r-85 {
	margin-right: 85px
}

.m-l-85 {
	margin-left: 85px
}

.m-b-85 {
	margin-bottom: 85px
}

.margin-85 {
	margin: 85px!important
}

.m-t-90 {
	margin-top: 90px
}

.m-r-90 {
	margin-right: 90px
}

.m-l-90 {
	margin-left: 90px
}

.m-b-90 {
	margin-bottom: 90px
}

.margin-90 {
	margin: 90px!important
}

.m-t-95 {
	margin-top: 95px
}

.m-r-95 {
	margin-right: 95px
}

.m-l-95 {
	margin-left: 95px
}

.m-b-95 {
	margin-bottom: 95px
}

.margin-95 {
	margin: 95px!important
}

.m-t-100 {
	margin-top: 100px
}

.m-r-100 {
	margin-right: 100px
}

.m-l-100 {
	margin-left: 100px
}

.m-b-100 {
	margin-bottom: 100px
}

.margin-100 {
	margin: 100px!important
}

.slider-sidebar label.label-min {
	left: -1px;
	float: left;
	margin-left: -5px;
	position: static;
	padding-top: 25px;
	color: #fff
}

.slider-sidebar label.label-max {
	right: 0;
	float: right;
	position: static;
	padding-top: 15px;
	color: #fff;
	margin-right: -11px
}

.radio-selection {
	margin-bottom: 10px
}

.radio-selection input {
	margin-right: 4px
}

.cws-widget {
	padding-bottom: 15px;
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.cws-widget:last-child {
	border: 0;
	margin: 0;
	padding: 0
}

.radio-btn-wrapper {
	padding: 2px 0
}

#cphFull_lblMsg {
	width: 72.6%;
	text-align: center;
	float: left;
	margin-left: 15px;
	margin-top: 15px
}

.resultBox {
	float: right;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif
}

.booking-list li {
	float: left;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 3px #CCC
}

.booking-item-flight-details {
	border: none;
	padding: 0
}

.divAirOption {
	color: #666;
	min-height: inherit
}

.slider-sidebar .ui-slider-horizontal .ui-slider-handle {
	top: -3px
}

.slider-sidebar .ui-slider-handle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #FFF;
	border: 2px solid #08436d
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

#cphFull_lblMsg h2 {
	font-size: 23px;
	color: green;
	padding-bottom: 0;
	font-weight: 400
}

#cphFull_lblMsg span {
	padding: 20px
}

.closeinstantcall {
	position: absolute!important;
	right: 11px;
	top: 4px!important;
	cursor: pointer;
	font-size: 15px!important
}

.flaticon-call {
	width: 35px;
	height: 30px;
	display: inline-block;
	padding-left: 11px
}

.btnHolder .disnone {
	position: absolute;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	left: -26px;
	margin-top: 14px;
	padding: 2px 32px 5px 24px;
	transition: 2s;
	top: -11px!important
}

.disnone:before {
	position: absolute;
	z-index: -1;
	width: 115%;
	height: 100%;
	top: -9px;
	left: -4%;
	padding-bottom: 45px;
	background-color: rgba(0, 0, 0, .6);
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg)
}

.disnone input[type=text] {
	background: #fff;
	font-size: 12px;
	padding: 5px 10px 3px;
	color: #44505e
}

.disnone button {
	font-size: 14px;
	background: #ffc107;
	color: #fff;
	border: none;
	padding: 10px 20px;
	margin: 0 0 0 6px;
	line-height: 9px;
	vertical-align: middle
}

.disnone .error-call {
	bottom: 0;
	left: 20px
}

.error-call {
	display: none;
	color: red;
	font-size: 12px;
	position: absolute;
	top: 21px
}

.enquirybtn,
.getCallbtn {
	float: left;
	display: block;
	font-size: 14px;
	text-transform: uppercase
}

.callusbtn svg,
.level-item svg:not(:root) {
	display: inline-block
}

.headerTop h1 {
	margin: 0;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px
}

.getCallbtn {
	color: #fff;
	padding: 29px 26px 26px 65px
}

.getCallbtn:hover {
	color: #ffc107
}

.getCallbtn:hover .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
	background-color: #c53e16
}

.level-item {
	float: left;
	width: 25%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
    padding: 8px 0 8px 0;
}

.callusbtn svg {
	color: #fff!important;
	fill: #fff;
	margin-top: 10px;
	position: absolute;
	left: 19px;
	top: 5px;
	width: 28px;
    top: -11px !important;
    left:4px!important;

}

.enquirybtn {
	background: rgba(0, 158, 227, .78);
	color: #fff;
	padding: 30px
}

.display-none {
	display: none;
	transition: all 1s ease-in-out
}

.display-block {
	display: block!important;
	animation: fadein 2s;
	-moz-animation: fadein 2s;
	-webkit-animation: fadein 2s;
	-o-animation: fadein 2s
}

@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

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

@-o-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.phonering-alo-phone i {
	font-size: 40px
}

.phonering-alo-phone span {
    margin: 0 5px;
    position: relative;
    top: 0px;
    font-size: 12px;
    line-height: 14px;   
    width: 70%;
    float: right;
    padding-top: 8px;
}
#form1{padding-left:10px;}
.phonering-alo-phone a {
	color: #fff
}



@media (max-width:1200px) {
	.closeinstantcall {
		right: 11px;
		top: 25px!important;
		position: static!important
	}
	.btnHolder .disnone {
		padding: 1px 0 0;
		transition: 2s;
		margin: 0 0 0 -6px
	}
	.disnone input[type=text] {
		padding: 5px 5px 3px
	}
	.tp-banner-slider {
		height: 700px!important
	}
}

.advanced-options {
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	margin-top: 37px;
	vertical-align: middle
}

.advanced-options i {
	margin-top: 3px;
	padding-left: 6px;
	vertical-align: middle
}

.footer-visalogo {
	float: left;
	padding-top: 10px
}

.searchResultBox .price.book a {
	background: no-repeat;
	padding: 0
}

.min-value-r .slider-sidebar input#MaxDuration+.ui-slider-handle {
	display: none!important
}

.callusair {
	text-align: right;
	position: absolute;
	right: -8px
}

.callusair span {
	color: #fff;
	background: #e32222;
	border-radius: 51px;
	padding: 5px 24px
}

.callusair span i {
	padding-right: 4px
}

#ui-datepicker-div {
	z-index: 14!important
}

.closeit {
	display: none
}

.col-box-book.blue a {
	display: block;
	padding-left: 15px
}

.col-box-book {
	display: block;
	height: 88px;
	margin-top: -27px;
	margin-right: -9px
}

.booking-item-container {
	margin-bottom: 40px
}

.booking-item-airline-logo div.padd30,
.booking-item-airline-logo p {
	padding: 0
}

.booking-item-flight-details {
	margin: 0
}

.booking-item-flight-details.InBound .booking-item-airline-logo {
	padding-top: 14px
}

.booking-item-flight-details.InBound {
	margin-top: -6px;
	padding-top: 2px
}

.booking-item {
	padding: 10px 10px 0
}

.dateToMob+.col-md-3.padd30 {
	line-height: 17px;
	padding-bottom: 5px
}

.booking-item-airline-logo img {
	margin-top: -10px;
	width: 50%
}

.booking-item-flight-details.InBound:before {
	width: 123%
}

.timeout-popup-deals{visibility:hidden;height:0px;}
.phonering-alo-phone{display:none;}
@media (max-width:768px) {
    .footer_call i.fa-phone{display:block!important;}
.phonering-alo-phone{display:block;}
.tel-top span.callnowpop{display:none;}


	#formCallOus,
	.footerTop .hideformobile+.col-sm-6 {
		margin-left: 0
	}
	.top-Airline ul li {
		width: 50%
	}
	.callbgimage {
		display: none
	}
	.tel-top>span {
		position: static!important
	}
	.breadcrumbs h2 {
		margin: 0;

	}
	.ausu-suggestionsBox ul li {
		font-size: 13px!important;
		background: #045084;
		color: #fff!important;
		border: none
	}
	.airline-detail-area .leg-area .duration .steps {
		color: #6e6e6e;
		font-size: .75em;
		text-align: center;
		display: block;
		clear: both;
		line-height: 16px;
		position: relative;
		font-family: inherit;
		font-weight: 700
	}
	.closeit,
	.searchWidget .w3-content.w3-section img {
		display: none!important
	}
	.searchWidget {
		height: auto;
		background: #021e2d!important
	}
	.inner-detail .telnum2 {
		font-size: 13px;
		font-family: inherit;
		font-weight: 700
	}
	#formCallOus input {
		height: 35px;
		margin-left: 30px;
		box-shadow: inherit;
		border: 1px solid #045084;
		width: 79%;
		font-size: 16px
	}
	.call-to-phone .fieldButton {
		margin-top: 15px;
		float: left;
		margin-left: 9px
	}
	.call-to-phone .closeit {
		bottom: 13px;
		right: 50px
	}
	.closeit {
		color: #cf4219;
		font-size: 21px
	}
	.call-to-phone {
		position: absolute;
		right: 30px;
		z-index: 9;
		top: 65px;
		background: #f1f1f1;
		padding: 13px 15px 5px!important
	}
	.search-index-page .drop-errow2 input {
		padding-left: 14px
	}
	header {
		margin-top: 0
	}
	.footer-visalogo {
		float: left;
		width: 100%;
		text-align: center;
		padding-top: 10px;
		margin-top: 10px
	}
	.is-half .level {
		margin: 0
	}
	.search-index-page .flight-box {
		width: 26%;
		font-size: 16px
	}
	.search-index-page .cff-list-tab {
		width: 97px
	}
	.tile.is-8 {
		width: 100%
	}
	.is-11 {
		flex: none
	}
	.special-offer {
		height: auto
	}
	.search-index-page {
		margin-top: 6px;
		padding: 0;
		position: static
	}
	#cycler {
		visibility: hidden;
		display: none
	}
	.timeout-popup.callinpopup .homelogo {
		padding: 12px!important
	}
	/*.search-index-page #btnSearchFlights {
		background: #ec8101!important;
		color: #fff;
		border-radius: 0 5px 5px 0;
		font-size: 24px;
		padding: 9px 30px;
		border: none;
		float: none;
		margin-top: 0;
		width: 98.6%!important;
		margin-left: 1px
	}*/
	#departDateDiv,
	.search-index-page .ausu-suggest {
		border: 0;
		margin-left: 0
	}
	.search-index-page .pad03px,
	col-xs-12 {
		width: 100%
	}
	.timeout-popup.callinpopup .popup-window .home-logo {
		display: block;
		float: left;
		padding: 5px;
		width: 124px
	}
	.mobcall {
		display: inline-block;
		padding-right: 10px
	}
	.timeout-popup.callinpopup .popup-window .mbox h2 {
		font-size: 17px;
		background: #e85e0b;
		padding: 5px 0 6px 17px
	}
	.timeout-popup.callinpopup .popup-window .mbox h3 {
		font-size: 20px;
		color: #333;
		margin: 11px 0 0;
		padding: 0;
		font-weight: 500;
		line-height: 30px;
		text-align: center
	}
	.timeout-popup.callinpopup .thumbsave {
		display: none
	}
	.timeout-popup.callinpopup .phone-detail-timeout {
		background: url(/Content/images/phone-bg.jpg) no-repeat;
		width: 100%;
		height: 371px;
		display: block;
		margin-top: -2px;
		text-align: center;
		float: left
	}
	.onecalltext {
		font-size: 16px;
		color: #fff;
		line-height: 13px
	}
	.onecalltext+.onecalltext {
		font-size: 23px;
		color: #fff;
		display: block;
		line-height: 20px;
		padding-top: 4px
	}
	.onecalltext+.onecalltext+.onecalltext {
		font-size: 17px
	}
	.timeout-popup.callinpopup .popup-window .mbox h4 {
		background: #0e69c7;
		color: #fff;
		padding: 8px 18px 16px
	}
	.profilePic {
		background: url(/Content/images/call-bg.jpg) no-repeat;
		width: 98px;
		height: 98px;
		position: absolute;
		left: 0;
		right: -20px;
		margin: auto;
		top: -58px;
		padding-top: 50px;
		display: block;
		border-radius: 91px
	}
	.profilePic .picimg {
		width: 80px;
		height: 70px;
		overflow: hidden;
		float: left;
		border-radius: 30px;
		position: absolute;
		top: 4px;
		left: 7px
	}
	.available {
		position: relative;
		padding-left: 20px
	}
	.available:after {
		content: " ";
		width: 15px;
		height: 15px;
		background: #23ca22;
		position: absolute;
		bottom: 1px;
		border-radius: 50%;
		left: 79px;
		top: 15px
	}
	.timeout-popup.callinpopup .popup-window i.fa-times {
		right: -12px
	}
	.timeout-popup.callinpopup .popup-window .mbox h2 {
		text-align: center;
		padding-right: 20px
	}
	.lookingforDiv .wp {
		margin-top: 14px!important
	}
	.timeout-popup.callinpopup .popup-window .mbox {
		background: 0 0;
		background-size: 40%
	}
	.timeout-popup.callinpopup .popup-window .mbox h2 span {
		font-size: 20px;
		float: left;
		padding-right: 40px;
		padding-top: 0;
		text-align: left;
		padding-left: 1px
	}
	.timeout-popup.callinpopup .popup-window .mbox h2 span i {
		font-size: 20px!important;
		margin-right: 10px
	}
	.gdpr-wraper {
		top: 0;
		bottom: inherit
	}
	.booking-item-airline-logo div.padd30 {
		padding: 10px 0
	}
	.col-box-book {
		position: static;
		width: 100%
	}
	.booking-item-flight-details.InBound:before {
		content: ' ';
		border-top: 1px dashed #ff8d06;
		width: 92%!important
	}
	.divAirOption.airoptiontick {
		margin-left: 0
	}
	.OptionInfo {
		margin-bottom: 7px
	}
	.booking-item-flight-details {
		padding: 0!important
	}
	.col-box-book.blue:after {
		bottom: -158px;
		z-index: 9
	}
	.timeout-popup.callinpopup {
		display: block
	}
	.searchforlisting .tab-content {
		width: 100%
	}
	.lookingforDiv input {
		border: 1px solid #929292
	}
	.lookingforDiv {
		text-align: left;
		padding-left: 21px
	}
	.timeout-popup.callinpopup #Submit1,
	.timeout-popup.callinpopup #Submit2 {
		background: #e3660a;
		color: #fff;
		border: none;
		margin: 15px 0 0 30px;
		padding: 7px 19px
	}
	.timeout-popup.callinpopup label {
		color: #333;
		display: inline-block
	}
	.level-item p br,
	.searchWidget .bx-wrapper {
		display: none
	}
	.timeout-popup.callinpopup #Text2 {
		border: 1px solid #d3d3d3!important
	}
	.timeout-popup.callinpopup #Text1,
	.timeout-popup.callinpopup #Text2,
	.timeout-popup.callinpopup #Text3 {
		background: #fff!important;
		padding: 3px 8px
	}
	.timeout-popup.callinpopup .willcallfor {
		padding-top: 30px;
		text-align: left;
		padding-left: 14px;
		line-height: 20px;
		padding-right: 4px
	}
	.timeout-popup.callinpopup .popup-window {
		left: 20px;
		right: 20px;
		position: absolute!important;
		margin: auto;
		top: 50px;
		bottom: 0;
		height: auto!important
	}
	.timeout-popup.callinpopup .bg-overlay {
		z-index: 9999;
		position: fixed;
		width: 100%;
		height: 526px;
		left: 0;
		right: 0;
		top: 31px;
		bottom: 0
	}
	.nav-logo-wrap {
		top: 17px;
		left: 0;
		right: 0;
		margin-left: 0!important;
		margin-right: 0!important;
		width: 100%;
		z-index: 1
	}
	.close-button-of {
		background: #fff!important
	}
	.search-index-page .search-visit {
		width: auto
	}
	.searchWidget {
		margin-top: -46px;
		width: 104.6%;
		padding-left: 11px;
		padding-right: 11px
	}
	.tp-banner-container {
		/*background: #00537e;*/
		height: auto
	}
	.cff-list-tab+.cff-list-tab {
		margin-left: 10px
	}
	.search-index-page {
		padding-right: 0
	}
	.searchWidget .container.clear-padding {
		background: #00050a
	}
	#departDateDiv,
	#returnDateDiv {
		width: 50%
	}
	.search-index-page .pad03px {
		margin-bottom: 0
	}
	.passangerCatogaryHolder .src-input.cabinclass {
		width: 99.2%;
		margin-left: 2px
	}
	/*.search-index-page .searchbtnhome {
		width: 100%!important;
		margin-right: 0
	}*/
	.passangerCatogaryHolder .src-input {
		width: 31.3%;
		float: left;
		margin-left: 2%
	}
	.destHolderList,
	.destHolderList li {
		width: 100%;position:relative;z-index:100;
	}
	.passangerCatogaryHolder .src-input:first-child {
		margin-left: 1px
	}
	.call-out-wrap .col-md-6 {
		padding: 0
	}
	.singup-box {
		margin-top: -5px;
		padding: 0!important
	}
	.call-out-box.with-icon .call-out-wrap form.form input {
		height: 48px!important
	}
	.column.is-half {
		padding: 0 0 0 9px
	}
	ul.whyChooseList li {
		height: 124px
	}
	.special-offer .container {
		padding: 10px!important
	}
	.special-offer .title-section {
		width: 100%;
		font-size: 22px
	}
	footer a img {
		padding-bottom: 0
	}
	.tel-top {
		float: left;
		padding: 0!important;
		background: #ff8d06;
		width: 111%;
		margin: 35px -15px 0
	}
	.call-to-phone {
		width: 109%;
		border: 0;
		padding-left: 30px!important
	}
	.tel-top a span {
		font-size: 31px!important;
		padding: 16px 20px!important;
		text-align: left
	}
	.callnowpop p {
		text-align: left;
		color: green!important
	}
	.tel-top span {
		padding: 0 14px!important
	}
	.call-to-phone .closeit {
		top: auto
	}
	.callnowpop {
		background: #f1f1f1!important
	}
	.callnowpop p b {
		display: inline-block
	}
	.callnowpop i {
		fill: #0a850a;
		margin-top: 1px;
		height: 47px
	}
	.menu-opacity .clearlist {
		opacity: 0!important
	}
	.mob-connecting-right {
		width: 100%;
		padding-left: 0
	}
	.mob-connecting-left {
		display: none
	}
	.btnGoToHome {
		margin-top: 20px;
		float: left;
		width: 100%
	}
	.tp-banner-container .search-index-page .list-two {
		margin-top: 8px!important
	}
	.search-index-page .search-visit {
		box-shadow: inherit;
		/*padding: 0;*/
	/*	background: 0 0!important*/
	}
	/*.widgetTxtFieldHolder li label {
		padding-left: 0
	}*/
	.widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(1),
	.widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(2),
	.widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(3) {
		width: 33.3%
	}
	.widgetTxtFieldHolder li:nth-child(3) .src-input {
		width: 100%
	}
	.search-index-page .cff-list-tab {
		margin-bottom: 0
	}
    
.dealsoverlay {
    background: #666;
    opacity: .5;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
      .timeout-popup-deals {
    left: 0;
    padding: 0px 10px;
    top: 56px;
    position: absolute;
    display: block;
    z-index:9999;height:auto;visibility:visible;
}
      .bg-overlay {
    display: block;
    width: 100%;
    height: 100%;
}
      .timeout-popup-deals .home-logo {
    position: absolute;
    left: 13px;
    width: 91px;
    top: 9px;
    margin-left: 8px;
    z-index: 9;
}
  .timeout-popup-deals .profilePic {
    background: #fff url(/Content/images/call-bg-icon2.jpg) no-repeat;
    width: 85px;
    height: 83px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: -44px;
    padding-top: 47px;
    z-index: 999;
    margin-left: 140px;
    background-position: 1px 10px;
    background-size:100%;
}
      .available {
    position: relative;
    padding-left: 20px;
}
      .available:after {
    content: " ";
    width: 15px;
    height: 15px;
    background: #23ca22;
    position: absolute;
    bottom: 1px;
    border-radius: 50%;
    left: 79px;
    top: 15px;
}
.timeout-popup-deals i.fa-times {
    position: absolute; 
    color: #ff862d;
    cursor: pointer;
    white-space: pre-wrap;
    padding-top: 24px;
    font-family: 'Roboto Condensed', sans-serif!important;
    z-index: 9;
    right: 0px;
    border-radius: 50%;
    height:60px;
    width:60px;
    top: -25px;
    background: #fff;
}
.timeout-popup-deals .inactivity_ok + .fa-times {
    /*background: url(/Content/images/crosebg.png) 5px 0 no-repeat;*/
    width: 28px;
    height: 30px;
    top: 11px;
    right: 19px;
}
.timeout-popup-deals .inactivity_ok:before{display:none;}
.timeout-popup-deals .popup-window .mbox {
    background: #fdfcfb;
    height: auto;padding:0px;
    padding-bottom: 60px;
}
.timeout-popup-deals .popup-window .mbox h2 {
    margin-top: 50px;
    text-align: center;
    font-size: 17px;
    padding: 5px 10px;    background: #08436d;    color: #fff;
}
.timeout-popup-deals .popup-window .mbox h2 span {
    display: none;
}
.timeout-popup-deals .wp label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 46px;
    margin-right: 7px;
    font-weight: normal;
    color: #000;    padding-top: 10px;
    position: relative;float: left;    width: 10%;
}
.timeout-popup-deals .phone-detail-timeout h4{color:#fff;font-size:26px;}
.timeout-popup-deals .phone-detail-timeout {
    background: #ec5619;
    width: 290px;
    height: 50px;
    display: block;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ea6b0e;
    border-width: 1px;
    margin: 0 auto;
    margin-top: 5px;
}
.timeout-popup-deals .mbox h3 {
    font-size: 17px;
    font-weight: normal;
    padding-left: 0px;
    line-height: 22px;
    text-align: center;
}
.airlines-logo{width:100%;text-align:center;float:left;padding-bottom:20px;}
.airlines-logo img{width:50%;}
.timeout-popup-deals .callHolder {
    margin-top: 5px;    margin-left: 20px;
}
.timeout-popup-deals .ortext {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    background: #d2d5d8;
    text-align: center;
    line-height: 35px;
    color: #2f2c28;
    border-radius: 31px;
    font-weight: 700;
    border: 1px solid #4b4f52;
}
.timeout-popup-deals .popup-window .mbox p {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    padding-right: 20px;
}
.timeout-popup-deals .wplable {
    float: left;
    width: 100%;
    position: relative;left: -13px;
}
.wp.wplable label:after {
    content: '';
    background: url(/Content/images/ukflag-icon.jpg) no-repeat;
    height: 33px;
    width: 39px;
    position: absolute;
    left: -40px;
    top: 11px;
}
.inptxtHolder {
    width:71%;float:left;
}
.timeout-popup-deals input[type=text] {
    height: 47px;
    background: #fdf4d5;
    border: 1px solid #f7d66c;float: left;width:100%;
}

.wp.wplable .wp {
    float: right;
    padding-top: 10px;
}
#Button2DealTimeOut {
    background: #ec5619;
    font-size: 15px;
    color: #fff;
    border: none;
    line-height: 45px;    padding: 0 11px;
}
.timeout-popup-deals .popup-window .mbox h6 {
    background: #08436d;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: normal;
}
.bannerContentHolder h2 span{display:none;}
.bannerContentHolder h2{font-size:22px!important;padding:6px;width:100%;}


.widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(1),.widgetTxtFieldHolder li:nth-child(3) .src-input:nth-child(2){border-right:1px solid transparent;}
}




.is-child a.dist-a {
	width: 100%;
	height: 100%;
	display: block
}

.search-top-option {
	margin-top: -142px;
	position: relative;
	z-index: 999999
}

.date_range_picker {
	position: relative;
	z-index: 1
}

.date_range_picker.active {
	z-index: 2
}

.date_range_picker .values {
	padding: 15px 20px;
	box-sizing: border-box
}

.date_range_picker.active .values {
	box-shadow: 0 1px 0 #39c;
	position: relative;
	z-index: 2
}

.date_range_picker .values .clear,
.date_range_picker .values .to,
.date_range_picker .values .value {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-size: 18px;
	line-height: 24px
}

.date_range_picker .values .to {
	width: 24px;
	height: 13px;
	padding-top: 9px;
	/*background: url(/Content/img/to.svg) 50% 50% no-repeat;*/
	background-size: 24px 13px
}

.date_range_picker .values .clear {
	float: right;
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 6px 0;
	cursor: pointer;
	display: none;
	/*background: url(/Content/img/clear.svg) 50% 50% no-repeat;*/
	background-size: 12px 12px
}

.date_range_picker .values .value span {
	cursor: pointer
}

.date_range_picker .values .value.active span {
	color: #39c
}

.date_range_picker .values .value input {
	opacity: 0
}

.date_range_picker .calendar {
	display: none;
	width: 566px;
	height: 319px;
	margin: 0;
	padding: 10px 0;
	background: #fff;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	box-sizing: border-box;
	transition-duration: .5s
}

.date_range_picker.active .calendar {
	display: block
}

.date_range_picker .calendar .button {
	position: absolute;
	top: 20px;
	z-index: 3;
	width: 36px;
	height: 29px;
	padding: 8px;
	border: 1px solid #ccc;
	opacity: .5;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 4px;
	background-size: 18px 11px;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.date_range_picker .calendar .button:hover {
	opacity: 1
}

.date_range_picker .calendar .button-prev {
	/*background-image: url(/Content/img/prev.svg);*/
	left: 20px
}

.date_range_picker .calendar .button-next {
	/*background-image: url(/Content/img/next.svg);*/
	right: 20px
}

.call-icon-wrap .fa-close:before,
.call-icon-wrap .fa-remove:before,
.call-icon-wrap .fa-times:before {
	content: "\f095"
}

.date_range_picker .calendar .container {
	position: absolute;
	top: 10px;
	left: -263px;
	z-index: 2;
	float: left;
	width: 1092px;
	text-align: left;
	font-size: 0
}

.date_range_picker .calendar table {
	display: inline-block;
	vertical-align: top;
	width: 253px;
	margin: 10px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center
}

.date_range_picker .calendar table caption {
	width: 100%;
	line-height: 29px;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px
}

.date_range_picker .calendar table th {
	width: 37px;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #999;
	box-sizing: border-box
}

.date_range_picker .calendar td {
	width: 36px;
	height: 35px;
	font-size: 15px;
	line-height: 33px;
	box-sizing: border-box
}

.date_range_picker .calendar td.inactive,
.date_range_picker .calendar td.valid {
	border: 1px solid #e4e7e7
}

.date_range_picker .calendar td.valid {
	cursor: pointer
}

.date_range_picker .calendar td.valid:hover {
	background: #ccc
}

.date_range_picker .calendar td.today {
	color: #666
}

.date_range_picker .calendar td.inactive {
	color: #ccc
}

.date_range_picker .calendar td.valid.hovered,
.date_range_picker .calendar td.valid.intermediate,
.date_range_picker .calendar td.valid.intermediate-hover {
	background: #83c6e7;
	border: 1px double #56aed9;
	color: #fff
}

.date_range_picker .calendar td.valid.hovered,
.date_range_picker .calendar td.valid.intermediate-hover {
	color: #39c
}

.date_range_picker .calendar td.valid.end,
.date_range_picker .calendar td.valid.start {
	background: #39c;
	border: 1px double #39c;
	color: #fff
}

.error-page {
    padding: 20px;
    overflow: hidden;
    width: 100%;
    margin: 20px auto 0;
    border: 1px solid #e4dcdc;
    border-width: 1px 0;
    border-radius: 5px;
    background: url(/Content/images/check.png) no-repeat;
}

.error-template {
	padding: 40px 15px;
	text-align: center
}

.error-actions {
	margin-top: 15px;
	margin-bottom: 15px
}

.error-actions .btn {
	margin-right: 10px
}

.error-details {
	color: #333232
}

#menu-item-15 h2 {
	display: none
}

#formSubscribe input[type=text] {
	height: 40px!important
}

.airlinetopanchorlink {
	background: #fff!important
}

.top-Airline ul li a {
	color: #333
}

 
.col-md-5.socialLinkHolder .social {
    display: flex;   
}
.col-md-5.socialLinkHolder .social a{
     margin-right:5px;
}
.footer-logo a.social-icon.tw {
    padding-top: 5px;
}
.footer-logo a .twitterX img{
    max-height:20px;
    width:auto !important;
    margin: 0 !important;
    filter: brightness(0) invert(1);
}

 

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(1.334em) translateZ(0)
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(1.334em) translateZ(0)
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(1.334em) translateZ(0);
		-moz-transform: translateX(1.334em) translateZ(0);
		-ms-transform: translateX(1.334em) translateZ(0);
		-o-transform: translateX(1.334em) translateZ(0);
		transform: translateX(1.334em) translateZ(0)
	}
	100% {
		opacity: 1
	}
}

[data-tooltip] {
	position: relative
}

[data-tooltip]:after,
[data-tooltip]:before {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	transition-timing-function: linear;
	position: absolute;
	left: 50%;
	top: 100%;
	bottom: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 9999;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

[data-tooltip]:before {
	content: "";
	border: 5px solid transparent;
	border-bottom: 6px solid #323232;
	margin-top: -4px
}

[data-tooltip]:after {
	content: attr(data-tooltip);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: auto;
	height: 22px;
	padding: 11px 11px 0;
	font-size: 13px;
	line-height: 11px;
	white-space: nowrap;
	background-color: #323232;
	color: #ecf0f1;
	margin-top: 7px
}

[data-tooltip]:focus,
[data-tooltip]:hover {
	background-color: transparent
}

[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 1;
	visibility: visible
}

.tp-banner-container .bar {
	width: 100%
}

@media (max-width:768px) {
	#lblMsg ul li b,
	#menu-item-15 h2 {
		display: block
	}
	#formAirSearch label,
	.modify-box,
	.modifyFilter {
		color: #000;
	}
	header {
		padding: 0 10px!important;
		border-bottom: 0!important
	}
	.btnHolder,
	.pricebreakpop table.table {
		border: none
	}
	.search-index-page .search-visit {
		background: 0 0;
		box-shadow: inherit;
		margin-top: 0
	}
	.search-index-page .calenderMaindiv,
	.search-index-page .no-padding {
		width: 100%!important
	}
	.passangerCatogaryHolder .src-input {
		width: 32.2%!important;
		margin-left: 0!important
	}
	.passangerCatogaryHolder .src-input.cabinclass {
		width: 100%!important
	}
	.nav-logo-wrap {
		margin-left: 50px
	}
	.tp-banner-container {
		margin-top: 0!important
	}
	.tel-top {
		margin-top: 30px!important;
		z-index: 9;
		position: relative
	}
	.modify-box+.search-index-page .search-visit {
		background: #082752
	}
	.call-to-phone {
		margin-top: 0!important
	}
	.main-nav {
		top: 0;
		height: 24px!important;
		width: 100%;
		border-top: none;
		background: 0 0!important
	}
	#timeout p.stxt span,
	.allpopup p.stxt span {
		text-align: center
	}
	#lblMsg li {
		font-size: 14px
	}
	#lblMsg ul li {
		padding-left: 0;
		margin-left: 0
	}
	#lblMsg h1,
	#lblMsg h2 {
		font-size: 16px;
		line-height: 21px
	}
	#lblMsg {
		margin-left: 0;
		margin-top: -18px
	}
	.flight-desc p.mob-none {
		float: left
	}
	.detailContainer h4.title {
		font-size: 16px
	}
	.error-page {
		padding: 0
	}
	.error-actions .btn-lg+.btn-lg {
		margin-top: 20px
	}
	.list-wrapper .container {
		padding-right: 0
	}
	.outerdiv h4,
	.searchMain .list-content,
	.special-offer .spboximg {
		padding: 10px
	}
	#formSubscribe input[type=text] {
		height: 40px
	}
	.booking-item .flwidth-div span b,
	.booking-list .faremid .lan-fl-dep-fullname,
	.booking-list .faremid .lan-fl-rep-fullname,
	.booking-list .faremid .layoverDiv+.flight-desc+span+span b,
	.header-stiker
	 {
		display: none
	}
	.search-box.search-index-page:before {
		content: ' ';
		z-index: 0;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0
	}
	#ui-datepicker-div {
		z-index: 14!important;
		width: 300px!important
	}
	.containerHolder {
		margin-top: 40px
	}
	.containerHolder .leftSearchHolder {
		padding-left: 0
	}
	#mltplFilters .panel-heading {
		float: left;
		width: 96%
	}
	.search-box.search-index-page .searchbtnhome {
		bottom: 1px
	}
	.list-wrapper {
		margin-top: 28px!important
	}
	.search-heading .search-box.search-index-page {
		top: 44px
	}
	.listing-filters-heading {
		width: 96%
	}
	.search-box.search-index-page .input-group.ausu-suggest input {
		padding-left: 90px
	}
	.filtermodifySearcholder {
		position: absolute!important;
		background: #082752;
		padding: 3px
	}
	.booking-list .selectBtn+span,
	.rightSecHolder {
		position: static
	}
	.arrow-down:after,
	.arrow-down:before {
		background: #fff
	}
	.panel-group {
		margin-bottom: 0
	}
	.search-box .closeSearchpanel {
		width: 30px;
		height: 30px;
		padding-top: 5px
	}
	.rightSecHolder {
		margin-top: 0!important
	}
	.billingFormHolder {
		width: 100%
	}
	.bkresult {
		width: 100%;
		float: none;
		padding-bottom: 0;
		padding-top: 0
	}
	.flconfirm-body {
		padding-top: 0;
		margin: 0!important
	}
	.destHolder span {
		font-size: 13px
	}
	.detailContainer.Reservation {
		margin-top: -12px
	}
	.rightSecHolder {
		float: left;
		width: 100%;
		padding: 12px
	}
	.submitbtnHolder {
		padding: 11px 0!important
	}
	.contact_wrapper-about {
		width: 100%;
		height: 186px
	}
	.contact_wrapper-form {
		width: 100%;
		padding: 35px 0 0
	}
	.contact-form {
		margin: 10px auto 50px;
		width: 95%
	}
	.search-box.search-index-page {
		width: 100%;
		margin: 0;
		height: auto!important;
	}
	#spnCountTitle.toolTip {
		top: 0;
		width: 100%
	}
	.searchMainsorry {
		width: 100%
	}
	.search-heading .innerSearchWidget {
		width: 100%;
		margin-left: 0
	}
	.search-heading {
		width: auto!important
	}
	.search-heading .innerSearchWidget .search-visit {
		padding: 6%!important
	}
	.priceHolder .mobdetail td {
		padding: 10px;
		text-align: right!important
	}
	.destHolder {
		padding-top: 10px
	}
	.leftpriceHolder {
		border: none;
		padding: 0
	}
	.search-heading .search-index-page .search-visit {
		height: 481px!important
	}
	.search-heading .search-box.search-index-page .searchbtnhome {
		width: 100%!important
	}
	.tcktLeft {
		width: 88%
	}
	.lberrorms {
		width: 92%!important
	}
	.processingFooter li {
		width: 100%
	}
	.processingSecHolder h2 {
		font-size: 14px
	}
	.processingSecHolder h3 {
		font-size: 13px
	}
	.processingSecHolder {
		margin: 7px auto 50px
	}
	.dateSecHolder {
		top: 27%
	}
	.closeflightMoreinfoPopup {
		top: 1px
	}
	.searchHolder:before {
		border-bottom: 10px solid #045084!important
	}
	.spboximg .tab-content>.active {
		padding: 9px
	}
	.hideCon .search-col-padding.formMidBox,
	.search-col-padding.formMidBox.noleftwidget {
		width: 50%
	}
	.special-offer .spboximg .searchHolder {
		margin-left: 20px
	}
	#DOBDAdult1-error,
	#DOBYAdult1-error,
	.ReservationPassenger-names label.error {
		margin-top: 12px
	}
	#DOBDAdult1-error,
	#DOBMAdult1-error,
	#DOBYAdult1-error {
		line-height: 15px!important
	}
	.special-offer .formMidBox+.formMidBox {
		padding-right: 0!important
	}
	.special-offer .formMidBox+.formMidBox+.formMidBox {
		padding-right: 3px!important
	}
	.special-offer .formMidBox+.formMidBox+.formMidBox+.formMidBox {
		padding-right: 0!important
	}
	.special-offer .spboximg .tab-content {
		min-height: initial
	}
	.airline-deals-logo {
		margin-top: -26px;
		font-size: 17px
	}
	.containerHolder .side-bar__block {
		margin-top: -7px!important;
		margin-left: 15px!important;
		width: 90%!important
	}
	.booking-select-box .price-title {
		float: left;
		width: 100%
	}
	.top-Airline ul {
		width: 100%
	}
	.top-Airline.topDest li {
		width: 50%
	}
	#contactuserrorCallBackError,
	.instantcall-left,
	.instantcall-right,
	.instantcall-right input[type=text],
	.text-right-call+.instantcall-right input[type=text] {
		width: 100%!important
	}
	#timeout p.stxt button,
	.allpopup p.stxt button {
		margin-top: 18px
	}
	.instantcall-right {
		text-align: center
	}
	.allpopup p.stxt button {
		float: none!important
	}
	.booking-list .faremid span+span+span {
		position: absolute;
		top: 51px;
		left: 102px
	}
	.booking-list .faremid span+span+span .flwidth-div {
		font-weight: 400!important
	}
	.booking-list .faremid span+span+span+span {
		position: static
	}
	.booking-list .faremid span+span+span+span.deptrem {
		position: absolute;
		left: 0;
		text-align: right;
		padding-right: 8px!important;
		font-size: 11px
	}
	.booking-list .faremid span+span .fl-dep-fullname {
		margin-top: 5px;
		font-weight: 400
	}
	.booking-list .faremid span+span .fl-rep-fullname {
		font-weight: 400
	}
	.booking-list .faremid .layoverDiv+.flight-desc+span+span {
		position: absolute;
		top: 185px;
		font-size: 13px
	}
	.booking-list .faremid .layoverDiv+.flight-desc+span+span+span.deptrem {
		position: absolute;
		top: 184px
	}
	.booking-item .price-title span+span {
		padding-left: 10px;
		text-align: left
	}
	.mobresnone {
		display: none!important
	}
	.faremid span+span+span {
		font-size: 13px;
		font-weight: 400
	}
	.ItineraryJourney._return,
	.ReservationItinerary .faremid span {
		font-size: 12px
	}
	.economydiv {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 79px!important;
		display: inline-block!important;
		text-align: right!important
	}
	.economydiv+.economydiv {
		width: auto!important
	}
	.faremid>.flight-desc+span {
		line-height: 26px
	}
	.booking-list .faremid .layoverDiv+.flight-desc+span+span+.deptrem+.layoverDiv+.flight-desc+span+span {
		top: 320px
	}
	.booking-list .faremid .layoverDiv+.flight-desc+span+span+.deptrem+.layoverDiv+.flight-desc+span+span+.deptrem {
		top: 322px
	}
	.ReservationItinerary .fl-dep-fullname b,
	.ReservationItinerary .fl-rep-fullname b {
		font-weight: 700
	}
	.ReservationItinerary .faremid .flight-desc+span+span {
		top: 52px;
		position: absolute;
		left: 104px
	}
	.ReservationItinerary .faremid .flight-desc+span+span .lan-fl-dep-fullname,
	.ReservationItinerary .faremid .flight-desc+span+span .lan-fl-rep-fullname {
		display: none
	}
	.ReservationItinerary .faremid .flight-desc+span+span+span.deptrem {
		top: 54px;
		position: absolute;
		right: 30px;
		text-align: right
	}
	.ReservationItinerary .faremid .flight-desc+span+span+span.deptrem+.layoverDiv+.flight-desc+span+span,
	.ReservationItinerary .faremid .flight-desc+span+span+span.deptrem+.layoverDiv+.flight-desc+span+span+span.deptrem {
		top: 185px
	}
	.ReservationItinerary .faremid .flight-desc+span+span+span.deptrem+.layoverDiv+.flight-desc+span+span+span.deptrem+.layoverDiv+.flight-desc+span+span,
	.ReservationItinerary .faremid .flight-desc+span+span+span.deptrem+.layoverDiv+.flight-desc+span+span+span.deptrem+.layoverDiv+.flight-desc+span+span+span.deptrem {
		top: 319px
	}
	.detailContainer.Reservation .col-md-9 {
		padding: 0 6px
	}
	.detailContainer.Reservation .faremid .deptrem b:first-child {
		float: right
	}
	.detailContainer.Reservation .flight-desc p {
		float: left!important
	}
	.detailContainer.Reservation .fl-dep-fullname {
		margin-top: 5px
	}
	.booking-list .flight-desc p {
		float: left
	}
	.searchbuttontop .search-heading .search-box.search-index-page .searchbtnhome {
		bottom: -2px!important
	}
	.searchbuttontop .search-heading .search-index-page .search-visit {
		height: 421px!important
	}
	.processingSecHolder #divDFrom,
	.processingSecHolder #divDTo {
		font-size: 13px
	}
	.processingSecHolder .flightbtn {
		font-size: 13px;
		display: none
	}
	.processingSecHolder .flightbtn2 {
		font-size: 13px;
		display: block
	}
	.processingSecHolder h2 span {
		font-size: 20px
	}
	.booking-item span.btn.btn-primary {
		padding: 3px 12px;
		margin: -45px 10px 0;
		float: right
	}
	.ItineraryJourney._return.faremid {
		width: 95.5%
	}
	.text-right-call {
		text-align: center!important;
		padding-right: 0!important
	}
	.allpopup #formCallOusCallBackError p.stxt .instantcall-right {
		text-align: center
	}
	.ReservationHead.CommonJourneyHead .faremid {
		float: left;
		width: 95.5%
	}
	.ReservationItinerary .deptrem {
		width: 142px!important
	}
	.ReservationItinerary .economydiv+.economydiv {
		text-align: right!important
	}
	.inner-nav ul li h2 {
		display: block
	}
	.allpopup #formCallOusCallBackError p.stxt span {
		text-align: center
	}
	.modify-box+.search-box.search-index-page .passangerCatogaryHolder .src-input {
		width: 20.6%;
		float: left;
		margin: 0 .7%
	}
	.modify-box+.search-box.search-index-page .passangerCatogaryHolder .src-input.cabinclass {
		width: 32.5%
	}
	.tp-banner-container .adult-infant {
		bottom: 50px
	}
	.call-to-phone .flagicon {
		left: -51px
	}
	.call-to-phone.showdivbox {
		display: block!important
	}
	#lblSubscribe .modal-dialog {
		width: 95%;
		text-align: center
	}
	.leftSearchHolder+.col-md-9 {
		padding-left: 0
	}
	.allpopup #formCallOusCallBackError p.stxt span.error {
		margin-top: -20px
	}
	.airlineLogoProcessing span {
		left: -33px;
		top: -64px
	}
	.leftpriceHolder .table-responsive>.table {
		padding: 8px 10px!important
	}
	.ItineraryJourney._return {
		padding-bottom: 7px
	}
	.searchbuttontopnew #departDateDiv {
		width: 100%
	}
	.search-index-page .search-visit:after,
	.search-index-page .search-visit:before {
		display: none
	}
	.modify-box+.search-box.search-index-page {
		top: 44px;
		left: 0;
		width: 100%;
		position: absolute;
		margin: 0
	}
  
}



.airlines-nav {
	float: left;
	width: 100%;
	margin-top: 50px
}

.buttonbgcolor #btnSubscribe {
	margin-top: -1px
}

.expand-popup .ui-dialog {
	background: 0 0;
	border: none;
	overflow: visible
}

#timeout .ui-widget-content {
	background: #f1f1f1!important;
	border: 1px solid #ccc;
	padding: 1%;
	text-align: center;
	margin: 30px 0 30px 1%;
	width: 100%
}

.popup-window .mbox {
	background: url(/Content/images/call-bg.jpg) right bottom no-repeat #fdfcfb
}

.expand-popup .ui-widget-header {
	background: 0 0!important
}

.expand-popup .ui-state-default.ui-button-icon-only {
	background: url(/Content/images/crose-icon-popup.png) 50% 50% no-repeat
}

.expand-popup .ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: -10px;
	top: 10px;
	width: 40px;
	margin: 17px 0 0;
	padding: 1px;
	height: 40px;
	z-index: 999999999;
	border-radius: 50%;
	color: #333;
	background: 0 0;
	border: none
}

.expand-popup .ui-dialog .ui-dialog-titlebar-close:after {
	position: absolute;
	content: "\f00d";
	left: 0;
	top: 0
}

.expand-popup .popup-window .mbox {
	background-size: 29%!important;
	background-color: #fff
}

.timeoutBox {
	background: #fff;
	padding: 3%;
	overflow: hidden;
	text-align: center
}

.timeoutBox h2 {
	font-size: 26px;
	margin: 0;
	padding: 30px 0 10px
}

.timeoutBox p {
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px
}

.timeoutBox p span {
	color: var(--skyBlue);
}

.popup-window .mbox p.lastrow span.btnlook {
	background: #d5451b!important
}

#timeout,
.allpopup {
	padding: 0;
	overflow: visible
}

#timeout p.stxt,
.allpopup p.stxt {
	font-size: 20px;
	color: green;
	overflow: hidden;
	background: #f1f1f1;
	padding: 0 17px 20px;
	float: left;
	width: 100%
}

#timeout p.stxt input[type=text],
.allpopup p.stxt input[type=text] {
	font-size: 12px;
	padding: 5px 10px 5px 50px;
	width: 300px;
	float: left;
	height: 36px;
	line-height: 36px
}

#timeout p.stxt button,
.allpopup p.stxt button {
	background: #ff6000;
	padding: 2px 20px!important;
	border: none;
	font-size: 16px;
	color: #fff;
	height: auto;
	line-height: 32px;
	float: left
}

#timeout p.stxt span,
.allpopup p.stxt span {
	font-size: 30px;
	color: #d5451b;
	line-height: 70px;
	position: relative;
	top: 4px;
	display: block;
	width: 95%;
	margin: auto;
	padding-top: 8px;
	text-align: center
}

.allpopup #formCallOusCallBackError p.stxt span {
	width: 50%
}

.allpopup button {
	background:var(--skyBlue);
	font-size: 16px;
	color: #fff;
	border: none;
	padding: 5px 30px
}

.lberrorms {
	overflow: hidden!important
}

.allpopup ul {
	padding: 0
}

.allpopup ul li b {
	display: block;
	text-align: center
}

#lblMsg p.stxt span {
	width: 72%
}

.popup-window .mbox h2 {
	font-weight: 700
}

.onlineThumImg {
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
	top: -45px
}

.footer_call .call-bycountry {
	line-height: 40px;
	left: 17px
}

.footer_call .font-4 input {
	margin-left: 53px;
	width: 74%;
	border: 1px solid #c5c3c3!important;
	height: 40px;
	color: #333;
	font-size: 12px;
	box-shadow: initial
}

#Button22new {
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 16px;
	background: #cc4118;
	border: none;
	color: #fff;
	font-size: 13px;
	padding: 5px 10px;margin-right:10px;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle:hover {
	background-color: #ff6000
}

.footer_call i.crs {
	font-style: normal
}

#contactuserror1 {
	color: red;
	font-size: 11px;
	padding-left: 17px;
	display: block
}

.subscribeHolder {
	border-bottom: 1px solid #ccc!important;
	background: #e4e4e4!important
}

.input-container {
	width:66.9%;
}

.destHolderList li {
	background: #fff;
	box-shadow: 1px 1px 10px #ccc;
	border: none;
	margin: .5%;
	width: 23.5%
}

.destHolderList li .cntnpriceHolder {
	position: static!important;
	background:var(--blueBg)!important;
	overflow: hidden;
	padding: 10px 12px
}

.social-icon i {
	color: #fff!important;
	font-size: 20px
}

.destHolderList li img {
	height: 200px
}

.destHolderList li h2 {
	color: #fff;
	width: auto!important
}

.destHolderList li .cntnpriceHolder h2 {
	font-size: 14px;
	font-weight: 400
}

.destHolderList li .cntnpriceHolder h3 {
	color: #fff;
	font-size: 22px;
	padding-top: 3px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #333
}

.subscribeHolder h2 {
	width: auto;
	margin-top: 10px;
	margin-right: 20px
}

.subscribeHolder {
	padding-bottom: 12px
}

.socialLinkHolder {
	padding: 30px 0 20px 16px
}

#formSubscribe {
	padding-left: 0;
	padding-top: 20px
}

#formSubscribe h2 {
	margin-top: 20px;
    color:#03548c;
}

.col-md-5.socialLinkHolder {
	width:100%;
    margin-top: 12px;
    padding:10px;
}
.col-md-5.socialLinkHolder h2{
    font-size: 17px;
    float: left;
    padding: 20px 0;
    margin: 5px 10px 0 0;color:#fff;
}
.col-md-5.socialLinkHolder .social{margin-top: 13px;}
@media (max-width:768px) {
    .hidefordesktop{display:block!important;}
    .footer_call{width:100%;left:0px;}
    .phonering-alo-ph-img-circle{width:100%;border-radius:0px;}
    .phonering-alo-ph-img-circle{padding-left:5px;}
    .tel-top i { position:static !important;    }
    #formSubscribe{background:#333;padding-bottom:20px!important;}
	.sitemap .list-wide {
		padding: 0
	}
	.unpublishDeals p {
		padding: 0 10px
	}
	.search-index-page .innerSearchWidget .input-group {
		margin-bottom: 25px
	}
	.search-heading .search-index-page .search-visit {
		height: auto!important;
		/*padding: 5%*/
	}
	.search-index-page .innerSearchWidget .input-group.ausu-suggest input#tbTo {
		padding-left: 10px!important
	}
	.search-index-page .innerSearchWidget #departDateDiv .input-group input {
		padding-left: 36px!important
	}
	.innerSearchWidget .passangerCatogaryHolder {
		margin: 0!important;
		padding: 0!important
	}
	.search-heading .innerSearchWidget .search-visit {
		padding: 8%!important
	}
	.adult-infant,
	.pax-ratio {
		font-size: 11px
	}
	.dealHolder li .deaMidSec {
		padding-left: 3%;
		line-height: 21px
	}
	.dealHolder li .deaRightSec b {
		font-size: 14px
	}
	.book.mob-heading-desk {
		display: block!important
	}
	.bannerContentHolder h2 {
		line-height: 32px;
		font-size: 30px;
		float: left;padding-left:15px;
	}
	.bannerContentHolder h2 span {
		line-height: 30px;
		font-size: 20px
	}
	.secureLogoRight img {
		width: 100%
	}
	.search-index-page .search-visit .flightTab {
		display: none
	}
	.dealHolder li {
		width: 100%;
		margin: 0 0 10px!important
	}
	.bannerContentHolder {
		position: relative;
		width: 100%
	}
	.dealHolder li .deaMidSec {
		width: 42%
	}
	.dealHolder li .deaRightSec {
		padding-top: 0;
		width: 28%
	}
	.airline-flight.search-index-page .search-visit {
		margin-top: 10px!important
	}
	.mainContainer .desc h2 {
		line-height: 30px;
		margin-top: 0
	}
	.col-md-5.socialLinkHolder,
	.destHolderList li,
	.subscribeHolder h2 {
		width: 100%
	}
	.subscribeHolder h2,
	.with-icon h2,
	ul.socialLinks {
		text-align: center
	}
	.socialLinkHolder {
		padding-top: 0
	}
	.col-md-5.socialLinkHolder .social {
		width: 100%;
		text-align: center
	}
	.tp-banner-container {
		margin-top: 20px
	}
	.header-stiker {
		position: static
	}
	.ui-datepicker {
		width: 22.9em!important
	}
	.searchWidget {
		overflow: inherit
	}
	.search-index-page .selectpicker {
		margin-bottom: 10px
	}
	.price-detail-area .price-area .inner-detail p {
		font-weight: 700
	}
	.travelerClose {
		float: right;
		width: auto;
		font-size: 23px;
		box-shadow: inherit!important;
		margin-right: -15px;
		margin-top: 0;
		position: absolute;
		top: -249px;
		right: 3px
	}
	#Text2 {
		width: 72%
	}
	.spboximg {
		background: #fff;
		float: left;
		width: 100%;
		padding: 10px!important
	}
	ul.socialLinks li {
		margin: 0;
		float: none;
		display: inline-block;
		width: 38%
	}
	.subscribeHolder:before {
		top: 0;
		z-index: 1;
		height: 120px;
		width: 100%
	}
	.departblock #departDateDiv {
		width: 100%
	}
	.departblock #departDateDiv+.pad03px+.pad03px {
		width: 100%;
		margin-left: 0
	}
	#totalperson {
		border: 0!important
	}
	ul.socialLinks {
		margin: 0
	}
	.subscribeHolder:after {
		height: 100%;
		content: "";
		width: 100%;
		top: 0;
		right: 0
	}
	.subscribeHolder .col-md-5 {
		position: relative;
		z-index: 9;
		background: #fff
	}
	.search-index-page .exchange_icon {
		width: 45px;
		height: 45px;
		line-height: 47px;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 40px
	}
	.has-text-centered:first-child,
	.has-text-centered:last-child,
	.input-container,
	.level-item,
	.with-icon h2 {
		width: 100%
	}
	.subscribeHolder .container {
		padding: 0
	}
	#formSubscribe h2 {
		color: #fff;
		margin-top:14px;
        font-size:20px;
	}
	.search-index-page .exchange_icon i.fa-exchange {
		color: #0673b8;
		font-size: 22px;
		transform: rotate(90deg)
	}
	.call-to-phone {
		border-radius: 0;
		position: relative!important;
		z-index: 999
	}
	.input-container {
		margin-top: 10px
	}
	#formSubscribe {
		padding: 0 25px
	}
    .footerTop .footer-logo { padding:0px 10px 10px 10px}
	.travelerOpen .dropdown-menu input {
		padding-left: 0!important
	}
	.callicon .imgholder {
		display: none
	}
	.tile.is-ancestor {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0
	}
	.is-11 .is-9+.is-9 {
		height: 354px!important
	}
	.with-icon h2 {
		font-size: 16px;
		color: #5c5c5c;
		float: left;
		margin-bottom: 4px;
		margin-top: 1px
	}
	.call-out-wrap .column.is-half {
		padding: 20px 0 0!important
	}
	.call-out-wrap>.col-md-7,
	.singup-box .call-out-wrap .col-md-5,
	.singup-box .call-out-wrap .col-md-6,
	.tile.is-parent {
		padding: 0
	}
	.level-item {
		border-bottom: 1px solid #d6d2d2!important;
		margin: 0 0 10px;
		padding-left: 0;
		border: 0
	}
	.tile:not(.is-child) {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}
	.divonDekstop,
	.search-index-page #btnSearchFlights::after,
	.search-index-page .banner-tip,
	.search-index-page h2.book-cheap {
		display: none
	}
	.tile.is-ancestor:last-child {
		margin-bottom: 0
	}
	.cities .tile.is-child:first-child {
		height: 335px;
		max-width: 600px
	}
	#departDateDiv,
	#returnDateDiv {
		border: 0
	}
	/*.search-index-page .searchbtnhome {
		margin-left: 0;
		margin-top: 11px;
		margin-bottom: 17px
	}*/
	.search-index-page #btnSearchFlights {
		border-radius: 0!important;
		width: 100%!important
	}
	.special-offer .title-section {
		background: 0 0;
		margin-top: 11px
	}
	.special-offer .cws_divider {
		border-bottom: 0
	}
	.search-index-page .list-two {
		width: 100%;
		margin-top: 17px
	}
	.overlaybgpopup {
		background: rgba(0, 0, 0, .5);
		z-index: 99;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		bottom: 0
	}
	.search-index-page .search-visit {
		margin-left: 0
	}
	.airline-detail-area .leg-area .tos,
	.cookiebtn {
		float: right
	}
	.search-index-page .input-group {
		margin-bottom: 11px
	}
	.search-index-page #tbFrom {
		border-radius: 0
	}
	.divonmobb {
		display: block;
		font-size: 9px
	}
	.gdpr-mob {
		display: block!important;
		top: 0;
		bottom: inherit
	}
	#scroll-top {
		bottom: 78px
	}
	.cookiebtn {
		border-radius: 3px;
		padding: 1px 10px;
		text-decoration: none;
		font-size: 11px;
		position: absolute;
		right: 0;
		top: -22px
	}
	.cookie-content+.col-md-2 {
		width: auto
	}
	.cookie-content {
		text-align: left;
		font-size: 11px;
		padding: 0;
		line-height: 20px
	}
	.footer_call {
		position: fixed;
		z-index: 9999
	}
	.mob-connecting {
		padding: 5px 10px 20px;
		margin: 25px auto 20px
	}
	.mob-connecting h2 {
		font-size: 22px;
		margin-top: 10px
	}
	.mob-connecting h3 {
		font-size: 14px
	}
	.mob-connecting h4 {
		font-size: 14px;
		padding-top: 10px;
		margin-bottom: 0
	}
	.booking-item-passengers.faredetails {
		margin-bottom: 20px
	}
	#cphFull_lblMsg h1 {
		color: #404040;
		padding: 0 5%;
		font-size: 19px;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 39px
	}
	#cphFull_lblMsg h2 {
		font-size: 18px
	}
	#cphFull_lblMsg li {
		color: #333;
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 8px
	}
	#cphFull_lblMsg .sorrytext {
		font-size: 37px;
		display: block;
		padding-bottom: 0;
		margin-bottom: 0
	}
	#cphFull_lblMsg li b {
		display: block
	}
	.airline-detail-area .leg-area .logo-area,
	.airport-name>.port,
	.depart-area .arr-section span,
	.depart-area .dep-section span,
	.summary-section .airlines-section .alogo {
		display: none
	}
	#cphFull_lblMsg .sorrytext .fa-frown {
		margin-top: 10px
	}
	.price-detail-area .details-toggle-box {
		width: 100%;
		border: 0;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 4px
	}
	.price-detail-area .details-toggle-box .det_btn {
		width: 50%;
		border-bottom: solid 1px #ebebeb
	}
	.price-detail-area .details-toggle-box .bagages {
		width: 50%;
		text-align: right;
		padding: .99em 1.12em .55em .75em;
		float: right
	}
	.airline-detail-area .leg-area .duration {
		width: 38%;
		float: left;
		margin: 0 6%
	}
	.price-detail-area .price-area {
		width: 100%;
		padding: .5em .9em .5em .75em
	}
	.airline-detail-area .leg-area {
		padding: 8px 10px 10px
	}
	.price-detail-area .price-area .inner-detail .seatlefts {
		margin-top: -11px
	}
	.depart-area {
		width: 49%;
		float: right
	}
	.depart-area .icon-bdr i {
		top: -10px;
		left: 24%
	}
	.depart-area .icon-bdr {
		top: 19px
	}
	.time_stop-container .stopntime .total_time {
		float: left
	}
	.summary-section .airlines-section .mtexts {
		padding: 0
	}
	.summary-section .details_area {
		padding: 6px 0 .5em
	}
	.list.booking-item-passengers>li {
		margin-left: 0
	}
	.summary-section .baggage_class {
		width: 100%;
		float: left;
		text-align: left;
		padding-top: .5em
	}
	.summary-section .baggage_class .baggage {
		width: 50%;
		float: left
	}
	.price-detail-area .price-area .inner-detail .price {
		padding: .4em 0 0
	}
	.airport-name>.port+.port {
		display: block;
		font-size: 15px!important
	}
	.call-only-deal button,
	.price-detail-area .price-area .inner-detail .seatlefts button {
		width: 144px;
		text-align: left;
		font-size: 14px
	}
	.price-detail-area .price-area .inner-detail .price,
	.price-detail-area .price-area .inner-detail .price small {
		font-size: 18px
	}
	.icon-button-deal {
		position: absolute;
		top: -35px;
		left: 35%
	}
	.cutofprice {
		margin: 15px 0 0;
		width: 100%
	}
	.icon-button-deal:hover .deal-infobutton {
		display: block!important
	}
	.det_btn i {
		display: none
	}
	.det_btn {
		border: 1px solid #ff8d06!important;
		padding: 4px 20px!important;
		width: auto!important;
		margin: 6px 10px 0;
		border-radius: 6px
	}
	.cutofprice .clear {
		clear: both;
		height: 0;
		padding: 0
	}
	.callfloatwidth {
		float: left;
		width: 100%;
		border-top: 1px solid #ebebeb;
		margin-top: 7px;
		position: relative
	}
	.cutofprice .line-through:before {
		top: 7px;
		left: 0
	}
	.call-only-deal {
		float: right;
		margin-right: -20px;
		margin-top: -19px;
		width: auto
	}
	.cutofprice span small {
		font-size: 14px
	}
	.cutofprice span+span {
		color: #6fb866;
		font-size: 18px;
		padding-top: 7px
	}
	.cutofprice span+span small {
		font-size: 18px
	}
	.cutofprice span {
		font-size: 14px;
		float: left
	}
	.infobooking-box {
		position: absolute;
		left: 37.5%;
		margin-top: 4px
	}
	.telnum2 {
		font-size: 14px;
		font-family: inherit
	}
	.price-detail-area .price-area .inner-detail .seatlefts {
		float: right;
		width: auto
	}
	.summary-section .baggage_class .clss {
		float: right
	}
	.summary-section .airlines-section {
		width: 100%
	}
	.summary-section .airlines-section .mtexts .span-texts {
		padding-left: 7px;
		display: inline-block
	}
	.summary-section .summary-details .arrives .heads-text,
	.summary-section .summary-details .deps .heads-text {
		display: inline-block
	}
	.summary-section .summary-details {
		width: 100%;
		padding-top: 8px
	}
	.depart-area .arr-section,
	.depart-area .dep-section {
		margin-top: 11px
	}
	.price-detail-area .price-area .inner-detail .seatlefts span {
		width: 144px
	}
	.card-copyrightdiv,
	.resultBox,
	.website-operated {
		width: 100%
	}
	.searchResultBox .list-header .text-center {
		text-align: left
	}
	.callimg {
		margin-top: 0
	}
	.callimg a {
		font-size: 18px
	}
	.disnone button {
		font-size: 12px;
		padding: 13px 20px;
		line-height: 5px
	}
	span.booking-item-price {
		font-size: 26px
	}
	#cphFull_lblMsg {
		padding: 20px 23px 0 0;
		width: 95%;
		border-width: 2px 0
	}
	.search-section .product-search-title {
		padding-bottom: 10px;
		float: left;
		width: 100%;
		padding-top: 10px
	}
	.Reservation .ReservationHead {
		font-size: 17px;
		line-height: 15px
	}
	.CommonJourneyHead-arrow i {
		font-size: 19px;
		width: 12px;
		height: 12px;
		display: inline-block
	}
	.Reservation .spCard {
		padding: 5px 0 4px;
		margin-bottom: 15px
	}
	.Itinerary .ItineraryHead .ItineraryHead-title {
		font-size: 16px
	}
	.ReservationItinerary .Itinerary .ItineraryHead {
		padding: 6px 0 6px 4px;
		margin: 0 7px
	}
	.Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip {
		padding-right: 15px;
		padding-left: 12px
	}
	.Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip:nth-child(2) {
		padding-left: 14px
	}
	.Reservation-halfLinkedFields,
	.Reservation-input {
		width: 100%
	}
	.ReservationPassenger.spCard {
		padding: 12px 12px 20px;
		float: left;
		width: 100%
	}
	.spField {
		position: relative;
		margin-bottom: 12px
	}
	.Reservation .Reservation-row {
		flex-direction: column
	}
	.Reservation .spCard .spCard-head {
		margin-bottom: 15px
	}
	.Itinerary .ItineraryJourney,
	.ReservationPassengers .ReservationPassenger-details {
		flex-direction: column
	}
	.DatePickerField .DatePickerField-switcher {
		bottom: -16px
	}
	.ReservationPassenger>.spCard-head>div+div {
		margin-top: 30px
	}
	.borderBox .booking-item-passengers {
		padding: 0 11px 11px!important
	}
	.borderBox .booking-item-passengers h4 {
		padding-left: 3px;
		margin-bottom: 10px
	}
	.Reservation .Reservation-row {
		margin-top: 0
	}
	.CommonJourneyHead span {
		display: none
	}
	.CommonJourneyHead span+span,
	.CommonJourneyHead span+span+span>span {
		display: inline-block
	}
	.CommonJourneyHead span+span+span>span+span {
		display: none
	}
	.CommonJourneyHead span+span+span>span+span+span {
		display: inline-block
	}
	.CommonJourneyHead {
		font-size: 18px;
		font-weight: 700;
		padding: 12px 12px 7px
	}
	.CommonJourneyHead-arrow {
		padding: 0 12px 0 6px
	}
	.billing-information .form-group label {
		width: auto;
		float: none;
		text-align: left;
		line-height: inherit
	}
	.billing-information input,
	.billing-information select,
	.billing-information textarea {
		width: 100%!important
	}
	.ReservationPassenger fieldset {
		float: left;
		width: 100%;
		padding-top: 18px
	}
	.ReservationPassenger-details .DatePickerField-field._month {
		float: left;
		width: 100%!important
	}
	/*.widgetTxtFieldHolder li .ausu-suggest,
	.widgetTxtFieldHolder li:nth-child(1),
	.widgetTxtFieldHolder li:nth-child(2),
	.widgetTxtFieldHolder li:nth-child(3) {
		width: 100%
	}*/
	.airline-deals-logo+.container {
		margin-top: 60px
	}
	.resultBox .mob-dis-none,
	.resultBox .mob-heading-desk,
	.resultBox .mob-none,
	.resultBox .time-demob {
		display: none
	}
	.searchResultBox .flight-list-view .price {
		width: 100%;
		text-align: center;
		color: #008171;
		float: left
	}
	.searchResultBox .flight-list-view .book {
		width: 100%;
		float: left;
		line-height: 35px
	}
	.searchResultBox .search-box.search-index-page .input-group.ausu-suggest input {
		padding-left: 87px
	}
	.searchResultBox .search-index-page .input-group.ausu-suggest input#tbTo {
		padding-left: 88px!important
	}
	.searchResultBox .search-box.search-index-page #departDateDiv .input-group input,
	.searchResultBox .search-box.search-index-page #returnDateDiv .hasDatepicker {
		padding-left: 91px
	}
	.searchResultBox .search-box.search-index-page .advanceSearch {
		left: 12px;
		bottom: 64px;
		display: block
	}
	.searchResultBox .passangerCatogaryHolder .src-input.cabinclass {
		width: 97.2%
	}
	.searchResultBox .passangerCatogaryHolder .src-input {
		margin-left: 1%
	}
	.searchResultBox .search-index-page #btnSearchFlights {
		width: 100%!important;
		margin-left: 0;
		margin-right: 0
	}
	.searchResultBox .search-index-page .list-two {
		margin-top: 17px!important
	}
	.searchResultBox .search-box .passangerCatogaryHolder {
		width: 100%;
		margin-left: 0!important
	}
	.searchResultBox .search-index-page .container,
	.searchResultBox .search-index-page .container-fluid {
		padding-right: 10px;
		padding-left: 18px
	}
	.searchResultBox .searchbtnhome {
		margin-top: 30px!important
	}
	.searchResultBox .search-box.search-index-page .no-padding:first-child {
		width: 100%
	}
	.searchResultBox .fl-dep-fullname,
	.searchResultBox .fl-rep-fullname {
		max-width: 99px;
		white-space: nowrap;
		text-overflow: ellipsis
	}
	.searchResultBox .flight-desc i,
	.searchResultBox .flight-list-view .flight-desc h4 i {
		color: #22a0cf
	}
	.searchResultBox .mob-dis-none,
	.searchResultBox .mob-heading-desk,
	.searchResultBox .mob-none,
	.searchResultBox .time-demob {
		display: none
	}
	.searchResultBox .signupPromocode {
		margin-top: 0;
		background: #f8efe8
	}
	.searchResultBox .search-results-title {
		padding-bottom: 0
	}
	.searchResultBox .mainContainer h1 {
		margin-bottom: 13px;
		margin-top: 8px!important;
		font-size: 21px
	}
	.searchResultBox .bannerContentHolder,
	.searchResultBox .search-col-padding,
	.searchResultBox .search-col-padding.noleftwidget {
		width: 100%
	}
	.searchResultBox .mainContainer h1,
	.searchResultBox .search-results-title {
		float: left;
		width: 100%
	}
	.searchResultBox .search-box {
		height: 400px
	}
	.searchResultBox #dealBlock .col-md-3.text-center,
	.searchResultBox .col-md-2.text-center {
		text-align: left
	}
	.airline-logo {
		text-align: center!important;
		padding-bottom: 10px!important
	}
	.searchResultBox .flight-list-view .price {
		padding: 24px 0 0;
		border-right: 0
	}
	.searchResultBox .flight-list-view {
		margin-top: 10px;
		border: 1px solid #bfe4f2;
		position: relative;
		min-height: 89px
	}
	.searchResultBox .flight-list-view .airline-logo {
		padding: 0
	}
	.searchResultBox .flight-list-view .landing {
		text-align: center;
		padding-top: 5px
	}
	.searchResultBox .flight-list-view .landing .mob-heading {
		margin-bottom: 14px
	}
	.searchResultBox .clear-padding.flight-desc+.clear-padding {
		padding: 0!important
	}
	.searchResultBox .resultBox {
		padding: 0 10px
	}
	.searchResultBox .mob-description-box {
		float: left;
		border: 0;
		width: auto!important
	}
	.searchResultBox .flight-list-view .airline-logo,
	.searchResultBox .flight-list-view .flight-desc {
		border: 0!important
	}
	.searchResultBox .flight-book {
		position: absolute;
		top: 0;
		right: 0
	}
	.searchResultBox .flight-desc {
		width: 70%!important
	}
	.searchResultBox .fl-dep {
		position: absolute;
		font-size: 17px;
		left: 11px;
		top: 32px;
		padding-right: 1%
	}
	.searchResultBox .lan-fl-dep-fullname,
	.searchResultBox .lan-fl-rep-fullname {
		width: 50%;
		overflow: hidden;
		height: 20px;
		text-align: left;
		position: absolute
	}
	.searchResultBox .fl-rep {
		position: absolute;
		font-size: 17px;
		left: 53%;
		top: 22px
	}
	.searchResultBox .fl-dep-fullname {
		position: absolute;
		left: 5px;
		top: 41px;
		overflow: hidden
	}
	.searchResultBox .fl-rep-fullname {
		position: absolute;
		left: 53%;
		top: 51px;
		overflow: hidden
	}
	.searchResultBox .list-remove-box .col-md-2,
	.searchResultBox .list-remove-box .col-md-3 {
		border-left: 0
	}
	.searchResultBox .lan-fl-dep-fullname {
		left: 10px;
		top: -41px;
		font-weight: 400
	}
	.searchResultBox .lan-fl-rep-fullname {
		left: 56%;
		top: -4px
	}
	.airline-logo {
		width: 50px!important;
		min-height: 86px;
		padding: 20px 3px!important
	}
	.searchResultBox .flight-list-view .price h4 span {
		position: absolute;
		font-size: 10px;
		top: 39px
	}
	.searchResultBox .flight-list-view .price h4 {
		margin-right: 5px;
		font-size: 14px;
		padding-right: 15px
	}
	.searchResultBox .flight-list-view .airline-logo {
		min-height: inherit
	}
	.searchResultBox .mob-heading {
		display: block
	}
	.searchResultBox .airlineName {
		display: none
	}
	.searchHolder .checkout select,
	.searchHolder .country_to_state,
	.searchHolder input[type=text],
	.searchHolder select,
	.searchHolder textarea {
		height: 34px;
		line-height: 9px
	}
	.search-box.search-index-page {
		z-index: 9!important
	}
	.searchResultBox.searchResultBoxdest .lan-fl-dep-fullname {
		top: -4px
	}
	.searchResultBox.searchResultBoxdest .lan-fl-rep-fullname {
		top: -41px
	}
	.airdestpage,
	.airline-flight {
		background: #000!important
	}
	.airdestpage.search-index-page .search-visit,
	.airline-flight.search-index-page .search-visit {
		margin-top: 10px;
		margin-bottom: 0
	}
	.airline-flight.search-index-page .search-visit {
		background-color: initial!important
	}
	.airdestpage.search-index-page,
	.airline-flight.search-index-page {
		top: 0
	}
	.airline-deals-logo {
		top: 48px!important
	}
	.search-box.search-index-page.airline-flight {
		height: auto
	}
	.airdestpage .desc h2,
	.airline-flight .desc h2 {
		font-size: 18px!important
	}
	.booking-item span.booking-item-price {
		padding-left: 10px!important;
		text-align: left
	}
	.booking-select-box {
		padding: 6px 0 0
	}
	.booking-item .selectBtn {
		margin: -44px 10px 0 0;
		float: right;
		width: 40%;
		font-size: 22px;
		background: 0 0
	}
	.processingSecHolder-m .processingFooter li .icon {
		height: 65px
	}
	.processingSecHolder-m .processingFooter li {
		padding-bottom: 22px
	}
	.spboximg .searchHolder:before {
		border-bottom: 10px solid #032438!important
	}
	/*.calIcon {
		top: 39px
	}*/
	.search-box.search-index-page.airdestpage,
	.search-box.search-index-page.airline-flight {
		position: relative
	}
	.airdestpage+.singup-box,
	.airline-flight+.singup-box {
		margin-top: 0
	}
	.has-text-centered:last-child {
		border-bottom: 0!important
	}
	.search-index-page #returnDateDiv .hasDatepicker {
		padding-left: 36px!important
	}
	.selfpayment .contact_wrapper-about i {
		margin-top: 10px
	}
	.selfpayment .contact_wrapper-form {
		padding: 20px 0 0
	}
	.selfpayment .contact_wrapper-form>.col-md-12,
	.sitemap .contentBox>.container,
	.static-content {
		padding: 0
	}
	.selfpayment .contact_wrapper-about {
		height: auto
	}
	.sitemapHolder,
	.sitemapHolder.sitemaplong,
	.sitemapHolder.sitemaplong1 {
		width: 100%!important
	}
	.about-intro {
		padding-top: 0
	}
	.table-group h3,
	caption:not(.h2):not(.h3) {
		font-size: 1.1rem!important
	}
	.about-intro th:not(.scope) {
		width: auto!important
	}
	.about-intro table td {
		word-break: break-all
	}
	.mainContainer .desc h2 {
		font-size: 18px!important
	}
	.search-box.search-index-page+.singup-box+.searchHolder .hideCon .search-col-padding.formMidBox,
	.search-box.search-index-page+.singup-box+.searchHolder .search-col-padding.formMidBox.noleftwidget {
		padding-right: 10px
	}
	.airline-flight .search-index-page .search-visit {
		background-color: initial!important
	}
	.src-input.cabinclass {
		margin-top: -10px
	}
	.backclosediv+.list-wrapper {
		margin-top: 0!important
	}
	.destHolderList li {
		margin-bottom: 10px
	}
	.destHolderList li:last-child {
		margin-bottom: 0
	}
	.sitemapHolder li {
		width: 49%!important
	}
	.bannerContentHolder {
		top: 10px!important;
		display:none;
			
	}
      .level-item,.has-text-centered:first-child,.has-text-centered:last-child{width:50%;float:left;border:none;}
      .level-item p{display:none;}
      .with-icon h2{font-size:11px;}
      .special-offer{padding-top:0px;}
      .level-item{border-bottom:0px!important;}
      .widgetTxtFieldHolder li input[type=text], .widgetTxtFieldHolder li select{border-color:rgb(0, 83, 126);}
      .phonering-alo-ph-img-circle{width:60%;}
}

/*Banner bottom*/
.banner-bottom {
   background-color: #e1e1e1 !important;
    border: 0 !important;
}
.banner-bottom .rightsev {
    display: flex;
    align-items: center;
    height: 150px;
    position: relative;
}
.tp-widget-stars {
    width: 79%!important;
}
.rightsev .tru-rws {
    width: 53%;
    margin-left: 7px;
    position: relative;
    /*margin-right: 28px;*/
}
.rightsev .sbscribform {
    width: 245px;
    text-align: center;
    margin-left: 3%;
}
.rightsev .sbscribform #formSubscribe h2 {
    margin: 0;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.rightsev .sbscribform .input-container {
    width: 100%;
    margin: 0;
}
.rightsev .sbscribform .input-container input#formSubscribebutton {
    border-radius: 4px 4px 0 0;
    margin: 0;
    border: 0;
    padding: 8px 10px 5px 41px !important;
    font-weight: 300;
    font-size: 12px;
}
.rightsev .sbscribform .input-container button#btnSubscribe {
    border-radius: 0 0 4px 4px;
    width: 100%;
    margin-top: 0;
    text-transform: capitalize;
    position: relative;
    padding: 0;
    height: 41px;
}
.rightsev #formSubscribe {
    margin: 0;
    padding: 0;
}
.flybanner + .special-offer {
    padding-top: 0;
}
.flybanner {
    text-align: center;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}

.bg-overlay.divTimeOutCallBackBox .timeoutBox {
    padding: 0 20px;
    border-radius: 5px;
}
.bg-overlay.divTimeOutCallBackBox .timeoutBox .flight-title img {
    width: auto !important;
    margin-top: 20px;
}
.bg-overlay.divTimeOutCallBackBox .timeoutBox h2 {
    color: #333;
    font-size: 25px;
    padding-top: 16px;
}
.bg-overlay.divTimeOutCallBackBox .timeoutBox a {
    background: var(--skyBlue);
    color: #fff;
    display: inline-block;
    padding: 4px 30px;
    border-radius: 4px;
    margin-bottom: 23px;
}