@keyframes zoom-in-out {
    50% {
        transform: scale(0.9);
    }
}




@-webkit-keyframes opacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
.service-header .header-container2 {
    float: none;
    max-width: 1140px;
    padding: 5px 25px 5px 25px;
    margin: 0 auto;
}
.bg-primary-header {
    background: #f2f2f2;
    /* box-shadow: 0 2px 6px 0 rgb(199 197 197 / 35%); */
    border-bottom: solid 1px #ececec;
}
@-webkit-keyframes slide-slow-down {
    0% {
        transform: perspective(1px) scaleY(0.1)
    }

    40% {
        transform: perspective(1px) scaleY(1.02)
    }

    60% {
        transform: perspective(1px) scaleY(0.98)
    }

    80% {
        transform: perspective(1px) scaleY(1.01)
    }

    100% {
        transform: perspective(1px) scaleY(1)
    }

    80% {
        transform: perspective(1px) scaleY(1.01)
    }

    100% {
        transform: perspective(1px) scaleY(1)
    }
}

@-moz-keyframes slide-slow-down {
    0% {
        transform: perspective(1px) scaleY(0.1)
    }

    40% {
        transform: perspective(1px) scaleY(1.02)
    }

    60% {
        transform: perspective(1px) scaleY(0.98)
    }

    80% {
        transform: perspective(1px) scaleY(1.01)
    }

    100% {
        transform: perspective(1px) scaleY(1)
    }

    80% {
        transform: perspective(1px) scaleY(1.01)
    }

    100% {
        transform: perspective(1px) scaleY(1)
    }
}

@keyframes slide-slow-down {
    0% {
        transform: perspective(1px) scaleY(0.1)
    }

    40% {
        transform: perspective(1px) scaleY(1.02)
    }

    60% {
        transform: perspective(1px) scaleY(0.98)
    }

    80% {
        transform: perspective(1px) scaleY(1.01)
    }

    100% {
        transform: perspective(1px) scaleY(1)
    }

    80% {
        transform: perspective(1px) scaleY(1.01)
    }

    100% {
        transform: perspective(1px) scaleY(1)
    }
}

@-webkit-keyframes popout {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@-moz-keyframes popout {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes popout {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        transform-origin: 0 0;
        transform: translate3d(100%, 0, 0)
    }

    100% {
        transform-origin: 0 0;
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideLeft {
    0% {
        transform-origin: 0 0;
        transform: translate3d(100%, 0, 0)
    }

    100% {
        transform-origin: 0 0;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideLeft {
    0% {
        transform-origin: 0 0;
        transform: translate3d(100%, 0, 0)
    }

    100% {
        transform-origin: 0 0;
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideRight {
    0% {
        transform-origin: 0 0;
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform-origin: 0 0;
        transform: translate3d(110%, 0, 0)
    }
}

@-moz-keyframes slideRight {
    0% {
        transform-origin: 0 0;
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform-origin: 0 0;
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes slideRight {
    0% {
        transform-origin: 0 0;
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform-origin: 0 0;
        transform: translate3d(110%, 0, 0)
    }
}

@-webkit-keyframes loading {
    0% {
        transform: translate3d(-50px, 0, 0)
    }

    to {
        transform: translate3d(0)
    }
}

@-moz-keyframes loading {
    0% {
        transform: translate3d(-50px, 0, 0)
    }

    to {
        transform: translate3d(0)
    }
}

@keyframes loading {
    0% {
        transform: translate3d(-50px, 0, 0)
    }

    to {
        transform: translate3d(0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0.3;
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0.3;
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0.3;
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-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)
    }
}

@-moz-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)
    }
}

@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)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes nudge-dir-x {
    0% {
        transform: translate(0, 0);
        opacity: 1;
        z-index: 9
    }

    20% {
        transform: translate(10px, 0);
        opacity: 1
    }

    40% {
        transform: translate(0, 0);
        opacity: 1
    }

    60% {
        transform: translate(-10px, 0);
        opacity: 0.6
    }

    80% {
        transform: translate(0, 0);
        opacity: 0.4
    }

    100% {
        transform: translate(0, 0);
        opacity: 0;
        z-index: -1
    }
}

@-moz-keyframes nudge-dir-x {
    0% {
        transform: translate(0, 0);
        opacity: 1;
        z-index: 9
    }

    20% {
        transform: translate(10px, 0);
        opacity: 1
    }

    40% {
        transform: translate(0, 0);
        opacity: 1
    }

    60% {
        transform: translate(-10px, 0);
        opacity: 0.6
    }

    80% {
        transform: translate(0, 0);
        opacity: 0.4
    }

    100% {
        transform: translate(0, 0);
        opacity: 0;
        z-index: -1
    }
}

@keyframes nudge-dir-x {
    0% {
        transform: translate(0, 0);
        opacity: 1;
        z-index: 9
    }

    20% {
        transform: translate(10px, 0);
        opacity: 1
    }

    40% {
        transform: translate(0, 0);
        opacity: 1
    }

    60% {
        transform: translate(-10px, 0);
        opacity: 0.6
    }

    80% {
        transform: translate(0, 0);
        opacity: 0.4
    }

    100% {
        transform: translate(0, 0);
        opacity: 0;
        z-index: -1
    }
}

@-webkit-keyframes slide-up {
    0% {
        max-height: 1000px
    }

    100% {
        max-height: 0
    }
}

@-moz-keyframes slide-up {
    0% {
        max-height: 1000px
    }

    100% {
        max-height: 0
    }
}

@keyframes slide-up {
    0% {
        max-height: 1000px
    }

    100% {
        max-height: 0
    }
}

@-webkit-keyframes slide-down {
    0% {
        max-height: 0
    }

    100% {
        max-height: 1000px
    }
}

@-moz-keyframes slide-down {
    0% {
        max-height: 0
    }

    100% {
        max-height: 1000px
    }
}

@keyframes slide-down {
    0% {
        max-height: 0
    }

    100% {
        max-height: 1000px
    }
}

@font-face {
    font-family: "Rubik-Regular";
    src: url("../../../../../fonts/typography/Rubik/Rubik-Regular.eot");
    src: url("../../../../../fonts/typography/Rubik/Rubik-Regular.eot?#iefix") format("embedded-opentype"),url("../../../../../fonts/typography/Rubik/Rubik-Regular.woff") format("woff"),url("../../../../../fonts/typography/Rubik/Rubik-Regular.woff2") format("woff2"),url("../../../../../fonts/typography/Rubik/Rubik-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "Rubik-Medium";
    src: url("../../../../../fonts/typography/Rubik/Rubik-Medium.eot");
    src: url("../../../../../fonts/typography/Rubik/Rubik-Medium.eot?#iefix") format("embedded-opentype"),url("../../../../../fonts/typography/Rubik/Rubik-Medium.woff") format("woff"),url("../../../../../fonts/typography/Rubik/Rubik-Medium.woff2") format("woff2"),url("../../../../../fonts/typography/Rubik/Rubik-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "fontello";
    src: url("../../../../../fonts/icon-flights/fontello.eot?480d953b");
    src: url("../../../../../fonts/icon-flights/fontello.eot?480d953b#iefix") format("embedded-opentype"),url("../../../../../fonts/icon-flights/fontello.woff?480d953b") format("woff"),url("../../../../../fonts/icon-flights/fontello.ttf?480d953b") format("truetype"),url("../../../../../fonts/icon-flights/fontello.svg?480d953b#fontello") format("svg");
    font-style: normal;
    font-weight: normal
}

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fs-6 {
    font-size: .42857rem
}

.fs-8 {
    font-size: .57143rem
}

.fs-9 {
    font-size: .64286rem
}

.fs-10 {
    font-size: .71429rem
}

.fs-11 {
    font-size: .78571rem
}

.fs-12 {
    font-size: .85714rem
}

.fs-13 {
    font-size: .92857rem
}

.fs-14 {
    font-size: 1rem
}

.fs-15 {
    font-size: 1.07143rem
}

.fsr-15 {
    font-size: 1.07143em
}

.fs-16 {
    font-size: 1.14286rem
}

.fsr-16 {
    font-size: 1.14286em
}

.fs-17 {
    font-size: 1.21429rem
}

.fs-18 {
    font-size: 1.28571rem
}

.fs-20 {
    font-size: 1.42857rem
}

.fs-22 {
    font-size: 1.57143rem
}

.fs-24 {
    font-size: 1.71429rem
}

.fs-28 {
    font-size: 2rem
}

.fs-38 {
    font-size: 2.71429rem
}

.fs-54 {
    font-size: 3.85714rem
}

h4 {
    font-size: 14px;
    font-family: "Rubik-Medium";
    color: #333
}

.bold {
    font-family: "Rubik-Medium"
}

.normal {
    font-family: "Rubik-Regular"
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.font-green {
    color: #169c2c
}

.font-red {
    color: #ea2330
}

.font-lightgrey {
    color: #666
}

.font-lightestgrey {
    color: #999
}

.font-primary-color {
    color: #333
}

.no-underline {
    text-decoration: none
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.no-wrap {
    white-space: nowrap
}

.strike-through {
    position: relative;
    display: inline-block
}

    .strike-through:after {
        content: "";
        position: absolute;
        border-bottom: 1px solid #666;
        width: 100%;
        left: 0;
        top: 50%
    }

.lh-1 {
    line-height: 1
}

.normal-style {
    font-style: normal
}

.shake {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

.slide-slow-down {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation-name: slide-slow-down;
    -moz-animation-name: slide-slow-down;
    animation-name: slide-slow-down
}

    .slide-slow-down.item-0 {
        -webkit-animation-name: slide-slow-down;
        -moz-animation-name: slide-slow-down;
        animation-name: slide-slow-down
    }

.slide-up {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: slide-up;
    -moz-animation-name: slide-up;
    animation-name: slide-up
}

.slide-down {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: slide-down;
    -moz-animation-name: slide-down;
    animation-name: slide-down
}

.slideLeft {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: slideLeft;
    -moz-animation-name: slideLeft;
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    -moz-animation-name: slideLeft;
    animation-name: slideLeft
}

.slideRight {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: slideRight;
    -moz-animation-name: slideRight;
    animation-name: slideRight
}

@-webkit-keyframes tipsy-anim-top-center {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, -1em)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, -1em)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }
}

@-moz-keyframes tipsy-anim-top-center {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, -1em)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, -1em)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }
}

@keyframes tipsy-anim-top-center {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, -1em)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, -1em)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }
}

.top-center {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: tipsy-anim-top-center;
    -moz-animation-name: tipsy-anim-top-center;
    animation-name: tipsy-anim-top-center
}

@-webkit-keyframes tipsy-anim-bottom-center {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, 100%)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, 100%)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, 100%)
    }
}

@-moz-keyframes tipsy-anim-bottom-center {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, 100%)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, 100%)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, 100%)
    }
}

@keyframes tipsy-anim-bottom-center {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, 100%)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, 100%)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, 100%)
    }
}

.bottom-center {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: tipsy-anim-bottom-center;
    -moz-animation-name: tipsy-anim-bottom-center;
    animation-name: tipsy-anim-bottom-center
}

@-webkit-keyframes tipsy-anim-top-left {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, -1em)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, -1em)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }
}

@-moz-keyframes tipsy-anim-top-left {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, -1em)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, -1em)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }
}

@keyframes tipsy-anim-top-left {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-50%, -1em)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-50%, -1em)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-50%, -1em)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-50%, -1em)
    }
}

.top-left {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: tipsy-anim-bottom-left;
    -moz-animation-name: tipsy-anim-bottom-left;
    animation-name: tipsy-anim-bottom-left
}

@-webkit-keyframes tipsy-anim-bottom-right {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-100%, 100%)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-100%, 100%)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-100%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-100%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-100%, 100%)
    }
}

@-moz-keyframes tipsy-anim-bottom-right {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-100%, 100%)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-100%, 100%)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-100%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-100%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-100%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-100%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-100%, 100%)
    }
}

@keyframes tipsy-anim-bottom-right {
    0% {
        transform: perspective(1px) scaleY(0.1) translate(-100%, 100%)
    }

    40% {
        transform: perspective(1px) scaleY(1.02) translate(-100%, 100%)
    }

    60% {
        transform: perspective(1px) scaleY(0.98) translate(-100%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-100%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-100%, 100%)
    }

    80% {
        transform: perspective(1px) scaleY(1.01) translate(-100%, 100%)
    }

    100% {
        transform: perspective(1px) scaleY(1) translate(-100%, 100%)
    }
}

.bottom-right {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: tipsy-anim-bottom-right;
    -moz-animation-name: tipsy-anim-bottom-right;
    animation-name: tipsy-anim-bottom-right
}

.rotate-anim {
    transition: transform 0.2s
}

#my-div {
    background-color: cornflowerblue;
    height: auto
}

.animate-on.tostie {
    -webkit-transition: 0.8s ease-in-out all;
    -moz-transition: 0.8s ease-in-out all;
    -ms-transition: 0.8s ease-in-out all;
    -o-transition: 0.8s ease-in-out all;
    transition: 0.8s ease-in-out all
}

    .animate-on.tostie.ng-enter {
        opacity: 0;
        max-height: none
    }

        .animate-on.tostie.ng-enter.ng-enter-active {
            opacity: 1;
            max-height: none
        }

    .animate-on.tostie.ng-leave {
        opacity: 1;
        max-height: none
    }

        .animate-on.tostie.ng-leave.ng-leave-active {
            opacity: 0;
            max-height: none
        }

.animate-on.ng-enter, .animate-on.ng-leave {
    -webkit-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    overflow: hidden
}

.animate-on.ng-enter {
    max-height: 0;
    opacity: 0
}

    .animate-on.ng-enter.ng-enter-active {
        max-height: 999px;
        opacity: 1
    }

.animate-on.ng-leave {
    max-height: 999px;
    opacity: 1
}

    .animate-on.ng-leave.ng-leave-active {
        max-height: 0;
        opacity: 1
    }

.animate-on.ng-hide-add, .animate-on.ng-hide-remove {
    max-height: 900px;
    transition-property: max-height, opacity;
    transition-duration: 0.3s
}

.animate-on.ng-hide {
    max-height: 0;
    opacity: 0
}

.spin:before {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.radio {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    border: 1px solid #909090;
    width: 16px;
    height: 16px
}

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

        .radio input[type="radio"]:checked + i {
            background: #3691ca
        }

        .radio input[type="radio"] + i {
            position: absolute;
            width: 10px;
            height: 10px;
            display: inline-block;
            border-radius: 50%;
            padding: 1px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

.button {
    padding: 9px 26px 8px 22px;
    border-radius: 4px
}

    .button.disabled {
        background: #fff;
        color: #999;
        border-color: #999
    }

        .button.disabled:hover {
            background: #fff;
            color: #999
        }

.secondary-button {
    background-color: #fff;
    border: 2px solid #f34f4f;
    color: #f34f4f
}

.checkbox {
    position: relative;
    display: inline-block;

    vertical-align: middle
}

    .checkbox input[type="checkbox"] {
        opacity: 0
    }

        .checkbox input[type="checkbox"] + i {
            top: 50%;
            transform: translateY(-50%);
            border: 1px solid #909090;
            background: #fff;
            position: absolute;
            left: 0;
            color: #fff;
            padding: 1px;
            border-radius: 3px;
            width: 1.5em;
            height: 1.5em;
            font-size: 1em
        }

        .checkbox input[type="checkbox"]:checked + i {
            background: #3691ca;
            border-color: #3691ca
        }

input, .drop-down {
    border: 0;
    outline: 0;
    background-color: transparent;
    letter-spacing: 0;
    color: #fff
}

    input[type="text"].email {
        border: 1px solid #e2e2e2;
        padding: 12px;
        border-radius: 6px;
        color: #333
    }

input, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-submit {
    padding: 11px 26px 10px 22px;
    background-color: #f6901a;
    color: #fff;
    border-radius: 4px;
    border: 0
}

.loader-dot {
    display: inline-block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    -moz-animation-name: opacity;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

    .loader-dot:after, .loader-dot:before {
        content: "";
        display: inline-block;
        height: 5px;
        width: 5px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 0;
        -moz-animation-name: opacity;
        -webkit-animation-name: opacity;
        animation-name: opacity;
        -moz-animation-duration: 1s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .loader-dot:after {
        left: 7px;
        -moz-animation-delay: 300ms;
        -webkit-animation-delay: 300ms;
        animation-delay: 300ms
    }

    .loader-dot:before {
        right: 7px
    }

    .loader-dot.red {
        background: #f34f4f
    }

        .loader-dot.red:after, .loader-dot.red:before {
            background: #f34f4f
        }

.tipsy {
    cursor: pointer;
    position: relative
}

    .tipsy:hover .tipsy-content {
        display: block
    }

    .tipsy .tipsy-content {
        background: #000;
        opacity: 0.77;
        display: none;
        min-width: 150px;
        position: absolute;
        bottom: 100%;
        color: #fff;
        padding: 5px;
        border: 1px solid #cdcecf;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 5px 1px #cdcecf;
        -webkit-box-shadow: 0 0 5px 1px #cdcecf;
        box-shadow: 0 0 5px 1px #cdcecf;
        left: 50%;
        transform: translate(-50%, -1em);
        z-index: 2
    }

        .tipsy .tipsy-content:after, .tipsy .tipsy-content:before {
            content: "";
            position: absolute;
            border: 7px solid #000;
            top: 99%
        }

        .tipsy .tipsy-content.top {
            transform-origin: 0% 100%
        }

            .tipsy .tipsy-content.top:before {
                border-left-color: transparent;
                border-right-color: transparent;
                border-top: 10px solid #000;
                border-bottom-color: transparent
            }

            .tipsy .tipsy-content.top:after {
                border-left-color: transparent;
                border-right-color: transparent;
                border-bottom-color: transparent;
                border-top: 10px solid rgba(0,0,0,0.77)
            }

            .tipsy .tipsy-content.top.top-left:after {
                left: 4%
            }

            .tipsy .tipsy-content.top.top-left:before {
                left: 5%
            }

            .tipsy .tipsy-content.top.top-center:after, .tipsy .tipsy-content.top.top-center:before {
                left: 50%;
                transform: translateX(-50%)
            }

            .tipsy .tipsy-content.top.top-center:after {
                left: 49%
            }

        .tipsy .tipsy-content.bottom {
            transform-origin: 0% 100%;
            bottom: -1em
        }

            .tipsy .tipsy-content.bottom:before {
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 10px solid #000;
                border-top: 0;
                top: 1px;
                transform: translate(-50%, -100%)
            }

            .tipsy .tipsy-content.bottom:after {
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 10px solid rgba(0,0,0,0.77);
                border-top: 0;
                top: 1px;
                transform: translate(-50%, -100%)
            }

            .tipsy .tipsy-content.bottom.bottom-center {
                transform: translate(-50%, 100%)
            }

                .tipsy .tipsy-content.bottom.bottom-center:before, .tipsy .tipsy-content.bottom.bottom-center:after {
                    left: 50%
                }

            .tipsy .tipsy-content.bottom.bottom-right {
                transform: translate(-100%, 100%);
                left: 150%
            }

                .tipsy .tipsy-content.bottom.bottom-right:before, .tipsy .tipsy-content.bottom.bottom-right:after {
                    right: 5px;
                    transform: translate(0%, -100%)
                }

        .tipsy .tipsy-content.right:before {
            border-bottom-color: transparent;
            border-top-color: transparent;
            border-right-color: #000;
            border-left-color: transparent;
            left: -14px;
            top: 50%;
            transform: translateY(-50%)
        }

        .tipsy .tipsy-content.right:after {
            border-bottom-color: transparent;
            border-top-color: transparent;
            border-right-color: rgba(0,0,0,0.77);
            border-left-color: transparent
        }

        .tipsy .tipsy-content.right.right-center {
            left: 20px;
            top: 0.5em;
            transform: translateY(-50%);
            bottom: auto
        }

            .tipsy .tipsy-content.right.right-center:after, .tipsy .tipsy-content.right.right-center:before {
                left: -14px;
                top: 50%;
                transform: translateY(-50%)
            }

        .tipsy .tipsy-content.left:before {
            border-bottom-color: transparent;
            border-top-color: transparent;
            border-left-color: #000;
            border-right-color: transparent;
            right: -14px;
            top: 50%;
            transform: translateY(-50%)
        }

        .tipsy .tipsy-content.left:after {
            border-bottom-color: transparent;
            border-top-color: transparent;
            border-left-color: rgba(0,0,0,0.77);
            border-right-color: transparent
        }

        .tipsy .tipsy-content.left.left-center {
            left: -14px;
            top: 0.5em;
            transform: translate(-100%, -50%);
            bottom: auto
        }

            .tipsy .tipsy-content.left.left-center:after, .tipsy .tipsy-content.left.left-center:before {
                right: -13px;
                top: 50%;
                transform: translateY(-50%)
            }

select {
    border: none
}

.scroll-v {
    overflow-y: auto;
    overflow-x: hidden;
    ΓÇôwebkit-overflow-scrolling: touch
}

    .scroll-v::-webkit-scrollbar {
        background-color: rgba(0,0,0,0.1);
        -webkit-appearance: none;
        width: 5px
    }

    .scroll-v::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,0.4);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5)
    }

.cust-dropdown {
    background: #fff;
    position: relative;
    border-radius: 3px
}

    .cust-dropdown .selected-val {
        padding: 10px 15px;
        border-bottom: 2px solid #3691ca
    }

    .cust-dropdown .cmtfi-angle-down, .cust-dropdown .cmtfi-angle-up {
        font-size: 6px;
        position: absolute;
        right: 2em;
        line-height: 3em
    }

    .cust-dropdown .list {
        background: #fff;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        border-radius: 4px;
        box-shadow: 0 4px 17px 0 rgba(86,86,86,0.5);
        z-index: 2
    }

        .cust-dropdown .list li {
            border-bottom: 1px solid rgba(200,200,200,0.66);
            padding: 10px 20px
        }

            .cust-dropdown .list li:hover {
                background: #FDFBFB
            }

            .cust-dropdown .list li:last-of-type {
                border: 0
            }

.search-filter .search-input {
    position: relative;
    border-bottom: 2px solid #c9c9c9
}

    .search-filter .search-input:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #c9c9c9
    }

    .search-filter .search-input input {
        width: 100%;
        padding: 7px 30px
    }

.toggle-button {
    font-size: 24px;
    position: relative;
    width: 1em;
    height: 0.59em;
    border-radius: 0.29em;
    background-color: #d8d8d8;
    box-shadow: inset 0 0 2px 0 rgba(151,151,151,0.5)
}

    .toggle-button .toggle-circle {
        width: 0.42em;
        height: 0.42em;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 0.08em;
        transform: translateX(0.1em);
        transition: transform 0.1s
    }

    .toggle-button.selected {
        background: #3691ca
    }

        .toggle-button.selected .toggle-circle {
            transform: translateX(0.5em)
        }

.ajax-loader {
    min-height: 200px
}

    .ajax-loader .css-ajax-loader {
        width: 20px;
        height: 20px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%)
    }

        .ajax-loader .css-ajax-loader:before {
            content: "";
            border: 2px dotted #f34f4f;
            border-right-color: transparent;
            border-radius: 50%;
            display: block;
            width: 100%;
            height: 100%
        }

        .ajax-loader .css-ajax-loader.with-content {
            width: 100px;
            height: 100px
        }

            .ajax-loader .css-ajax-loader.with-content:before {
                text-align: center
            }

            .ajax-loader .css-ajax-loader.with-content:after {
                content: "Loading ...";
                position: absolute;
                top: 37%;
                left: 20px;
                color: rgba(0,0,0,0.5)
            }

.scroller-cont .scroller {
    overflow: hidden
}

.scroller-cont .scroll-dir {
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.scroller-cont .next {
    right: 0
}

.scroller-cont .prev {
    left: 0
}

.scroll-shadow:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -4px;
    box-shadow: 0 -3px 5px 0px rgba(165,165,165,0.5)
}

.tostie {
    max-height: none;
    background: rgba(0,0,0,0.66);
    z-index: 1;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px
}

    .tostie.center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

.scrolltop {
    background: rgba(0,0,0,0.3);
    color: #fff;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 6px;
    z-index: 14
}

    .scrolltop .cmtfi-angle-up {
        position: absolute;
        top: 52%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

        .scrolltop .cmtfi-angle-up:before {
            font-weight: bold;
            transform: rotateZ(180deg)
        }

.thin-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.thin-scroll::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    border-radius: 5px
}

.wr-width {
    max-width: 1140px;
    padding: 0 24px
}

.wr-hr-center {
    margin: 0 auto
}

.full-width {
    width: 100%
}

.full {
    width: 100%
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.white-circle {
    width: 9px;
    height: 9px;
    display: inline-block;
    border: 2px solid #cacaca;
    border-radius: 50%;
    background: #fff;
    margin: 0 4px
}

.v-aligm-m {
    vertical-align: middle
}

.v-aligm-t {
    vertical-align: top
}

.v-aligm-b {
    vertical-align: bottom
}

.cursor-pointer {
    cursor: pointer
}

.cursor-disabled {
    cursor: not-allowed
}

.no-events {
    pointer-events: none
}

.i-b {
    display: inline-block
}

.block {
    display: block
}

.hide {
    display: none !important
}

.no-visible {
    opacity: 0
}

.table {
    display: table
}

    .table > * {
        display: table-cell
    }

.scroll-padd {
    padding-right: 0
}

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

.pr {
    position: relative
}

.abs {
    position: absolute
}

.fixed {
    position: fixed
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.free-flow {
    float: none
}

.bdr-black {
    border: 1px solid #000
}

.bdr-btm-lgrey {
    border-bottom: 1px solid #e2e2e2
}

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

.bdr-dashed {
    border-style: dashed
}

.bdr-btm-grey {
    border-bottom: 2px solid #9c9c9c
}

.bdr-btm-lightgrey {
    border-bottom: 2px solid #d8d8d8
}

.bg-primary {
    background: #FDFBFB
}

.link-color {
    color: #3691ca
}

.white-bg {
    background: #fff
}

.secndry-bg {
    background: #E5E7EB
}

.grey-bg {
    background: #f2f2f2
}

.yellow-msg {
    background: #fffdd5;
    padding: 7px 15px;
    border-radius: 62px
}

.input-hidden {
    opacity: 0;
    position: absolute
}

.disabled {
    pointer-events: none;
    color: #999;
    opacity: 0.6
}

    .disabled > * {
        cursor: not-allowed;
        font-family: "Rubik-regular";
        color: #999
    }

.ellipsis {
    max-width: 99.5%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.border-shadow {
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.36)
}

.dashed-borderbtm {
    border-bottom: 1px dashed #666
}

.dotted-borderbtm {
    border-bottom: 1px dotted #cacaca
}

.body-stop-scroll {
    overflow: hidden;
    height: 100%
}

.ovf-hidden {
    overflow: hidden
}

.widget {
    border-radius: 6px
}

.component-bg {
    background: #f3f3f3
}

.tr {
    text-align: right
}

.uprcse {
    text-transform: uppercase
}

.blur {
    filter: blur(2px)
}

.center-align {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cursor-default {
    cursor: default
}

.grid > .col-12 {
    width: 100%
}

.grid:after {
    content: "";
    display: block;
    clear: both
}

.grid > * {
    display: block;
    float: left;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px
}

    .grid > *:first-child {
        padding-left: 0
    }

    .grid > *:last-child {
        padding-right: 0
    }

.grid > .no-pad {
    padding-left: 0;
    padding-right: 0
}

.grid > .col-1 {
    width: 8.33%
}

.grid > .col-2 {
    width: 17%
}

.grid > .col-3 {
    width: 25%
}

.grid > .col-4 {
    width: 33.33%
}

.grid > .col-5 {
    width: 41.67%
}

.grid > .col-6 {
    width: 50%
}

.grid > .col-7 {
    width: 58.33%
}

.grid > .col-8 {
    width: 66.67%
}

.grid > .col-9 {
    width: 75%
}

.grid > .col-10 {
    width: 83%
}

.grid > .col-11 {
    width: 91.67%
}

html {
    font-size: 14px
}

* {
    margin: 0;
    outline: none;
    padding: 0;
    font-weight: normal;
    list-style: none;
    box-sizing: border-box;
    scroll-behavior: smooth
}

body {
    background-color: #fbfdfd
}

ul li {
    list-style-type: none
}

.pdd-0 {
    padding: 0
}

.pdd-10 {
    padding: 10px
}

.pt-2 {
    padding-top: 2px
}

.pt-24 {
    padding-top: 24px
}

.pt-22 {
    padding-top: 22px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-25 {
    padding-top: 25px
}

.pt-12 {
    padding-top: 12px
}

.pt-8 {
    padding-top: 8px
}

.pt-5 {
    padding-top: 5px
}

.pt-17 {
    padding-top: 17px
}

.pb-16 {
    padding-bottom: 16px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-2 {
    padding-bottom: 2px
}

.pt-15 {
    padding-top: 15px
}

.pt-10 {
    padding-top: 10px
}

.pb-22 {
    padding-bottom: 22px
}

.pb-14 {
    padding-bottom: 14px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-24 {
    padding-bottom: 24px
}

.pli-0 {
    padding-left: 0 !important
}

.pri-0 {
    padding-right: 0 !important
}

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

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

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

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

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

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

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

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

.pr-2 {
    padding-right: 2px
}

.pr-24 {
    padding-right: 24px
}

.pr-18 {
    padding-right: 18px
}

.pr-5 {
    padding-right: 5px
}

.pr-15 {
    padding-right: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-18 {
    padding-bottom: 18px
}

.pr-10 {
    padding-right: 10px
}

.pb-12 {
    padding-bottom: 12px
}

.pb-9 {
    padding-bottom: 9px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-47 {
    padding-bottom: 47px
}

.mt-2 {
    margin-top: 2px
}

.mt-5 {
    margin-top: 5px
}

.mt-8 {
    margin-top: 8px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-28 {
    margin-top: 28px
}

.mt-35 {
    margin-top: 35px
}

.mt-72 {
    margin-top: 72px
}

.mr-2 {
    margin-right: 2px
}

.mr-5 {
    margin-right: 5px
}

.mr-8 {
    margin-right: 8px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-24 {
    margin-right: 24px
}

.mr-26 {
    margin-right: 26px
}

.mb-2 {
    margin-bottom: 2px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-8 {
    margin-bottom: 8px
}

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

.mb-12 {
    margin-bottom: 12px
}

.mb-14 {
    margin-bottom: 14px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-27 {
    margin-bottom: 27px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-32 {
    margin-bottom: 32px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-38 {
    margin-bottom: 38px
}

.mb-64 {
    margin-bottom: 64px
}

.mb-33 {
    margin-bottom: 33px
}

.mb-64 {
    margin-bottom: 64px
}

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

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

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

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

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

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

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

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

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

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

.mln-10 {
    margin-left: -10px
}

.lh-12 {
    line-height: 12px
}
/*! angularjs-slider - v6.6.1 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2018-06-30 */

.rzslider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 35px 0 15px 0;
    vertical-align: middle;
    user-select: none
}

    .rzslider.with-legend {
        margin-bottom: 40px
    }

    .rzslider[disabled] {
        cursor: not-allowed
    }

        .rzslider[disabled] .rz-pointer {
            cursor: not-allowed;
            background-color: #d8e0f3
        }

        .rzslider[disabled] .rz-draggable {
            cursor: not-allowed
        }

        .rzslider[disabled] .rz-selection {
            background: #8b91a2
        }

        .rzslider[disabled] .rz-tick {
            cursor: not-allowed
        }

            .rzslider[disabled] .rz-tick.rz-selected {
                background: #8b91a2
            }

    .rzslider span {
        position: absolute;
        display: inline-block;
        white-space: nowrap
    }

    .rzslider .rz-base {
        width: 100%;
        height: 100%;
        padding: 0
    }

    .rzslider .rz-bar-wrapper {
        left: 0;
        z-index: 1;
        width: 100%;
        height: 32px;
        padding-top: 16px;
        margin-top: -16px;
        box-sizing: border-box
    }

    .rzslider .rz-draggable {
        cursor: move
    }

    .rzslider .rz-bar {
        left: 0;
        z-index: 1;
        width: 100%;
        height: 4px;
        background: #d8e0f3;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
        background: transparent
    }

    .rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
        background: #df002d
    }

    .rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
        background: #03a688
    }

    .rzslider .rz-selection {
        z-index: 2;
        background: #0db9f0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .rzslider .rz-restricted {
        z-index: 3;
        background: #ff0000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .rzslider .rz-pointer {
        top: -14px;
        z-index: 3;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background-color: #0db9f0;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

        .rzslider .rz-pointer:after {
            position: absolute;
            top: 12px;
            left: 12px;
            width: 8px;
            height: 8px;
            background: #ffffff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            content: ''
        }

        .rzslider .rz-pointer:hover:after {
            background-color: #ffffff
        }

        .rzslider .rz-pointer.rz-active {
            z-index: 4
        }

            .rzslider .rz-pointer.rz-active:after {
                background-color: #451aff
            }

    .rzslider .rz-bubble {
        bottom: 16px;
        padding: 1px 3px;
        color: #55637d;
        cursor: default
    }

        .rzslider .rz-bubble.rz-limit {
            color: #55637d
        }

    .rzslider .rz-ticks {
        position: absolute;
        top: -3px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box
    }

    .rzslider .rz-ticks-values-under .rz-tick-value {
        top: auto;
        bottom: -32px
    }

    .rzslider .rz-tick {
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        margin-left: 11px;
        text-align: center;
        cursor: pointer;
        background: #d8e0f3;
        border-radius: 50%
    }

        .rzslider .rz-tick.rz-selected {
            background: #0db9f0
        }

    .rzslider .rz-tick-value {
        position: absolute;
        top: -30px;
        transform: translate(-50%, 0)
    }

    .rzslider .rz-tick-legend {
        position: absolute;
        top: 24px;
        max-width: 50px;
        white-space: normal;
        transform: translate(-50%, 0)
    }

    .rzslider.rz-vertical {
        position: relative;
        width: 4px;
        height: 100%;
        padding: 0;
        margin: 0 20px;
        vertical-align: baseline
    }

        .rzslider.rz-vertical .rz-base {
            width: 100%;
            height: 100%;
            padding: 0
        }

        .rzslider.rz-vertical .rz-bar-wrapper {
            top: auto;
            left: 0;
            width: 32px;
            height: 100%;
            padding: 0 0 0 16px;
            margin: 0 0 0 -16px
        }

        .rzslider.rz-vertical .rz-bar {
            bottom: 0;
            left: auto;
            width: 4px;
            height: 100%
        }

        .rzslider.rz-vertical .rz-pointer {
            top: auto;
            bottom: 0;
            left: -14px !important
        }

        .rzslider.rz-vertical .rz-bubble {
            bottom: 0;
            left: 16px !important;
            margin-left: 3px
        }

        .rzslider.rz-vertical .rz-ticks {
            top: 0;
            left: -3px;
            z-index: 1;
            width: 0;
            height: 100%
        }

        .rzslider.rz-vertical .rz-tick {
            margin-top: 11px;
            margin-left: auto;
            vertical-align: middle
        }

        .rzslider.rz-vertical .rz-tick-value {
            top: auto;
            left: 24px;
            transform: translate(0, -28%)
        }

        .rzslider.rz-vertical .rz-tick-legend {
            top: auto;
            right: 24px;
            max-width: none;
            white-space: nowrap;
            transform: translate(0, -28%)
        }

        .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
            right: 24px;
            bottom: auto;
            left: auto
        }

.cmtfi-search-new:before, .cmtfi-social-share:before {
    margin-right: 5px
}

i.cmtfi-css-hyphen:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 0;
    border: solid #999;
    border-width: 1px 0;
    margin-bottom: 3px
}

[class^="cmtfi-"]:before, [class*=" cmtfi-"]:before {
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "fontello"
}

.cmtfi-info-circled:before {
    content: ""
}

.cmtfi-angle-down:before {
    content: ""
}

.cmtfi-angle-right:before {
    content: ""
}

.cmtfi-angle-left:before {
    content: ""
}

.cmtfi-rupee:before {
    content: ""
}

.cmtfi-morning:before {
    content: ""
}

.cmtfi-night:before {
    content: ""
}

.cmtfi-noon:before {
    content: ""
}

.cmtfi-evening:before {
    content: ""
}

.cmtfi-trailing-plane:before {
    content: ""
}

.cmtfi-calendar:before {
    content: ""
}

.cmtfi-clock:before {
    content: ""
}

.cmtfi-power:before {
    content: ""
}

.cmtfi-meal:before {
    content: ""
}

.cmtfi-wifi:before {
    content: ""
}

.cmtfi-Wi-Fi:before {
    content: ""
}

.cmtfi-WiFi:before {
    content: ""
}

.cmtfi-plane:before {
    content: ""
}

.cmtfi-seat:before {
    content: ""
}

.cmtfi-entertainment:before {
    content: ""
}

.cmtfi-tick:before {
    content: ""
}

.cmtfi-cancel:before {
    content: ""
}

.cmtfi-filter:before {
    content: ""
}

.cmtfi-refresh:before {
    content: ""
}

.cmtfi-depart-plane:before {
    content: ""
}

.cmtfi-fast-plane:before {
    content: ""
}

.cmtfi-thumbs:before {
    content: ""
}

.cmtfi-money-bag:before {
    content: ""
}

.cmtfi-arrow-right:before {
    content: ""
}

.cmtfi-care-plane:before {
    content: ""
}

.cmtfi-care-hand:before {
    content: ""
}

.cmtfi-bus:before {
    content: ""
}

.cmtfi-student:before {
    content: ""
}

.cmtfi-search:before {
    content: ""
}

.cmtfi-Carry_On_Hand_Baggage:before {
    content: ""
}

.cmtfi-Checked_Baggage:before {
    content: ""
}

.cmtfi-Refund:before {
    content: ""
}

.cmtfi-Seat_Assignment:before {
    content: ""
}

.cmtfi-pedlock:before {
    content: ""
}

.cmtfi-Rebooking:before {
    content: ""
}

.cmtfi-Meals_and_Beverages:before {
    content: ""
}

.cmtfi-cancelled-plane:before {
    content: ""
}

.cmtfi-price-graph:before {
    content: ""
}

.cmtfi-timeout:before {
    content: ""
}

.cmtfi-share:before {
    content: ""
}

.cmtfi-fare-drop:before {
    content: ""
}

.cmtfi-fare-rise:before {
    content: ""
}

.cmtfi-arrow1:before {
    content: ""
}

.cmtfi-train:before {
    content: ""
}

.cmtfi-Longe:before {
    content: ""
}

.cmtfi-Inflight_Meals:before {
    content: ""
}

.cmtfi-Refundabilty:before {
    content: ""
}

.cmtfi-changeability:before {
    content: ""
}

.cmtfi-Extra_baggage:before {
    content: ""
}

.cmtfi-Mileage_upgrade:before {
    content: ""
}

.cmtfi-Miles_accrual:before {
    content: ""
}

.cmtfi-Frequent_Flyer_Miles:before {
    content: ""
}

.cmtfi-attention:before {
    content: ""
}

.cmtfi-popular:before {
    content: ""
}

.cmtfi-leisure:before {
    content: ""
}

.cmtfi-business:before {
    content: ""
}

.cmtfi-no-meal:before {
    content: ""
}

.cmtfi-paid-meal:before {
    content: ""
}

.cmtfi-cancel-protect:before {
    content: ""
}

.cmtfi-bag:before {
    content: ""
}

.cmtfi-no-bag:before {
    content: ""
}

.cmtfi-stop:before {
    content: ""
}

.cmtfi-price-update:before {
    content: ""
}

.cmtfi-last-booked:before {
    content: ""
}

.cmtfi-price-down:before {
    content: ""
}

.cmtfi-viewing-flight:before {
    content: ""
}

.cmtfi-seat-map:before {
    content: ""
}

.cmtfi-seat-vacant:before {
    content: ""
}

i.tick-mark:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 0.5em;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    transform: rotateZ(-45deg)
}

i.tick-mark.tick-black {
    border-color: #333
}

i.cmtfi-arrow-left:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.cmtfi-price-graph {
    position: relative
}

    .cmtfi-price-graph:after {
        content: '';
        position: absolute;
        height: 0.32em;
        width: 0.15em;
        background: #23bf8c;
        bottom: 0.1em;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 5px
    }

.cmtfi-care-p {
    position: relative;
    display: inline-block
}

    .cmtfi-care-p:after {
        border-left: solid 0.08em #36C24D;
        display: inline-block;
        width: 0.4em;
        height: 0.48em;
        content: '';
        position: absolute;
        left: 0.24em;
        top: 0.25em;
        -moz-border-radius: 0.13em 0px 0px 0.1em;
        -webkit-border-radius: 0.13em 0px 0px 0.1em;
        border-radius: 0.1em 0px 0px 0.1em;
        border-top: 0
    }

    .cmtfi-care-p:before {
        border: 0.08em solid transparent;
        display: inline-block;
        width: 0.1em;
        min-height: 0em;
        padding: 0.27em;
        border-radius: 50%;
        border-top-color: #36C24D;
        content: "";
        position: absolute;
        top: 0.21em;
        left: 0.14em
    }

    .cmtfi-care-p .cmtfi-care-hand, .cmtfi-care-p .cmtfi-care-plane {
        position: absolute
    }

    .cmtfi-care-p .hand-bar {
        display: inline-block;
        position: absolute;
        height: 0.27em;
        width: 0.07em;
        background: #36C24D;
        top: 0.84em;
        left: -0.1em;
        border-radius: 0.2em
    }

    .cmtfi-care-p .cmtfi-care-hand:after {
        content: "";
        width: 0.3em;
        height: 0.14em;
        position: absolute;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 30%, #fff 100%);
        opacity: 0.8;
        top: 0.21em;
        left: 0.49em
    }

    .cmtfi-care-p .cmtfi-care-plane {
        color: #36C24D;
        font-size: 0.6em;
        left: 0.6em;
        top: 0.2em;
        z-index: 2
    }

        .cmtfi-care-p .cmtfi-care-plane:after {
            content: "";
            position: absolute;
            width: 0.1em;
            height: 0.55em;
            top: 0.28em;
            background: #fff;
            left: 0.74em;
            z-index: -1
        }

    .cmtfi-care-p.cancel-protect .cmtfi-cancel-protect:before {
        font-weight: bold
    }

    .cmtfi-care-p.cancel-protect .cmtfi-care-plane {
        left: 0.45em;
        top: 0.4em;
        font-size: 0.52em
    }

        .cmtfi-care-p.cancel-protect .cmtfi-care-plane:after {
            width: 0.6em;
            height: 0.8em;
            top: 0.2em
        }

        .cmtfi-care-p.cancel-protect .cmtfi-care-plane:before {
            font-weight: bold
        }

    .cmtfi-care-p.cancel-protect:after {
        width: 0.45em;
        height: 0.60em;
        left: 0.1em;
        top: 0.23em
    }

    .cmtfi-care-p.cancel-protect:before {
        width: 0.1em;
        position: absolute;
        top: 0.20em;
        left: 0.01em
    }

.cmtfi-angle-up:before {
    transform: rotateZ(180deg)
}

.cmtfi-arrow-up:before {
    transform: rotateZ(-90deg)
}

.cmtfi-arrow-down:before {
    transform: rotateZ(90deg)
}

.cmtfi-business {
    position: relative
}

    .cmtfi-business:after {
        position: absolute;
        content: "";
        width: 0.3em;
        height: 0.13em;
        background: #fff;
        top: 0.7em;
        left: 0.35em
    }

.rzslider {
    margin: 20px 0 15px 0;
    width: 80%;
    padding-bottom: 20px
}

    .rzslider:before {
        position: absolute;
        content: '';
        height: 15px;
        left: 0;
        border-right: 2px solid #979797;
        top: -5px
    }

    .rzslider span {
        position: absolute;
        display: inline-block;
        white-space: nowrap
    }

        .rzslider span.rz-base {
            width: 100%;
            height: 100%;
            padding: 0
        }

        .rzslider span.rz-bar-wrapper {
            left: 0;
            z-index: 1;
            width: 100%;
            height: 32px;
            padding-top: 16px;
            margin-top: -16px;
            box-sizing: border-box
        }

        .rzslider span.rz-bar {
            left: 0;
            z-index: 1;
            width: 100%;
            height: 4px;
            background: #eee;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

            .rzslider span.rz-bar.rz-selection {
                background: #3691ca;
                z-index: 2;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px
            }

        .rzslider span.rz-pointer {
            width: 18px;
            height: 18px;
            cursor: pointer;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
            top: -8px
        }

            .rzslider span.rz-pointer:after {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 10px;
                height: 10px;
                background: #3691ca;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%
            }

            .rzslider span.rz-pointer:hover:after {
                background-color: #fff
            }

            .rzslider span.rz-pointer.rz-active:after {
                background-color: #3691ca
            }

        .rzslider span.rz-bubble {
            top: 16px;
            font-size: 13px
        }

            .rzslider span.rz-bubble.rz-selection {
                top: 16px
            }

.modify-search {
    font-family: "Rubik-Regular";
    z-index: 13;
    background: linear-gradient(to right, #0a223d, #194b64);
    background: -webkit-linear-gradient(left, #0a223d, #194b64);
    background: -moz-linear-gradient(left, #0a223d, #194b64);
    background: -ms-linear-gradient(left, #0a223d, #194b64);
    background: -o-linear-gradient(left, #0a223d, #194b64)
}

@keyframes showContent {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.modify-search .animated {
    animation-duration: 0.5s;
    transition-timing-function: ease-in;
    animation-name: showContent
}

.modify-search .bdr-btm {
    border-bottom: 1px solid rgba(226,226,226,0.22)
}

.modify-search .special-fare .custom-radio {
    vertical-align: top;
    border: 1px solid #fff;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    margin-right: 5px
}

    .modify-search .special-fare .custom-radio.active {
        background: #fff
    }

    .modify-search .special-fare .custom-radio input[type="radio"]:checked + i {
        background: #f34f4f;
        position: absolute;
        top: 3px;
        left: 3px;
        width: 8px;
        height: 8px;
        border-radius: 50%
    }

.modify-search .flight-details {
    background: inherit;
    padding: 15px 0
}

    .modify-search .flight-details:after {
        content: "";
        display: block;
        clear: both
    }

    .modify-search .flight-details li {
        display: inline-block;
        color: #fff;
        text-align: left
    }

        .modify-search .flight-details li:last-of-type {
            padding: 0
        }

        .modify-search .flight-details li .light-label {
            opacity: 0.66
        }

    .modify-search .flight-details .sel-icon {
        margin-right: 4%;
        min-width: 5%
    }

    .modify-search .flight-details .sel-origin, .modify-search .flight-details .sel-dest {
        width: 17%
    }

    .modify-search .flight-details .sel-origin {
        margin-right: 7.6%
    }

        .modify-search .flight-details .sel-origin .cmtfi-arrow1 {
            top: 1.5rem;
            right: -31%;
            opacity: 0.44
        }

        .modify-search .flight-details .sel-origin .swap {
            transform: rotate(180deg)
        }

    .modify-search .flight-details .sel-dest {
        margin-right: 3.4%
    }

    .modify-search .flight-details .sel-date {
        width: 18.1%;
        margin-right: 4.5%
    }

        .modify-search .flight-details .sel-date .cmtfi-calendar, .modify-search .flight-details .sel-date .cmtfi-cancel {
            right: 0;
            bottom: 2px;
            opacity: 0.4
        }

        .modify-search .flight-details .sel-date input {
            border-bottom: 0
        }

        .modify-search .flight-details .sel-date .depart {
            width: 38%;
            display: inline-block
        }

        .modify-search .flight-details .sel-date .full-width {
            width: 100%
        }

        .modify-search .flight-details .sel-date .return {
            width: 40%;
            display: inline-block
        }

        .modify-search .flight-details .sel-date .hyphen {
            margin-right: 10px
        }

    .modify-search .flight-details .sel-class {
        width: 20.16%
    }

        .modify-search .flight-details .sel-class .ellipsis {
            max-width: 93.5%
        }

        .modify-search .flight-details .sel-class .cmtfi-angle-down, .modify-search .flight-details .sel-class .cmtfi-angle-up {
            opacity: 0.44;
            right: 5px;
            top: 22px;
            position: absolute
        }

@media only screen and (max-width: 768px) {
    .modify-search .flight-details .sel-class .cmtfi-angle-down, .modify-search .flight-details .sel-class .cmtfi-angle-up {
        float: right;
        padding-left: 0
    }
}

.modify-search .flight-details .sel-class .cmtfi-cancel {
    opacity: 0.4
}

.modify-search .flight-details .sel-class .traveller-table {
    width: 281px;
    background: #fff;
    color: #666;
    left: auto;
    right: 0;
    top: 50px;
    z-index: 14;
    padding: 2px 23px 11px 21px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.5)
}

    .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf {
        display: block;
        color: #333;
        border-bottom: 1px solid rgba(226,226,226,0.77)
    }

        .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf:after {
            content: "";
            display: block;
            clear: both
        }

        .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf .cat-info {
            color: #999
        }

        .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf .spinner {
            float: right
        }

            .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf .spinner:after {
                content: "";
                display: block;
                clear: both
            }

            .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf .spinner .minus, .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf .spinner .plus {
                padding: 5px 10px;
                border: 1px solid rgba(226,226,226,0.77);
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px
            }

        .modify-search .flight-details .sel-class .traveller-table .tab-container ul li.noOf:last-child {
            border-bottom: 0;
            padding: 20px 0 14px
        }

    .modify-search .flight-details .sel-class .traveller-table .custom-radio label {
        opacity: 1;
        display: inline-block
    }

    .modify-search .flight-details .sel-class .traveller-table .custom-radio input[type="radio"] {
        top: 0;
        left: 0;
        visibility: hidden
    }

    .modify-search .flight-details .sel-class .traveller-table .custom-radio .radio-cs {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: transparent;
        border: 1px solid rgba(226,226,226,0.77);
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        margin-right: 5px
    }

    .modify-search .flight-details .sel-class .traveller-table .custom-radio input[type="radio"]:checked ~ .radio-cs {
        border: 3px solid #fff;
        background: #f34f4f;
        box-shadow: 0 0 3px #f34f4f
    }

    .modify-search .flight-details .sel-class .traveller-table .custom-radio span:last-child {
        vertical-align: top;
        display: inline-block;
        color: #777
    }

    .modify-search .flight-details .sel-class .traveller-table .custom-radio input[type="radio"]:checked ~ span.text {
        color: #333
    }

    .modify-search .flight-details .sel-class .traveller-table .btn {
        background: #f34f4f;
        color: #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        display: inline-block;
        text-align: center;
        padding: 7px;
        border-color: #f34f4f
    }

        .modify-search .flight-details .sel-class .traveller-table .btn:hover {
            background-color: #EA2331;
            border-color: #EA2331
        }

    .modify-search .flight-details .sel-class .traveller-table .error-msg {
        box-shadow: none
    }

.modify-search .multicity {
    margin-left: 10%;
    padding-left: 0
}

.modify-search .error-msg {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #f34f4f;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.5)
}

.modify-search .triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -8px;
    right: 10px
}

.modify-search .sel-submit {
    padding: 15px 0
}

    .modify-search .sel-submit:after {
        content: "";
        display: block;
        clear: both
    }

    .modify-search .sel-submit label {
        display: none
    }

    .modify-search .sel-submit .btn-submit {
        box-shadow: 0 2px 4px 0 #4d264c;
        padding: 11px 26px 10px 22px;
        min-width: 137.45px;
        height: 38px
    }

@media only screen and (max-width: 768px) {
    .modify-search .sel-submit .btn-submit {
        padding: 11px 10px
    }
}

.modify-search .sel-submit .btn-submit:hover {
    background-color: #EA2331;
    border-color: #EA2331
}

.modify-search .sel-submit .btn-submit .loader-dot {
    width: 9px;
    height: 9px
}

    .modify-search .sel-submit .btn-submit .loader-dot:after, .modify-search .sel-submit .btn-submit .loader-dot:before {
        width: 9px;
        height: 9px
    }

    .modify-search .sel-submit .btn-submit .loader-dot:after {
        left: 15px
    }

    .modify-search .sel-submit .btn-submit .loader-dot:before {
        right: 15px
    }

.modify-search .sel-submit .btn-submit.disabled {
    color: #999
}

    .modify-search .sel-submit .btn-submit.disabled * {
        color: #999
    }

.modify-search .select-checked {
    vertical-align: middle
}

.modify-search input::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.66
}

.modify-search input::-moz-placeholder {
    color: #fff;
    opacity: 0.66
}

.modify-search ul.trip-type, .modify-search .input-filters {
    /*padding-left: 8.6%;*/
    color: #fff;
    letter-spacing: 0
}

.modify-search ul.trip-type {
    float: none
}

    .modify-search ul.trip-type:after {
        content: "";
        display: block;
        clear: both
    }

    .modify-search ul.trip-type li {
        display: inline-block;
        font-size: 0;
        width: 12%
    }

@media only screen and (max-width: 768px) {
    .modify-search ul.trip-type li {
        width: 16%
    }
}

.modify-search ul.trip-type li .trip-type-input-holder .radio {
    vertical-align: top;
    border: 1px solid #fff
}

    .modify-search ul.trip-type li .trip-type-input-holder .radio input[type="radio"]:checked + i {
        background: #f34f4f
    }

    .modify-search ul.trip-type li .trip-type-input-holder .radio input[type="radio"] + i {
        width: 7px;
        height: 7px;
        padding: 0
    }

.modify-search ul.trip-type .active .trip-type-input-holder .radio {
    border: 5px solid #fff
}

.modify-search .input-filters .checkbox {
    font-size: 10px;
    margin-right: 1%
}

    .modify-search .input-filters .checkbox input[type="checkbox"] + i {
        color: transparent;
        background-color: transparent;
        width: 1.7em;
        height: 1.7em
    }

    .modify-search .input-filters .checkbox input[type="checkbox"]:checked + i {
        background-color: #fff;
        color: #f34f4f;
        border-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .modify-search .input-filters .checkbox i {
        border: 1px solid #fff
    }

.modify-search .input-filters label {
    padding-right: 3%
}

.modify-search .add-city {
    margin-left: 8.5%;
    padding-left: 0
}

    .modify-search .add-city .secondary-button {
        background-color: transparent;
        color: #fff;
        opacity: 0.66;
        border-color: #fff
    }

        .modify-search .add-city .secondary-button:hover {
            background-color: #f34f4f;
            border-color: #f34f4f;
            color: #fff;
            opacity: 1
        }

.modify-search .full {
    width: 100%;
    float: left
}

.modify-search .datepicker-wrapper * {
    box-sizing: border-box
}

.modify-search .datepicker-holder {
    position: relative
}

.modify-search .datepicker-wrapper {
    position: absolute;
    z-index: 999;
    color: #444;
    width: 360px;
    top: 100%
}

    .modify-search .datepicker-wrapper.center {
        left: 50%;
        margin-left: -160px
    }

    .modify-search .datepicker-wrapper.left {
        left: 0
    }

    .modify-search .datepicker-wrapper.right {
        right: 0
    }

    .modify-search .datepicker-wrapper .datepicker-month {
        padding: 20px 20px 20px 30px
    }

        .modify-search .datepicker-wrapper .datepicker-month:first-child {
            border-left: none
        }

    .modify-search .datepicker-wrapper.months-2 {
        width: 742px;
        margin-left: -320px
    }

        .modify-search .datepicker-wrapper.months-2 .datepicker-month {
            width: 50%
        }

.modify-search .datepicker-inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: -1px 1px 10px #717171;
    -moz-box-shadow: -1px 1px 10px #717171;
    -webkit-box-shadow: -1px 1px 10px #717171;
    background: #fff;
    position: relative
}

    .modify-search .datepicker-inner:after {
        position: absolute;
        content: '';
        height: 100%;
        width: 1px;
        border-right: 1px solid #dcdcdc;
        left: 50%
    }

@media only screen and (max-width: 768px) {
    .modify-search .datepicker-inner:after {
        height: 0
    }
}

.modify-search .datepicker-inner .datepicker-nav {
    position: absolute;
    top: 49px;
    float: left;
    cursor: pointer;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: 9
}

    .modify-search .datepicker-inner .datepicker-nav.next {
        right: 8px;
        padding-right: 10px;
        border-left: 8px solid #444
    }

    .modify-search .datepicker-inner .datepicker-nav.prev {
        left: 8px;
        padding-left: 10px;
        border-right: 8px solid #444
    }

.modify-search .datepicker-wrapper .datepicker-inner .datepicker-header {
    background: #f0f0f0;
    position: relative;
    text-align: center
}

    .modify-search .datepicker-wrapper .datepicker-inner .datepicker-header h6 {
        padding: 10px 15px;
        font-size: 14px
    }

    .modify-search .datepicker-wrapper .datepicker-inner .datepicker-header .title-tagline {
        font-size: 13px;
        color: #888
    }

    .modify-search .datepicker-wrapper .datepicker-inner .datepicker-header .datepicker-close.cmtfi-cancel {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 15px;
        height: 15px;
        color: #444;
        font-size: 25px;
        line-height: 15px;
        font-style: normal;
        font-weight: bold;
        opacity: 1
    }

.modify-search .month-name {
    padding: 10px;
    font-size: 15px;
    text-align: center
}

.modify-search .datepicker-week {
    padding-bottom: 7px
}

    .modify-search .datepicker-week .day-block {
        color: #999;
        background-color: #f7f7f7;
        border-right: 1px solid #eee;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        text-transform: uppercase;
        width: 10%
    }

.modify-search .datepicker-dates {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc
}

    .modify-search .datepicker-dates .day-block {
        border-bottom: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc
    }

.modify-search .datepicker-month .day-block {
    float: left;
    width: 14.28%;
    text-align: center;
    font-size: 12px;
    padding: 5px 0
}

.modify-search .day-block.date {
    cursor: pointer;
    position: relative
}

    .modify-search .day-block.date .price {
        font-size: 10px;
        color: #888
    }

    .modify-search .day-block.date:hover {
        background: rgba(243,78,78,0.38)
    }

        .modify-search .day-block.date:hover .price, .modify-search .day-block.date:hover .date-val {
            color: #fff
        }

    .modify-search .day-block.date.current {
        background: #f34f4f;
        color: #fff
    }

        .modify-search .day-block.date.current .price, .modify-search .day-block.date.current .date-val {
            color: #fff
        }

    .modify-search .day-block.date.off {
        color: #d3d3d3 !important;
        pointer-events: none;
        cursor: none
    }

        .modify-search .day-block.date.off:hover {
            cursor: no-drop;
            background: #fff !important
        }

            .modify-search .day-block.date.off:hover .price {
                color: #888
            }

            .modify-search .day-block.date.off:hover .date-val {
                color: #d3d3d3 !important
            }

        .modify-search .day-block.date.off .text-success .price {
            color: #888
        }

        .modify-search .day-block.date.off .text-success .date-val {
            color: #d3d3d3
        }

        .modify-search .day-block.date.off * {
            color: #d3d3d3 !important;
            pointer-events: none;
            cursor: none
        }

.modify-search .day-holder {
    height: 20px;
    line-height: 20px
}

    .modify-search .day-holder .price {
        display: none
    }

    .modify-search .day-holder.text-success .price {
        color: green
    }

    .modify-search .day-holder.text-success .date-val {
        color: #444
    }

    .modify-search .day-holder.text-success:hover .date-val, .modify-search .day-holder.text-success:hover .price, .modify-search .day-holder.text-success.current .date-val, .modify-search .day-holder.text-success.current .price {
        color: #fff
    }

.modify-search .datepicker-dates.price-on .day-holder {
    height: 30px;
    line-height: 15px
}

    .modify-search .datepicker-dates.price-on .day-holder .price {
        display: block;
        white-space: nowrap;
        margin: 0 auto;
        float: none
    }

.modify-search .datepicker-dates.price-on .off .day-holder .price {
    display: none
}

.modify-search .hand-cursor, .modify-search .hand {
    cursor: pointer
}

.modify-search .pattern-color {
    background-color: rgba(243,78,78,0.38)
}

.modify-search .datepicker-wrapper.price-calendar {
    width: 475px
}

    .modify-search .datepicker-wrapper.price-calendar .datepicker-inner .datepicker-header {
        padding: 10px 0 6px
    }

        .modify-search .datepicker-wrapper.price-calendar .datepicker-inner .datepicker-header h6 {
            font-weight: bold;
            padding: 0
        }

        .modify-search .datepicker-wrapper.price-calendar .datepicker-inner .datepicker-header .datepicker-close.cmtfi-cancel {
            top: 20px
        }

    .modify-search .datepicker-wrapper.price-calendar .day-block {
        font-weight: bold
    }

        .modify-search .datepicker-wrapper.price-calendar .day-block .price {
            font-weight: normal
        }

        .modify-search .datepicker-wrapper.price-calendar .day-block .date-val, .modify-search .datepicker-wrapper.price-calendar .day-block .price {
            padding: 4px 0;
            font-size: 13px
        }

        .modify-search .datepicker-wrapper.price-calendar .day-block .day-holder {
            height: 45px
        }

        .modify-search .datepicker-wrapper.price-calendar .day-block.date {
            padding: 8px 0 7px;
            font-size: 13px
        }

    .modify-search .datepicker-wrapper.price-calendar .month-name {
        padding: 6px 0
    }

    .modify-search .datepicker-wrapper.price-calendar .datepicker-nav {
        top: 56px
    }

.modify-search .day-block.date .airline-details {
    width: 130px;
    height: 50px;
    box-shadow: -1px 1px 3px #dcdcdc;
    -moz-box-shadow: -1px 1px 3px #dcdcdc;
    -webkit-box-shadow: -1px 1px 3px #dcdcdc;
    background: #f5f5f5;
    border: 1px solid #e2e2e2;
    position: absolute;
    top: -60px;
    left: 50%;
    margin: 0 0 0 -65px;
    float: left;
    z-index: 9;
    display: none
}

    .modify-search .day-block.date .airline-details:after, .modify-search .day-block.date .airline-details:before {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        left: 50%;
        top: 100%;
        float: left;
        position: absolute;
        content: ''
    }

    .modify-search .day-block.date .airline-details:after {
        border-top: 12px solid #f5f5f5;
        margin: -1px 0 0 -11px
    }

    .modify-search .day-block.date .airline-details:before {
        border-top: 10px solid #e2e2e2;
        margin: 0 0 0 -10px
    }

    .modify-search .day-block.date .airline-details .cal-airline-logo {
        float: left;
        margin: 10px 0 0 8px
    }

    .modify-search .day-block.date .airline-details .right {
        width: 90px;
        float: right;
        font-size: 11px;
        color: #888;
        padding: 4px 0 0 10px;
        text-align: left;
        line-height: normal;
        font-weight: normal
    }

.modify-search .day-block.date:hover .airline-details {
    display: block
}

.modify-search .day-block.date.off .airline-details {
    display: none
}

.modify-search .datepicker-inner .cmtfi-arrow-right, .modify-search .datepicker-inner .cmtfi-arrow-left {
    height: 24px;
    position: absolute;
    top: 28px;
    width: 40px;
    padding: 6px 12px;
    font-size: 10px;
    color: #999;
    border: 1px solid #fff
}

    .modify-search .datepicker-inner .cmtfi-arrow-right:hover, .modify-search .datepicker-inner .cmtfi-arrow-left:hover {
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #000;
        background-color: #f7f7f7
    }

.modify-search .datepicker-inner .cmtfi-arrow-right {
    right: 30px
}

.modify-search .datepicker-inner .cmtfi-arrow-left {
    left: 30px
}

.modify-search .datepicker-wrapper .datepicker-month:last-of-type {
    padding-left: 20px;
    padding-right: 30px
}

.modify-search .datepicker-wrapper.price-calendar.cal-size-sm {
    max-width: 360px
}

    .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block.date {
        padding: 2px 0 2px
    }

        .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block.date .airline-details {
            background: rgba(0,0,0,0.7);
            border: 1px solid #e2e2e2
        }

            .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block.date .airline-details:after {
                border-top: none
            }

            .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block.date .airline-details:before {
                border-top: 10px solid rgba(0,0,0,0.7)
            }

            .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block.date .airline-details .right {
                color: #fff
            }

            .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block.date .airline-details .cal-airline-logo {
                outline: 1px solid #ccc
            }

    .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block .day-holder {
        height: 40px
    }

        .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block .day-holder .price {
            font-size: 10px
        }

        .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .day-block .day-holder .date-val {
            padding-bottom: 0
        }

    .modify-search .datepicker-wrapper.price-calendar.cal-size-sm .fare-note {
        padding: 0 10px 0 15px
    }

.country-flg {
    height: 16px;
    width: 16px;
    float: left;
    line-height: 16px;
    background: url(../../../../images/common/country-flag.png) no-repeat
}

    .country-flg.ad {
        background-position: 0 -352px
    }

    .country-flg.ae {
        background-position: 0 -368px
    }

    .country-flg.af {
        background-position: 0 -384px
    }

    .country-flg.ag {
        background-position: 0 -400px
    }

    .country-flg.ai {
        background-position: 0 -416px
    }

    .country-flg.al {
        background-position: 0 -432px
    }

    .country-flg.am {
        background-position: 0 -448px
    }

    .country-flg.an {
        background-position: 0 -464px
    }

    .country-flg.ao {
        background-position: 0 -480px
    }

    .country-flg.aq {
        background-position: 0 -496px
    }

    .country-flg.ar {
        background-position: 0 -512px
    }

    .country-flg.as {
        background-position: 0 -528px
    }

    .country-flg.at {
        background-position: 0 -544px
    }

    .country-flg.au {
        background-position: 0 -560px
    }

    .country-flg.aw {
        background-position: 0 -576px
    }

    .country-flg.az {
        background-position: 0 -592px
    }

    .country-flg.ba {
        background-position: 0 -608px
    }

    .country-flg.bb {
        background-position: 0 -624px
    }

    .country-flg.bd {
        background-position: 0 -640px
    }

    .country-flg.be {
        background-position: 0 -656px
    }

    .country-flg.bf {
        background-position: 0 -672px
    }

    .country-flg.bg {
        background-position: 0 -688px
    }

    .country-flg.bh {
        background-position: 0 -704px
    }

    .country-flg.bi {
        background-position: 0 -720px
    }

    .country-flg.bj {
        background-position: 0 -736px
    }

    .country-flg.bm {
        background-position: 0 -752px
    }

    .country-flg.bn {
        background-position: 0 -768px
    }

    .country-flg.bo {
        background-position: 0 -784px
    }

    .country-flg.br {
        background-position: 0 -800px
    }

    .country-flg.bs {
        background-position: 0 -816px
    }

    .country-flg.bt {
        background-position: 0 -832px
    }

    .country-flg.bw {
        background-position: 0 -848px
    }

    .country-flg.by {
        background-position: 0 -864px
    }

    .country-flg.bz {
        background-position: 0 -880px
    }

    .country-flg.ca {
        background-position: 0 -896px
    }

    .country-flg.cg {
        background-position: 0 -912px
    }

    .country-flg.cf {
        background-position: 0 -928px
    }

    .country-flg.cd {
        background-position: 0 -944px
    }

    .country-flg.ch {
        background-position: 0 -960px
    }

    .country-flg.ci {
        background-position: 0 -976px
    }

    .country-flg.ck {
        background-position: 0 -992px
    }

    .country-flg.cl {
        background-position: 0 -1008px
    }

    .country-flg.cm {
        background-position: 0 -1024px
    }

    .country-flg.cn {
        background-position: 0 -1040px
    }

    .country-flg.co {
        background-position: 0 -1056px
    }

    .country-flg.cr {
        background-position: 0 -1072px
    }

    .country-flg.cu {
        background-position: 0 -1088px
    }

    .country-flg.cv {
        background-position: 0 -1104px
    }

    .country-flg.cy {
        background-position: 0 -1120px
    }

    .country-flg.cz {
        background-position: 0 -1136px
    }

    .country-flg.de {
        background-position: 0 -1152px
    }

    .country-flg.dj {
        background-position: 0 -1168px
    }

    .country-flg.dk {
        background-position: 0 -1184px
    }

    .country-flg.dm {
        background-position: 0 -1200px
    }

    .country-flg.do {
        background-position: 0 -1216px
    }

    .country-flg.dz {
        background-position: 0 -1232px
    }

    .country-flg.ec {
        background-position: 0 -1248px
    }

    .country-flg.ee {
        background-position: 0 -1264px
    }

    .country-flg.eg {
        background-position: 0 -1280px
    }

    .country-flg.eh {
        background-position: 0 -1296px
    }

    .country-flg.er {
        background-position: 0 -1312px
    }

    .country-flg.es {
        background-position: 0 -1328px
    }

    .country-flg.et {
        background-position: 0 -1344px
    }

    .country-flg.fi {
        background-position: 0 -1360px
    }

    .country-flg.fj {
        background-position: 0 -1376px
    }

    .country-flg.fm {
        background-position: 0 -1392px
    }

    .country-flg.fo {
        background-position: 0 -1408px
    }

    .country-flg.fr {
        background-position: 0 -1424px
    }

    .country-flg.ga {
        background-position: 0 -1440px
    }

    .country-flg.gb {
        background-position: 0 -1456px
    }

    .country-flg.gd {
        background-position: 0 -1472px
    }

    .country-flg.ge {
        background-position: 0 -1488px
    }

    .country-flg.gg {
        background-position: 0 -1504px
    }

    .country-flg.gh {
        background-position: 0 -1520px
    }

    .country-flg.gi {
        background-position: 0 -1536px
    }

    .country-flg.gl {
        background-position: 0 -1552px
    }

    .country-flg.gm {
        background-position: 0 -1568px
    }

    .country-flg.gn {
        background-position: 0 -1584px
    }

    .country-flg.gp {
        background-position: 0 -1600px
    }

    .country-flg.gq {
        background-position: 0 -1616px
    }

    .country-flg.gr {
        background-position: 0 -1632px
    }

    .country-flg.gt {
        background-position: 0 -1648px
    }

    .country-flg.gu {
        background-position: 0 -1664px
    }

    .country-flg.gw {
        background-position: 0 -1680px
    }

    .country-flg.gy {
        background-position: 0 -1696px
    }

    .country-flg.hk {
        background-position: 0 -1712px
    }

    .country-flg.hn {
        background-position: 0 -1728px
    }

    .country-flg.hr {
        background-position: 0 -1744px
    }

    .country-flg.ht {
        background-position: 0 -1760px
    }

    .country-flg.hu {
        background-position: 0 -1776px
    }

    .country-flg.id {
        background-position: 0 -1792px
    }

    .country-flg.mc {
        background-position: 0 -1792px
    }

    .country-flg.ie {
        background-position: 0 -1808px
    }

    .country-flg.il {
        background-position: 0 -1824px
    }

    .country-flg.im {
        background-position: 0 -1840px
    }

    .country-flg.in {
        background-position: 0 -1856px
    }

    .country-flg.iq {
        background-position: 0 -1872px
    }

    .country-flg.ir {
        background-position: 0 -1888px
    }

    .country-flg.is {
        background-position: 0 -1904px
    }

    .country-flg.it {
        background-position: 0 -1920px
    }

    .country-flg.je {
        background-position: 0 -1936px
    }

    .country-flg.jm {
        background-position: 0 -1952px
    }

    .country-flg.jo {
        background-position: 0 -1968px
    }

    .country-flg.jp {
        background-position: 0 -1984px
    }

    .country-flg.ke {
        background-position: 0 -2000px
    }

    .country-flg.kg {
        background-position: 0 -2016px
    }

    .country-flg.kh {
        background-position: 0 -2032px
    }

    .country-flg.ki {
        background-position: 0 -2048px
    }

    .country-flg.km {
        background-position: 0 -2064px
    }

    .country-flg.kn {
        background-position: 0 -2080px
    }

    .country-flg.kp {
        background-position: 0 -2096px
    }

    .country-flg.kr {
        background-position: 0 -2112px
    }

    .country-flg.kw {
        background-position: 0 -2128px
    }

    .country-flg.ky {
        background-position: 0 -2144px
    }

    .country-flg.kz {
        background-position: 0 -2160px
    }

    .country-flg.la {
        background-position: 0 -2176px
    }

    .country-flg.lb {
        background-position: 0 -2192px
    }

    .country-flg.lc {
        background-position: 0 -2208px
    }

    .country-flg.li {
        background-position: 0 -2224px
    }

    .country-flg.lk {
        background-position: 0 -2240px
    }

    .country-flg.lr {
        background-position: 0 -2256px
    }

    .country-flg.ls {
        background-position: 0 -2272px
    }

    .country-flg.lt {
        background-position: 0 -2288px
    }

    .country-flg.lu {
        background-position: 0 -2304px
    }

    .country-flg.lv {
        background-position: 0 -2320px
    }

    .country-flg.ly {
        background-position: 0 -2336px
    }

    .country-flg.ma {
        background-position: 0 -2352px
    }

    .country-flg.md {
        background-position: 0 -2368px
    }

    .country-flg.me {
        background-position: 0 -2384px
    }

    .country-flg.mg {
        background-position: 0 -2400px
    }

    .country-flg.mh {
        background-position: 0 -2416px
    }

    .country-flg.mk {
        background-position: 0 -2432px
    }

    .country-flg.ml {
        background-position: 0 -2448px
    }

    .country-flg.mm {
        background-position: 0 -2464px
    }

    .country-flg.mn {
        background-position: 0 -2480px
    }

    .country-flg.mo {
        background-position: 0 -2496px
    }

    .country-flg.mq {
        background-position: 0 -2512px
    }

    .country-flg.mr {
        background-position: 0 -2528px
    }

    .country-flg.ms {
        background-position: 0 -2544px
    }

    .country-flg.mt {
        background-position: 0 -2560px
    }

    .country-flg.mu {
        background-position: 0 -2576px
    }

    .country-flg.mv {
        background-position: 0 -2592px
    }

    .country-flg.mw {
        background-position: 0 -2608px
    }

    .country-flg.mx {
        background-position: 0 -2624px
    }

    .country-flg.my {
        background-position: 0 -2640px
    }

    .country-flg.mz {
        background-position: 0 -2656px
    }

    .country-flg.na {
        background-position: 0 -2672px
    }

    .country-flg.nc {
        background-position: 0 -2688px
    }

    .country-flg.ne {
        background-position: 0 -2704px
    }

    .country-flg.ng {
        background-position: 0 -2720px
    }

    .country-flg.ni {
        background-position: 0 -2736px
    }

    .country-flg.nl {
        background-position: 0 -2752px
    }

    .country-flg.no {
        background-position: 0 -2768px
    }

    .country-flg.np {
        background-position: 0 -2784px
    }

    .country-flg.nr {
        background-position: 0 -2800px
    }

    .country-flg.nz {
        background-position: 0 -2816px
    }

    .country-flg.om {
        background-position: 0 -2832px
    }

    .country-flg.pa {
        background-position: 0 -2848px
    }

    .country-flg.pe {
        background-position: 0 -2864px
    }

    .country-flg.pf {
        background-position: 0 -2880px
    }

    .country-flg.pg {
        background-position: 0 -2896px
    }

    .country-flg.ph {
        background-position: 0 -2912px
    }

    .country-flg.pk {
        background-position: 0 -2928px
    }

    .country-flg.pl {
        background-position: 0 -2944px
    }

    .country-flg.pr {
        background-position: 0 -2960px
    }

    .country-flg.ps {
        background-position: 0 -2976px
    }

    .country-flg.pt {
        background-position: 0 -2992px
    }

    .country-flg.pw {
        background-position: 0 -3008px
    }

    .country-flg.py {
        background-position: 0 -3024px
    }

    .country-flg.qa {
        background-position: 0 -3040px
    }

    .country-flg.re {
        background-position: 0 -3056px
    }

    .country-flg.ro {
        background-position: 0 -3072px
    }

    .country-flg.rs {
        background-position: 0 -3088px
    }

    .country-flg.ru {
        background-position: 0 -3104px
    }

    .country-flg.rw {
        background-position: 0 -3120px
    }

    .country-flg.sa {
        background-position: 0 -3136px
    }

    .country-flg.sb {
        background-position: 0 -3152px
    }

    .country-flg.sc {
        background-position: 0 -3168px
    }

    .country-flg.sd {
        background-position: 0 -3184px
    }

    .country-flg.se {
        background-position: 0 -3200px
    }

    .country-flg.sg {
        background-position: 0 -3216px
    }

    .country-flg.si {
        background-position: 0 -3232px
    }

    .country-flg.sk {
        background-position: 0 -3248px
    }

    .country-flg.sl {
        background-position: 0 -3264px
    }

    .country-flg.sm {
        background-position: 0 -3280px
    }

    .country-flg.sn {
        background-position: 0 -3296px
    }

    .country-flg.so {
        background-position: 0 -3312px
    }

    .country-flg.sr {
        background-position: 0 -3328px
    }

    .country-flg.st {
        background-position: 0 -3344px
    }

    .country-flg.sv {
        background-position: 0 -3360px
    }

    .country-flg.sy {
        background-position: 0 -3376px
    }

    .country-flg.sz {
        background-position: 0 -3392px
    }

    .country-flg.tc {
        background-position: 0 -3408px
    }

    .country-flg.td {
        background-position: 0 -3424px
    }

    .country-flg.tg {
        background-position: 0 -3440px
    }

    .country-flg.th {
        background-position: 0 -3456px
    }

    .country-flg.tj {
        background-position: 0 -3472px
    }

    .country-flg.tl {
        background-position: 0 -3488px
    }

    .country-flg.tm {
        background-position: 0 -3504px
    }

    .country-flg.tn {
        background-position: 0 -3520px
    }

    .country-flg.to {
        background-position: 0 -3536px
    }

    .country-flg.tr {
        background-position: 0 -3552px
    }

    .country-flg.tt {
        background-position: 0 -3568px
    }

    .country-flg.tv {
        background-position: 0 -3584px
    }

    .country-flg.tw {
        background-position: 0 -3600px
    }

    .country-flg.tz {
        background-position: 0 -3616px
    }

    .country-flg.ua {
        background-position: 0 -3632px
    }

    .country-flg.ug {
        background-position: 0 -3648px
    }

    .country-flg.us {
        background-position: 0 -3664px
    }

    .country-flg.uy {
        background-position: 0 -3680px
    }

    .country-flg.uz {
        background-position: 0 -3696px
    }

    .country-flg.va {
        background-position: 0 -3712px
    }

    .country-flg.vc {
        background-position: 0 -3728px
    }

    .country-flg.ve {
        background-position: 0 -3744px
    }

    .country-flg.vg {
        background-position: 0 -3760px
    }

    .country-flg.vi {
        background-position: 0 -3776px
    }

    .country-flg.vn {
        background-position: 0 -3792px
    }

    .country-flg.vu {
        background-position: 0 -3808px
    }

    .country-flg.ws {
        background-position: 0 -3824px
    }

    .country-flg.ye {
        background-position: 0 -3840px
    }

    .country-flg.za {
        background-position: 0 -3856px
    }

    .country-flg.zm {
        background-position: 0 -3872px
    }

    .country-flg.zw {
        background-position: 0 -3872px
    }

.auto-wrapper {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 310px;
    border-right: 1px solid #e2e2e2;
    background: #fff;
    margin-left: -1px;
    float: left;
    max-height: 280px;
    overflow: auto;
    clear: both;
    top: 100%;
    position: absolute;
    z-index: 99;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 24px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 24px 0 rgba(0,0,0,0.5)
}

    .auto-wrapper .item-holder {
        border-left: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        padding: 14px 15px 20px 20px;
        cursor: pointer
    }

        .auto-wrapper .item-holder.hover {
            background-color: #f5f5f5
        }

    .auto-wrapper.period {
        width: auto;
        max-height: initial;
        top: 50px
    }

.autocomplete-list-content {
    color: #000
}

    .autocomplete-list-content:after {
        content: "";
        display: block;
        clear: both
    }

    .autocomplete-list-content .left {
        width: 72%;
        float: left
    }

    .autocomplete-list-content .autocomplete-city-name {
        font-size: 16px;
        position: relative;
        max-width: 99.2%;
        color: #333;
        padding: 0
    }

        .autocomplete-list-content .autocomplete-city-name .three-dot {
            display: inline
        }

    .autocomplete-list-content .airport-name, .autocomplete-list-content .autocomplete-city-name {
        line-height: normal
    }

    .autocomplete-list-content .airport-name, .autocomplete-list-content .right {
        font-size: 13px;
        color: #999
    }

    .autocomplete-list-content .right {
        max-width: 28%;
        float: right;
        position: relative;
        padding-right: 23px
    }

        .autocomplete-list-content .right .country-flg {
            position: absolute;
            right: 0;
            top: 50%;
            margin: -8px 0 0 4px
        }

.autocomplete-parent {
    position: relative
}

    .autocomplete-parent .auto-wrapper {
        width: 100%
    }

.multicity-summary {
    font-family: "Rubik-Regular"
}

    .multicity-summary .scroller-cont {
        width: 74.66%
    }

        .multicity-summary .scroller-cont .scroll-dir {
            transition: all 0.2s;
            color: #fff
        }

            .multicity-summary .scroller-cont .scroll-dir.next {
                right: -10px
            }

            .multicity-summary .scroller-cont .scroll-dir.prev {
                left: -15px
            }

    .multicity-summary .sel-icon {
        font-size: 22px;
        color: #fff
    }

    .multicity-summary .multicity-tab li {
        font-size: 0;
        color: #fff
    }

    .multicity-summary .multicity-tab .multicity-list {
        width: 33.3%;
        padding-right: 4.8%
    }

        .multicity-summary .multicity-tab .multicity-list .destination, .multicity-summary .multicity-tab .multicity-list .origin-name {
            max-width: 100px;
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            vertical-align: middle
        }

        .multicity-summary .multicity-tab .multicity-list .traveller-details {
            opacity: 0.66;
            color: #fff;
            border-bottom: 1px solid rgba(226,226,226,0.22)
        }

            .multicity-summary .multicity-tab .multicity-list .traveller-details i {
                background-color: #f49d9d;
                margin: 0 2% 0;
                width: 3px;
                height: 3px;
                border-radius: 100%;
                display: inline-block
            }

        .multicity-summary .multicity-tab .multicity-list .cmtfi-arrow-right {
            margin: 0 7.25% 0;
            vertical-align: middle
        }

        .multicity-summary .multicity-tab .multicity-list:last-of-type {
            margin-right: 0
        }

    .multicity-summary .sel-submit {
        padding: 24px 0
    }

.lowest-price.overlay {
    max-width: 47%;
    min-width: 595px
}

    .lowest-price.overlay .overlay-header {
        text-align: right
    }

    .lowest-price.overlay .overlay-content {
        position: relative;
        overflow: hidden
    }

        .lowest-price.overlay .overlay-content:after {
            content: "";
            width: 270px;
            height: 270px;
            border-radius: 50%;
            position: absolute;
            background-color: #f4f4f4;
            bottom: 0;
            left: 0;
            transform: translate(-50%, 50%);
            display: block
        }

.lowest-price .cmtfi-cancel {
    padding-right: 15px;
    font-size: 25px
}

.lowest-price .content {
    z-index: 1;
    padding: 30px
}

    .lowest-price .content .text {
        line-height: 1.5;
        vertical-align: middle;
        padding-right: 60px;
        width: 71%
    }

        .lowest-price .content .text p {
            margin-bottom: 0
        }

    .lowest-price .content .tnc {
        margin-top: 30px
    }

    .lowest-price .content .logo-image {
        background: url("../../../../images/common/lowest-price.png") no-repeat;
        width: 145px;
        height: 145px;
        vertical-align: middle
    }

.search-page {
    font-family: "Rubik-Regular";
    color: #333;
    font-size: 14px
}

    .search-page .dp-bg {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: transparent
    }

    .search-page .b2b label {
        min-width: 25px
    }

    .search-page .air-logo {
        border-radius: 4px;
        background-color: #fff;
        box-sizing: content-box
    }

    .search-page .explore-trends {
        border-radius: 6px;
        background: #fff
    }

        .search-page .explore-trends .hyphen {
            background-color: #cacaca;
            width: 10px;
            height: 2px
        }

    .search-page .flightItem {
        background: #fff;
        border-radius: 6px;
        margin-bottom: 40px
    }

        .search-page .flightItem:hover:before {
            top: -1px;
            left: -1px;
            border-radius: 6px;
            border: 1px solid #5e7eca;
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: -1;
            display: inline-block;
            box-shadow: 0 0 6px 0 #5e7eca
        }

        .search-page .flightItem.banner {
            background: none
        }

            .search-page .flightItem.banner img {
                width: 100%;
                max-height: 150px
            }

            .search-page .flightItem.banner:hover:before {
                border: 0;
                box-shadow: none
            }

    .search-page .left-section {
        padding-right: 52px
    }

    .search-page .right-section {
        padding-left: 0
    }

        .search-page .right-section .feature {
            min-height: 150px;
            border-radius: 4px
        }

        .search-page .right-section .banner-img {
            border-radius: 6px;
            max-height: 300px;
            max-width: 185px
        }

        .search-page .right-section .promoList .pt-14 {
            padding-top: 14px
        }

        .search-page .right-section .promoList .green-text {
            color: green
        }

        .search-page .right-section .promoList .copy-text {
            border-bottom: 1px #dfdfdf solid;
            padding-top: 3px;
            padding-bottom: 4px;
            cursor: pointer
        }

        .search-page .right-section .promoList .promo-code {
            border: 2px #f34f4f solid;
            width: fit-content;
            padding: 6px;
            border-style: dashed;
            margin: 20px auto
        }

        .search-page .right-section .promoList .promo-desc-text {
            font-size: 12px
        }

        .search-page .right-section .promoList .show-more-link {
            color: #f34f4f;
            margin: 6px;
            cursor: pointer
        }

        .search-page .right-section .promoList .promo-text {
            padding: 8px 4px;
            color: gray;
            font-size: 12px
        }

    .search-page .sort-tostie {
        min-width: 216px;
        z-index: 14
    }

    .search-page .oneway .flight-seg {
        display: none
    }

        .search-page .oneway .flight-seg:first-of-type {
            display: block
        }

    .search-page .fixed-overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: transparent;
        z-index: 13
    }

.filters .cmtfi-angle-down {
    font-size: 6px
}

.filters.show-selection .slide-slow-down {
    animation-duration: 0.5s
}

.filters.show-selection .overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.33;
    z-index: 10;
    left: 0;
    bottom: 0;
    right: 0
}

.filters .filter-heading {
    max-height: 56px;
    z-index: 12;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(199,197,197,0.7)
}

    .filters .filter-heading .flight-loader {
        border-radius: 100px;
        background: #ff9494;
        position: absolute;
        height: 4px;
        width: 50px;
        top: 100%;
        transition: width 5s;
        box-shadow: 0 2px 4px 0 #ffa2a2;
        transform: translate3d(0, 0, 0)
    }

        .filters .filter-heading .flight-loader .mask {
            background-image: linear-gradient(to left top, #f34f4f 25%,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,#f34f4f 0%,#f34f4f 75%,rgba(0,0,0,0) 0%,rgba(0,0,0,0));
            -webkit-animation: loading .8s linear 0s infinite normal forwards;
            animation: loading .8s linear 0s infinite normal forwards;
            background-size: 25px 25px;
            height: 4px;
            position: absolute;
            top: 0;
            width: calc(100% + 50px)
        }

        .filters .filter-heading .flight-loader.initloader {
            width: 50%
        }

        .filters .filter-heading .flight-loader.startloader {
            width: 90%
        }

        .filters .filter-heading .flight-loader.loading {
            width: 95%
        }

        .filters .filter-heading .flight-loader.loaded {
            width: 100%
        }

    .filters .filter-heading .apply-filter input {
        padding: 11px 27px 10px 26px
    }

        .filters .filter-heading .apply-filter input:hover {
            background-color: #EA2331;
            border-color: #EA2331
        }

    .filters .filter-heading .filter-icon .cmtfi-tick {
        color: #fff;
        background: #3691ca;
        border-radius: 50%;
        padding-top: 1px;
        left: 2.2em;
        top: -0.5em;
        width: 15px;
        height: 15px;
        border: 2px solid #fff
    }

    .filters .filter-heading .selection-footer {
        box-shadow: 0 -1px 6px 0 rgba(0,0,0,0.1);
        padding: 7px 0 9px 0
    }

        .filters .filter-heading .selection-footer .count {
            width: 60%
        }

        .filters .filter-heading .selection-footer .action {
            width: 39.4%
        }

        .filters .filter-heading .selection-footer .cancel input {
            padding: 9px 26px 9px 22px;
            border-color: #676767;
            color: #676767;
            border-radius: 4px
        }

            .filters .filter-heading .selection-footer .cancel input:hover {
                background: #fff;
                border-color: #676767;
                color: #676767
            }

    .filters .filter-heading .heading {
        padding: 16px 15px;
        margin-right: 1%
    }

        .filters .filter-heading .heading .filter-label {
            line-height: 26px
        }

        .filters .filter-heading .heading .dot {
            top: 50%;
            left: 3%;
            transform: translateY(-50%);
            border: 3px solid #3691ca;
            border-radius: 50%
        }

        .filters .filter-heading .heading.filter-stops .item {
            width: 26px;
            height: 26px;
            padding: 5px
        }

        .filters .filter-heading .heading.active {
            position: relative;
            background: #eaeaea
        }

            .filters .filter-heading .heading.active .dot {
                display: none
            }

            .filters .filter-heading .heading.active:before {
                content: '';
                position: absolute;
                border: 10px solid transparent;
                border-top-color: #eaeaea;
                top: 100%;
                z-index: 999999999;
                left: 50%;
                transform: translateX(-50%)
            }

        .filters .filter-heading .heading.count {
            padding: 3px !important;
            min-width: 9%
        }

            .filters .filter-heading .heading.count .loader-dot {
                margin-left: 6px
            }

    .filters .filter-heading .more {
        margin-right: 0;
        padding-right: 0
    }

.filters .filter-stops .item {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    padding: 8px;
    border-left-width: 1px
}

    .filters .filter-stops .item:last-of-type {
        border-left-width: 1px !important
    }

    .filters .filter-stops .item:hover {
        box-shadow: 0 0 6px 0 rgba(170,170,170,0.5)
    }

    .filters .filter-stops .item.active {
        background: #3691ca
    }

        .filters .filter-stops .item.active p {
            color: #fff
        }

.filters .select-cont {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(131,131,131,0.5)
}

.filters .filter-selection {
    background: #fff;
    width: 100%;
    z-index: 11
}

    .filters .filter-selection .flexbox {
        -ms-flex-line-pack: start;
        align-content: flex-start;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 500px
    }

        .filters .filter-selection .flexbox .filter-type {
            margin-top: 5px;
            width: 25%;
            padding-left: 20px;
            padding-right: 10px;
            padding-bottom: 0
        }

            .filters .filter-selection .flexbox .filter-type .reset-mobile {
                display: none
            }

            .filters .filter-selection .flexbox .filter-type:last-of-type {
                margin-left: 10px;
                padding-right: 0px
            }

            .filters .filter-selection .flexbox .filter-type.filter-stops .item {
                border: 1px solid #dfdfdf
            }

            .filters .filter-selection .flexbox .filter-type .item {
                display: inline-block;
                border: 1px solid #dfdfdf;
                border-left-width: 0
            }

                .filters .filter-selection .flexbox .filter-type .item:first-of-type {
                    border-left-width: 1px;
                    border-top-left-radius: 4px;
                    border-bottom-left-radius: 4px
                }

                .filters .filter-selection .flexbox .filter-type .item:last-of-type {
                    border-left-width: 1px;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                    border-left-width: 0
                }

                .filters .filter-selection .flexbox .filter-type .item.active {
                    background: #3691ca;
                    font-family: "Rubik-Medium"
                }

                    .filters .filter-selection .flexbox .filter-type .item.active p {
                        color: #fff
                    }

                .filters .filter-selection .flexbox .filter-type .item:hover {
                    box-shadow: 0 0 6px 0 rgba(170,170,170,0.5)
                }

            .filters .filter-selection .flexbox .filter-type.layovertime .item {
                padding: 11px 0;
                height: 39px;
                width: 59px
            }

            .filters .filter-selection .flexbox .filter-type.depart-filter {
                padding-right: 0px;
                flex-basis: 200px;
                -ms-flex-preferred-size: 200px
            }

                .filters .filter-selection .flexbox .filter-type.depart-filter .item {
                    color: #8a8a8a;
                    width: 54px;
                    height: 58px;
                    padding: 5px 0
                }

                .filters .filter-selection .flexbox .filter-type.depart-filter .legs {
                    max-height: 200px
                }

            .filters .filter-selection .flexbox .filter-type.airlines, .filters .filter-selection .flexbox .filter-type .aircraft {
                flex-basis: 200px;
                -ms-flex-preferred-size: 200px;
                margin-left: 10px;
                padding-right: 0
            }

            .filters .filter-selection .flexbox .filter-type.list .item {
                border: 0;
                display: block;
                margin: 8px 0
            }

                .filters .filter-selection .flexbox .filter-type.list .item:first-child {
                    margin-top: 0
                }

                .filters .filter-selection .flexbox .filter-type.list .item:hover {
                    box-shadow: none
                }

            .filters .filter-selection .flexbox .filter-type.list .airlines-list {
                max-height: 116px
            }

                .filters .filter-selection .flexbox .filter-type.list .airlines-list :hover .text {
                    color: #333
                }

                .filters .filter-selection .flexbox .filter-type.list .airlines-list .count {
                    opacity: 0.5
                }

            .filters .filter-selection .flexbox .filter-type.price-filter {
                flex-basis: 250px;
                -ms-flex-preferred-size: 250px
            }

            .filters .filter-selection .flexbox .filter-type.personal .container {
                min-width: 90%
            }

            .filters .filter-selection .flexbox .filter-type .container {
                padding: 10px;
                min-width: 88%
            }

            .filters .filter-selection .flexbox .filter-type.activefilter .container {
                background: #f2f5fd
            }

            .filters .filter-selection .flexbox .filter-type.personal {
                flex-basis: 150px;
                -ms-flex-preferred-size: 150px
            }

                .filters .filter-selection .flexbox .filter-type.personal .item {
                    border-bottom-width: 0;
                    padding: 12px 8%;
                    border-left-width: 1px;
                    width: 92%;
                    border-radius: 0
                }

                    .filters .filter-selection .flexbox .filter-type.personal .item:first-of-type {
                        border-top-left-radius: 4px;
                        border-top-right-radius: 4px
                    }

                    .filters .filter-selection .flexbox .filter-type.personal .item:last-of-type {
                        border-bottom-width: 1px;
                        border-bottom-left-radius: 4px;
                        border-bottom-right-radius: 4px
                    }

                    .filters .filter-selection .flexbox .filter-type.personal .item .icon {
                        width: 17%
                    }

.filters .applied-filter .filter {
    padding: 8px 12px;
    border-radius: 4px
}

.ycp-info.tipsy-content {
    padding: 0;
    width: 300px;
    z-index: 13;
    background: #fff;
    opacity: 1;
    color: #333
}

    .ycp-info.tipsy-content.top.top-center:before {
        border-top: 14px solid #cdcecf;
        top: 100%
    }

    .ycp-info.tipsy-content.top.top-center:after {
        border-top: 15px solid #fff;
        top: 100%
    }

.ycp-info .tipsy-desp {
    padding: 5px 20px
}

.ycp-info .benefit-desc {
    width: 90%
}

.ycp-info .tipsy-header-container {
    overflow: hidden;
    height: 75px
}

    .ycp-info .tipsy-header-container .tipsy-header {
        background: url("../../../../images/common/Yatra-Assure-Bg.png") no-repeat;
        width: 100%;
        height: 64px;
        position: absolute
    }

    .ycp-info .tipsy-header-container .logo-holder {
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 70px;
        padding-left: 12px;
        padding-top: 12px;
        background: #fff;
        border-radius: 50%
    }

        .ycp-info .tipsy-header-container .logo-holder .cmtfi-care-p {
            font-size: 42px;
            width: 40px;
            height: 50px
        }

.sponsored .sep {
    color: #e2e2e2;
    opacity: 0.7
}

.sponsored:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid #354cac;
    border-right: 6px solid transparent;
    border-left-width: 140px;
    left: -6px;
    top: 50%;
    transform: translateY(-50%)
}

.sponsored:before {
    content: "SPONSORED AIRLINE";
    position: absolute;
    white-space: nowrap;
    left: 5px;
    font-family: "Rubik-Medium";
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    color: #fff
}

.sponsored .triangle {
    border: 3px solid #2e2e2e;
    border-left-color: transparent;
    left: -6px;
    border-bottom-color: transparent;
    top: 30px;
    width: 1px;
    height: 1px
}

.sponsored .spr-header {
    margin-left: 156px
}

.fare-summary-tooltip.tipsy {
    white-space: normal
}

    .fare-summary-tooltip.tipsy .tipsy-content {
        display: block;
        z-index: 13;
        width: 290px;
        -moz-box-shadow: 0 0 5px 1px #cdcecf;
        -webkit-box-shadow: 0 0 5px 1px #cdcecf;
        box-shadow: 0 0 5px 1px #cdcecf;
        border-radius: 4px;
        background: #fff;
        color: #333;
        opacity: 1;
        padding: 0
    }

        .fare-summary-tooltip.tipsy .tipsy-content:before {
            border-left: 11px solid transparent;
            border-right: 11px solid transparent
        }

        .fare-summary-tooltip.tipsy .tipsy-content:after {
            border-left: 9px solid transparent;
            border-right: 9px solid transparent
        }

        .fare-summary-tooltip.tipsy .tipsy-content.bottom-center:before {
            border-bottom: 15px solid rgba(86,86,86,0.1);
            top: -1px
        }

        .fare-summary-tooltip.tipsy .tipsy-content.bottom-center:after {
            border-bottom: 12px solid #f3f3f3
        }

        .fare-summary-tooltip.tipsy .tipsy-content.top-center:before {
            border-top: 15px solid rgba(86,86,86,0.1);
            left: 49%;
            top: 101%
        }

        .fare-summary-tooltip.tipsy .tipsy-content.top-center:after {
            top: 100%;
            border-top: 12px solid #fff
        }

    .fare-summary-tooltip.tipsy .fare-summary-rules table {
        border-collapse: collapse
    }

        .fare-summary-tooltip.tipsy .fare-summary-rules table tr td, .fare-summary-tooltip.tipsy .fare-summary-rules table tr th {
            padding: 5px 10px
        }

        .fare-summary-tooltip.tipsy .fare-summary-rules table tr.b2bfare {
            border-top: 2px solid #f3f3f3
        }

    .fare-summary-tooltip.tipsy .fare-summary-rules .fsummbg {
        background: #f3f3f3;
        font-family: "Rubik-Medium"
    }

        .fare-summary-tooltip.tipsy .fare-summary-rules .fsummbg .cmtfi-rupee {
            font-size: 12px
        }

        .fare-summary-tooltip.tipsy .fare-summary-rules .fsummbg td {
            padding: 5px 10px;
            border-top: 1px solid #e2e2e2;
            border-bottom: 1px solid #e2e2e2
        }

    .fare-summary-tooltip.tipsy .rules-table {
        margin-right: -10px
    }

        .fare-summary-tooltip.tipsy .rules-table .container {
            padding-right: 10px;
            max-height: 310px
        }

            .fare-summary-tooltip.tipsy .rules-table .container .sector-rules {
                border-bottom: 1px solid #5a426d
            }

    .fare-summary-tooltip.tipsy .disclaimer {
        text-align: left;
        opacity: 0.33;
        padding: 5px 10px 10px 10px
    }

    .fare-summary-tooltip.tipsy .tooltip-header {
        display: block;
        padding: 5px 10px
    }

.overlay-holder {
    overflow: auto;
    clear: both;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999999;
    text-align: center
}

    .overlay-holder.show {
        display: block
    }

    .overlay-holder .overlay {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        max-width: 460px;
        background-color: #fff;
        color: #333;
        overflow: hidden;
        margin: 5% auto;
        animation: popout 0.5s ease;
        -webkit-animation: popout 0.5s ease
    }

    .overlay-holder .overlay-bg {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: -1
    }

    .overlay-holder .new-gray-button {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 12px 22px;
        margin-right: 4.5%;
        color: #666;
        border: 2px solid #999;
        border-width: 0
    }

        .overlay-holder .new-gray-button:hover {
            border: 2px solid #000;
            color: #000
        }

    .overlay-holder .new-blue-button {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-width: 0;
        padding: 13px 22px;
        min-width: 30%;
        color: #fff
    }

        .overlay-holder .new-blue-button:hover {
            background-color: #EA2331;
            border-color: #EA2331
        }

.time-out {
    margin-top: 15px
}

    .time-out .overlay-header {
        color: #f34f4f
    }

        .time-out .overlay-header .heading {
            font-size: 20px;
            margin: 17px auto 30px
        }

    .time-out .overlay-content {
        color: #333
    }

        .time-out .overlay-content .overlay-desc {
            color: #666;
            margin-left: 13.2%;
            margin-right: 13.2%
        }

        .time-out .overlay-content .cmtfi-timeout {
            font-size: 50px
        }

    .time-out .new-gray-button {
        border-width: 2px
    }

    .time-out .schedule {
        margin-left: 3.5%;
        margin-right: 3.5%
    }

.pricing-request {
    min-width: 440px
}

    .pricing-request .overlay-header {
        background: #F9F9F9;
        border-bottom: 1px solid #cdcecf;
        padding: 15px 35px 15px 20px
    }

        .pricing-request .overlay-header .heading {
            text-transform: capitalize;
            color: #666
        }

    .pricing-request .overlay-content {
        padding: 20px
    }

        .pricing-request .overlay-content .table-listing {
            width: 100%
        }

            .pricing-request .overlay-content .table-listing li {
                display: inline-block;
                width: 29%;
                vertical-align: middle
            }

        .pricing-request .overlay-content .pricing-loader {
            position: relative
        }

            .pricing-request .overlay-content .pricing-loader .loader-dot {
                position: absolute;
                left: 50%;
                margin: -2px 0 0 -8px
            }

                .pricing-request .overlay-content .pricing-loader .loader-dot:after, .pricing-request .overlay-content .pricing-loader .loader-dot:before {
                    background-color: #f34f4f
                }

.fare-pop .overlay-header {
    background: #F9F9F9;
    border-bottom: 1px solid #cdcecf;
    padding: 15px 35px 15px 20px
}

    .fare-pop .overlay-header .heading {
        color: #000
    }

.fare-pop .overlay-content {
    padding: 20px;
    background-color: #f8f8f8
}

    .fare-pop .overlay-content .fare-change-msg {
        color: #333;
        margin-bottom: 10px
    }

        .fare-pop .overlay-content .fare-change-msg .change-status {
            font-size: 1.429em;
            margin-top: 10px
        }

            .fare-pop .overlay-content .fare-change-msg .change-status.bull-green {
                color: #169c2c
            }

            .fare-pop .overlay-content .fare-change-msg .change-status.bull-red {
                color: #f34f4f
            }

        .fare-pop .overlay-content .fare-change-msg .cmtfi-fare-drop, .fare-pop .overlay-content .fare-change-msg .cmtfi-fare-rise {
            margin: 0 auto 10px;
            display: block;
            font-size: 32px
        }

    .fare-pop .overlay-content .update-fare {
        text-transform: uppercase;
        color: #000;
        font-weight: bold;
        width: 246px;
        float: none;
        margin: 0 auto 20px
    }

        .fare-pop .overlay-content .update-fare ul li {
            width: 50%;
            float: left
        }

        .fare-pop .overlay-content .update-fare ul:after {
            content: "";
            display: block;
            clear: both
        }

        .fare-pop .overlay-content .update-fare .no-margin {
            background-color: #e2e2e2;
            border: none;
            height: 1px
        }

    .fare-pop .overlay-content .fare-change .new-btn {
        padding: 10px 15px
    }

    .fare-pop .overlay-content .fare-change .new-gray-button {
        background: #e4e4e4;
        border: 1px solid #bfbfbf;
        color: #666
    }

    .fare-pop .overlay-content .fare-change .cmtfi-attention {
        margin: 10px auto 20px;
        position: relative;
        color: #FFBB49;
        display: block;
        font-size: 48px
    }

.share-itenary.disabled button {
    color: #eee;
    border-color: #eee;
    pointer-events: none
}

.share-itenary.disabled .cmtfi-share {
    background: #eee
}

.share-itenary button {
    padding: 9px 16px 8px 40px;
    border-color: #d64443;
    color: #d64443
}

    .share-itenary button:hover {
        border-color: #d64443;
        background: #d64443
    }

.share-itenary .cmtfi-share {
    color: #d64443;
    height: 100%;
    width: 37px;
    background: #d64443;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

    .share-itenary .cmtfi-share:before {
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%
    }

.overlay-holder .itinerary-overlay {
    margin-top: 50px;
    max-width: 800px;
    width: 800px
}

@media only screen and (max-width: 760px) {
    .overlay-holder .itinerary-overlay {
        max-width: none;
        width: 100%
    }
}

.overlay-holder .itinerary-overlay .select-email-opt {
    padding-right: 25px
}

.overlay-holder .itinerary-overlay .cmtfi-cancel {
    top: 6px;
    right: 6px
}

.overlay-holder .itinerary-overlay .overlay-content {
    padding: 10px
}

@media only screen and (max-width: 480px) {
    .overlay-holder .itinerary-overlay .overlay-content {
        padding: 5px
    }
}

.overlay-holder .itinerary-overlay .scroll-v {
    max-height: 325px
}

.overlay-holder .itinerary-overlay .depart-radio {
    top: 10px;
    left: 10px;
    z-index: 9999
}

@media only screen and (max-width: 480px) {
    .overlay-holder .itinerary-overlay .depart-radio {
        top: 10px;
        left: 5px
    }
}

@media only screen and (max-width: 480px) {
    .overlay-holder .itinerary-overlay .flight-det {
        min-height: 85px
    }

        .overlay-holder .itinerary-overlay .flight-det .schedule {
            width: 100%;
            position: relative
        }
}

.overlay-holder .itinerary-overlay .flight-det .fl-info {
    padding-top: 15px
}

@media only screen and (max-width: 480px) {
    .overlay-holder .itinerary-overlay .flight-det .fl-info {
        padding-top: 0px;
        padding-left: 20px
    }
}

.overlay-holder .itinerary-overlay .flight-det .link-color {
    display: none
}

.overlay-holder .itinerary-overlay .flight-det .booking-section .button {
    display: none
}

.overlay-holder .itinerary-overlay .flight-det .booking-section .hff {
    display: none
}

.overlay-holder .itinerary-overlay .email-field input {
    border: 1px solid #999;
    border-radius: 4px;
    padding: 10px 5px;
    font-size: 14px
}

.overlay-holder .itinerary-overlay .share-btn {
    padding: 8px;
    border-radius: 5px;
    min-width: 100px
}

.overlay-holder .itinerary-overlay .btn-submit {
    min-width: 100px
}

@media only screen and (max-width: 480px) {
    .search-page.domestic .itinerary-overlay .flight-det {
        min-height: unset
    }

        .search-page.domestic .itinerary-overlay .flight-det .fl-info {
            padding-top: 10px !important
        }
}

.no-result {
    text-align: center
}

.no-result-img {
    background: url("../../../../images/common/world-map.png") top center/157px 157px no-repeat;
    height: 157px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

    .no-result-img .cmtfi-cancelled-plane {
        color: #fff
    }

.no-result-text {
    color: #333
}

.no-result-text-subset {
    color: #666
}

    .no-result-text-subset .cmtfi-css-hyphen {
        color: #979797
    }

        .no-result-text-subset .cmtfi-css-hyphen:before {
            vertical-align: middle
        }

.no-result-text .new-btn {
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-width: 0;
    padding: 15px 4.5%
}

    .no-result-text .new-btn:hover {
        background-color: #EA2331;
        border-color: #EA2331
    }

.FLIGHT_SRP_SEO {
    line-height: normal
}

    .FLIGHT_SRP_SEO .search-page .left-section {
        width: 100%;
        padding: 0
    }

    .FLIGHT_SRP_SEO .srp {
        max-width: 100%;
        padding: 0
    }

.flight-det > *:last-child {
    width: auto
}

.flight-det .cmtfi-angle-down {
    font-size: 6px
}

.flight-det .schedule {
    width: 47.5%
}

.flight-det .fl-info {
    width: 15.7%
}

.flight-det .add-features {
    width: 6.5%
}

.flight-det .tostie {
    top: 95px
}

.flight-sch:first-of-type {
    margin-top: 0
}

    .flight-sch:first-of-type:first-of-type .show-more:hover {
        border-top: 0
    }

    .flight-sch:first-of-type:first-of-type .content {
        border-top: 0
    }

.flight-sch.last {
    border: 0;
    padding-top: 1px
}

    .flight-sch.last .show-more:hover {
        border-bottom: 0
    }

    .flight-sch.last .content {
        border-bottom: 0
    }

.flight-sch .flight-sch-det {
    z-index: 1
}

.flight-sch .content {
    transition: all 0.3s
}

.flight-sch .depart-det {
    border-right: 1px solid #e2e2e2;
    padding-right: 18px;
    padding-left: 12px
}

.flight-sch .arrive-det {
    border-left: 1px solid #e2e2e2;
    padding-left: 18px;
    padding-right: 12px
}

.flight-sch .select-flight {
    padding-bottom: 15px;
    padding-top: 2px;
    width: 0
}

    .flight-sch .select-flight .radio {
        display: inline-block;
        opacity: 0
    }

.flight-sch .timing-det {
    width: 66%;
    padding: 0 5px 17px 0
}

    .flight-sch .timing-det .du, .flight-sch .timing-det .st {
        vertical-align: super
    }

    .flight-sch .timing-det .fl-no {
        left: 0
    }

    .flight-sch .timing-det .dtime {
        padding-right: 3%
    }

    .flight-sch .timing-det .atime {
        padding-left: 3%
    }

        .flight-sch .timing-det .atime .add-day {
            top: -1.1em;
            left: 0;
            z-index: 0
        }

    .flight-sch .timing-det .duration-stop {
        margin: 0 11%;
        padding-bottom: 0.55em;
        border-bottom: 2px solid #cacaca
    }

        .flight-sch .timing-det .duration-stop .stop-circle {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -o-flex;
            display: flex;
            justify-content: center;
            left: 50%;
            z-index: 1;
            transform: translateX(-50%);
            bottom: -5px
        }

            .flight-sch .timing-det .duration-stop .stop-circle .tipsy-content {
                min-width: auto;
                font-style: normal
            }

    .flight-sch .timing-det .city {
        display: none
    }

.flight-sch .stop-det {
    width: 43.5%
}

    .flight-sch .stop-det .stop-cont {
        border-left: 1px solid #e2e2e2
    }

    .flight-sch .stop-det .tipsy {
        margin-bottom: 0px
    }

        .flight-sch .stop-det .tipsy .tipsy-content {
            padding: 0;
            min-width: auto
        }

    .flight-sch .stop-det .via {
        max-width: 45%
    }

.flight-sch .tipsy .tipsy-content .stop-det-tim-heading {
    opacity: 0.66
}

.flight-sch .flight-leg {
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;
    padding-top: 15px
}

    .flight-sch .flight-leg .radio input[type="radio"] + i {
        background: #3691ca
    }

    .flight-sch .flight-leg:first-of-type {
        padding-top: 20px
    }

.flight-sch .show-more {
    background: #FDFBFB;
    padding-bottom: 15px;
    border: 1px solid #FDFBFB
}

    .flight-sch .show-more:hover {
        border: 1px solid #5e7eca;
        box-shadow: 0 0 6px 0 rgba(70,70,70,0.5)
    }

    .flight-sch .show-more .timing-det.small .grid {
        font-size: .71429rem
    }

    .flight-sch .show-more .timing-det.small .time {
        font-size: 1rem
    }

        .flight-sch .show-more .timing-det.small .time .ccode {
            font-size: .85714rem
        }

    .flight-sch .show-more .flight-leg {
        cursor: pointer;
        display: table;
        padding-top: 15px
    }

        .flight-sch .show-more .flight-leg:first-of-type {
            padding-top: 20px
        }

            .flight-sch .show-more .flight-leg:first-of-type .city {
                display: block
            }

        .flight-sch .show-more .flight-leg:hover {
            background: #fff;
            box-shadow: 0 0 6px 0 rgba(70,70,70,0.5)
        }

            .flight-sch .show-more .flight-leg:hover .bdr-btm {
                border-bottom-color: #fff
            }

        .flight-sch .show-more .flight-leg:last-of-type .bdr-btm {
            border-bottom: 0
        }

        .flight-sch .show-more .flight-leg .bdr-btm {
            border-bottom: 1px solid #e2e2e2
        }

        .flight-sch .show-more .flight-leg .timing-det {
            border-bottom: 1px solid #e2e2e2
        }

        .flight-sch .show-more .flight-leg .select-flight .radio {
            opacity: 1
        }

    .flight-sch .show-more .footer .hide-opt {
        padding: 4px 15px;
        border-radius: 20px
    }

.flight-sch .footer .timing-det {
    padding: 0
}

.oneway .flight-sch .timing-det .fl-no, .multi .flight-sch .timing-det .fl-no {
    display: none
}

.oneway .flight-sch .timing-det .city, .multi .flight-sch .timing-det .city {
    display: block
}

.fl-info .smart-tags {
    top: -5px
}

    .fl-info .smart-tags div.tag-cont .tag {
        transform: translateY(-100%);
        color: #333;
        background: #f3f3f3;
        padding: 1px 10px 0px 10px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        min-height: 20px
    }

        .fl-info .smart-tags div.tag-cont .tag.smart-ico .cont {
            opacity: 0.44
        }

        .fl-info .smart-tags div.tag-cont .tag .text {
            opacity: 0.44
        }

    .fl-info .smart-tags div.tag-cont .bottom-elem {
        width: calc(100% - 8px);
        height: 10px;
        background: #f3f3f3;
        z-index: -5;
        top: -2px
    }

    .fl-info .smart-tags div.tag-cont.active .bottom-elem {
        background: #E5E7EB
    }

    .fl-info .smart-tags div.tag-cont.active .tag {
        min-height: 22px;
        background: #E5E7EB;
        padding: 2px 10px 0px 10px
    }

        .fl-info .smart-tags div.tag-cont.active .tag .cont {
            opacity: 1
        }

        .fl-info .smart-tags div.tag-cont.active .tag:before {
            background: #E5E7EB
        }

        .fl-info .smart-tags div.tag-cont.active .tag .text {
            opacity: 1;
            font-family: "Rubik-Medium"
        }

    .fl-info .smart-tags div.tag-cont .bestval .cont {
        width: 18px;
        height: 18px;
        font-size: 10px;
        border-radius: 50%;
        padding: 3px;
        background: #3893CB;
        border-radius: 50%;
        color: #fff
    }

    .fl-info .smart-tags div.tag-cont .fastest {
        color: #EAA433
    }

    .fl-info .smart-tags div.tag-cont .cheapest {
        color: #23bf8c
    }

.fl-info .airline-holder .logo {
    max-width: 40px
}

.fl-info .airline-holder .box {
    padding: 5px;
    height: 42px;
    width: 42px
}

    .fl-info .airline-holder .box .more-logo {
        position: absolute;
        height: 19px;
        width: 19px;
        padding: 3px;
        border-radius: 50%;
        background: #3691ca;
        box-sizing: border-box;
        color: #fff;
        top: -1px;
        right: -7px
    }

    .fl-info .airline-holder .box .tipsy-content {
        padding: 0 10px;
        background: #fff;
        opacity: 1;
        color: #333
    }

        .fl-info .airline-holder .box .tipsy-content .more-airline {
            padding: 10px 0;
            border-bottom-width: 1px
        }

            .fl-info .airline-holder .box .tipsy-content .more-airline:last-of-type {
                border-bottom: 0
            }

        .fl-info .airline-holder .box .tipsy-content:before {
            border-bottom: 10px solid #cdcecf;
            left: 48%
        }

        .fl-info .airline-holder .box .tipsy-content:after {
            border-bottom: 10px solid #fff
        }

.fl-info .airline-holder .airline-name {
    display: none
}

    .fl-info .airline-holder .airline-name .fl-no .tipsy-content {
        min-width: 30px
    }

    .fl-info .airline-holder .airline-name .text {
        max-width: 99%
    }

.fl-info .airline-holder .air-logo {
    float: none;
    display: inline-block
}

.fl-info .amenties .tipsy-content {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    min-width: auto;
    max-width: 60px;
    box-sizing: content-box
}

    .fl-info .amenties .tipsy-content:before {
        top: 1px;
        left: 50%;
        transform: translate(-50%, -100%)
    }

.fl-info .ext-airlne {
    min-width: auto
}

.oneway .fl-info .airline-name, .multi .fl-info .airline-name {
    display: inline-block
}

.add-features .additional-features {
    padding-left: 14%
}

    .add-features .additional-features > li {
        line-height: normal
    }

        .add-features .additional-features > li .protect-wrap {
            width: 30px;
            height: 30px;
            box-shadow: 0 2px 0 0 #e5e5e5;
            background-color: #fdfbfb;
            border-radius: 50%
        }

        .add-features .additional-features > li:last-child .desc {
            border-bottom-width: 0
        }

        .add-features .additional-features > li .desc {
            border-bottom-width: 1px;
            min-width: 65%
        }

            .add-features .additional-features > li .desc:hover {
                color: #333
            }

        .add-features .additional-features > li .fare-type {
            border: 0;
            max-width: 85%
        }

.add-features .cancel-protect .cmtfi-cancel-protect:before {
    font-weight: bolder
}

.add-features .cancel-protect.tipsy-content {
    width: 220px
}

    .add-features .cancel-protect.tipsy-content.white-bg {
        opacity: 1;
        color: #333;
        background: #fff
    }

        .add-features .cancel-protect.tipsy-content.white-bg:after {
            border-bottom: 10px solid #fff
        }

        .add-features .cancel-protect.tipsy-content.white-bg:before {
            border-bottom: 10px solid #cdcecf;
            left: 49%
        }

.booking-section .book-button .button {
    padding: 8px 22px;
    min-width: 69%
}

    .booking-section .book-button .button.hff-btn {
        color: #3691ca;
        border-color: #3691ca
    }

        .booking-section .book-button .button.hff-btn:hover {
            background: #3691ca;
            color: #fff;
            border-color: #3691ca
        }

    .booking-section .book-button .button.disabled {
        background: #fff;
        border-color: #666;
        color: #666
    }

.booking-section .book-button .loader-dot {
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-11px, 0.2em)
}

.booking-section .border-btm {
    top: -7px;
    z-index: -2;
    height: 12px;
    width: 100%;
    left: 0
}

.round .booking-section .price-sec > * {
    display: block
}

.round .booking-section .price-sec .seat {
    top: -12px;
    right: 0;
    margin-right: 0;
    white-space: nowrap
}

.flight-details {
    background: #48305a;
    color: #fff;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

    .flight-details .tabs {
        width: 86.5%;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        margin-left: 7.5%
    }

        .flight-details .tabs .tab-head {
            padding: 6px 0;
            color: #333;
            opacity: 0.9;
            border-right: 1px solid #d2d2d2
        }

            .flight-details .tabs .tab-head:last-of-type {
                border-right: 0
            }

        .flight-details .tabs .tab-active {
            background: #3691ca;
            color: #fff
        }

    .flight-details .tab-content {
        max-height: 400px;
        padding-right: 1.5%
    }

    .flight-details .header {
        padding-top: 6px;
        padding-left: 6px;
        background: #301b41
    }

        .flight-details .header .heading {
            padding: 7px 16px 13px;
            opacity: 0.9
        }

    .flight-details.full-details .header .heading {
        opacity: 1
    }

        .flight-details.full-details .header .heading.active:before {
            content: "";
            border: 7px solid #301b41;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 10px solid #301b41;
            border-bottom: 0;
            transform: translate(-50%, 100%);
            position: absolute;
            bottom: 0;
            left: 50%
        }

    .flight-details.full-details .details {
        width: 100%
    }

    .flight-details .details {
        width: 62.6%;
        background: #fff;
        border-bottom-left-radius: 6px
    }

        .flight-details .details .contents {
            color: #333;
            padding: 20px 0 10px;
            border-bottom-left-radius: 6px
        }

            .flight-details .details .contents .container, .flight-details .details .contents .disclaimer {
                padding-right: 3%;
                padding-left: 4.5%
            }

            .flight-details .details .contents .airline-det {
                border-bottom: 2px solid #f2f2f2;
                padding: 6px 0px;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flexbox;
                display: -o-flex;
                display: flex;
                width: 100%;
                align-items: center
            }

                .flight-details .details .contents .airline-det .logo .cmtfi-plane:before {
                    content: ''
                }

                .flight-details .details .contents .airline-det .logo .cmtfi-bus, .flight-details .details .contents .airline-det .logo .cmtfi-train {
                    position: relative;
                    margin-right: 15px;
                    height: 34px;
                    width: 34px;
                    border: 1px solid #666;
                    border-radius: 4px;
                    background: #666;
                    color: #fff;
                    padding: 2px 0px 0px 7px
                }

                    .flight-details .details .contents .airline-det .logo .cmtfi-bus .airline-logo, .flight-details .details .contents .airline-det .logo .cmtfi-train .airline-logo {
                        width: 30px;
                        height: 30px;
                        background: #f2f2f2;
                        border-radius: 50%;
                        border: 3px solid #fff;
                        position: absolute;
                        top: -15px;
                        right: -22px
                    }

                        .flight-details .details .contents .airline-det .logo .cmtfi-bus .airline-logo .intAirLogo, .flight-details .details .contents .airline-det .logo .cmtfi-train .airline-logo .intAirLogo {
                            position: absolute;
                            top: 3px;
                            left: 2px
                        }

                .flight-details .details .contents .airline-det .airline {
                    width: calc(72% - 30px)
                }

                    .flight-details .details .contents .airline-det .airline .name {
                        max-width: 40%
                    }

                .flight-details .details .contents .airline-det .amenties {
                    width: 28%
                }

                    .flight-details .details .contents .airline-det .amenties .amenety {
                        padding-right: 5px
                    }

                        .flight-details .details .contents .airline-det .amenties .amenety .tipsy-content {
                            width: max-content
                        }

                        .flight-details .details .contents .airline-det .amenties .amenety.disabled {
                            color: #666;
                            opacity: 0.25
                        }

                        .flight-details .details .contents .airline-det .amenties .amenety:last-of-type {
                            padding-right: 0
                        }

                        .flight-details .details .contents .airline-det .amenties .amenety.meal .tipsy-content {
                            min-width: auto;
                            max-width: 100px
                        }

                        .flight-details .details .contents .airline-det .amenties .amenety.wifi .tipsy-content {
                            min-width: auto;
                            max-width: 100px
                        }

                        .flight-details .details .contents .airline-det .amenties .amenety.seat .tipsy-content {
                            min-width: auto;
                            max-width: 60px
                        }

                        .flight-details .details .contents .airline-det .amenties .amenety.power .tipsy-content {
                            min-width: auto;
                            max-width: 100px
                        }

                        .flight-details .details .contents .airline-det .amenties .amenety.entTyp .tipsy-content {
                            min-width: auto;
                            max-width: 100px
                        }

            .flight-details .details .contents .schedule-det {
                padding: 15px 0
            }

                .flight-details .details .contents .schedule-det .city {
                    width: 35%
                }

                    .flight-details .details .contents .schedule-det .city.arrive-det {
                        padding-left: 12%
                    }

                .flight-details .details .contents .schedule-det .duration-stop {
                    width: 26%
                }

                    .flight-details .details .contents .schedule-det .duration-stop .transport-icon {
                        right: -7px;
                        padding-left: 6px;
                        top: 1px;
                        transform: translateY(-50%)
                    }

                    .flight-details .details .contents .schedule-det .duration-stop .tipsy .tipsy-content {
                        min-width: auto;
                        padding: 5px 10px
                    }

            .flight-details .details .contents .amen-details {
                padding: 5px 15px;
                background: #F9F9F9;
                border-radius: 5px
            }

                .flight-details .details .contents .amen-details .meal {
                    margin-left: 20%
                }

    .flight-details .rules {
        padding: 0 5% 40px 5%
    }

        .flight-details .rules .header {
            padding-left: 0;
            justify-content: space-between;
            background: #48305a
        }

            .flight-details .rules .header .heading {
                width: 50%;
                padding: 13px 5px 10px 5px;
                border-bottom: 2px solid #5a426d
            }

                .flight-details .rules .header .heading:first-of-type {
                    padding-left: 0
                }

                .flight-details .rules .header .heading:last-of-type {
                    padding-right: 0
                }

                .flight-details .rules .header .heading.active {
                    font-family: 'Rubik-Medium'
                }

                    .flight-details .rules .header .heading.active:after {
                        left: 50%;
                        border: 5px solid #fff;
                        content: '';
                        position: absolute;
                        border-left-color: transparent;
                        border-right-color: transparent;
                        border-bottom-color: transparent;
                        top: 100%;
                        transform: translate(-50%, 2px)
                    }

                    .flight-details .rules .header .heading.active:before {
                        border-bottom: 2px solid #fff;
                        content: '';
                        position: absolute;
                        bottom: 0;
                        width: 100%;
                        left: 0;
                        transform: translateY(100%)
                    }

        .flight-details .rules .contents {
            padding: 20px 0
        }

            .flight-details .rules .contents a {
                color: #fff
            }

            .flight-details .rules .contents table {
                border-collapse: collapse
            }

                .flight-details .rules .contents table tbody.servicefee tr td {
                    padding: 3px 0
                }

                .flight-details .rules .contents table tbody tr td, .flight-details .rules .contents table tbody tr th {
                    padding: 6px 0
                }

                .flight-details .rules .contents table tbody tr.last td {
                    padding-bottom: 15px
                }

                .flight-details .rules .contents table tbody tr th {
                    padding-top: 15px
                }

                .flight-details .rules .contents table tbody tr:last-child td {
                    padding-bottom: 15px
                }

                .flight-details .rules .contents table tbody tr.b2bfare td {
                    border-top: 1px solid #5a426d;
                    padding-top: 10px !important
                }

                .flight-details .rules .contents table tbody tr.resrules {
                    border-top: 1px solid #5a426d
                }

            .flight-details .rules .contents .tooltip-header {
                display: none
            }

            .flight-details .rules .contents .fare-summary-rules thead tr {
                font-family: "Rubik-Medium"
            }

            .flight-details .rules .contents .fare-summary-rules tfoot tr td {
                padding: 7px 0
            }

            .flight-details .rules .contents .fare-summary-rules tbody {
                color: rgba(255,255,255,0.6)
            }

            .flight-details .rules .contents .fare-summary-rules .total {
                font-size: 0.9286rem
            }

                .flight-details .rules .contents .fare-summary-rules .total td {
                    padding: 8px 0;
                    border-top: 1px solid #5a426d
                }

            .flight-details .rules .contents .fare-summary-rules .upay {
                font-size: 1.14286rem
            }

                .flight-details .rules .contents .fare-summary-rules .upay td {
                    padding: 15px 0;
                    border-top: 1px solid #5a426d;
                    border-bottom: 1px solid #5a426d
                }

            .flight-details .rules .contents .color-light {
                color: rgba(255,255,255,0.7)
            }

            .flight-details .rules .contents .rules-table {
                margin-right: -10px
            }

                .flight-details .rules .contents .rules-table .container {
                    padding-right: 10px;
                    max-height: 435px
                }

                    .flight-details .rules .contents .rules-table .container .sector-rules {
                        border-bottom: 1px solid #5a426d
                    }

                        .flight-details .rules .contents .rules-table .container .sector-rules .head {
                            border-bottom: 1px solid #5a426d
                        }

                .flight-details .rules .contents .rules-table .disclaimer {
                    border-top: 1px solid #5a426d;
                    padding-top: 15px;
                    opacity: 0.7;
                    white-space: normal
                }

                    .flight-details .rules .contents .rules-table .disclaimer.visa-disc {
                        opacity: 0.9
                    }

                    .flight-details .rules .contents .rules-table .disclaimer.highlight {
                        background: #59406A;
                        padding: 8px;
                        border-radius: 5px;
                        opacity: 1;
                        border: 0
                    }

                .flight-details .rules .contents .rules-table .rules-disc .disclaimer.highlight {
                    padding: 8px
                }

        .flight-details .rules .disclaimer {
            opacity: 0.7
        }

        .flight-details .rules .book-now {
            right: 1.9%;
            bottom: 28px;
            width: 33.7%
        }

            .flight-details .rules .book-now .button {
                background: #f34f4f;
                color: #fff
            }

                .flight-details .rules .book-now .button:hover {
                    background: #EA2331;
                    border-color: #EA2331
                }

                .flight-details .rules .book-now .button.hff-btn {
                    background: #3691ca;
                    color: #fff;
                    border-color: #3691ca
                }

                .flight-details .rules .book-now .button.disabled {
                    background: #fff;
                    color: #666;
                    border-color: #666
                }

                .flight-details .rules .book-now .button .loader-dot {
                    top: 78%;
                    position: absolute;
                    left: 45%;
                    transform: translateX(-50%)
                }

    .flight-details .strike-through:after {
        border-bottom: 1px solid #fff
    }

.near-by-airport-wrapper {
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(70,70,70,0.5)
}

    .near-by-airport-wrapper .accordion-wrappper {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex
    }

        .near-by-airport-wrapper .accordion-wrappper:after {
            content: "";
            display: block;
            clear: both
        }

    .near-by-airport-wrapper .icon-holder {
        background-color: #5e7eca;
        width: 6%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        box-shadow: -1px 0px 4px 0 rgba(70,70,70,0.5)
    }

        .near-by-airport-wrapper .icon-holder .icon-container {
            width: 1.6em;
            height: 1.6em;
            margin: 0 auto;
            border-radius: 0 50% 50% 50%;
            border: 0.4em solid #fff;
            transform: rotate(225deg)
        }

            .near-by-airport-wrapper .icon-holder .icon-container .cmtfi-depart-plane {
                color: #5e7eca
            }

                .near-by-airport-wrapper .icon-holder .icon-container .cmtfi-depart-plane:before {
                    transform: rotate(122deg);
                    position: absolute;
                    top: -0.1em;
                    right: -0.2em
                }

        .near-by-airport-wrapper .accordion-menu:after, .near-by-airport-wrapper .icon-holder:after {
            content: "";
            display: block;
            clear: both
        }

    .near-by-airport-wrapper .accordion-menu {
        width: 94%;
        padding-left: 0
    }

        .near-by-airport-wrapper .accordion-menu input:checked + .accordion-title:after, .near-by-airport-wrapper .accordion-menu.open .accordion-title:after {
            content: attr(data-hide);
            padding-left: 16px
        }

        .near-by-airport-wrapper .accordion-menu .accordion-title {
            float: left;
            color: #3d478d;
            letter-spacing: 0.32px;
            border: 1px solid rgba(226,226,226,0.77)
        }

            .near-by-airport-wrapper .accordion-menu .accordion-title:after {
                content: attr(data-show);
                text-transform: capitalize;
                color: #3691ca
            }

            .near-by-airport-wrapper .accordion-menu .accordion-title .subtext {
                padding-left: 16px;
                color: #666
            }

        .near-by-airport-wrapper .accordion-menu .accordion-content {
            float: left
        }

            .near-by-airport-wrapper .accordion-menu .accordion-content .filter-list-item {
                color: #666
            }

        .near-by-airport-wrapper .accordion-menu > .hidden-checkbox {
            left: 0;
            width: 2px;
            height: 2px;
            float: left;
            display: none
        }

.special-student-offers {
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(70,70,70,0.5);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex
}

    .special-student-offers .icon-holder {
        background-color: #5e7eca;
        width: 6%
    }

        .special-student-offers .icon-holder .icon-container {
            margin: 0 auto;
            width: 50%;
            padding: 0.9em 0
        }

            .special-student-offers .icon-holder .icon-container .cmtfi-student {
                color: #fff
            }

    .special-student-offers .offers-copy {
        width: 94%
    }

        .special-student-offers .offers-copy .mainText {
            color: #3d478d
        }

        .special-student-offers .offers-copy .togglingText {
            letter-spacing: 0;
            color: #3691ca;
            text-decoration: none;
            text-transform: capitalize
        }

        .special-student-offers .offers-copy .subtext {
            color: #333
        }

.search-page .branded-fare {
    width: 100%;
    border-top: 1px solid #e2e2e2
}

    .search-page .branded-fare .head {
        min-width: 45px
    }

        .search-page .branded-fare .head .tipsy-content.bottom {
            bottom: 1em
        }

    .search-page .branded-fare .tipsy-content {
        min-width: 90px
    }

    .search-page .branded-fare .cmtfi-tick {
        color: #4acf90
    }

    .search-page .branded-fare .cmtfi-money-bag {
        color: #4acf90
    }

    .search-page .branded-fare i {
        color: #666
    }

    .search-page .branded-fare .currency {
        border: 1px solid #666;
        border-radius: 50%;
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        color: #666;
        text-align: center
    }

    .search-page .branded-fare table td {
        height: 65px;
        max-width: 65px
    }

    .search-page .branded-fare .col {
        height: 50px;
        white-space: break-spaces
    }

    .search-page .branded-fare .brdr {
        border-top: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2
    }

    .search-page .branded-fare .table-box {
        display: flex
    }

        .search-page .branded-fare .table-box table {
            border-collapse: collapse;
            width: 100%
        }

        .search-page .branded-fare .table-box .services {
            width: 13%
        }

@media only screen and (max-width: 480px) {
    .search-page .branded-fare .table-box .services {
        width: 20%
    }
}

.search-page .branded-fare .table-box .benefits {
    width: 66.5%;
    border: 1px solid #e2e2e2;
    border-right: none;
    border-radius: 5px;
    overflow-x: scroll
}

@media only screen and (max-width: 480px) {
    .search-page .branded-fare .table-box .benefits {
        width: 50%
    }
}

.search-page .branded-fare .table-box .benefits td {
    width: 100px
}

.search-page .branded-fare .table-box .booknow-btn {
    width: 20%;
    border: 1px solid #e2e2e2;
    border-left: none;
    border-radius: 5px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .search-page .branded-fare .table-box .booknow-btn {
        width: 35%
    }
}

.search-page .branded-fare .table-box .booknow-btn br {
    display: none
}

@media only screen and (max-width: 480px) {
    .search-page .branded-fare .table-box .booknow-btn br {
        display: block
    }
}

.search-page .branded-fare .legends {
    white-space: break-spaces
}

.search-page .round .branded-fare .table-box .services {
    width: 21%
}

.search-page .round .branded-fare .table-box .benefits {
    width: 57.5%
}

.deal {
    padding: 9px 10px;
    border-top: 1px solid #e2e2e2
}

    .deal .deal-tag {
        width: 40px;
        height: 20px;
        background: #36C24D;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

        .deal .deal-tag:after {
            left: 100%;
            content: "";
            position: absolute;
            border: 10px solid #36C24D;
            border-left-width: 5px;
            border-bottom-color: transparent;
            border-top-color: transparent;
            border-right-color: transparent
        }

        .deal .deal-tag:before {
            content: "Deal";
            position: absolute;
            line-height: 12px;
            color: #fff;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

    .deal .content {
        width: 85%
    }

        .deal .content .deal-desc {
            max-width: 72%
        }

    .deal .tipsy .tipsy-content {
        width: 300px;
        color: #333;
        background: #fff;
        opacity: 1;
        padding: 10px
    }

        .deal .tipsy .tipsy-content:after {
            border-bottom: 7px solid #fff
        }

        .deal .tipsy .tipsy-content:before {
            border-bottom: 10px solid #cdcecf
        }

.flight-footer {
    border-top: 1px solid #e2e2e2;
    padding-top: 6px
}

    .flight-footer .viewed {
        background: #3691ca;
        width: 14px;
        height: 14px;
        color: #fff;
        position: relative;
        border-radius: 50%
    }

        .flight-footer .viewed:before {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

    .flight-footer .features {
        align-items: center
    }

        .flight-footer .features > div {
            border-right: 1px solid #e2e2e2;
            padding-right: 5px
        }

            .flight-footer .features > div .tipsy-content {
                min-width: 120px
            }

                .flight-footer .features > div .tipsy-content.no-meal, .flight-footer .features > div .tipsy-content.no-bag {
                    min-width: 160px;
                    white-space: normal
                }

            .flight-footer .features > div:last-of-type {
                border: 0;
                padding: 0
            }

        .flight-footer .features .ecash {
            background-color: transparent
        }

            .flight-footer .features .ecash .ecash-txt {
                border-width: 1px 0 1px 1px;
                border-color: #e2e2e2;
                border-style: solid;
                border-radius: 4px 0 0 4px;
                padding: 0 3px
            }

            .flight-footer .features .ecash .ecash-amount {
                background-color: #ffd302;
                background-repeat: repeat-x;
                background-image: linear-gradient(to bottom, #ffd302,#fdb201);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd302), to(#fdb201));
                background-image: -webkit-linear-gradient(top, #ffd302, #fdb201);
                background-image: -o-linear-gradient(top, #ffd302, #fdb201);
                padding: 2px 4px;
                border-width: 1px 1px 1px 0;
                border-color: #ffd302;
                border-radius: 0 4px 4px 0
            }

        .flight-footer .features .special-fare {
            display: inline-block;
            background: #f34f4f;
            color: #fff;
            padding: 3px 8px 2px 8px !important;
            border-radius: 500px
        }

            .flight-footer .features .special-fare .tipsy-content {
                width: 350px;
                white-space: normal !important
            }

.selection-summary {
    left: 0;
    color: #fff;
    z-index: 12;
    bottom: 0px;
    top: auto
}

    .selection-summary .flight-det {
        max-width: 95%;
        height: 60px
    }

    .selection-summary:before {
        content: '';
        background: rgb(49,49, 49);
        position: absolute;
        width: calc(50% - 546px);
        left: 0;
        height: 100%;
        z-index: -1;
        top: 0
    }
    .selection-summary:after {
        content: '';
        background: rgb(10,34,61);
        position: absolute;
        width: calc(50% - 546px);
        left: 0;
        height: 100%;
        z-index: -1;
        top: 0
    }
    .selection-summary .wr-width {
        padding-right: 0
    }

    .selection-summary:before {
        left: auto;
        right: 0
    }

    .selection-summary .cancel-protect-wrap {
        top: 0;
        white-space: nowrap;
        left: 37.5%;
        transform: translate3d(-50%, 30%, 0);
        transition: all 0.5s
    }

        .selection-summary .cancel-protect-wrap.showstrip {
            transform: translate3d(-50%, -100%, 0)
        }

        .selection-summary .cancel-protect-wrap .cmtfi-info-circled {
            color: #fff
        }

        .selection-summary .cancel-protect-wrap .care-bg {
            border-bottom: 1px dashed #e2e2e245;
            box-shadow: 0 -4px 7px rgb(10, 34, 61)85;
            padding: 5px 5%;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            background: rgb(10, 34, 61)
        }

    .selection-summary .ycp-info.tipsy-content {
        width: 260px;
        white-space: normal
    }

    .selection-summary .ycp-info .tipsy-header-container .logo-holder {
        bottom: -29px;
        padding: 9px;
        left: 50%;
        width: 50px;
        height: 50px
    }

        .selection-summary .ycp-info .tipsy-header-container .logo-holder .cmtfi-care-p {
            font-size: 32px;
            width: auto
        }

        .selection-summary .ycp-info .tipsy-header-container .logo-holder .cmtfi-stop {
            left: -0.35em;
            background: #fff;
            border-radius: 50%;
            top: 0;
            z-index: 1
        }

    .selection-summary .ycp-info .tipsy-header-container .tipsy-header {
        background: #169c2c;
        border-radius: 50%;
        width: 400px;
        height: 150px;
        top: -110px;
        left: 50%;
        transform: translateX(-50%)
    }

    .selection-summary .trip-detail {
        border-radius: 0 10px 10px 0;
        background: rgb(10, 34, 61)
    }

        .selection-summary .trip-detail.round-scroll:before {
            left: 50%
        }

        .selection-summary .trip-detail.multi-scroll:before {
            display: none
        }

        .selection-summary .trip-detail.hide-ycp .add-features {
            display: none
        }

        .selection-summary .trip-detail .fl-info {
            position: relative
        }

            .selection-summary .trip-detail .fl-info:before {
                content: '';
                height: 65%;
                border-left: 1px dashed #e2e2e245;
                position: absolute;
                left: -4%;
                top: 50%;
                transform: translateY(-50%)
            }

        .selection-summary .trip-detail .tipsy-content {
            opacity: 1
        }

        .selection-summary .trip-detail .scroller {
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: 0;
            box-shadow: none
        }

            .selection-summary .trip-detail .scroller .slider-button {
                border: 0;
                cursor: pointer;
                width: 22px;
                height: 100%;
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px;
                position: absolute;
                z-index: 1
            }

                .selection-summary .trip-detail .scroller .slider-button.prev {
                    left: 0;
                    border-radius: 0;
                    border-bottom-left-radius: 4px;
                    border-top-left-radius: 4px
                }

                    .selection-summary .trip-detail .scroller .slider-button.prev:before {
                        content: "";
                        height: 100%;
                        width: 100px;
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: -1;
                        background: rgba(85,61,97,0);
                        background: -moz-linear-gradient(left, rgba(85,61,97,0) 100%, rgba(85,61,97,0.19) 53%, rgba(85,61,97,0.48) 9%, #553d61 0%);
                        background: -webkit-gradient(left top, right top, color-stop(100%, rgba(85,61,97,0)), color-stop(53%, rgba(85,61,97,0.19)), color-stop(9%, rgba(85,61,97,0.48)), color-stop(0, #553d61));
                        background: -webkit-linear-gradient(left, rgba(85,61,97,0), rgba(85,61,97,0.19) 53%, rgba(85,61,97,0.48) 9%, #553d61 0%);
                        background: -o-linear-gradient(left, rgba(85,61,97,0), rgba(85,61,97,0.19) 53%, rgba(85,61,97,0.48) 9%, #553d61 0%);
                        background: -ms-linear-gradient(left, rgba(85,61,97,0), rgba(85,61,97,0.19) 53%, rgba(85,61,97,0.48) 9%, #553d61 0%);
                        background: linear-gradient(to right, rgb(10, 34, 61) 0%,rgba(85,61,97,0) 100%,rgba(85,61,97,0.48) 9%,rgba(85,61,97,0.19) 53%,rgba(85,61,97,0) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 )
                    }

                .selection-summary .trip-detail .scroller .slider-button.next {
                    right: 0
                }

                    .selection-summary .trip-detail .scroller .slider-button.next:before {
                        content: "";
                        height: 100%;
                        width: 100px;
                        position: absolute;
                        right: 0;
                        top: 0;
                        z-index: -1;
                        background: rgba(85,61,97,0);
                        background: -moz-linear-gradient(left, rgba(85,61,97,0) 9%, rgba(85,61,97,0.19) 26%, rgba(85,61,97,0.48) 53%, #553d61 100%);
                        background: -webkit-gradient(left top, right top, color-stop(9%, rgba(85,61,97,0)), color-stop(26%, rgba(85,61,97,0.19)), color-stop(53%, rgba(85,61,97,0.48)), color-stop(100%, #fff));
                        background: -webkit-linear-gradient(left, rgba(85,61,97,0) 9%, rgba(85,61,97,0.19) 26%, rgba(85,61,97,0.48) 53%, #553d61 100%);
                        background: -o-linear-gradient(left, rgba(85,61,97,0) 9%, rgba(85,61,97,0.19) 26%, rgba(85,61,97,0.48) 53%, #553d61 100%);
                        background: -ms-linear-gradient(left, rgba(85,61,97,0) 9%, rgba(85,61,97,0.19) 26%, rgba(85,61,97,0.48) 53%, #553d61 100%);
                        background: linear-gradient(to right, rgba(70,51,80,0) 9%,rgba(70,51,80,0.19) 26%,rgba(70,51,80,0.48) 53%,rgb(10, 34, 61) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 )
                    }

                .selection-summary .trip-detail .scroller .slider-button.disabled {
                    background: #463350
                }

                .selection-summary .trip-detail .scroller .slider-button i {
                    color: #fff
                }

            .selection-summary .trip-detail .scroller ul {
                border: 0;
                width: calc(100% - 20px)
            }

                .selection-summary .trip-detail .scroller ul li {
                    border: 0
                }

        .selection-summary .trip-detail .flight-det {
            table-layout: fixed
        }

            .selection-summary .trip-detail .flight-det .add-features {
                width: 17.5%
            }

            .selection-summary .trip-detail .flight-det .schedule {
                width: 67.5%
            }

                .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg {
                    padding-top: 15px
                }

                    .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg .timing-det {
                        padding-bottom: 12px
                    }

                        .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg .timing-det .duration-stop {
                            z-index: 3
                        }

                    .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg .stop-cont {
                        border-color: #e2e2e221
                    }

                        .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg .stop-cont .dotted-borderbtm {
                            border: 0
                        }

                        .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg .stop-cont .tipsy {
                            cursor: default;
                            color: #fff
                        }

                            .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg .stop-cont .tipsy i {
                                display: none
                            }

                        .selection-summary .trip-detail .flight-det .schedule .flight-sch .flight-leg .stop-cont .tipsy-content {
                            display: none
                        }

            .selection-summary .trip-detail .flight-det .fl-info {
                padding-top: 15px
            }

                .selection-summary .trip-detail .flight-det .fl-info .airline-holder > div {
                    width: 100%;
                    float: right;
                    text-align: right
                }

                    .selection-summary .trip-detail .flight-det .fl-info .airline-holder > div .air-logo {
                        margin-top: 2px
                    }

        .selection-summary .trip-detail .white-circle {
            background: rgb(10, 34, 61)
        }

        .selection-summary .trip-detail .air-logo {
            background-color: rgb(10, 34, 61)
        }

        .selection-summary .trip-detail .airline-name {
            white-space: nowrap
        }

        .selection-summary .trip-detail .care-cont {
            width: 23px;
            height: 23px;
            border-radius: 50%;
            background: #fff
        }

            .selection-summary .trip-detail .care-cont .tipsy {
                position: absolute
            }

        .selection-summary .trip-detail .no-care .care-cont {
            border: 2px solid #EA2331
        }

            .selection-summary .trip-detail .no-care .care-cont:before {
                content: "";
                height: 100%;
                width: 2px;
                background: #EA2331;
                position: absolute;
                transform: rotateZ(45deg);
                top: 0%;
                z-index: 2;
                left: 50%
            }

    .selection-summary .care-cont {
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: #fff
    }

        .selection-summary .care-cont .tipsy {
            position: absolute
        }

    .selection-summary .no-care .care-cont {
        border: 2px solid #EA2331
    }

        .selection-summary .no-care .care-cont:before {
            content: "";
            height: 100%;
            width: 2px;
            background: #EA2331;
            position: absolute;
            transform: rotateZ(45deg);
            top: 0%;
            z-index: 2;
            left: 50%
        }

    .selection-summary .time-diff .tipsy-content {
        display: block;
        max-width: 100px;
        white-space: normal
    }

    .selection-summary .pricing-det {
        z-index: 1;
        background: rgb(49, 49, 49);
        border-radius: 10px 0 0 10px;
        border-left: 1px dashed #e2e2e245;
        border-bottom: 1px solid rgb(49, 49, 49);
        border-top: 1px solid rgb(49, 49, 49);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 24px
    }

        .selection-summary .pricing-det .ecash {
            color: #765d7a
        }

        .selection-summary .pricing-det .btn-submit .loader-dot {
            position: absolute;
            top: 30px
        }

        .selection-summary .pricing-det .total-fare {
            opacity: 0.7
        }

.daymatrix {
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.36);
    align-items: center
}

    .daymatrix * {
        scroll-behavior: unset
    }

    .daymatrix .lowest {
        color: green
    }

    .daymatrix .loader-dot {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .daymatrix .matrix-slide-wrapper {
        width: calc(100% - 50px);
        border-right: 1px solid #eee
    }

        .daymatrix .matrix-slide-wrapper .scroll-elem:first-of-type {
            border-left: 1px solid #e2e2e2
        }

        .daymatrix .matrix-slide-wrapper .slider-button.next, .daymatrix .matrix-slide-wrapper .slider-button.prev {
            border: 0
        }

    .daymatrix .day-li {
        padding: 13px 0;
        box-sizing: border-box
    }

        .daymatrix .day-li.active {
            background-image: linear-gradient(to bottom, #f3f3f3,#ffffff)
        }

            .daymatrix .day-li.active:after {
                left: 50%;
                border: 6px solid #3691ca;
                content: '';
                position: absolute;
                border-left-color: transparent;
                border-right-color: transparent;
                border-bottom-color: transparent;
                top: 2px;
                transform: translateX(-50%)
            }

            .daymatrix .day-li.active:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 3px;
                background: #3691ca;
                left: 0;
                top: 0px
            }

    .daymatrix .one-datepicker {
        text-align: center;
        width: 50px
    }

        .daymatrix .one-datepicker .cmtfi-Rebooking {
            cursor: pointer;
            color: #354cac
        }

        .daymatrix .one-datepicker .datepicker {
            position: absolute;
            z-index: 14;
            background: #fff;
            right: -11px
        }

            .daymatrix .one-datepicker .datepicker .dp-container .visible-cal table thead.week {
                font-family: "Rubik-Medium"
            }

            .daymatrix .one-datepicker .datepicker .dp-container .visible-cal table tbody tr td.shown.selected {
                background-color: #f34f4f
            }

            .daymatrix .one-datepicker .datepicker .dp-container .visible-cal table tbody tr td.shown:hover {
                background-color: #f49d9d;
                color: #fff
            }

            .daymatrix .one-datepicker .datepicker .dp-container .visible-cal table tbody tr td .date-holder {
                min-width: 45px;
                min-height: 45px;
                padding-bottom: 5px
            }

                .daymatrix .one-datepicker .datepicker .dp-container .visible-cal table tbody tr td .date-holder .text-success-light {
                    color: green
                }

.scroller .slider-button {
    width: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .scroller .slider-button.next {
        border-left: 1px solid #e2e2e2;
        background-color: #0a223d;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        color: white;
    }

    .scroller .slider-button.prev {
        border-right: 1px solid #e2e2e2;
        background-color: #0a223d;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        color: white;
    }

.scroller .no-visible {
    opacity: 0
}

.scroller ul {
    border-right: 1px solid #e2e2e2;
    width: calc(100% - 60px)
}

    .scroller ul li {
        border-left: 1px solid #e2e2e2
    }

        .scroller ul li:first-of-type {
            border: 0
        }

.rangeslider {
    margin: 20px 0;
    position: relative;
    background: #e6e6e6;
    -ms-touch-action: none;
    touch-action: none
}

    .rangeslider, .rangeslider .rangeslider__fill {
        display: block;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.4)
    }

        .rangeslider .rangeslider__handle {
            background: #fff;
            border: 1px solid #ccc;
            cursor: pointer;
            display: inline-block;
            position: absolute;
            box-shadow: 0 1px 3px rgba(0,0,0,0.4),0 -1px 3px rgba(0,0,0,0.4)
        }

            .rangeslider .rangeslider__handle .rangeslider__active {
                opacity: 1
            }

        .rangeslider .rangeslider__handle-tooltip {
            width: 40px;
            height: 40px;
            text-align: center;
            position: absolute;
            background-color: rgba(0,0,0,0.8);
            font-weight: 400;
            font-size: 14px;
            transition: all .1s ease-in;
            border-radius: 4px;
            display: inline-block;
            color: #fff;
            left: 50%;
            transform: translate3d(-50%, 0, 0)
        }

            .rangeslider .rangeslider__handle-tooltip span {
                margin-top: 12px;
                display: inline-block;
                line-height: 100%
            }

            .rangeslider .rangeslider__handle-tooltip:after {
                content: ' ';
                position: absolute;
                width: 0;
                height: 0
            }

.rangeslider-horizontal {
    height: 12px;
    border-radius: 10px
}

    .rangeslider-horizontal .rangeslider__fill {
        height: 100%;
        background-color: #7cb342;
        border-radius: 10px;
        top: 0
    }

    .rangeslider-horizontal .rangeslider__handle {
        width: 30px;
        height: 30px;
        border-radius: 30px;
        top: 50%;
        transform: translate3d(-50%, -50%, 0)
    }

        .rangeslider-horizontal .rangeslider__handle:after {
            content: ' ';
            position: absolute;
            width: 16px;
            height: 16px;
            top: 6px;
            left: 6px;
            border-radius: 50%;
            background-color: #dadada;
            box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset,0 -1px 3px rgba(0,0,0,0.4) inset
        }

    .rangeslider-horizontal .rangeslider__handle-tooltip {
        top: -55px
    }

        .rangeslider-horizontal .rangeslider__handle-tooltip:after {
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid rgba(0,0,0,0.8);
            left: 50%;
            bottom: -8px;
            transform: translate3d(-50%, 0, 0)
        }

.rangeslider-vertical {
    margin: 20px auto;
    height: 150px;
    max-width: 10px;
    background-color: transparent
}

    .rangeslider-vertical .rangeslider__fill, .rangeslider-vertical .rangeslider__handle {
        position: absolute
    }

    .rangeslider-vertical .rangeslider__fill {
        width: 100%;
        background-color: #7cb342;
        box-shadow: none;
        bottom: 0
    }

    .rangeslider-vertical .rangeslider__handle {
        width: 30px;
        height: 10px;
        left: -10px;
        box-shadow: none
    }

    .rangeslider-vertical .rangeslider__handle-tooltip {
        left: -100%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0)
    }

        .rangeslider-vertical .rangeslider__handle-tooltip:after {
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 8px solid rgba(0,0,0,0.8);
            left: 100%;
            top: 12px
        }

.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
    right: 0
}

.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
    top: 0;
    bottom: inherit
}

.rangeslider__labels {
    position: relative
}

.rangeslider-vertical .rangeslider__labels {
    position: relative;
    list-style-type: none;
    margin: 0 0 0 24px;
    padding: 0;
    text-align: left;
    width: 250px;
    height: 100%;
    left: 10px
}

    .rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
        position: absolute;
        transform: translate3d(0, -50%, 0)
    }

        .rangeslider-vertical .rangeslider__labels .rangeslider__label-item::before {
            content: '';
            width: 10px;
            height: 2px;
            background: #000;
            position: absolute;
            left: -14px;
            top: 50%;
            transform: translateY(-50%);
            z-index: -1
        }

.rangeslider__labels .rangeslider__label-item {
    position: absolute;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    top: 10px;
    transform: translate3d(-50%, 0, 0)
}

.price-slider {
    margin: 20px 0 15px 0;
    width: 80%;
    padding-bottom: 20px
}

    .price-slider .rangeslider-horizontal {
        height: 4px
    }

        .price-slider .rangeslider-horizontal:before {
            position: absolute;
            content: '';
            height: 15px;
            left: 0;
            border-right: 2px solid #979797;
            top: -5px
        }

        .price-slider .rangeslider-horizontal .rangeslider__fill {
            background-color: #3691ca
        }

        .price-slider .rangeslider-horizontal .rangeslider__handle {
            width: 18px;
            height: 18px
        }

            .price-slider .rangeslider-horizontal .rangeslider__handle:after {
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                background-color: #3691ca;
                box-shadow: none
            }

            .price-slider .rangeslider-horizontal .rangeslider__handle:hover {
                background-color: #3691ca
            }

                .price-slider .rangeslider-horizontal .rangeslider__handle:hover:after {
                    background: #fff
                }

    .price-slider .rangeslider__labels .rangeslider__label-item {
        white-space: nowrap;
        margin-left: 12px;
        font-size: 12px
    }

        .price-slider .rangeslider__labels .rangeslider__label-item:first-of-type {
            margin-left: 0
        }

.search-page.domestic .no-filtered-flights .no-result-text {
    margin-bottom: 90px
}

.search-page.domestic .fare-summary-tooltip .tipsy-content {
    display: none
}

.search-page.domestic .fare-summary-tooltip.tipsy:hover .tipsy-content {
    display: block
}

.search-page.domestic .nopreffound .special-student-offers {
    width: calc(83% - 52px)
}

.search-page.domestic .deal {
    border-bottom: 1px solid #e2e2e2;
    padding: 6px 10px;
    display: none;
}

    .search-page.domestic .deal .deal-tag {
        padding: 2px 3px;
        color: #fff;
        border-radius: 2px;
        width: auto;
        height: auto
    }

        .search-page.domestic .deal .deal-tag:before, .search-page.domestic .deal .deal-tag:after {
            display: none
        }

.search-page.domestic .loader-dot {
    width: 1em;
    height: 1em
}

    .search-page.domestic .loader-dot:before {
        width: 1em;
        height: 1em;
        right: 1.2em
    }

    .search-page.domestic .loader-dot:after {
        width: 1em;
        height: 1em;
        left: 1.2em
    }

.search-page.domestic .itinerary-overlay .round-over .header {
    width: 50%
}

.search-page.domestic .itinerary-overlay .multi-over .header {
    cursor: pointer;
    min-width: 156px;
    width: auto;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-bottom: 15px;
    padding-top: 15px
}

    .search-page.domestic .itinerary-overlay .multi-over .header:last-of-type {
        border-right-width: 0
    }

    .search-page.domestic .itinerary-overlay .multi-over .header > div {
        display: block;
        float: none;
        text-align: left;
        padding-left: 20px;
        padding-right: 15px
    }

    .search-page.domestic .itinerary-overlay .multi-over .header.selected:before {
        content: '';
        width: 100%;
        border-top: 3px solid #3691ca;
        top: 0;
        position: absolute;
        left: 0
    }

.search-page.domestic .itinerary-overlay .flight-det .fl-info {
    padding-top: 20px
}

.search-page.domestic .itinerary-overlay .flight-det .booking-sec .fare-group .radio {
    display: none
}

.search-page.domestic .itinerary-overlay .scroll-v:first-of-type {
    padding-left: 2px
}

.search-page.domestic .itinerary-overlay .scroll-v:last-of-type {
    padding-right: 2px
}

.search-page.domestic .itinerary-overlay .flight-detail {
    opacity: 0;
    pointer-events: none
}

.search-page.domestic .itinerary-overlay .tipsy:hover .tipsy-content {
    display: none
}

.search-page.domestic .flightItem {
    margin-bottom: 20px
}

.search-page.domestic .round {
    padding-bottom: 120px
}

    .search-page.domestic .round .no-filtered-flights .no-result-text {
        margin-bottom: 100px
    }

    .search-page.domestic .round .banners {
        margin-bottom: 100px
    }

    .search-page.domestic .round .flight-details .rules {
        padding-bottom: 0
    }

        .search-page.domestic .round .flight-details .rules .contents {
            padding-bottom: 0
        }

    .search-page.domestic .round .flight-footer .features > div .tipsy-content {
        min-width: 50px;
        white-space: nowrap
    }

        .search-page.domestic .round .flight-footer .features > div .tipsy-content.no-meal, .search-page.domestic .round .flight-footer .features > div .tipsy-content.no-bag {
            min-width: 160px;
            white-space: normal
        }

    .search-page.domestic .round .flight-det .fl-info {
        width: 12%
    }

    .search-page.domestic .round .flight-det .schedule {
        width: 51.5%;
        padding-right: 5px
    }

        .search-page.domestic .round .flight-det .schedule .flight-sch .stop-det {
            width: 29%
        }

        .search-page.domestic .round .flight-det .schedule .flight-sch .timing-det {
            width: 71%
        }

    .search-page.domestic .round .flight-footer .features .meals .text, .search-page.domestic .round .flight-footer .features .hand-bag .text {
        display: none
    }

    .search-page.domestic .round .sort .sort-nav ul li.fare {
        padding-right: 4%
    }

    .search-page.domestic .round .sort .sort-label {
        width: 10.7%;
        opacity: 0
    }

@media only screen and (max-width: 1024px) {
    .search-page.domestic .flight-details .details .contents .amenties .amenety .tipsy-content {
        width: max-content
    }
}

.search-page.domestic .multi {
    padding-bottom: 70px
}

    .search-page.domestic .multi .schedule-selectors {
        display: none;
        width: 100%;
        height: 0;
        left: 0;
        top: 60%;
        z-index: 5
    }

        .search-page.domestic .multi .schedule-selectors .container {
            height: 0
        }

            .search-page.domestic .multi .schedule-selectors .container .leg {
                margin-right: 16.7%;
                padding-right: 56px
            }

                .search-page.domestic .multi .schedule-selectors .container .leg .text {
                    background: rgba(0,0,0,0.5);
                    color: #fff;
                    padding: 10px;
                    border-radius: 6px 0 0 6px
                }

                .search-page.domestic .multi .schedule-selectors .container .leg.prev .text {
                    border-radius: 0 6px 6px 0
                }

    .search-page.domestic .multi:hover .schedule-selectors {
        display: block
    }

    .search-page.domestic .multi .flight-details .rules {
        padding-bottom: 0
    }

    .search-page.domestic .multi .wrapper {
        overflow-x: hidden;
        padding-left: 2px
    }

    .search-page.domestic .multi.left-section:not(.no-feather):before {
        content: "";
        height: 100%;
        width: 100px;
        position: absolute;
        right: 52px;
        top: 60px;
        z-index: 5;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 9%, rgba(255,255,255,0.19) 26%, rgba(255,255,255,0.48) 53%, #fff 100%);
        background: -webkit-gradient(left top, right top, color-stop(9%, rgba(255,255,255,0)), color-stop(26%, rgba(255,255,255,0.19)), color-stop(53%, rgba(255,255,255,0.48)), color-stop(100%, #fff));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 9%, rgba(255,255,255,0.19) 26%, rgba(255,255,255,0.48) 53%, #fff 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 9%, rgba(255,255,255,0.19) 26%, rgba(255,255,255,0.48) 53%, #fff 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 9%, rgba(255,255,255,0.19) 26%, rgba(255,255,255,0.48) 53%, #fff 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 9%,rgba(255,255,255,0.19) 26%,rgba(255,255,255,0.48) 53%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 )
    }

@media only screen and (max-width: 768px) {
    .search-page.domestic .multi.left-section:not(.no-feather):before {
        right: 0
    }
}

.search-page.domestic .multi .flight-seg {
    display: inline-block;
    float: none
}

    .search-page.domestic .multi .flight-seg:last-of-type {
        padding-right: 2px
    }

.search-page.domestic .multi .banners {
    margin-bottom: 100px
}

.search-page.domestic .multi .sort .sort-nav ul li.fare {
    padding-right: 4%
}

.search-page.domestic .multi .sort-cont {
    display: inline-block;
    float: none
}

@media only screen and (max-width: 1024px) {
    .search-page.domestic .flight-sch .stop-det .stop-cont {
        padding-left: 6px
    }
}

.search-page.domestic .filters .heading-sec {
    height: 56px
}

.search-page.domestic .filters .filter-heading .filter-icon .cmtfi-tick {
    left: 52%
}

.search-page.domestic .filters .filter-heading .heading {
    padding: 16px 55px 16px 16px
}

.search-page.domestic .filters.multi-filter .filter-heading {
    max-height: 100px
}

    .search-page.domestic .filters.multi-filter .filter-heading .icon-wrap {
        width: 50px
    }

.search-page.domestic .filters .loading {
    transition-duration: 20s
}

.search-page.domestic .filters .loaded {
    transition-duration: 0.5s
}

.search-page.domestic .filters .filter-selection {
    background: transparent
}

    .search-page.domestic .filters .filter-selection .flexbox .filter-type.list .airlines-list {
        max-height: 300px
    }

    .search-page.domestic .filters .filter-selection .flexbox .filter-type.airlines, .search-page.domestic .filters .filter-selection .flexbox .filter-type.aircraft {
        flex-basis: 300px;
        -ms-flex-preferred-size: 300px
    }

@media only screen and (max-width: 768px) {
    .search-page.domestic .filters .filter-selection .flexbox .filter-type.depart-filter .container {
        padding-left: 0
    }
}

.sort {
    border-radius: 4px;
    padding: 6px 2%;
    padding-left: 12px !important;
    align-items: center
}

    .sort .sort-label {
        width: 15.7%
    }

    .sort .sort-nav {
        width: 84.3%
    }

        .sort .sort-nav ul li .rev {
            top: 50%;
            transform: translateY(-50%);
            margin-left: 5px
        }

        .sort .sort-nav ul li.dep {
            width: 11%;
            text-align: right
        }

        .sort .sort-nav ul li.arr {
            margin-left: 11%;
            width: 15.5%;
            text-align: left
        }

        .sort .sort-nav ul li.dur {
            padding-left: 15px;
            width: 20%
        }

        .sort .sort-nav ul li.fare {
            padding-right: 15%;
            margin-left: 10%;
            width: 27%;
            text-align: right
        }

.selector-container .legselector {
    height: 44px;
    border-radius: 5px
}

    .selector-container .legselector .leg {
        max-height: 45px;
        padding: 14px 0;
        min-width: 180px;
        padding-left: 12px;
        border-left: 1px solid #d9dadb
    }

        .selector-container .legselector .leg:first-of-type {
            border-left: 0
        }

        .selector-container .legselector .leg .cmtfi-circle {
            border-radius: 50%;
            padding-top: 1px;
            left: 1em;
            top: -0.45em;
            width: 10px;
            height: 10px;
            color: #3691ca;
            background: #3691ca;
            border: 2px solid #fff
        }

        .selector-container .legselector .leg.active {
            color: #3691ca;
            background-color: #fff
        }

            .selector-container .legselector .leg.active .cmtfi-filter {
                color: #3691ca
            }

            .selector-container .legselector .leg.active .cmtfi-circle {
                color: #3691ca;
                background: #3691ca;
                border: 2px solid #fff
            }

            .selector-container .legselector .leg.active:before {
                content: "";
                position: absolute;
                width: 100%;
                border-bottom: 3px solid #3691ca;
                bottom: 0;
                left: 0
            }

.dpval {
    margin-top: 10px;
    margin-left: 10px
}

    .dpval .text {
        margin-left: 5px;
        font-weight: bold
    }

.datepicker {
    color: #333;
    display: inline-block;
    margin: 10px;
    box-shadow: -1px 1px 10px #717171
}

    .datepicker .header {
        text-align: center;
        font-weight: bold;
        background: #f0f0f0;
        padding: 10px 0;
        position: relative
    }

        .datepicker .header .cmtfi-cancel {
            font-size: 18px;
            cursor: pointer;
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%)
        }

    .datepicker .dp-container {
        padding: 10px
    }

        .datepicker .dp-container .visible-cal {
            position: relative
        }

            .datepicker .dp-container .visible-cal .selected-cal {
                text-transform: capitalize;
                text-align: center;
                margin-bottom: 10px
            }

                .datepicker .dp-container .visible-cal .selected-cal .mnth {
                    margin-right: 5px
                }

            .datepicker .dp-container .visible-cal .month-cal {
                display: inline-block;
                margin-right: 15px;
                margin-top: 10px
            }

                .datepicker .dp-container .visible-cal .month-cal:last-of-type {
                    margin-right: 0
                }

            .datepicker .dp-container .visible-cal .next {
                position: absolute;
                right: 2%;
                top: 10px
            }

            .datepicker .dp-container .visible-cal .prev {
                position: absolute;
                left: 2%;
                top: 10px
            }

            .datepicker .dp-container .visible-cal table {
                table-layout: fixed;
                border-collapse: collapse
            }

                .datepicker .dp-container .visible-cal table thead th {
                    padding-bottom: 5px
                }

                .datepicker .dp-container .visible-cal table tbody tr td {
                    vertical-align: middle
                }

                    .datepicker .dp-container .visible-cal table tbody tr td.shown {
                        border-bottom: 1px solid #dcdcdc;
                        border-right: 1px solid #dcdcdc
                    }

                        .datepicker .dp-container .visible-cal table tbody tr td.shown.hovered {
                            background-color: #3691ca8c;
                            color: #fff
                        }

                            .datepicker .dp-container .visible-cal table tbody tr td.shown.hovered .desctext {
                                color: #fff
                            }

                        .datepicker .dp-container .visible-cal table tbody tr td.shown.selected {
                            background-color: #3691ca;
                            color: #fff
                        }

                            .datepicker .dp-container .visible-cal table tbody tr td.shown.selected .desctext {
                                color: #fff
                            }

                                .datepicker .dp-container .visible-cal table tbody tr td.shown.selected .desctext.font-green {
                                    color: #fff
                                }

                        .datepicker .dp-container .visible-cal table tbody tr td.shown.disabled {
                            color: #dcdcdc;
                            pointer-events: none
                        }

                            .datepicker .dp-container .visible-cal table tbody tr td.shown.disabled div {
                                cursor: not-allowed
                            }

                        .datepicker .dp-container .visible-cal table tbody tr td.shown.first {
                            border-left: 1px solid #dcdcdc
                        }

                        .datepicker .dp-container .visible-cal table tbody tr td.shown:first-of-type {
                            border-left: 1px solid #dcdcdc
                        }

                    .datepicker .dp-container .visible-cal table tbody tr td .date-holder {
                        cursor: pointer;
                        min-width: 35px;
                        min-height: 35px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column
                    }

                        .datepicker .dp-container .visible-cal table tbody tr td .date-holder .desctext {
                            font-size: 11px;
                            color: #666;
                            height: 1em
                        }

                            .datepicker .dp-container .visible-cal table tbody tr td .date-holder .desctext.font-green {
                                color: #169c2c
                            }

                .datepicker .dp-container .visible-cal table tbody tr:first-of-type td.shown {
                    border-top: 1px solid #dcdcdc
                }

                .datepicker .dp-container .visible-cal table tbody tr:first-of-type td.not-shown {
                    pointer-events: none;
                    border-bottom: 1px solid #dcdcdc
                }

                    .datepicker .dp-container .visible-cal table tbody tr:first-of-type td.not-shown:last-of-type {
                        border-right: 1px solid #dcdcdc
                    }

            .datepicker .dp-container .visible-cal .descriptionText {
                font-size: 12px;
                margin-top: 10px;
                color: #999;
                text-align: left
            }

.airline-matrix {
    width: 100%;
    height: 65px;
    background: #fff;
    border-radius: 5px
}

    .airline-matrix .matrix-box {
        width: 100%
    }

    .airline-matrix .matrix-item {
        height: 65px;
        justify-content: center;
        align-items: center
    }

        .airline-matrix .matrix-item .details {
            max-width: 56%
        }

    .airline-matrix .select-all {
        height: 65px;
        width: 11%;
        margin-left: 1%;
        justify-content: center;
        align-items: center;
        border: none;
        border-right: 1px solid #e2e2e2
    }

    .airline-matrix .selected {
        background-image: linear-gradient(to bottom, #e2e2e2,#fdfbfb)
    }

        .airline-matrix .selected:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-top: 5px solid #3691ca
        }

.leg-header {
    float: none;
    display: inline-block
}

    .leg-header > div {
        border-radius: 5px;
        padding: 10px;
        align-items: center
    }

    .leg-header .day-button {
        padding: 10px 5px;
        border-radius: 5px
    }

        .leg-header .day-button:before {
            content: "";
            height: 100%;
            width: 1px;
            border-left: 1px solid #e2e2e2;
            position: absolute;
            top: 0;
            left: 50%
        }

.ph-wrapper {
    position: fixed;
    top: 55px;
    right: 40px;
    z-index: 999
}

@media only screen and (max-width: 736px) {
    .ph-wrapper {
        display: none !important
    }
}

.ph-wrapper .persuation-hacks {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    max-width: 408px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0,0,0,0.8);
    padding: 15px 20px 14px 20px;
    line-height: 22px;
    color: #fff
}

    .ph-wrapper .persuation-hacks .cmtfi-cancel {
        position: absolute;
        right: 7px;
        top: 3px;
        font-size: 20px;
        cursor: pointer
    }

    .ph-wrapper .persuation-hacks .ph-msg {
        padding-left: 85px;
        position: relative
    }

        .ph-wrapper .persuation-hacks .ph-msg .ph-icon-holder {
            position: absolute;
            left: 4px;
            top: 50%;
            transform: translateY(-50%);
            color: #d64443;
            width: 30%;
            max-width: 62px
        }

            .ph-wrapper .persuation-hacks .ph-msg .ph-icon-holder .cmtfi-viewing-flight, .ph-wrapper .persuation-hacks .ph-msg .ph-icon-holder .cmtfi-last-booked, .ph-wrapper .persuation-hacks .ph-msg .ph-icon-holder .cmtfi-price-down, .ph-wrapper .persuation-hacks .ph-msg .ph-icon-holder .cmtfi-price-up {
                font-size: 60px;
                line-height: 72px
            }

        .ph-wrapper .persuation-hacks .ph-msg .ph-content {
            font-size: 13px
        }

            .ph-wrapper .persuation-hacks .ph-msg .ph-content h3 {
                font-size: 16px;
                padding-bottom: 4px
            }

            .ph-wrapper .persuation-hacks .ph-msg .ph-content .orgdest {
                white-space: nowrap
            }

            .ph-wrapper .persuation-hacks .ph-msg .ph-content .ph-content-description {
                line-height: 18px
            }

            .ph-wrapper .persuation-hacks .ph-msg .ph-content .ph-content-heading {
                line-height: 22px
            }

            .ph-wrapper .persuation-hacks .ph-msg .ph-content .ph-content-last-booked {
                line-height: 26px
            }

            .ph-wrapper .persuation-hacks .ph-msg .ph-content .cmtfi-plane {
                margin: 0 4px
            }

    .ph-wrapper .persuation-hacks .highlight {
        font-size: 13px;
        padding: 3px 8px 3px;
        margin-right: 7px;
        white-space: nowrap;
        background-color: #d64443
    }

    .ph-wrapper .persuation-hacks.fare-decr .highlight, .ph-wrapper .persuation-hacks.fare-incr .highlight {
        padding: 2px 8px 1px;
        margin: 0 7px 0 6px
    }

    .ph-wrapper .persuation-hacks.fare-incr .highlight {
        background-color: #F34F4F
    }

    .ph-wrapper .persuation-hacks.fare-incr .cmtfi-price-down {
        color: #F34F4F
    }

    .ph-wrapper .persuation-hacks.fare-decr .highlight {
        background-color: #25b234
    }

    .ph-wrapper .persuation-hacks.fare-decr .cmtfi-price-down {
        color: #25b234
    }

.magictime {
    animation-duration: 1s;
    animation-fill-mode: both
}

.more-fare-overlay {
    display: block
}

    .more-fare-overlay .overlay {
        position: absolute;
        right: 0px;
        height: 100%;
        margin: 0px !important;
        width: 490px;
        max-width: unset;
        overflow: visible !important;
        border-radius: unset !important;
        animation: slideLeft 0.5s ease !important;
        -webkit-animation: slideLeft 0.5s ease !important
    }

    .more-fare-overlay .close {
        display: inline-block;
        position: absolute;
        padding: 17px 20px;
        top: 0px;
        left: -50px;
        color: #fff;
        background: #333
    }

    .more-fare-overlay .heading {
        color: rgb(10, 34, 61);
        background-image: linear-gradient(to right, rgb(10, 34, 61),#ea2331);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .more-fare-overlay .overlay-content {
        padding: 10px
    }

    .more-fare-overlay .fare-box {
        display: flex;
        border: 1px solid #cfcfcf;
        border-radius: 5px;
        margin: 20px 0px 35px 0px;
        width: 100%;
        padding: 10px 5px
    }

        .more-fare-overlay .fare-box .tag {
            transform: translateY(-100%);
            position: absolute;
            top: -2px;
            left: 5px;
            border-radius: 2px;
            background: #e5e7eb;
            padding: 2px 10px
        }

            .more-fare-overlay .fare-box .tag .cmtfi-money-bag {
                color: #23bf8c
            }

            .more-fare-overlay .fare-box .tag .cmtfi-plane {
                color: #eaa433
            }

        .more-fare-overlay .fare-box .box-1 {
            width: 70%;
            padding: 5px;
            vertical-align: top
        }

        .more-fare-overlay .fare-box .box-2 {
            width: 30%;
            padding: 5px
        }

@media only screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }

    html {
        font-size: 13px
    }
}

@media only screen and (min-width: 1170px) {
    .search-page .secondary-button:hover {
        background: #f34f4f;
        border-color: #f34f4f;
        color: #fff
    }

    .search-page .link-color:hover {
        color: #256d9a
    }
}

@media only screen and (max-width: 1024px) {
    .search-page .hide-ipad {
        display: none !important
    }

    .search-page .sort .sort-nav .sort-options .dir-option {
        width: 60px
    }

    .search-page .tipsy-content {
        animation: none !important
    }

    .search-page * {
        cursor: pointer
    }

    .search-page .flightItem:hover:before {
        display: none
    }

    .search-page .flightItem .white-circle {
        margin: 0 2px
    }

    .search-page .hff .checkbox input[type="checkbox"] + i {
        padding: 0
    }

    .search-page .modify-search .flight-details .sel-class {
        width: 19.16%
    }

        .search-page .modify-search .flight-details .sel-class .cmtfi-angle-down {
            right: -4px
        }

    .search-page .modify-search .flight-details .sel-date .cmtfi-cancel, .search-page .modify-search .flight-details .sel-date .cmtfi-calendar {
        right: -12px
    }

    .search-page .modify-search .flight-details .sel-date .datepicker-inner .cmtfi-arrow-left:hover, .search-page .modify-search .flight-details .sel-date .datepicker-inner .cmtfi-arrow-right:hover {
        color: #999;
        border: 1px solid #fff;
        background-color: #fff
    }

    .search-page .modify-search .flight-details .sel-date .datepicker-inner .cmtfi-arrow-left:active, .search-page .modify-search .flight-details .sel-date .datepicker-inner .cmtfi-arrow-right:active {
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #000;
        background-color: #f7f7f7
    }

    .search-page .modify-search .sel-submit .btn-submit {
        min-width: 137.47px
    }

    .search-page .modify-search ul.trip-type, .search-page .modify-search .input-filters, .search-page .modify-search .add-city {
        padding-left: 9.4%
    }

    .search-page .flight-details .rules {
        padding: 0 15px 70px 15px
    }

        .search-page .flight-details .rules .book-now {
            right: 2.3%;
            bottom: 28px;
            width: 33.25%
        }

    .search-page .flight-details .details .contents .airline-det .airline .name {
        max-width: 33%
    }

    .search-page .flight-details .details .contents .amenties .amenety .tipsy-content {
        width: auto
    }

    .search-page .filters .filter-selection .flexbox {
        max-height: 450px
    }

        .search-page .filters .filter-selection .flexbox .depart-filter .item {
            width: 48px
        }

        .search-page .filters .filter-selection .flexbox .layovertime .item {
            width: 53px;
            font-size: 10px
        }

    .search-page .booking-section .tipsy:hover .tipsy-content {
        display: none
    }

    .search-page .booking-section .hff .tipsy:hover .tipsy-content {
        display: block;
        transform: translate(-90%, -10px)
    }

        .search-page .booking-section .hff .tipsy:hover .tipsy-content:before, .search-page .booking-section .hff .tipsy:hover .tipsy-content:after {
            left: 90%
        }

    .search-page .smart-search-list .tipsy:hover .tipsy-content {
        display: none
    }

    .search-page .selection-summary .trip-detail {
        width: 72%
    }

    .search-page .selection-summary .cancel-wrapper {
        width: 72%
    }

    .search-page .selection-summary .pricing-det {
        width: 28%
    }

    .search-page .flight-footer .features > div {
        padding-right: 2px;
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

        .search-page .flight-footer .features > div.tipsy {
            overflow: visible
        }

    .search-page .selection-summary .wr-width {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width: 768px) {
    .search-page .fare-summary-tooltip.tipsy .tipsy-content.bottom-center {
        animation: none;
        transform: translate(-81%, 100%)
    }

    .search-page .fare-summary-tooltip.tipsy .tipsy-content.top-center {
        animation: none;
        transform: translate(-81%, -10px)
    }

    .search-page .fare-summary-tooltip.tipsy .tipsy-content:before {
        left: 83%
    }

    .search-page .fare-summary-tooltip.tipsy .tipsy-content:after {
        left: 84%
    }

    .search-page .hide-ipad-p, .search-page .hide-ipad {
        display: none !important
    }

    .search-page .left-section {
        width: 100%;
        padding-right: 0
    }

    .search-page .srp {
        padding: 25px 15px
    }

    .search-page.domestic .filters .filter-heading .heading {
        padding: 16px 7px
    }

    .search-page.domestic .filters .filter-selection .flexbox {
        padding-bottom: 30px
    }

    .search-page .filters .wr-width {
        padding: 0 15px
    }

    .search-page .filters .heading-box {
        padding: 0 15px
    }

    .search-page .filters .selection-footer .count {
        width: 55%
    }

        .search-page .filters .selection-footer .count .text {
            width: 90%
        }

    .search-page .filters .selection-footer .action {
        width: 43.4%;
        white-space: nowrap
    }

    .search-page .filters .filter-heading .heading {
        padding: 16px 10px
    }

        .search-page .filters .filter-heading .heading .dot {
            left: 0px
        }

    .search-page .filters .filter-heading .apply-filter input {
        padding: 11px 14px 10px 14px
    }

    .search-page .filters .filter-heading .cancel input {
        padding: 9px 14px 9px 14px
    }

    .search-page .filters .filter-selection .flexbox {
        max-height: 530px
    }

        .search-page .filters .filter-selection .flexbox .filter-type {
            width: 33%;
            padding-left: 0
        }

            .search-page .filters .filter-selection .flexbox .filter-type:last-of-type {
                margin-left: 0
            }

            .search-page .filters .filter-selection .flexbox .filter-type.price-filter {
                flex-basis: 100px
            }

            .search-page .filters .filter-selection .flexbox .filter-type.airlines, .search-page .filters .filter-selection .flexbox .filter-type.aircraft {
                flex-basis: 250px
            }

            .search-page .filters .filter-selection .flexbox .filter-type .airlines-list {
                max-height: 200px
            }

            .search-page .filters .filter-selection .flexbox .filter-type.layoverairport .airlines-list {
                max-height: 120px
            }

        .search-page .filters .filter-selection .flexbox .depart-filter {
            flex-basis: 175px;
            -ms-flex-preferred-size: 175px
        }

            .search-page .filters .filter-selection .flexbox .depart-filter .item {
                width: 50px
            }

        .search-page .filters .filter-selection .flexbox .layovertime .container {
            padding-left: 0
        }

        .search-page .filters .filter-selection .flexbox .layovertime .item {
            width: 50px;
            font-size: 10px
        }

        .search-page .filters .filter-selection .flexbox .airlines {
            margin-left: 0
        }

    .search-page .flight-sch .select-flight {
        padding-left: 12px
    }

    .search-page .flight-details .rules {
        padding: 0 15px;
        padding-bottom: 110px
    }

    .search-page .modify-search .wr-width {
        padding: 0 10px
    }

    .search-page .modify-search .multicity {
        margin-left: 13%
    }

    .search-page .modify-search ul.trip-type, .search-page .modify-search .input-filters, .search-page .modify-search .add-city {
        padding-left: 10.5%
    }

    .search-page .modify-search .flight-details .sel-class {
        width: 16.16%
    }

    .search-page .modify-search .flight-details .sel-date {
        width: 19.1%
    }

        .search-page .modify-search .flight-details .sel-date .depart {
            width: 39%
        }

        .search-page .modify-search .flight-details .sel-date .cmtfi-cancel, .search-page .modify-search .flight-details .sel-date .cmtfi-calendar {
            right: -17px
        }

    .search-page .modify-search input[type='text'] {
        font-size: 13.5px
    }

    .search-page .modify-search .datepicker-wrapper {
        right: 0
    }

    .search-page .modify-search .sel-submit .btn-submit {
        min-width: 105.36px
    }

    .search-page .sort .sort-nav .sort-options .dir-option {
        width: 60px
    }

    .search-page .multicity-summary .multicity-tab .multicity-list {
        width: 50%
    }

    .search-page .fl-info .airline-holder .box .tipsy-content {
        transform: translate(0, 100%);
        left: -50%
    }

        .search-page .fl-info .airline-holder .box .tipsy-content:before {
            left: 17px
        }

        .search-page .fl-info .airline-holder .box .tipsy-content:after {
            left: 17px
        }

    .search-page .selection-summary .trip-detail {
        width: 65%
    }

        .search-page .selection-summary .trip-detail:before {
            display: none
        }

    .search-page .selection-summary .cancel-wrapper {
        width: 65%
    }

    .search-page .selection-summary .pricing-det {
        width: 35%
    }
}

@media only screen and (max-width: 760px) {
    .search-page {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .search-page .hide-mobile {
            display: none !important
        }

        .search-page .time-out {
            min-width: 100%;
            min-height: 100%
        }

        .search-page .pricing-request {
            min-width: 100%;
            min-height: 100%
        }

        .search-page .overlay-holder .overlay {
            margin: 0
        }

        .search-page .overlay-holder .fare-pop {
            min-height: 100%;
            min-width: 100%
        }

        .search-page .sort {
            padding-left: 10px !important
        }

            .search-page .sort .sort-label {
                font-size: 10px;
                width: 12.7%
            }

            .search-page .sort .sort-nav ul li.arr {
                margin-left: 9%
            }

        .search-page .daymatrix .one-datepicker .datepicker {
            position: fixed;
            top: 0;
            left: 0;
            margin: 0;
            width: 100%;
            height: 100%
        }

        .search-page.domestic .flightItem .flight-det .schedule {
            width: 50%
        }

        .search-page.domestic .flightItem .booking-sec {
            padding-right: 10px
        }

            .search-page.domestic .flightItem .booking-sec .seat {
                position: absolute;
                top: -1em
            }

            .search-page.domestic .flightItem .booking-sec .price-sec, .search-page.domestic .flightItem .booking-sec .book-button {
                display: block
            }

            .search-page.domestic .flightItem .booking-sec .price-sec {
                margin-bottom: 2px
            }

            .search-page.domestic .flightItem .booking-sec .book-button .button {
                padding: 6px 18px
            }

        .search-page.domestic .flightItem .fl-info {
            width: 10%;
            padding-left: 10px;
            max-width: 40px
        }

            .search-page.domestic .flightItem .fl-info .airline-holder {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .search-page.domestic .flightItem .fl-info .airline-holder .logo, .search-page.domestic .flightItem .fl-info .airline-holder .airline-name {
                    max-width: none;
                    width: 100%;
                    float: none;
                    display: block
                }

                    .search-page.domestic .flightItem .fl-info .airline-holder .airline-name .text {
                        display: none
                    }

        .search-page.domestic .flightItem .add-features .additional-features > li .protect-wrap {
            width: 20px;
            height: 30px;
            box-shadow: none;
            background: none
        }

        .search-page .filters .filter-selection {
            z-index: 15
        }

        .search-page .left-section .flight-footer {
            padding: 5px 0px;
            margin: 10px
        }

            .search-page .left-section .flight-footer .flight-detail .link-color {
                display: none
            }

        .search-page .airline-matrix {
            display: none
        }

        .search-page .scrolltop {
            display: none
        }
}

@media only screen and (max-width: 480px) {
    .search-page .hide-mobile {
        display: none !important
    }

    .search-page .srp {
        padding: 10px
    }

    .search-page .flightItem {
        margin-bottom: 55px
    }

    .search-page.domestic .flightItem {
        margin-bottom: 10px
    }

        .search-page.domestic .flightItem .deal .content {
            overflow: hidden;
            text-overflow: ellipsis
        }

    .search-page .filters .selection-footer .count {
        width: 35%
    }

    .search-page .filters .filter-selection .flexbox {
        flex-wrap: nowrap;
        padding: 30px;
        overflow-y: scroll;
        max-height: calc(100vh - 100px)
    }

        .search-page .filters .filter-selection .flexbox .filter-type {
            width: 100%
        }

            .search-page .filters .filter-selection .flexbox .filter-type .reset-mobile {
                display: block
            }

    .search-page .selection-summary .trip-detail {
        display: none
    }

    .search-page .selection-summary .pricing-det {
        width: 100%;
        border-radius: 5px
    }

    .search-page .more-fare-overlay .overlay {
        width: 100%
    }

    .search-page .more-fare-overlay .fare-box .box-1 {
        width: 65%
    }

    .search-page .more-fare-overlay .fare-box .box-2 {
        width: 36.5%
    }

    .search-page .more-fare-overlay .close {
        left: unset;
        right: 0px;
        padding: 10px;
        background: unset;
        color: #333
    }

    .search-page .left-section.round .grid > * {
        padding-right: 0px
    }

    .search-page .left-section.round .tuple .flight-footer {
        display: none;
        position: absolute;
        bottom: 0px;
        width: 100%
    }

    .search-page .left-section.round .tuple .flight-det {
        position: relative;
        min-height: 100px
    }

        .search-page .left-section.round .tuple .flight-det .fl-info {
            padding-top: 10px
        }

        .search-page .left-section.round .tuple .flight-det .booking-sec {
            padding-top: 15px
        }

        .search-page .left-section.round .tuple .flight-det .schedule {
            position: absolute;
            top: 40px;
            width: 100%;
            left: 0px
        }

    .search-page .left-section.round .day-button {
        display: none
    }

    .search-page .left-section.round .sort .sort-label {
        display: none
    }

    .search-page .left-section.round .sort-nav {
        width: 100%
    }

        .search-page .left-section.round .sort-nav ul li.dep {
            width: 25%
        }

        .search-page .left-section.round .sort-nav ul li.arr {
            display: none
        }

        .search-page .left-section.round .sort-nav ul li.dur {
            display: none
        }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .search-page .filters .filter-selection .flexbox {
        height: 550px
    }
}
.makeFlex label {
    margin-bottom: 0px;
}

.checkbox-symbol {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}

.checkbox-container {
    box-sizing: border-box;
    background: #ffffff;
    color: #222;
    height: 64px;
    display: flex;
    justify-content: left;
    align-items: start;
    flex-flow: column wrap;
}

    .checkbox-container * {
        box-sizing: border-box;
    }

.checkbox-input {
    position: absolute;
    visibility: hidden;
}

.checkbox {
    user-select: none;
    cursor: pointer;
    border-radius: 6px;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    display: flex;
}

    .checkbox:not(:last-child) {
        margin-right: 6px;
    }

    .checkbox:hover {
        background: rgba(0, 119, 255, 0.06);
    }

    .checkbox span {
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
    }

        .checkbox span:first-child {
            position: relative;
            flex: 0 0 18px;
            width: 18px;
            height: 18px;
            border-radius: 4px;
            transform: scale(1);
            border: 1px solid #cccfdb;
            transition: all 0.3s ease;
        }

            .checkbox span:first-child svg {
                position: absolute;
                top: 3px;
                left: 2px;
                fill: none;
                stroke: #fff;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                transform: translate3d(0, 0, 0);
            }

        .checkbox span:last-child {
            padding-left: 8px;
            line-height: 18px;
        }

    .checkbox:hover span:first-child {
        border-color: #0077ff;
    }

.checkbox-input:checked + .checkbox span:first-child {
    background: #0077ff;
    border-color: #0077ff;
    animation: zoom-in-out 0.3s ease;
}

    .checkbox-input:checked + .checkbox span:first-child svg {
        stroke-dashoffset: 0;
    }