:root{
    --color-text-base: #002b52;
    --color-brand-primary-one: #003978;
    --color-surface-components:#f2f5f7;
    --color-brand-primary-three: #eef7fb;
    --color-inputs-placeholder: #637185;
    --size-button-height-base: 3.375rem;
    --size-radius-medium: 1rem;
    --size-radius-small: 0.75rem;
    --size-font-web-body: 1rem;
    --size-font-web-hfour: 1.25rem;
    --size-font-web-htwo: 2.25rem;
    --size-font-five: 1.5rem;
}

.act-btn,
.hom-icon a.know-mo {
    font-family: bliss2;
    text-transform: uppercase;
    font-weight:500;
}
ul.listed li,
ul.listing li ul,
ul.listing li ul li {
    list-style-type: disc;
}
.btn.otl-link,
.click-link,
.grid-list p a,
.guide-link,
.item-list > div > div a,
.pas-sec > a,
.result-month > strong {
    text-decoration: underline;
}
.con-bg,
.slider-sec {
    background: 0 0;
}
.top-pad {
    margin-top: 0;
}
.no-js #loader {
    display: none;
}
.back-bg > img {
    width: 100%;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo {
    position: relative;
    z-index: 3;
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -ms-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    z-index: 3;
}
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    -ms-perspective: 1200px;
    -ms-perspective-origin-x: 50%;
    -ms-perspective-origin-y: 50%;
    perspective: 1200px;
}
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut 0.7s both ease;
    -moz-animation: fadeOut 0.7s both ease;
    -ms-animation: fadeOut 0.7s both ease;
    animation: fadeOut 0.7s both ease;
}
.owl-fade-in {
    -webkit-animation: fadeIn 0.7s both ease;
    -moz-animation: fadeIn 0.7s both ease;
    -ms-animation: fadeIn 0.7s both ease;
    animation: fadeIn 0.7s both ease;
}
.act-btn {
    border: 2px solid #fff;
    border-radius: 26px;
    color: var(--color-primitive-white);
    display: block;
    font-size: var(--size-font-one);
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    width: 113px;
}
.act-btn:hover {
    color: #012252;
    border-color: #012252;
}
.hom-icon {
    background: url(../images/web-portal/web-portal/web-portal/_blue-dot.jpg) left bottom repeat-x rgba(0, 0, 0, 0);
}
.hom-icon a.icon {
    display: block;
    width: 148px;
    margin: 20px auto 8px;
    border-radius: 50%;
}
.hom-icon h3 {
    font-size: 15px;
    margin-bottom: 10px;
    color: var(--color-primitive-white);
}
.hom-icon a.know-mo,
.hom-icon p {
    color: var(--color-primitive-white);
    font-size: 10px;
    text-align: center;
}
.hom-icon p {
    line-height: 13px;
    margin: 0 0 10px;
}
.hom-icon a.know-mo {
    background: 0 0;
    border: 1px solid #0258a5;
    width: auto;
    border-radius: 4px;
    padding: 5px 11px;
    margin: 0 auto;
    display: inline;
}
.hom-icon.last:hover,
.hom-icon:hover {
    background: var(--color-text-base);
    background: -moz-linear-gradient(top, var(--color-text-base) 0, #ed6d04 100%);
    background: -webkit-linear-gradient(top, var(--color-text-base) 0, #ed6d04 100%);
    background: linear-gradient(to bottom, var(--color-text-base) 0, #ed6d04 100%);
}
.hom-icon:hover a.know-mo {
    background: #fff;
    border: 1px solid;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-buttons {
    position: absolute;
    top: 39%;
    left: 0;
    width: 100%;
}
.owl-next,
.owl-prev {
    width: 22px;
    height: 41px;
    position: absolute;
    background-repeat: no-repeat;
    font-size: 0;
}
.owl-prev {
    left: 10px;
    background-position: -239px 0;
}
.owl-next {
    right: 10px;
    background-position: -278px 0;
}
.owl-pagination {
    text-align: center;
}
.owl-pagination .owl-page:hover {
    border-color: #f3757a;
    background: #fff;
}
.owl-item .item {
    position: relative;
}
.owl-item .item.two > div > div > div strong {
    color: var(--color-primitive-white);
    width: 275px;
    float: right;
}
.owl-item .item.five > div > div > div strong span,
.owl-item .item.one > div > div > div strong span {
    color: var(--color-text-base);
}
.owl-item .item.white > div > div > div strong {
    color: var(--color-primitive-white);
}
.owl-item .item.five > div > div > div strong {
    float: right;
}
.owl-item .item > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1024px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 24px 40px 0;
}
.owl-item .item > div h2 {
    color: var(--color-primitive-white);
    text-shadow: 2px 3px 5px #002148;
    font-family: bliss2;
    text-align: center;
    font-weight:500;
}
.cutout-wrap .btn.ave,
.cutout-wrap h4 {
    text-shadow: 0 3px 3px #1a1a1a;
    color: var(--color-primitive-white);
}
.owl-item .item > div p,
.owl-item .item > div p > span {
    color: var(--color-primitive-white);
    font-family: bliss2;
    font-size: 13px;
    line-height: 20px;
}
.owl-item .item > div p > span {
    display: block;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}
.con-bg .col-sm-2 {
    position: relative;
    min-height: 1px;
    padding: 7px 10px 29px 15px;
}
@media screen and (min-width: 540px) and (max-width: 767px) {
    .owl-pagination .owl-page {
        margin: 14px auto;
    }
}
.banner-sec {
    text-align: center;
    position: relative;
}
.banner-sec > div {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.banner-sec > div > div {
    display: table;
    width: 100%;
    height: 100%;
}
.banner-sec > div > div > div {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 12% 0 0 10px;
}
.banner-sec > div > div p {
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    line-height: 127%;
    margin: 0;
}
.banner-sec > div > div p.mil-ban {
    padding: 0 20px 0 0;
}
.banner-sec img {
    display: block;
    width: 100%;
}
.banner-sec.myAccputBanner img{
    width: 83%;
    padding-left: 6%;
    padding-top: 6% !important;
}
.no-pre,
.owl-pagination,
.ui-datepicker-buttonpane {
    display: none;
}
.banner-sec img.log-ban {
    height: auto;
}
.flight-book-form {
    background: #fff;
    border-radius: 4px;
    padding: 20px 10px;
}
.radio-sec {
    margin: 0;
}
.radio-wrap {
    float: left;
    width: 157px;
}
.radio-wrap label {
    margin: 0;
}
.flight-book-form .radio-sec .radio-wrap label {
    line-height: 21px;
    font-size: var(--size-font-two);
}
.show-btn {
    color: var(--color-text-base);
    font-size: var(--size-font-one);
    font-style: italic;
}
button.btn,
input[type="button"].btn {
    margin: 0;
    float: right;
    min-width: 100px;
}
.table-striped.bty button.btn {
    margin: 0 auto;
    float: none;
}
.ui-menu.ui-widget {
    max-width: 300px;
    width: 100%;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}
.category-links,
.grid-list > figure a,
.item-list > div,
.item-wrap,
.pagination,
.right-head.pes {
    overflow: hidden;
}
.ui-menu .ui-menu-item:hover a {
    background: #eee;
}
.ui-datepicker-next .ui-icon {
    background-position: -224px 0;
    width: 12px;
    height: 18px;
}
.ui-datepicker-prev .ui-icon {
    background-position: -210px 0;
    width: 12px;
    height: 18px;
}
input[type="text"]#memberDob.datepicker12,
input[type="text"].datepicker,
input[type="text"].hasDatepicker {
    background: url(../images/web-portal/date.png) 100% 2px no-repeat;
}
.login-content {
    max-width: 602px;
    width: 93%;
    padding: 27px 29px;
    margin: -50px auto 50px;
    border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 7px 5px 14px -1px rgba(0, 0, 0, 0.35);
}
.login-content .logo {
    color: #012252;
    margin: -3px 0 19px;
}
.login-logo-wrap {
    text-align: left;
    margin: 0;
}
.login-logo-wrap h1 {
    margin: 0;
    text-align: center;
}
.forgot-links,
.login-form ul li.btn-wr {
    text-align: center;
    margin: 0;
}
.login-form-wrap {
    display: table;
    width: 100%;
    margin-bottom: 4px;
}
.login-form,
.login-icon {
    display: table-cell;
}
.login-icon {
    width: 124px;
    vertical-align: middle;
    background: url(../images/web-portal/sep.png) center right no-repeat;
}
.login-form {
    width: 400px;
    vertical-align: top;
    padding: 0;
}
.forgot-links {
    padding: 0;
}
.login-form ul.forgot-links {
    margin: 10px 0 0;
}
.login-form ul.forgot-links li,
.login-form ul.forgot-links li:first-child {
    margin: 0;
    display: inline-block;
    padding: 0 15px;
    position: relative;
}
.login-form ul li.btn-wr input[type="button"] {
    margin: 21px 0 0;
}
.btn-wr .btn,
.btn-wr input[type="button"],
.btn-wr input[type="submit"] {
    float: none;
    display: inline-block;
    width: 129px;
    background: var(--color-text-base);
    background: -moz-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: -webkit-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: linear-gradient(to right, var(--color-text-base) 0, var(--color-text-base) 100%);
    border-radius: 5px;
    text-transform: capitalize;
    color: var(--color-primitive-white);
    margin: 0;
}
.btn-wr.cen input[type="button"] {
    display: block;
    margin: 0 auto;
}
.login-form .btn-wr input[type="submit"] {
    margin: 14px 0 0;
}
.forgot-links li:first-child:before,
.forgot-links li:nth-child(2):before {
    content: "";
    width: 1px;
    background: #5d5d5d;
    top: 0;
    right: -10px;
    position: absolute;
    height: 100%;
}
.forgot-links li:first-child,
.forgot-links li:nth-child(2) {
    border: none;
}
.forgot-links li a {
    display: block;
    font-style: italic;
    color: var(--color-text-base);
    font-size: var(--size-font-one);
    text-transform: capitalize;
}
.login-form ul li {
    position: relative;
    margin: 0 0 23px;
}
.login-form ul li.captcha {
    display: inline-block;
    width: 100%;
}
.login-form ul li.captcha img {
    margin: 0 10px 0 0;
}
.login-form ul li.captcha img,
.login-form ul li.captcha input[type="text"] {
    float: left;
    width: auto;
}
.login-form ul li.captcha input[type="text"] {
    margin: 12px 0 0 0;
    width: 70%;
}
.forgot-links li:nth-child(2)::before {
    display: none;
}
.login-form-wrap .login-form ul li:nth-child(even) {
    margin: 0 0 10px;
}
.login-errr .login-form .error {
    bottom: -20px;
    position: absolute;
}
.login-form .error {
    position: relative;
}
.login-form.forgot-wrap .error {
    bottom: -18px;
}
.login-form ul li:first-child .errorSpan {
    text-align: center;
}
.login-form ul {
    margin: 0;
}
.login-form ul li.btn-wr input[type="submit"] {
    margin: 14px 5px 0;
}
.container.inner-content.shop-page {
    background: 0 0;
    margin: 0 auto;
}
.left-col {
    margin: 0 0 23px;
}
.left-col > div {
    background: #fff;
}
.left-col > div,
.right-col > div {
    padding: 20px 10px;
    border-radius: 4px;
}
.range-wrap > div,
.range-wrap > p {
    max-width: 400px;
    width: 97%;
    color: var(--color-text-base);
    /*margin: 0 auto 15px;*/
}
.range-wrap > p input,
.range-wrap > p label {
    display: inline-block;
    font-size: var(--size-font-one);
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 1;
    height: auto;
    margin-top: 0;
}
.range-wrap > p label {
    width: 27%;
    margin-top: 7%;
}
.range-wrap > p input {
    width: 64%;
}

#select-flight .range-wrap > p label {
    width: 37%;
}

.range-wrap .ui-widget.ui-widget-content {
    border: none;
    height: 4px;
    border-radius: 1px;
    background: #e7e9f6;
}
.range-wrap .ui-slider-horizontal .ui-slider-handle,
.range-wrap .ui-state-default {
    font-weight: 400;
    color: #454545;
    border-radius: 50%;
    border: none;
}
.range-wrap .ui-slider-horizontal .ui-slider-handle {
    top: -12px;
    background: #FFFFFF !important;
    box-shadow: 0px 5px 15px #E0E2EB;
    padding: 14px;
}

.right-col > div.item-wrap {
    background: #fff;
}
.category-links {
    margin: 0;
    padding: 0;
}
.category-links > li {
    float: left;
    width: 100%;
    padding: 0 22px;
    margin: 0;
}
.category-links li a {
    text-align: left;
    padding: 0 0 0 35px;
    position: relative;
}
#accordion.cate .panel-body ul,
.category-links > li > ul {
    margin: 0 0 0 23px;
}
#accordion.cate h4.panel-title a {
    font-family: bliss2;
    font-size: var(--size-font-web-body);
}
#accordion.cate h4.panel-title a i {
    width: 26px;
    height: 26px;
}
#accordion.cate .panel-body ul li.active a,
#accordion.cate .panel-body ul li:hver a,
#accordion.cate h4.panel-title a[aria-expanded="true"],
.category-links li.active > a,
.category-links li:hover > a,
.filtersec,
.gr-hotel li strong,
.path-info li strong,
.search-heading td > strong,
.tb.table-responsive th,
.trip-summary li strong {
    font-family: bliss2;
    font-weight:500;
}
#accordion.cate h4.panel-title a.none[aria-expanded="false"],
#accordion.cate h4.panel-title a.none[aria-expanded="true"] {
    background: 0 0;
}
#accordion.cate .panel-body ul li,
.category-links > li > ul > li {
    margin: 0;
    list-style: none;
    position: relative;
    padding: 3px 0 8px 0px;
}
#accordion.cate .panel-body ul li:before,
.category-links > li > ul > li:before {
    background: url(../images/web-portal/red-arrow.png) no-repeat;
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    width: 4px;
    height: 8px;
}

.shop-page #accordion.cate .panel-body ul li:before,
.shop-page .category-links > li > ul > li:before {
    background: url(../images/web-portal/red-arrow.png) no-repeat;
    position: absolute;
    top: 13px;
    left: 88%;
    content: "";
    width: 8px;
    height: 14px;
}

.hoterl-pop.summary .nav > li,
.item-list.details-para > div,
.item-list.details-para > div > aside,
.item-list.details-para > div > div {
    width: 100%;
}
#accordion.cate .panel-body ul li a,
.category-links > li > ul > li a {
    line-height: 137%;
    padding: 0;
}
#accordion.cate .panel-body ul li a,
.category-links li a {
    display: block;
    color: var(--color-text-base);
    font-size: var(--size-font-web-body);
    text-transform: capitalize;
    line-height: 28px;
    font-family: bliss2;
}
.hoterl-pop.summary .nav > li a {
    border-radius: 0;
}
.item-list.details-para > div {
    margin: 0 0 20px;
}
.item-list.details-para figure {
    float: left;
    width: 65%;
    max-width: 150px;
}
.item-list.details-para h2 {
    text-transform: none;
}
#accordion.cate h4.panel-title a {
    position: relative;
}
#accordion.cate h4.panel-title a i {
    position: relative;
    margin: 0 -2px 0 0;
    top: 10px;
    left: -5px;
}
#accordion h4.panel-title a i,
.category-links li a i {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0 15px 0 0;
    border-radius: 50%;
}
#accordion h4.panel-title a i.cat_cashback:before,
#accordion h4.panel-title a i.cat_elec:before,
#accordion h4.panel-title a i.cat_gift:before,
.category-links li a i.cat_cashback:before,
.category-links li a i.cat_elec:before,
.category-links li a i.gift:before,
.category-links li a i.other:before,
.category-links li a i.travel:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    margin: auto;
    background-image: url(../images/web-portal/sprite.png);
    background-repeat: no-repeat;
}
#accordion h4.panel-title a i.cat_cashback:before,
.category-links li a i.cat_cashback:before {
    background-position: -180px -171px;
    background-image: url(../images/web-portal/sprite.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 23px;
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
}
#accordion h4.panel-title a i.cat_gift:before,
.category-links li a i.cat_gift:before {
    background-position: -236px -66px;
    background-image: url(../images/web-portal/sprite.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 18px;
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
}
#accordion h4.panel-title a i.cat_elec:before,
.category-links li a i.cat_elec:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f218";
    font-style: normal;
    color: var(--color-primitive-white);
    height: 24px;
    width: 18px;
    top: 7px;
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
}
.category-links li a i.gift:before,
.category-links li a i.other:before,
.category-links li a i.travel:before {
    background-position: -227px -161px;
    width: 30px;
    height: 30px;
}


.shop-page #accordion.cate h4.panel-title a {
    padding: 8px 0 28px 19px;
}
.shop-page #accordion.cate h4.panel-title a:after{
    content: "";
    width: 88%;
    height: 1px;
    background-color: var(--color-border);
    left: 3%;
    position: relative;
    display: block;
    top: 24px;
}
.shop-page #accordion.cate h4.panel-title a i{
    left: -25px;
}
.shop-page #accordion h4.panel-title a i.cat_cashback,
.shop-page #accordion h4.panel-title a i.cat_elec,
.shop-page #accordion h4.panel-title a i.cat_gift{
    background: transparent;
}
.shop-page #accordion h4.panel-title a i.cat_cashback:before,
.shop-page #accordion h4.panel-title a i.cat_elec:before,
.shop-page #accordion h4.panel-title a i.cat_gift:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    margin: auto;
    background-image: url(../images/web-portal/shopIcon01.svg);
    background-repeat: no-repeat;
    width: 55px;
    height: 48px;
    background-position: 0 -1px;
}
.shop-page #accordion h4.panel-title a i.cat_gift:before,
.shop-page #accordion h4.panel-title a i.cat_cashback:before{
    background-position-: -58px -1px;
    background-image: url(../images/web-portal/shopIcon02.svg);
}

.right-col {
    background: 0 0;
}
.right-head {
    background: #fff;
    margin: 0 0 19px;
}
.right-col h1 {
    font-size: var(--size-font-web-hfour);
    text-transform: capitalize;
    margin: 0 0 19px;
    color: var(--color-text-base);
}
.search-item {
    display: inline-block;
    width: 100%;
}
.search-item,
.search-item li {
    margin: 0;
    position: relative;
}
.search-item li input[type="button"].ser-btn {
    border-radius: 0;
    height: 30px;
    position: absolute;
    background: url(../images/web-portal/search.svg);
    background-position: left 8px;
    left: 10px;
    background-repeat: no-repeat;
    top: 25px;
    padding: 10px;
    top: 25px;
    padding: 10px;
    border-radius: 0 4px 4px 0;
    line-height: 10px;
}
.search-item li {
    float: left;
    width: 60%;
    padding: 0 10px 0 3px;
    position: relative;
}
.search-item li.last {
    position: relative;
    z-index: 3;
}
.search-item li:last-child {
    width: 40%;
}
.redeem-wrap select.form-control,
.search-item select.form-control {
    height: 40px;
}
.right-col > div.item-list {
    overflow: hidden;
    padding: 0;
    margin: 0 0 19px;
    background: 0 0;
}
.redeem-wrap ul li:last-child {
    position: relative;
    top: 38px;
}
.item-list > figure {
    margin-right: 10px;
    width: 100%;
}
.item-list > div {
    background: #fefefe;
    margin: 0 0 0 10px;
    min-height: 100px;
    padding: 0;
    width: 100%;
}
.item-list > div > div {
    float: left;
    width: 76%;
}
.item-list > div > div p {
    margin: 0;
    text-align: justify;
    line-height: 18px;
    padding: 0 10px 0 0;
}
.item-list > div > div a {
    color: #0a32ff;
    text-transform: capitalize;
}
.item-list > div > aside {
    float: right;
    width: 103px;
    text-align: center;
}
.item-list > div > aside a.btn {
    margin: 0;
}
.item-list > div > aside span,
.item-list > div > aside strong {
    display: block;
    color: var(--color-text-base);
}
.item-list > div > aside strong {
    font-size: 22px;
    margin: 0 0 6px;
}
.item-list > div > aside span {
    font-size: var(--size-font-one);
    margin: 0 0 11px;
}
.grid-list {
    text-align: center;
    border: 1px solid #f3f3f3;
    padding: 15px;
    height: 298px;
    margin: 0 0 20px;
}
.pagination,
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-radius: 0;
}
.grid-list > div {
    text-align: left;
}
.grid-list div > div {
    height: 65px;
    text-align: center;
}
.grid-list > figure {
    width: 150px;
    margin: 0 auto 15px;
}
.grid-list > figure a {
    display: block;
}
.grid-list > figure a:hover img {
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
}
.grid-list.img-wrp > figure {
    height: 100px;
}
.grid-list.img-wrp > figure > div {
    vertical-align: middle;
    display: table;
    height: 100%;
    width: 100%;
}
.grid-list.img-wrp > figure > div > div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.grid-list.img-wrp > figure img {
    max-height: 100px;
    width: auto;
}
.grid-list aside {
    padding: 10px 0 0;
    border-top: 1px dotted #d8d8d8;
}
.grid-list aside span,
.grid-list aside strong {
    display: block;
}
.grid-list aside strong {
    font-size: 22px;
    margin: 0 0 6px;
}
.grid-list aside span {
    font-size: var(--size-font-one);
    margin: 0;
    line-height: 1;
    height: 31px;
}
.grid-list aside span > span {
    display: inline;
    position: relative;
    top: 20px;
}
.grid-list aside a.btn {
    width: 112px;
    float: right;
    padding: 10px;
}
.grid-list aside a.btn:hover {
    background-color: var(--color-text-base);
    color: var(--color-primitive-white) !important;
}
.grid-list p a {
    color: #0a32ff;
    text-transform: capitalize;
}
.grid-list aside a.btn:hover {
    background: #eee;
}
.pagination {
    display: block;
    margin: 20px auto;
    width: 100%;
    text-align: center;
}
.pagination > li {
    display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
    color: #666;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #f1f2f9;
    background: -moz-linear-gradient(top, #fff 0, #f1f2f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f1f2f9));
    background: -webkit-linear-gradient(top, #fff 0, #f1f2f9 100%);
    background: -o-linear-gradient(top, #fff 0, #f1f2f9 100%);
    background: -ms-linear-gradient(top, #fff 0, #f1f2f9 100%);
    background: linear-gradient(top, #fff 0, #f1f2f9 100%);
    border: 1px solid #f1f2f9;
    font-size: var(--size-font-two);
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    min-width: 14px;
    padding: 0 7px;
    margin: 0;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background: var(--color-text-base);
    color: var(--color-primitive-white);
    border: 1px solid var(--color-text-base);
    box-shadow: 0 1px 0 #fff, 0 0 2px rgba(0, 0, 0, 0.3) inset;
    float: left;
    font-size: var(--size-font-two);
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    min-width: 14px;
    padding: 0 7px;
    border-radius: 3px;
}
.pagination-sec {
    padding: 10px 20px;
}
.item-list > div > div h3 {
    margin: 0 0 11px;
    text-align: left;
    text-transform: capitalize;
}
.tab-content > div h2,
.tab-menu li a {
    text-transform: capitalize;
    color: var(--color-text-base);
}
.tab-menu li a.lowercaseStyle {
    text-transform: none;
}
.tab-menu li a {
    color: var(--color-text-base);
}
.hoterl-pop.summary .tab-content > div {
    height: auto;
    min-height: auto;
    overflow: auto;
    padding: 20px 10px 0;
}
.hotel-detail-wrap,
.result-month,
.search-form,
.trip-summary li {
    overflow: hidden;
}
.redeem-wrap {
    background: #fff;
    border-radius: 4px;
    padding: 15px;
    margin: 0 0 20px;
}
.redeem-wrap ul li {
    margin: 0;
}
.redeem-wrap ul li.redeemEmail1{
    width: 26.5%;
}
.redeem-wrap ul li .select-style,
.redeem-wrap ul li input,
.redeem-wrap ul li label {
    margin: 0 0 5px;
}
.redeem-wrap ul li select {
    margin: 0;
}
.smiple-con {
    padding: 177px 10px 0;
}
.MyAccount .left-col,
.MyAccount .right-col {
    background: 0 0;
}
.MyAccount .col-sm-3.left-col {
    margin-right: 0;
}
.myaccount-wrap {
    background: #f1f2f9;
}
.myaccount-wrap .container.inner-content {
    background: 0 0;
    position: relative;
    margin: -75px auto 61px;
}
.tab-menu {
    background: #fff;
    padding: 20px;
}
.tab-menu li {
    position: relative;
    margin-bottom: 30px;
    display: none;
}
.tab-menu li.active {
    display: block !important;
    margin: 0;
}
.available-text,
.red-tab th span,
.tab-menu.tab li {
    display: block;
}
.tab-toggle-menu {
    position: absolute;
    top: 20px;
    right: 30px;
    background-position: -150px 0;
    font-size: 0;
    width: 25px;
    height: 25px;
    z-index: 2;
}
.tab-toggle-menu.tab-link {
    background-position: -149px -27px;
    width: 26px;
    height: 26px;
}
.tab-menu.tab li.active {
    margin: 0 0 30px;
}
.tab-menu li:last-child {
    margin: 0 0 10px;
}
.tab-menu li:before {
    content: "";
    width: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#transaction,
.search-form {
    position: relative;
}
.tab-menu li a {
    font-size: var(--size-font-two);
    line-height: 24px;
}
.tab-menu li.active a {
    border-bottom: 3px solid;
}
.tb,
.tb.table-responsive table,
.tb.table-responsive td,
.tb.table-responsive th {
    border: none;
}
.tab-content > div {
    background: #fff;
}
.tab-content > div h2 {
    font-size: var(--size-font-web-body);
    padding: 19px 20px;
    margin: 0;
}
.aveb h4 > span,
.innerpad h3,
.tra-tab th span {
    text-transform: capitalize;
}
.tb {
    padding: 2px;
}
.tb.table-responsive td,
.tb.table-responsive th {
    padding: 11px 17px;
    width: 20%;
}
.tb.table-responsive th {
    border-right: 1px solid #fff;
    vertical-align: top;
}
.pro-tab td:first-child {
    width: 24%;
}
.pas-sec > span {
    float: left;
    line-height: 0.5;
    padding: 12px 0 0;
}
.pas-sec > a {
    float: right;
}
.search-form {
    background: #f9f9fd;
    border: 1px solid #bebebe;
    width: 220px;
    margin: 0 0 20px 19px;
}
.select-style.room {
    margin: 0 0 20px;
}
.search-form input[type="submit"],
.search-form input[type="text"] {
    background: 0 0;
    color: var(--color-text-base);
    font-size: var(--size-font-one);
    border-radius: 0;
    margin: 0;
}
.search-form input[type="submit"] {
    font-size: 0;
}
.search-form > span.searchss {
    float: left;
    width: 36px;
    height: 35px;
    border-right: 1px solid #bebebe;
    background: url(../images/web-portal/search-bg.png) center center no-repeat;
    padding: 0;
}
.search-form input[type="text"] {
    float: left;
    width: 82%;
    height: 34px;
    padding: 5px 0 0 5px;
    border: none;
}
.search-form input[type="button"] {
    border-radius: 0;
    color: var(--color-primitive-white);
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 34px;
    font-family: 'bliss2';
    text-transform: capitalize;
}
.result-month {
    padding: 0 20px;
    margin: -9px 0 10px 0;
}
#transactionSummary .col-md-12.text-center {
    margin: 0;
}
.table-responsive th {
    vertical-align: top;
}
.pagination#myPager01 {
    margin: 0;
}
.result-month > span,
.result-month > strong {
    float: left;
    font-size: var(--size-font-two);
    padding: 10px;
}
.result-month > span {
    padding: 10px 100px 10px 10px;
}
.tra-tab {
    margin-bottom: 10px;
}
.tra-tab th span {
    display: block;
    color: var(--color-text-base);
}
.detail-table .table > tbody > tr > th,
.red-tab .table > tbody > tr > th,
.tra-tab .table > tbody > tr > td {
    border-right: 1px solid #fff;
}
.available-text {
    font-style: italic;
    font-size: var(--size-font-one);
    color: var(--color-text-base);
    padding: 0 10px 23px 20px;
}
.red-tab .table > tbody > tr > td,
.red-tab .table > tbody > tr > th {
    padding: 8px;
}
.click-link {
    font-size: var(--size-font-one);
}
.red-tab .table > tbody > tr > td:first-child,
.red-tab .table > tbody > tr > th:first-child {
    width: 35%;
}
.red-tab .table > tbody > tr > th:first-child span {
    display: inline;
}
.detail-table table {
    text-align: center;
}
.right-tab-col {
    padding: 0;
}
.sum-box {
    padding: 20px;
}
.forgot-wrap.login-form,
.result-wrap {
    padding: 0;
}
.sum-btn-wrap input.btn[type="button"] {
    float: left;
    margin: 0 10px 0 0;
    padding:10px;
}
.sum-box div.select-style,
.sum-box input[type="text"] {
    margin-: 0 0 20px;
}
.captcha-sec > img {
    float: left;
    margin-right: 10px;
}
.captcha-sec > input[type="text"] {
    float: left;
    margin: 10px 0 0;
    width: 57%;
}
.login-form ul li.captcha-sec {
    display: inline-block;
    width: 100%;
}
.search-wrap h1 {
    text-align: center;
    margin: 0 0 20px;
}
.select-hover,
.travel-select > a {
    position: relative;
}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--color-text-base);
    width: 50px;
    margin: 0 auto 20px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.path-info {
    margin: 0;
}
.path-info li {
    margin: 0 0 10px;
    text-align: center;
}
.result.tab-content > div {
    background: 0 0;
}
.search-item.modifysearchform li,
.search-item.modifysearchform li:last-child {
    padding: 0 5px;
    width: 100%;
}
.travel-select,
.travel-select > a {
    margin: 0;
    height: 30px;
    display: block;
}
.select-hover,
.travel-select > a {
    padding: 2px 10px;
    color: #5d5d5d;
    line-height: 193%;
    border-radius: 7px;
}
.select-hover {
    display: block;
    background: #eee;
    padding: 0 10px;
    top: -1px;
    width: 100%;
    z-index: 0;
}
.drop-down {
    display: none;
    min-height: 50px;
    background: #eee;
    padding: 15px 0 5px;
}
.search-item.modifysearchform .select-hover li {
    float: none;
    width: 100%;
    list-style: none;
    padding: 0;
}
.search-item.modifysearchform .select-hover li .select-style {
    border: 1px solid silver;
}
.travel-select {
    width: 100%;
    float: left;
}
.travel-select > a > span {
    position: absolute;
    right: -3px;
    top: 0;
}
.travel-select.first {
    margin: 0 0 20px;
    border-radius: 7px;
    position: relative;
    z-index: 1;
}
.travel-select ul li {
    margin: 0 0 10px;
}
.tab-menu li a > span {
    border-radius: 50%;
    display: block;
    float: left;
    height: 22px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 22px;
    color: var(--color-primitive-white);
    line-height: 21px;
}
.filtersec {
    background: 0 0;
    margin: 0 0 10px;
    padding: 0 10px 10px;
}
.sep-sec {
    background: #eee;
    height: 8px;
    margin: 0 -15px 16px;
}
.search-heading,
.tb-wrap {
    background: #fff;
}
.sep-sec.sp {
    margin: 0 -10px 16px;
}
.search-heading {
    text-align: center;
}
.search-heading td,
.search-heading th {
    width: 20%;
    text-align: center;
}
.search-heading td > p,
.search-heading td > small,
.search-heading td > span,
.search-heading td > strong {
    display: block;
    text-align: center;
}
.search-heading td > strong {
    font-size: 15px;
    color: var(--color-text-base);
}
.search-heading td {
    vertical-align: middle;
}
.search-heading td > p {
    margin: 0;
    font-size: 11px;
}
.search-heading td > small {
    color: #637185;
}

.table > tbody > tr > th {
    color: var(--color-text-base);
}
.search-heading td > strong.points {
    font-size: 18px;
}
.btn.ave,
.btn.ave:hover {
    color: var(--color-text-base);
    background: 0 0 !important;
    display: inline-block;
}
.search-heading input.btn[type="button"] {
    float: none;
    font-size: 10px;
    margin: 0 auto;
    padding: 5px 9px;
}
.travel-select li label {
    font-size: var(--size-font-one);
}
.left-col,
.right-col {
    padding: 0;
    border-radius: 4px;
    background: #fff;
}
.col-sm-3.left-col {
    margin-right: 10px;
    max-width: 24%;
}
.col-sm-9.right-col {
    margin-left: 10px;
    max-width: 74%;
}
input.modify-ser[type="button"] {
    float: none;
}
.search-item.modifysearchform li.modify-ser {
    padding: 20px 5px 0;
}
.btn.ave {
    margin: 0 0 0 6px;
    padding: 0;
    background: 0 0;
    text-align: center;
    cursor: default;

    font-family: 'bliss2';
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-font-web-htwo);
    line-height: 34px;
    /* identical to box height, or 94% */

    text-align: center;
    letter-spacing: 0.0038em;
    color: var(--color-text-base);  
}
.aveb h4 {
    text-align: center;
}
#nav22 select {
    font-size: var(--size-font-one);
    padding: 2px 13px 5px 5px;
    text-overflow: ellipsis;
}
.range-wrap.aveb i {
    width: 81px;
    height: 81px;
    margin: 0 auto 11px;
    display: block;
}
#loader-pop,
#loader-pop1,
.trip-summary li a {
    display: inline-block;
}
.login-content.search-wrap#loader {
    margin: 0 auto 20px;
    border-radius: var(--size-radius-medium);
}
.right-col.review {
    margin-bottom: 30px;
}
.right-col.review > div {
    padding: 20px 10px 1px;
    background: #fff;
    border-radius: 15px;
}
.trip-summary {
    margin: 0;
    padding: 0;
}
.trip-summary li {
    padding: 0px 0 0;
    border-bottom: 1px dashed #d2d2d2;
}
.myaccount-wrap .trip-summary li{
    /*padding-bottom: 14px;*/
}
.trip-summary li a {
    padding: 5px 0;
    line-height: 22px;
    color: var(--color-text-base);
}
.trip-summary li:last-child {
    border-bottom: none;
}
.trip-summary li span,
.trip-summary li strong {
    float: left;
    font-family: 'bliss2';
    font-style: normal;
    font-weight: 400;
    font-size: var(--size-font-web-body);
    line-height: 22px;
    /* identical to box height, or 138% */

    letter-spacing: -0.0043em;

    color: var(--color-text-base);


}
.trip-summary li strong {
    width: 55%;
}
.trip-summary li span {
    width: 45%;
}
.modal-content {
    border-radius: 0;
    background: #fff;
    border: 5px solid #f9f9fd;
    padding: 1px 0;
    border-radius: var(--size-radius-medium);
}

#exampleModal .modal-content{
    padding: 10px 10px 0;
}

.hoterl-pop .close,
.modal-content .close {
    width: 20px;
    height: 20px;
    border-radius: 0;
    position: absolute;
    top: 0;
    color: var(--color-text-base);
    right: 2px;
    opacity: 1;
    z-index: 10;
}
#overlay_form,
.pop-up {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom:0;
}
#overlay_form {
    background: #fff;
    border: 10px solid #fff;
    border-radius: 0;
    padding: 15px;
    bottom: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    height: 190px;
    margin: auto;
    right: 0;
    width: 270px;
    border-radius: 4px;
    display: none;
    z-index: 9999;
}
.pop-up {
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0.8;
    display: none;
    height: 100%;
}
#loadingHotelDetail #myModal .gr-hotel li,
#loadingHotelDetail #myModal .gr-hotel li:last-child {
    float: none;
    width: 100%;
}
.d-f-b {
    margin: 0;
    display: inline-block;
    width: 100%;
}
.d-f-b li {
    float: left;
    margin: 0 7px 0 0;
    width: 31%;
}
.d-f-b li:last-child {
    float: right;
    margin: 0;
}
.d-f-b select.form-control {
    padding: 2px 4px;
}
.search-heading.result {
    border: 0;
}
.range-wrap > div.btn-wrap {
    overflow: hidden;
    max-width: 100%;
}
.btn-wrap input.btn[type="button"] {
    float: left;
    margin: 10px 15px 10px 0;
    border-radius: 8px;
    width: 46%;
    min-width: auto;
    text-transform: capitalize;
}
.hotel-info,
.rating {
    width: 100%;
    text-align: center;
}
.btn-wrap input.btn[type="button"]:last-child {
    margin-right: 0;
    float: right;
}
.stra.glyphicon-star {
    font-size: var(--size-font-web-body);
    position: relative;
    top: 4px;
}
.hotel-detail-wrap {
    border-bottom: 1px solid #ccc;
    margin: 0 0 22px;
    background: #fff;
    padding: 10px;
}
.hotel-info {
    margin: 0 0 15px;
}
.hotel-info h3 {
    margin: 0 0 10px;
    color: var(--color-text-base);
}
.hotel-info > small {
    display: block;
    font-size: 13px;
    margin: 0 0 5px;
}
.rating,
.rating li {
    display: inline-block;
}
.rating {
    margin: 0 0 5px;
}
.rating li {
    margin: 0 10px 0 0;
}
.rating li span {
    font-size: var(--size-font-web-body);
}
.glyphicon.glyphicon-star.gry {
    color: #e7e9f6;
}
.hotel-info > strong {
    display: block;
    font-size: var(--size-font-two);
    margin: 0 0 10px;
}
.hotel-btn {
    margin: 0 auto;
    width: 150px;
}
.hotel-btn a,
.hotel-btn span,
.hotel-btn strong {
    display: block;
    text-align: center;
    margin: 0 0 8px;
}
.hotel-btn span {
    font-size: var(--size-font-two);
    color: var(--color-text-base);
}
.hotel-btn strong {
    font-size: var(--size-font-web-hfour);
}
.hotel-detail-wrap figure {
    margin: 0 auto 15px;
    width: 150px;
    text-align: center;
}
.hoterl-pop .modal-body {
    margin: 10px 0;
    color: var(--color-primitive-white);
}
.hoterl-pop .nav > li.active a {
    color: var(--color-primitive-white);
    opacity: 1;
    border: 0;
}
.hoterl-pop .nav > li a {
    border: 0;
}
.hoterl-pop .nav > li:before {
    display: none;
}
.hoterl-pop .tab-content h3 {
    padding: 15px 0;
    margin: 10px 0;
}
.gr-hotel {
    border-bottom: 1px solid #ececec;
    padding: 0 10px;
    margin: 0 -10px 15px;
}
.gr-hotel li:last-child {
    text-align: left;
}
.gr-hotel li strong {
    display: block;
    margin: 0 0 8px;
    font-size: 15px;
}
.gr-hotel li strong > span {
    display: inline-block;
    padding: 0 0 0 0px;
    font-size: var(--size-font-two);
    font-weight: 400;
    font-family: bliss2;
}
#myModal1 p,
.btn.text-style,
.choose-currency label,
.choose-currency table th,
.item.homes > div p,
.table.logo-td > tbody > tr > td strong,
.table.logo-td > tbody > tr > th,
ul.listed li strong {
    font-weight: 700;
}
.card-sec h3,
.innerpad h3,
.innerpad p strong,
.right-co > div > div h3 {
    font-family: bliss2;
    font-weight:500;
}
.gr-hotel li:last-child strong {
    font-size: var(--size-font-web-hfour);
}
.gr-hotel li:last-child span {
    display: block;
    margin: 0 0 10px;
}
.gr-hotel li:last-child a.btn {
    width: 100px;
    margin: 0 auto;
}
.hoterl-pop .tab-content > div {
    height: 300px;
    min-height: 218px;
    overflow-y: scroll;
    padding: 15px 10px;
}
.address-wrap,
.booking-btn-wrap,
.bootstrap-select.btn-group .btn .filter-option,
.bootstrap-select.btn-group .div-contain,
.contact-wrap ul,
.delivery-address li:last-child,
.form-col,
.list,
.popup-icon,
.range-wrap.aveb.ffp-avi,
.range-wrap.aveb.ffp-avi > div,
.rewards-head,
.rstpsubmit .btn-wrap,
body.product-wrap {
    overflow: hidden;
}
.modal .owl-controls {
    margin: 0;
}
#sync1 .item,
#sync2 .item {
    margin: 5px;
    color: var(--color-primitive-white);
    text-align: center;
}
#sync1 .item {
    padding: 80px 0;
}
#sync2 .item {
    background: #c9c9c9;
    padding: 10px 0;
    cursor: pointer;
}
#sync2 .owl-item {
    width: 60px;
    height: 60px;
}
#sync2 .item h1 {
    font-size: 18px;
}
.address-wrap {
    background: #fff;
    width: 100%;
    margin: -72px auto 50px;
    max-width: 400px;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
}
.delivery-address {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}
.booking-btn-wrap a.btn {
    float: left;
    width: 48%;
}
.booking-btn-wrap a.btn:last-child {
    float: right;
}
.error-box {
    max-width: 477px;
    width: 100%;
    padding: 20px;
    background: #fff;
    margin: 0 auto 20px;
    border-radius: 4px;
    text-align: center;
}
.error-box h2 {
    margin: 0 0 20px;
    text-transform: none;
}
.error-box > span {
    display: block;
    margin: 0 0 10px;
}
.error-box > span a {
    display: inline-block;
}
#purchasepoint {
    padding: 10px;
}
.innerpad h3 {
    text-align: left;
    padding-top: 10px;
    font-weight: 500;
    font-size: var(--size-font-web-body);
    margin: 0 0 28px;
    color: var(--color-text-base);
}
#accordion .panel,
#accordion1 .panel,
#accordion2 .panel,
#accordion3 .panel,
#accordion4 .panel,
#accordion5 .panel {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}
.shop-page #accordion .panel{
    border:0;
}


.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #aeaeae;
}
#accordion #headingOne,
#accordion1 #headingOne,
#accordion2 #headingOne,
#accordion3 #headingOne,
#accordion4 #headingOne,
#accordion5 #headingOne {
    border: none;
    background: 0 0;
    border-radius: 0;
}
#accordion h4.panel-title a,
#accordion1 h4.panel-title a,
#accordion2 h4.panel-title a,
#accordion3 h4.panel-title a,
#accordion4 h4.panel-title a,
#accordion5 h4.panel-title a {
    color: var(--color-text-base);
    font-size: var(--size-font-web-body);
    text-transform: none;
    display: block;
    padding: 18px 0;
}
#accordion.cate h4.panel-title a {
    padding: 1px 0 18px;
}
#accordion .panel-collapse[aria-expanded="true"] .panel-body,
#accordion1 .panel-collapse[aria-expanded="true"] .panel-body,
#accordion2 .panel-collapse[aria-expanded="true"] .panel-body,
#accordion3 .panel-collapse[aria-expanded="true"] .panel-body,
#accordion4 .panel-collapse[aria-expanded="true"] .panel-body,
#accordion5 .panel-collapse[aria-expanded="true"] .panel-body {
    border: none;
    padding-top: 0;
}
.panel-body {
    padding: 15px 0;
    font-size: var(--size-font-two);
    line-height: 137%;
}
.panel-default > .panel-heading {
    background: 0 0;
    padding: 0;
}
.panel-group .panel + .panel {
    margin: 0;
}
#accordion #headingOne.true h4.panel-title a[aria-expanded="false"],
#accordion #headingOne1.true h4.panel-title a[aria-expanded="false"],
#accordion h4.panel-title a[aria-expanded="true"],
#accordion1 h4.panel-title a[aria-expanded="true"],
#accordion2 h4.panel-title a[aria-expanded="true"],
#accordion3 h4.panel-title a[aria-expanded="true"],
#accordion4 h4.panel-title a[aria-expanded="true"],
#accordion5 h4.panel-title a[aria-expanded="true"] {
    background: url(../images/web-portal/min-img.png) 99% 18px no-repeat;
}
#accordion #headingOne1.true.panel-heading {
    border-color: transparent;
}
#accordion h4.panel-title a[aria-expanded="false"],
#accordion1 h4.panel-title a[aria-expanded="false"],
#accordion2 h4.panel-title a[aria-expanded="false"],
#accordion3 h4.panel-title a[aria-expanded="false"],
#accordion4 h4.panel-title a[aria-expanded="false"],
#accordion5 h4.panel-title a[aria-expanded="false"] {
    background: url(../images/web-portal/max-img.png) 99% 18px no-repeat;
}
.contact-wrap {
    max-width: 300px;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
}
.contact-wrap > div {
    text-align: center;
}
.contact-wrap h6 {
    color: var(--color-text-base);
    font-size: 15px;
    font-weight: 700;
    margin: 14px 0;
}
.contact-wrap h6 a {
    color: var(--color-text-base);
}
.contact-wrap h2 {
    text-transform: none;
}
.contact-wrap > div a {
    color: var(--color-text-base);
}
.contact-wrap h2 {
    font-size: var(--size-font-two);
    font-weight: 700;
    margin: 15px;
}
.for-error .error {
    position: static;
}
.social-wrap {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.social-wrap .social {
    margin: 0;
    display: block;
    float: none;
}
.social-wrap .social li {
    float: none;
}
.error.myacc {
    position: initial;
}
.banner-sec.red {
    text-align: left;
    position: relative;
    margin: 0 0 30px;
}
.left-co,
.right-co {
    text-align: center;
}
.rewards-head {
    height: 214px;
    margin: 0 0 20px;
}
.slider-con-rew {
    margin: -47px auto 0;
    max-width: 1024px;
    width: 100%;
    height: 100%;
    position: relative;
}
.slider-con-rew h1 {
    padding: 20px 14px 10px;
    background: #fff;
    margin: 0;
}
.slider-con-rew > div {
    background: #fff;
    height: 100.15%;
    width: 100%;
    padding: 18px 19px;
}
.slider-con-rew > div h2,
.slider-con-rew > div li,
.slider-con-rew > div p {
    color: var(--color-text-base);
}
.left-co .link:focus,
.left-co .link:hover,
.left-co h2,
.left-co p,
.link,
.right-co h2,
.right-co h3 {
    color: var(--color-primitive-white);
}
.slider-con-rew > div h2 {
    margin: 0 0 29px;
    font-size: 18px;
}
.slider-con-rew > div p {
    margin: 0 0 16px;
    font-size: var(--size-font-one);
}
.slider-con-rew > div ul {
    margin: 0 0 0 14px;
}
.slider-con-rew > div li {
    list-style: none;
    margin: 0 0 5px;
    font-size: var(--size-font-one);
}
.redemption-sec {
    position: relative;
    background: url(../images/web-portal/Untitled-2.png) no-repeat;
    background-size: 100% 100%;
}
.redemption-sec > img {
    width: 100%;
    margin: 0;
}
.redemption-sec-con {
    margin: 0 auto;
    max-width: 1024px;
    padding: 19px 0 0;
}
.left-co ul li .link {
    width: 117px;
    text-align: center;
}
.left-co {
    padding: 0;
    position: relative;
    margin: 0 0 17px;
}
.left-co > i {
    margin: 0 auto 20px;
}
.left-co > i img {
    width: 38px;
}
.left-co h2 {
    margin: 0 0 16px;
    font-size: 18px;
}
.left-co p {
    font-size: var(--size-font-one);
    margin: 0 0 1px;
}
.link {
    margin: 20px auto;
    padding: 9px 19px;
}
.left-co .link {
    margin: 21px auto 20px;
}
.right-co > div > div {
    float: left;
    width: 50%;
    height: 321px;
    position: relative;
}
.right-co > div > div .link {
    right: 0;
    margin: 0 auto;
    width: 108px;
    position: absolute;
    bottom: 25px;
    left: 0;
}
.right-co > div > div i {
    margin: 0 auto 27px;
}
.right-co > div > div h3 {
    font-size: var(--size-font-one);
}
.right-co > div > div ul {
    text-align: left;
    margin: 0 0 20px 23px;
}
.right-co > div > div:last-child ul {
    margin: 0 0 38px 30px;
}
.right-co > div > div ul li {
    list-style: none;
    margin: 0 0 5px;
    color: var(--color-primitive-white);
    font-size: var(--size-font-one);
}
.bonus-sec {
    background: #fff;
    margin: 0 auto 21px;
    padding: 20px 0 2px;
}
.bonus-sec .contact-wrap {
    margin: 0;
}
.bonus-sec .contact-wrap li {
    width: 100%;
    list-style: none;
}
.bonus-sec h3 {
    font-size: var(--size-font-one);
    margin-bottom: 10px;
    text-align: left;
}
.bonus-sec p {
    margin: 0 0 8px;
    font-size: var(--size-font-one);
}
.bonus-sec .list-re {
    margin: 0 1px 0 14px;
}
.bonus-sec .list-re li {
    list-style: disc;
    margin: 0 0 21px;
    font-size: var(--size-font-two);
    line-height: 18px;
}
.card-sec a.link {
    position: inherit;
    margin: -6px 0 10px;
}
.innerpad h2 {
    margin: 30px 0 20px;
}
.rstpsubmit .btn-wrap .btn {
    float: left;
    margin: 0 10px 0 0;
    min-width: 46%;
}
.innerpad a {
    font-size: var(--size-font-two);
    text-decoration: underline;
}
.slider-con-rew a:focus,
.slider-con-rew a:hover {
    color: #c33;
}
.card-sec a:focus,
.card-sec a:hover {
    color: var(--color-primitive-white);
}
.slider-con-rew h2 small {
    color: var(--color-text-base);
}
.bonus-sec .card-sec {
    padding: 20px;
    text-align: center;
}
.bonus-sec .card-sec i {
    margin: 0 0 20px;
    display: block;
}
.bonus-sec .card-sec h3 {
    text-align: center;
}
.bonus-sec .card-sec ul {
    text-align: left;
    margin: 0 auto 20px;
    width: 100%;
}
.hide-error.hide-msg {
    display: none;
}
.modal-content .hide-error.hide-msg {
    display: block;
}
.card-sec h3 {
    text-transform: none;
    font-size: var(--size-font-web-hfour);
}
.card-sec li.list-re {
    font-size: var(--size-font-two);
    line-height: 18px;
    margin: 0 0 15px;
}
.table-responsive.tra-tab .table td:first-child,
.table-responsive.tra-tab .table th:first-child,
.tra-tab.aligM .table td:first-child,
.tra-tab.aligM .table th:first-child {
    text-align: left;
}
.popup-icon li,
.table-responsive.tra-tab .table td,
.table-responsive.tra-tab .table th,
.tra-tab.aligM .table td,
.tra-tab.aligM .table th {
    text-align: center;
}
.table-responsive.tra-tab .table td {
    text-align: left;
}
body.for-footer .footer-sec {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.forgot-links li:first-child::before {
    right: -2px;
}
.login-form ul li:first-child {
    margin: 0 0 23px;
    padding: 0 15px;
}
.btn-wr .btn {
    margin: 3px 5px 5px;
}
.review .search-heading .btn {
    width: 108px;
    margin: 0 auto;
    padding: 5px;
    background: var(--color-text-base);
    background: -moz-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: -webkit-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: linear-gradient(to right, var(--color-text-base) 0, var(--color-text-base) 100%);
    border-radius: 30px;
    line-height: 25px;
    text-transform: capitalize;
    color: var(--color-primitive-white);
}
.review .search-heading  button.btn.btn-primary.bookButton[disabled]{background: grey !important;}
.currecy-pop {
    margin: 0 0 20px;
}
.currecy-pop li {
    display: inline-block;
    width: 47%;
}
.currecy-pop li a,
.currecy-pop li a img {
    display: inline-block;
    width: 100%;
    border-radius: 4px;
}
#myModal1 .modal-dialog {
    margin: 30px auto;
    max-width: 426px;
    width: 92%;
}
.trip-summary li a.last-li-btn {
    margin: 20px auto;
    display: block;
    color: var(--color-primitive-white);
    width: 128px;
}
.logo-wrap {
    overflow: hidden;
}
.logo-wrap .logo,
.logo-wrap .right-logo {
    padding: 0;
}
.logo-wrap .logo {
    margin: 5px 0 20px;
}
.popup-icon {
    margin: 0 0 20px;
}
.popup-icon li {
    width: 25%;
    float: left;
    margin: 0;
}
.popup-icon li a,
.popup-icon li img {
    display: inline-block;
    padding: 0 1%;
}
.popup-icon li img {
    width: 54%;
}
.choose-currency label {
    line-height: 187%;
    margin: 0 0 15px;
    font-size: 17px;
    text-transform: capitalize;
}
.choose-currency input.btn[type="button"] {
    float: left;
}
.choose-currency .row.row-fields {
    margin: 0 0 50px;
}
.choose-currency table {
    display: table;
    width: 100%;
}
.choose-currency table td,
.choose-currency table th {
    vertical-align: middle !important;
    width: 25%;
    text-align: center;
    display: table-cell;
}
.guide-box,
.ptooltip1,
.ptooltip1 .tooltiptext ol li,
.tooltip1 .tooltiptext,
.tooltip1 .tooltiptext h3,
.tooltip1 .tooltiptext ol li {
    color: var(--color-primitive-white);
    text-align: left;
    text-transform: none;
}
.choose-currency select.form-control,
.choose-currency table td {
    font-size: var(--size-font-web-body);
}
.choose-currency table td input.btn[type="button"] {
    float: none;
    margin: 0 auto;
}
.choose-currency table th {
    color: var(--color-primitive-white);
    font-size: 17px;
}
.tb.table-responsive td {
    position: relative;
}
.tb.table-responsive td .tooltip1 {
    left: 140px;
    position: absolute;
    top: 12px;
}
.ptooltip1-wrap,
.row-fields label .tooltip1 {
    left: 109px;
    position: absolute;
    top: -3px;
}
.tb.table-responsive td.toll .tooltip1 {
    left: 197px;
}
.guide-box,
.ptooltip1,
.tooltip1 .tooltiptext {
    background-color: var(--color-primitive-white);
    border: 4px solid;
    left: -98px;
    padding: 20px 10px 0;
    position: absolute;
    top: 26px;
    box-shadow: 1px 3px 8px #717171;
    display: none;
    width: 257px;
    z-index: 1;
}
.tooltiptext.ptooltip1 {
    left: -98px;
}
.guide-box {
    left: 7px;
    width: 237px;
}
.guide-box ol.check-mark li {
    padding: 0;
    margin: 0 0 10px;
    font-style: normal;
    list-style: disc;
}
.guide-link {
    font-style: italic;
    position: relative;
}
.guide-link button.btn.info-icon-wrp {
    color: var(--color-text-base);
}
.glyphicon-info-sign::before {
    font-size: 13px;
}
.guide-box:after,
.ptooltip1-wrap .tooltiptext:after,
.tooltip1 .tooltiptext:after {
    border-color: transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 40%;
    margin-left: -5px;
    position: absolute;
    top: -14px;
}
.guide-box:after {
    left: 50%;
}
#confirmation .col-sm-3,
.about-page.innerpad h3,
.about-page.innerpad h3 span,
.hide-sec,
.miles-page .grid-list p,
.miles-page .item-list.details-para figure {
    text-align: center;
}
.exp-text {
    color: #666;
    font-size: var(--size-font-one);
    display: block;
    margin: 0 0 10px;
}
.miles-page .partners-wrap h2 {
    margin: 0 0 14px;
}
.range-wrap.aveb.ffp-avi h4 {
    float: left;
    margin: 0 0 15px;
    padding: 18px 0 0;
}
.range-wrap.aveb.ffp-avi > div {
    float: left;
    margin: 0;
    padding: 0;
    width: 206px;
}
.range-wrap.aveb.ffp-avi .gift-icon {
    float: left;
    width: 20%;
}
.range-wrap.aveb.ffp-avi .btn.ave {
    float: left;
    padding: 14px 20px 20px;
    font-weight: 700;
    width: 80%;
    margin: 0 0 12px;
}
.range-wrap.aveb.ffp-avi .gift-icon img {
    width: 52px;
}
input.sub-btn[type="submit"] {
    margin: 10px auto 31px;
    min-width: 100px;
}
.loginerror {
    margin: -10px 0 10px;
}
.hide-sec {
    display: none;
    padding: 0 0 15px;
}
.border-white,
.cutout-wrap .navbar-toggle,
.cutout-wrap.block,
.hide-sec.active1,
.prosn {
    display: block;
}
.cutout-wrap {
    background: url(../images/web-portal/web-portal/blue-bg.png);
    position: fixed;
    top: -24%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}
.cutout-wrap .range-wrap.aveb {
    bottom: 0;
    height: 265px;
    left: 0;
    margin: auto;
    padding: 32px;
    position: fixed;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 345px;
    border: none;
}
.cutout-wrap .toggle-menu.open-menu .icon-bar.bar-1,
.cutout-wrap .toggle-menu.open-menu .icon-bar.bar-3 {
    box-shadow: 0 3px 3px #1a1a1a;
}
.border-white {
    height: 2px;
    background: #fff;
    margin: 20px 0;
}
.cutout-wrap .range-wrap.aveb i {
    height: 86px;
    width: 78px;
}
.cutout-wrap h4 {
    font-size: 26px;
}
.cutout-wrap .btn.ave {
    font-size: 38px;
}
.cutout-wrap .toggle-menu {
    left: auto;
    opacity: 1;
    position: fixed;
    right: 72px;
    top: 39px;
    z-index: 999999;
}
.item.homes,
.partners-wrap {
    position: relative;
}
.miles-page .grid-list aside a.btn {
    float: none;
    margin: 11px auto;
    color: var(--color-primitive-white);
}
.miles-page .grid-list {
    height: 261px;
}
.miles-page .item-list.details-para > div > div {
    width: 100%;
}
.range-wrap.aveb.ffp-avi {
    margin: 0 0 10px;
}
.myaccount-wrap .range-wrap {
    border: none;
    margin: 0;
}
.myaccount-wrap .range-wrap figure {
    padding: 14px;
}
.left-col.add .myaccount-wrap .range-wrap {
    margin: 0 -22px;
}
.left-col.add .myaccount-wrap .range-wrap h4 {
    margin: 0 -7px 12px;
}
.miles-page .item-list.details-para figure {
    padding: 50px 0;
}
.miles-page .item-list.details-para figure img {
    max-width: 300px;
    width: 100%;
}
.miles-error.error {
    position: relative;
    bottom: 0;
    margin: 0 0 15px;
}
.miles-page .grid-list div > div {
    height: 49px;
}
.miles-page label {
    font-size: var(--size-font-two);
}
.miles-page h6 {
    font-size: var(--size-font-web-body);
}
.panel-body .error {
    bottom: -19px;
}
.prosn {
    text-transform: capitalize;
    font-size: 22px;
    margin: 0 0 26px;
    color: #5d5d5d;
}
.add-line h2,
.btn.text-style {
    display: inline-block;
    text-transform: capitalize;
}
.tol label .tooltip1 {
    left: 68px;
    z-index: 11;
}
.tol .tooltip1 .tooltiptext {
    left: -122px;
}
.tol .tooltip1 .tooltiptext:after {
    left: 50%;
}
.btn.text-style {
    background: 0 0;
    margin: 0;
    line-height: 100%;
    border-radius: 0;
    font-size: var(--size-font-two);
    width: auto;
    padding: 0;
}
.container.inner-content.mm,
.guide-box,
.style-text {
    background: #fff;
}
.right-head.pes h2 {
    clear: both;
}
.right-head.pes #accordion .panel-collapse[aria-expanded="false"] .panel-body {
    border-bottom: 1px solid #eee;
    padding-top: 40px;
}
.txtred {
    color: red;
}
input.btn[type="button"].green_back {
    margin: 0;
    float: left;
}
#confirmation,
#purchasepoint {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
}
#confirmation button.btn {
    float: none;
    margin: 0 auto;
    display: inline-block;
}
.add-line h2 {
    margin: 0 15px 0 0;
    font-size: 15px;
    width: 99px;
}
.add-line {
    margin: 0 0 15px;
}
.tb.table-responsive td .tooltip1.ll {
    left: 114px;
}
.tooltip1.ll .tooltiptext.div5 {
    left: -104px;
}
.tooltip1.ll .tooltiptext::after {
    left: 42%;
}
.about-page.innerpad h3 > span {
    display: block;
    margin: 9px auto;
}
.table.logo-td > tbody > tr > td,
.table.logo-td > tbody > tr > th {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #eee;
}
.form-col {
    margin: 0;
}
.form-col li {
    width: 49%;
    float: left;
    margin: 0;
}
.form-col li:last-child {
    float: right;
}
ul.listing li ul {
    padding: 0 0 0 24px;
}
ul.listed li {
    margin: 0 0 15px 21px;
}
.table.shopp.logo-td > tbody > tr > td,
.table.shopp.logo-td > tbody > tr > th {
    width: 33.33%;
}
ul.listing li q {
    display: inline;
    font-style: normal;
}
.caseback,
.currecy-sec,
.range-wrap.home-miles.top-ab {
    display: inline-block;
}
ul.listing li q:before {
    content: open-quote;
}
ul.listing li q:after {
    content: close-quote;
}
.item.homes > div {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.item.homes > div p {
    padding: 11% 0 0;
    font-size: 48px;
    color: var(--color-primitive-white);
    line-height: 136%;
}
.style-text {
    text-align: left;
}
.item.homes img {
    width: 100%;
}
.jump-remove {
    min-height: 160px;
}
.style-text #accordion h4.panel-title a {
    padding: 18px 36px 18px 0;
    line-height: 140%;
    text-decoration: inherit;
}
#myModal-two .modal-dialog {
    width: 344px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 168px;
}
#myModal-two .modal-body {
    padding: 20px 0;
    line-height: 135%;
}
.caseback {
    margin: 0;
    padding: 0;
}
.navbar-nav > li.curey-li {
    padding: 40px 6px 37px;
}
.range-wrap.home-miles.top-ab {
    left: -546px;
    position: absolute;
    top: 40px;
    width: 146px;
}
.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"] {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
}
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-search .bootstrap-select.btn-group {
    margin-bottom: 0;
}
.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
    float: right;
}
.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}
.bootstrap-select:not([class*="span"]) {
    width: 140px;
    margin: 0;
}
.bootstrap-select > .btn {
    width: 100%;
    padding: 0;
    font-size: var(--size-font-two);
}
.bootstrap-select > .btn:active,
.bootstrap-select > .btn:focus,
.bootstrap-select > .btn:hover {
    background: 0 0;
    box-shadow: none;
}
.bootstrap-select.show-menu-arrow.open > .btn {
    z-index: 1001;
}
.bootstrap-select .btn:focus {
    outline-offset: -2px;
    background: 0 0;
}
.bootstrap-select.btn-group .btn .filter-option {
    position: absolute;
    left: 12px;
    right: 25px;
    text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    right: 12px;
}
.bootstrap-select.btn-group .dropdown-menu {
    margin: 0;
    padding: 0;
    min-width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu li:first-child a::before,
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    background: 0 0;
}
.bootstrap-select.btn-group .dropdown-menu li:nth-child(2) a:before {
    background: url(../images/web-portal/sprite.png) -132px -216px no-repeat;
    height: 15px;
    left: 5px;
    top: 14px;
    width: 25px;
}
.bootstrap-select.btn-group .dropdown-menu li:nth-child(3) a:before {
    background: url(../images/web-portal/sprite.png) -95px -216px no-repeat;
    height: 15px;
    left: 5px;
    top: 13px;
    width: 25px;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled > a,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
    outline: 0 !important;
}
.bootstrap-select.btn-group[class*="span"] .btn {
    width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
}
.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default;
}
.bootstrap-select.btn-group .dropdown-menu li {
    margin: 0;
    position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li > a.opt {
    padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li > a {
    min-height: 20px;
    cursor: pointer;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 2.5px;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small {
    color: #64b1d8;
    color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li > dt small {
    font-weight: 400;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}
.cury-link,
.cury-link li {
    position: relative;
    list-style: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before {
    display: block;
}
.btn-group,
.btn-group.open .dropdown-toggle {
    border-radius: 0;
    box-shadow: none;
}
.cury-link {
    border: 2px solid #60533e;
    border-radius: 4px;
    float: left;
    margin: 31px 0 0;
    text-indent: 3px;
    width: 206px;
}
.cury-link li {
    margin: 0;
}
.cury-link li > a {
    font-size: var(--size-font-two);
    padding: 8px 6px;
    text-transform: uppercase;
}
.cury-link ul {
    display: none;
    text-indent: 0;
}
.cury-link ul > li > a {
    padding: 10px 10px 10px 39px;
}
.list-group {
    list-style: disc;
    margin: 0 0 0 44px;
}
.hoterl-pop.summary .tab-content > div#conditions,
.hoterl-pop.summary .tab-content > div#partner,
.hoterl-pop.summary .tab-content > div#remember,
.hoterl-pop.summary .tab-content > div#voucher {
    padding: 20px 24px;
}
.btn.otl-link {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    margin: 0;
    color: var(--color-text-base) !important;
    text-transform: none;
}
.login-content input[type="submit"].btn.otl-link:hover {
    background: 0 0 !important;
}
.pre-fix {
    background: #eee;
    border-radius: 4px;
    padding: 0 0 0 15px;
    color: #5d5d5d;
    font-size: var(--size-font-two);
    font-family: bliss2;
    font-weight:500;
}
#welcome-emailer .modal-dialog {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 425px;
    position: absolute;
}
#welcome-emailer ul {
    text-align: center;
}
#welcome-emailer ul li {
    border-bottom: 1px solid #eee;
}
#welcome-emailer ul li figure {
    display: inline-block;
    width: 20%;
    margin: 0 20px 20px 0;
}
.link-op a {
    font-size: var(--size-font-two);
    font-weight: 700;
}
#welcome-emailer ul li span {
    text-align: left;
    display: inline-block;
    width: 69%;
}
.earn-cash {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.item-list.details-para > div > div p span {
    color: var(--color-text-base);
}
.item-list.details-para h6 {
    margin: 0 0 15px;
    font-weight: 400;
    font-size: var(--size-font-web-body);
    padding-top: 12px;
}
.item-list.details-para h6 span {
    display: inline-block;
    text-transform: none;
    line-height: 125%;
    padding-bottom: 4px;
    font-size: var(--size-font-two);
}

.item-list.details-para ul{
    border-bottom: 1px solid #e0e7ef;
}

.shop-page .item-list.details-para ul{
    border-bottom: 0px solid #e0e7ef;
}

.simple-pagination ul {
    text-align: center;
}
.simple-pagination li {
    display: inline-block;
    float: none;
}
.light-theme span {
    cursor: pointer;
}
.light-theme a,
.light-theme span {
    background: -webkit-linear-gradient(top, #fff 0, #f1f2f9 100%);
    color: var(--color-text-base);
    border: 1px solid #f1f2f9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    float: left;
    font-size: var(--size-font-two);
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 4px;
}
.light-theme a:hover,
.light-theme li:not(.disabled):not(.active) span:hover {
    text-decoration: none;
    color: var(--color-primitive-white);
    background: var(--color-text-base);
}
.light-theme .current {
    color: var(--color-primitive-white);
    background: var(--color-text-base);
    border: 1px solid var(--color-text-base);
    box-shadow: 0 1px 0 #fff, 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
    font-size: var(--size-font-two);
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 4px;
}
span.current.prev , .light-theme .active .current{
    color: var(--color-primitive-white);
    background: var(--color-text-base);
    border: 1px solid var(--color-text-base);
    box-shadow: 0 1px 0 #fff, 0 0 2px rgba(0, 0, 0, 0.3) inset;

}


.light-theme .ellipse input {
    font-size: var(--size-font-two);
    line-height: 100%;
    padding: 2px;
    height: 24px;
}
.light-theme ul li input[type="number"] {
    background: #666;
    width: 50px;
    color: var(--color-primitive-white);
}
.right-col > div#showSearchResultFilterDiv {
    padding-bottom: 0;
    border-radius: 4px;
    padding-top: 0;
}
.right-col > div#showHotelFilterDiv .col-md-12.text-center,
.right-col > div#showSearchResultFilterDiv .col-md-12.text-center {
    margin: 0;
}
.right-col > div#showSearchResultFilterDiv .light-theme {
    margin: 15px 0 0;
}
.right-col > div#showHotelFilterDiv {
    margin-bottom: 0;
    padding-bottom: 50px;
}
.scrollToBottom,
.scrollToTop {
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
}
.scrollToBottom {
    bottom: inherit;
    top: 50px;
}
.scrollToBottom span,
.scrollToTop span {
    font-size: 46px;
}
.scrollToTop:hover {
    text-decoration: none;
}
.modifySearchBox.ms a.btn {
    min-width: 103px;
    float: left;
    margin: 0 0 0 10px;
}
.btn.cancel-btn {
    min-width: 103px;
    float: right;
    margin: 0 0 0 10px;
}
button.btn.info-icon-wrp {
    min-width: auto;
    padding: 0;
    background: 0 0;
    float: none;
    display: inline-block;
    position: absolute;
    top: -9px;
    text-align: justify;
    left: 69px;
}
button.btn.info-icon-wrp .info-icon {
    width: 13px;
    display: block;
    height: 12px;
    padding: 0;
    background: url(../images/web-portal/info.png) no-repeat;
    position: relative;
}
body.MyAccount .user-info-div .popup-img-wrap {
    text-align: center;
    margin: 0 auto 20px;
}
body.MyAccount .user-info-div .popup-img-wrap li {
    display: inline-block;
    width: 32%;
    margin: 0;
    vertical-align: middle;
    border: none;
}
body.MyAccount .user-info-div .popup-img-wrap li > div {
    width: 80px;
    height: 100px;
    border: 1px solid var(--color-text-base);
    margin: 0 auto;
    display: table;
}
body.MyAccount .user-info-div .popup-img-wrap li > div figure {
    width: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}
body.MyAccount .user-info-div .popup-img-wrap li > figure {
    max-width: 85%;
    width: 100%;
    margin: 0 auto;
}
body.MyAccount .user-info-div p > span {
    font-size: var(--size-font-web-hfour);
    font-weight: 700;
}
.btn.caseback1 {
    background: 0 0;
    font-size: 0;
}
.myaccount-wrap.mob-wrpa .trip-summary li:last-child span {
    padding: 10px 0 10px;
}
.home .footer-sec,
body.MyAccount .footer-sec {
    position: fixed;
    width: 100%;
    bottom: -7px;
    left: 0;
    z-index: 10;
}
.home .wrapper {
    min-height: 100%;
    height: 100% !important;
}
.home header {
    z-index: 999;
}
.home body.home {
    background: url(../images/banner/screenfour.jpg) no-repeat;
}
.span5 {
    width: 470px;
}
.homeBox h1,
.homeBox h1 small {
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--color-text-base);
    font-size: 25px;
    line-height: 38px;
    text-transform: capitalize;
    display: inline;
    padding: 5px 0;
}
.homeBox h1 small {
    display: block;
}
.homeBox p {
    color: var(--color-text-base);
}
.btn-primary {
    color: var(--color-primitive-white);
    background-color: #1771a2;
    font-size: 18px;
    padding: 10px 30px;
}
.homeBox {
    padding-top: 14%;
    position: relative;
    z-index: 10;

}
.bannerImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slider-blw-link,
.usernavBox {
    z-index: 100;
    position: fixed;
    bottom: 48px;
    left: 0;
    margin: 0;
    width: 100%;
}
.span5 .btn-primary {
    line-height: 1.1;
    max-width: 100px;
    background: var(--color-text-base);
    background: -moz-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: -webkit-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: linear-gradient(to right, var(--color-text-base) 0, var(--color-text-base) 100%);
    margin-top: 10px;
}
.slider-blw-link li,
.usernavBox li {
    display: block;
    margin: 0;
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}
.usernavBox li {
    width: 25%;
}
.usernavBox li a {
    border-radius: 0;
    border-top: 4px solid #302f2f;
    line-height: 95px;
    height: 78px;
    display: block;
    color: var(--color-text-base);
    text-transform: inherit;
    font-size: var(--size-font-web-body);
    background-color: var(--color-primitive-white);
}
.usernavBox li a span {
    width: 62px;
    height: 61px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -31px;
}
.usernavBox li a span {
    width: 48px;
    height: 48px;
    background: var(--color-brand-primary-three);
    border: 0px solid #009ee3;
    border-radius: var(--size-radius-small);
}
.usernavBox li a span i {
    font-size: 30px;
    color: var(--color-primitive-white);
    position: relative;
    top: -11px;
}
.usernavBox li a span i.fa-plane:before, .usernavBox li a span i.fa-building:before,
.usernavBox li a span i.fa-cart-arrow-down:before, .usernavBox li a span i.giftIcon:before{
    content: '';
    background: url(../images/web-portal/homePlane.svg) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -30px;
    left: -12px;
}
.usernavBox li a span i.fa-building:before{
    background-image: url(../images/web-portal/homeBuilding.svg);
}
.usernavBox li a span i.fa-cart-arrow-down:before{
    background-image: url(../images/web-portal/home_Shoppingbag.svg);
    left:-10px;
}
.usernavBox li a span i.giftIcon:before{
    background-image: url(../images/web-portal/homeGift.svg);
    left: 8px;
}

.usernavBox li.two a span i {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    top: -13px;
}
.usernavBox li.active a {
    background: var(--color-text-base);
    color: var(--color-primitive-white);
    border-color: #302f2f;
    width: 94%;
}

#home-page .usernavBox li.active a{
    width:100%;
}

.bannerImg img {
    width: 100%;
}
body.MyAccount {
    background-: url(../images/web-portal/my-profileBg.jpg) no-repeat;
}


body.MyAccount .wrapper {
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden;
}
body.MyAccount .container-col {
    height: 100%;
}
body.MyAccount .pagination {
    margin: 0;
}
body.MyAccount .myaccount-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: 0 0;
}
body.MyAccount .container.inner-content {
    margin: 0 auto;
    max-width: 100%;
}
body.MyAccount .container.inner-content {
    height: 100%;
    padding: 0;
}
body.MyAccount .tab-menu {
    text-align: center;
    padding: 0;
    width: 125px;
    overflow: auto;
    position: fixed;
    top: -17px;
    left: 0;
    z-index: 1;
    height: 100%;
    float: left;
    padding:100px 0 25px;
    background: #eee;
}
body.MyAccount .right-col {
    padding: 69px 0 0 125px;
    float: right;
    height: 100%;
    width: 100%;
}
body.MyAccount .tab-menu li {
    border-bottom: 0.5px dashed #e0e0e0;
    border-right: none;
    padding: 0;
    color: #bcbcbc;
    background-: #f1f2f9;
    width: 100%;
}

body.MyAccount .tab-menu li i {
    margin: 10px auto;
    position: relative;
    display: block;
    border-radius: 4px;
    width: 47px;
    line-height:36px;
    height: 47px;
    background: var(--color-brand-primary-three);
    border-radius: var(--size-radius-small);
}
body.MyAccount .tab-menu li.active {
    display: block !important;
    background: #eeeeee;
}
.myaccount-wrap .tab-menu li:hover a {
    color-: #fff;
}
body.MyAccount .tab-menu li:hover i span {
    color: var(--color-text-base);
}
body.MyAccount .tab-menu li.active i,
body.MyAccount .tab-menu li:hover i {
    background: #0075E0;
    border-radius: var(--size-radius-small);
}
body.MyAccount .myaccount-wrap .tab-menu li.active,
body.MyAccount .myaccount-wrap .tab-menu li:hover {
    background-: #009ee3;
    border-color: #e0e0e0;
    color: #0075E0!important;
}
body.MyAccount .myaccount-wrap .tab-menu li a {
    border-width: 0;
    font-size: var(--size-font-web-body);
    line-height: 130%;
    padding: 11px 10px;
    color: var(--color-text-base);
    font-family: 'bliss2';
}
body.MyAccount .myaccount-wrap .tab-menu li.active a { 
    font-family: 'bliss2';
    font-style: normal;
    font-weight: 400;
    font-size: var(--size-font-web-body);
    line-height-: 30px;
    text-align: center;
    letter-spacing: -0.0043em;
    color: #002b52;
}
body.MyAccount .tab-menu li:last-child {
    margin-bottom: 49px;
}
body.MyAccount .tab-menu li i span {
    font-size: var(--size-font-web-hfour);
    position: relative;
    top: 5px;
    color: var(--color-primitive-white);
}
body.MyAccount .myaccount-wrap .tab-menu li.active i span {
    color: var(--color-text-base);
}
body.MyAccount .tab-menu li i:before {
    position: absolute;
    top: 12px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(../images/web-portal/sprite.png) no-repeat;
    content: "";
    display: none;
}
body.MyAccount .tab-menu li:first-child i:before {
    background-position: -5px -395px;
    width: 18px;
    height: 19px;
}
body.MyAccount .tab-menu li:nth-child(2) i:before {
    background-position: -26px -395px;
    width: 16px;
    height: 20px;
}
body.MyAccount .tab-menu li:nth-child(3) i:before {
    background-position: -44px -395px;
    width: 21px;
    height: 21px;
}
body.MyAccount .tab-menu li:nth-child(4) i:before {
    background-position: -66px -395px;
    width: 19px;
    height: 21px;
}
body.MyAccount .tab-menu li:nth-child(5) i:before {
    background-position: -90px -395px;
    width: 19px;
    height: 21px;
}
body.MyAccount .tab-menu li:nth-child(6) i:before,
body.MyAccount .tab-menu li:nth-child(7) i:before {
    background-position: -114px -395px;
    width: 17px;
    height: 23px;
}
body.MyAccount .right-col > div.left-col {
    height: 100%;
    overflow: auto;
    border-radius: 20px;   
    padding:35px 10px;
    width: 243px;
    position: fixed;
    right: 0;
}
body.MyAccount .right-col > div.left-col .trip-summary {
    overflow: hidden;
    margin: 0 0 9px;
}
body.MyAccount .right-col > div.left-col .trip-summary li:first-child,
body.MyAccount .right-col > div.left-col .trip-summary li:last-child {
    width: 95%;
}
body.MyAccount .right-col > div.left-col .trip-summary li span {
    padding: 4px 0 0;
    word-wrap: break-word;
}
body.MyAccount .left-col > div {
    background: #FAFAFA;
    border-radius: 20px;
    padding: 21px 0px 15px 20px;
    height:100%;
}
body.MyAccount .left-col > div > a {
    margin: -6px 0 15px;
    display: block;
    width: 100%;
    font-family: 'bliss2';
    font-style: normal;
    font-weight: 400;
    font-size: var(--size-font-web-body);
    line-height: 22px;
    /* identical to box height, or 138% */
    letter-spacing: -0.0043em;
    color: var(--color-interaction);
}
body.MyAccount .left-col > div > .range-wrap h2 {
    font-family: 'bliss2';
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-font-web-hfour);
    line-height: 25px;
    /* identical to box height, or 125% */

    letter-spacing: -0.0045em;

    color: var(--color-text-base);

}
body.MyAccount .myaccount-wrap .tab-menu li:hover a {
    color: var(--color-text-base);
}
body.MyAccount .right-col > div {
    background: 0 0;
}
body.MyAccount .right-col > div {
    width: 100%;
    padding: 0 245px 0 0;
    height: 100%;
}
body.MyAccount .currecy-div,
body.MyAccount .user-info-div {
    position: fixed;
    bottom: 59px;
    right: 253px;
    background: #FAFAFA;
    padding: 20px;
    min-width: 195px;
    color: var(--color-text-base);
}
body.MyAccount .currecy-div .fig-pic {
    width: 67px;
    margin: 0 0 20px;
    float: right;
    text-align: center;
    color: var(--color-primitive-white);
    height:77px;
    overflow:hidden;
}
body.MyAccount .currecy-div .fig-pic img{
    width:100%;
    height:auto;
}
body.MyAccount .currecy-div .fig-pic figure {
    margin: 0 0 3px;
}
body.MyAccount .currecy-div .fig-pic a {
    color: var(--color-primitive-white);
}
body.MyAccount .currecy-div p.con-text {
    max-width: 300px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
    font-family: bliss2;
    font-size: var(--size-font-web-body);
}
body.MyAccount .currecy-div p.con-text span {
    display: block;
}
body.MyAccount .user-info-div {
    bottom: 51px;
    right: 253px;
    left: inherit;
    top: inherit;
    max-width: 300px;
    text-align: center;
    display: none;
}
body.MyAccount .tab-content,
body.MyAccount .tab-pane {
    height: 100%;
}
body.MyAccount .tab-pane {
    padding-top: 34px;
    padding-bottom: 60px;
    overflow: auto;
}
body.MyAccount .right-col > div span.ave {
    font-size: 75px;
    padding: 0;
    color-: #fff;
    text-align: left;
    display: block;
    margin: 0;
    line-height: 96%;
    height:48px;
}
.converted_val{    color: var(--color-text-base) !important; font-size: 22px;}

body.MyAccount .right-col > div span.crecy-name {
    text-align: right;
    display: block;
    margin: 18px 0 10px;
    font-size: var(--size-font-web-body);
}
body.MyAccount .right-col > div a.btn {
    width: 100%;
    background: var(--color-text-base);
    background: -moz-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: -webkit-linear-gradient(left, var(--color-text-base) 0, var(--color-text-base) 100%);
    background: linear-gradient(to right, var(--color-text-base) 0, var(--color-text-base) 100%);
}
body.MyAccount .right-col > div a.btn:hover {
    background: var(--color-text-base);
}
#namePrefixDiv {
    top: -2px;
}
.imglogo {
    padding: 7px 0 0 0;
    width: 101px;
}
body.MyAccount .right-tab-col.right-col > div.col-sm-9 {
    padding: 9px 239px 0 0;
}
body.MyAccount .tab-content > div h2 {
    font-size: var(--size-font-web-hfour);
}
body.MyAccount .table td,
body.MyAccount .tb.table-responsive td,
body.MyAccount .tb.table-responsive th {
    padding: 12px 20px;
    font-size: var(--size-font-one);
    border-bottom: 1px solid #ccc;
}
body.MyAccount .table {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}
body.MyAccount .table.table-border {
    border-bottom: 1px solid #ccc !important;
}
body.MyAccount .table.table-border td:last-child,
body.MyAccount .table.table-border th:last-child {
    border-right: 0 !important;
}
/*body.MyAccount .table tr:last-child td {
    border-bottom: 0;
}*/
body.MyAccount .table-responsive {
    padding: 0;
    border-radius: 4px;
    margin: 0 20px 70px;
}
body.MyAccount h1,
body.MyAccount h2 {
    text-transform: none;
}
body.MyAccount #expiry .tb.table-responsive.pro-tab th:last-child,
body.MyAccount .tb.table-responsive.pro-tab td:last-child {
    text-align: right;
}
body.MyAccount #expiry .tb.table-responsive.pro-tab th {
    border-right: none;
}
body.MyAccount #redemption .table tr th span {
    display: inline-block;
}
body.MyAccount #redemption .table td,
body.MyAccount #redemption .table th {
    text-align: center;
    width: auto;
}
body.MyAccount #redemption .table td:first-child {
    text-align: left;
}
.closePassn-wrap,
body.MyAccount .caseback {
    display: none;
}
body.MyAccount .top .log-btn {
    margin: 23px 2.5px 0;
}
.tab-menu.search-pg li a {
    cursor: initial;
}
.container.inner-content.flight-tab .tab-menu.search-pg li:hover a {
    color: var(--color-text-base) !important;
}
body.MyAccount #redemption .table th:first-child,
body.MyAccount .table-responsive.tra-tab .table th:first-child,
body.MyAccount .table > thead:first-child > tr:first-child > th {
    text-align: left;
}
body.MyAccount .trip-summary li strong {
    padding: 4px 0 0;
    color: var(--color-text-base);
}
.redeem-wrap input[type="button"].btn#suborder {
    margin-right: 0;
    float: left;
}
body.MyAccount #redemption .table td a {
    font-weight: 700;
}
body.MyAccount .addPassn {
    float: left;
}
body.MyAccount .closePassn {
    float: right;
}
body.MyAccount .addPassn,
body.MyAccount .closePassn {
    color: var(--color-primitive-white);
    max-width: 206px;
    width: auto;
}
body.MyAccount .passenSec {
    display: none;
}
.passenForm ul,
.passenForm > ul > li > ul > li .passenForm {
    width: 100%;
    display: inline-block;
}
.passenForm > ul {
    max-width: 670px;
    margin: 0 0 22px 0;
}
.passenForm > ul > li {
    float: left;
    width: 100%;
    position: relative;
}
.passenForm > ul .error {
    left: 0;
    position: absolute;
    bottom: -11px;
}
.passenForm > ul > li input[type="button"] {
    min-width: 102px;
}
.passenForm > ul > li > ul > li {
    display: inline-block;
    margin: 0;
    position: relative;
    width: 44%;
}
.passenForm > ul > li label i.fa-star {
    color: red;
    font-size: 5px;
    position: relative;
    top: -5px;
}
.passenForm > ul > li > ul > li:first-child {
    width: 70px;
}
.passengerTable .table td,
.passengerTable .table th {
    text-transform: capitalize;
    vertical-align: middle;
}
.passengerTable .table th {
    background: #fff;
}
.passengerTable .table td {
    border-right: none;
}
.passenForm > ul > li:nth-child(2) .select-style {
    width: 70px;
}
body.MyAccount .btnW {
    margin: 0 0 13px;
    overflow: hidden;
}
.addPassDetails {
    margin: 0 5px !important;
}
.centerError {
    margin: 0 0 10px;
    color: red;
}
#userUploadEmailer .modal-dialog {
    max-width: 400px;
    width: 100%;
    text-align: center;
}
#userUploadEmailer .file-input {
    margin: 0 0 10px;
}
#userUploadEmailer input[type="submit"] {
    margin: 4px 0 0 0;
    min-width: 100px;
    float: right;
    line-height: 16px;
    height: var(--size-button-height-base);
    line-height: 25px;
    font-family: bliss2;
}
.tabs1 a.btn.btn-primary{padding:10px;}

#userUploadEmailer p {
    font-size: var(--size-font-one);
    margin: 0 0 10px;
}
#userUploadEmailer .listed {
    margin: 0;
}
#userUploadEmailer .listed li {
    margin: 0 0 10px 0;
    font-size: var(--size-font-one);
    position: relative;
    display: inline-block;
}
#userUploadEmailer h2 {
    margin: 0 0 15px;
    font-size: 17px;
}
.addPassInfo {
    margin: 0 0 15px;
}
.listUseInfo {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}
.listUseInfo li {
    display: inline-block;
    margin: 0 3px 5px;
}
.listUseInfo li a,
.listUseInfo li a span {
    display: block;
}
.listUseInfo li a span {
    text-transform: capitalize;
}
#hotelPassengerInfo .modal-dialog,
.userPassengerInfo .modal-dialog {
    max-width: 400px;
    width: 100%;
}
#hotelPassengerInfo .modal-dialog h2,
.userPassengerInfo .modal-dialog h2 {
    margin: 0 0 20px;
}
.userPassengerInfo .modal-dialog {
    margin: 0 auto;
}
.logoSec {
    margin: 0 0 15px;
    display: inline-block;
    width: 100%;
}
.logoSec li:first-child {
    float: left;
    width: 150px;
    margin: 0 0 0 -17px;
}
.logoSec li:last-child {
    float: right;
    width: 125px;
    margin: 10px 0 0 0;
}
#activePopup .modal-dialog {
    max-width: 500px;
    text-align: center;
    height: 333px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}
#activePopup .modal-dialog h2 {
    margin: 0 0 20px;
}
#activePopup .modal-body {
    text-align: center;
}
#activePopup .btn {
    max-width: 150px;
    margin: 30px auto 0;
    display: block;
}
#activePopup .modal-body p {
    padding: 0 5%;
}
.logo-td tr:last-child td {
    font-weight: 700;
}
.mobilesec {
    background: #eee;
    height: 30px;
    position: relative;
    border-radius: 4px;
}
.mobilesec span {
    position: absolute;
    top: 6px;
    left: 20px;
    font-family: bliss2;
    color: #5d5d5d;
}
#mytravel .span5,
#online .span5 {
    float: right;
}
#online .btn {
    float: none;
    margin: 0 auto;
}
body.MyAccount #profile {
    background: 0 0;
}
body.MyAccount #myTable14 .table-striped {
    border-collapse: separate;
}
#errorPopup .modal-dialog {
    top: 0;
    right: 0;
    left: 0;
    max-width: 300px;
    width: 300px;
    height: 97px;
    bottom: 0;
    margin: auto;
    overflow-y: hidden;
    padding: 0 !important;
    position: absolute;
}
.myacc.passengerEr {
    position: relative;
    top: 8px;
    left: 20px;
}
#errorPopup .error {
    color: #60533e;
}
body.MyAccount #addressSec .passenSec {
    display: block;
}
.address-wrap.passenForm .error {
    bottom: 1px;
}
.passenForm.address-wrap > ul > li input[type="button"] {
    float: left;
}
.flight-book-form.changePass .error {
    bottom: inherit;
    top: 61px;
}
.login-form.forgot-wrap .error {
    bottom: inherit;
    clear: both;
}
.login-form.changePassSec ul li:first-child {
    padding: 0;
}
.login-form.changePassSec .error.myacc {
    position: relative;
    bottom: 17px;
}
.login-form.changePassSec .btn.cancel-btn {
    float: none;
    margin: 21px 0 0 10px;
}
.checkdiv {
    margin: -19px 0 20px 0;
}
body.MyAccount .tb.table-responsive td:first-child {
    color: var(--color-text-base);
    font-weight: 700;
}
body.MyAccount .tb.table-responsive td:last-child {
    color: var(--color-text-base);
}
body.MyAccount .table-striped tbody tr:nth-of-type(2n + 1) {
    background: #fff;
}
body.MyAccount .table-striped thead tr span,
body.MyAccount .tb.table-responsive th {
    color: var(--color-text-base);
    background-color: transparent;
}
body.MyAccount .tab-content > div h2 {
    color: var(--color-text-base);
}
.fas.fa-times-circle,
.glyphicon.glyphicon-play,
.glyphicon.glyphicon-star,
.glyphicon.stra.glyphicon-star {
    color: var(--color-text-base);
}
.travel-select > a {
    border-radius: 4px;
}
.innerpad #accordion .panel,
.right-head.pes #accordion .panel {
    background: #fff;
}
.S_icon {
    position: relative;
    top: -4px;
    width: 50px;
}
#timeFormate {
    margin: 28px 0 0;
    display: inline-block;
    padding: 6px 15px;
    font-weight: 700;
    position: relative;
    right: 3px;
    background: var(--color-text-base);
    width: 68px;
    border-radius: 4px;
    text-align: center;
    color: var(--color-primitive-white);
}
#select-flight h4 {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: var(--size-font-web-hfour);
}
.switch {
    margin: 0 0 11px;
}
.botmCheck.check-box,
.checkdiv .switch label {
    line-height: 27px;
    font-size: var(--size-font-two);
    margin: 0;
    padding-left: 47px;
}
.switch .botmCheck.check-box .bmd-switch-track {
    top: 10px;
}
.range-wrap.home-miles {
    color: var(--color-primitive-white);
}
.bmd-label-floating.block {
    display: block;
}
.chckboxStyle .check-box a {
    font-size: var(--size-font-two);
    padding: 3px 0 0 0;
}
.aboutImg {
    text-align: center;
    margin: 15px auto 25px;
}
.prefix {
    position: absolute;
    top: 43px;
    font-size: var(--size-font-web-body);
    visibility: visible !important;
    left: 6px;
}
label.addrs {
    padding-left: 0px;
}
#phone1 {
    padding-left: 53px;
}
.item-wrap .grid-list p {
    font-size: var(--size-font-two);
}
input:valid {
    background: green;
}
.addPassDetails.ada {
    padding-bottom: 60px;
}
.addPassDetails.ada #suborder {
    width: 100px;
    line-height: 19px;
}
.addPassDetails.ada #phone1 {
    padding-top: 7px;
}
.passenForm .addPassDetails.ada ul {
    width: 670px;
}
.passenForm .addPassDetails.ada ul > li {
    width: 100%;
}
.strtstyle {
    display: block;
    padding-left: 42px;
}
.range-wrap.mars {
    padding-bottom: 10px;
}
_::-webkit-full-page-media,
_:future,
:root .col-sm-4 {
    width: 32.33%;
}
_::-webkit-full-page-media,
_:future,
:root .buyLink {
    top: -4px;
}
_::-webkit-full-page-media,
_:future,
:root .col-sm-6,
_::-webkit-full-page-media,
_:future,
:root .col-md-6 {
    width: 49%;
}
_::-webkit-full-page-media,
_:future,
:root .col-md-4 {
    width: 32.33%;
}
_::-webkit-full-page-media,
_:future,
:root .tab-menu.search-pg li {
    vertical-align: top;
}
_::-webkit-full-page-media,
_:future,
:root .tab-menu.search-pg {
    height: 49px;
}
_::-webkit-full-page-media,
_:future,
:root .tab-menu.search-pg li {
    height: 27px;
}
_::-webkit-full-page-media,
_:future,
:root .btn-wr .btn {
    margin: 6px 5px 5px;
}
_::-webkit-full-page-media,
_:future,
:root .home-miles.show-b h4.normal-case {
    position: relative;
    top: -2px;
}
_::-webkit-full-page-media,
_:future,
:root .btn.ave {
    margin: 3px 0 0 6px;
}
.iphone .col-md-4.col-xs-12,
.iphone .col-md-6,
.iphone .col-sm-4.col-xs-12,
.iphone .iphone .col-xs-12.col-md-4 {
    width: 100%;
}
.iphone .tab-menu.search-pg {
    height: auto;
}
.iphone .tab-menu.search-pg li {
    height: 23px;
}
#airBookingPopup .popup-list {
    text-align: left;
    text-indent: 0;
}
.popup-list li {
    overflow: hidden;
    margin: 0;
    padding: 7px 0 7px 9px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.popup-list li > a > i {
    font-size: var(--size-font-web-hfour);
    margin-right: 8px;
    display: inline-block;
    left: 105px;
    position: absolute;
}
.popup-list li > a > i.fa-plane {
    top: 6px;
    left: 105px;
    transform: rotate(-30deg);
}
.popup-list li > a > i.fa-cart-arrow-down {
    left: 100px;
}
.popup-list li > a > i.fasGift {
    width: 21px;
    margin: -5px 6px 0 -1px;
}
.popup-list li > a > i.fascashbakc {
    width: 28px;
    margin: -4px 6px 0 -1px;
}
.popup-list li > a {
    font-size: var(--size-font-web-body) !important;
    color: var(--color-text-base);
    font-family: 'bliss2';
    width:100%;
    text-align: left;
}
.popup-list li > a:after{
    color: black;
    border-right: 2px solid #69778C;
    border-bottom: 2px solid #69778C;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    right: 3px;
    top: 40%;
}
.modal-body .btn{    
    height: var(--size-button-height-base);
    line-height: 23px;
    padding: 16px 0px 16px 0px;
}

.popup-list li:last-child {
    border: none;
}
.popup-list li > div div {
    display: table;
    text-align: left;
    width: 100%;
}
.popup-list li > div div figure {
    display: table-cell;
    text-align: center;
    width: 50px;
    margin: 0 15px 0 0;
    vertical-align: middle;
}
.popup-list li > div div figure img {
    width: 50px;
}
.popup-list li > div div span {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}
.popup-list li > div div a {
    font-weight: 700;
    color: var(--color-text-base);
    text-decoration: underline;
}
#airBookingPopup {
    width: 100%;
    height: 380px;
    max-width: 411px;
    min-width: 432px;
    height: auto;
    display: none;
    position: fixed;
    top: 10%;
    bottom: 0;
    margin: auto;
    padding-top: 20px;
    left: 0;
    right: 0;
}
#airBookingPopup .modal-body {
    padding-top: 9px;
    background: 0 0;
}
#airBookingPopup .modal-dialog {
    width: 84%;
    text-align: left;
    margin: 0 auto;
}
#airBookingPopup .modal-dialog {
    width: 100%;
}
#airBookingPopup h2 {
    margin: 0 0 10px 0;
    background: 0 0;
    color: var(--color-text-base);
    font-size: var(--size-font-web-hfour) !important;
    text-transform: none;
}
#airBookingPopup .modal-content {
    padding-bottom: 0;
}
#airBookingPopup .modal-body span {
    display: inline-block;
    left: -7px;
    position: relative;
}
#airBookingPopup .modal-body span img {
    width: 60px;
    margin-right: 10px;
}
#airBookingPopup .modal-footer {
    padding: 0;
}
#airBookingPopup .modal-header {
    padding: 10px;
}
#airBookingPopup .link {
    text-decoration: underline;
    font-weight: 700;
    font-size: var(--size-font-two);
    color: var(--color-text-base);
}
#airBookingPopup .modal-dialog p {
    font-size: var(--size-font-web-body);
    margin: 0 0 30px;
    width: 100% !important;
}
#airBookingPopup .modal-body span.et {
    left: -10px;
}
.right-head.ser input[type="button"].btn.mod,
input[type="button"].btn.mob {
    float: none;
    margin: 0 auto;
    cursor: pointer;
}
.right-head.ser #accordion h4.panel-title a {
    position: relative;
}
.right-head.ser #accordion h4.panel-title a i {
    top: 11px;
    right: -14px;
    background: 0 0 !important;
    font-size: 27px;
    left: inherit;
}
.right-head.ser #accordion h4.panel-title a,
.right-head.ser #accordion h4.panel-title a[aria-expanded="true"] [aria-expanded="false"] {
    background: 0 0;
}
#select-flight h4.panel-title {
    margin-bottom: 8px;
}
.moditxt {
    position: absolute;
    font-size: var(--size-font-one);
    right: 37px;
    top: 19px;
    color: var(--color-text-base);
}
#airBookingPopup button.close {
    font-size: var(--size-font-five);
    background-image: url(../images/web-portal/closeIcon.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 7px !important;
    top: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 8040;
    opacity: 1;
}
.reddemtext {
    display: block;
    color: var(--color-text-base);
    font-size: var(--size-font-web-body);
    text-align: center;
    margin: 20px 0 14px;
}
.redeemList {
    text-align: center;
    margin: 0;
}
.redeemList li {
    margin: 0 5px;
    float: none;
    display: inline-block;
    color: var(--color-primitive-white);
}
.redeemList li a {
    color: var(--color-primitive-white);
    font-size: 25px;
}
.redeemList li:first-child a i{
    transform: rotate(-30deg);
}
.redeemList li a i.cbIocn {
    position: relative;
    top: -4px;
    width: 44px;
    display: inline-block;
}
.redeemList li a i.cbIocn.img img {
    width: 32px;
}
.usernavBox li a span i.giftIcon {
    width: 40px;
    position: relative;
    top: -13px;
}
.usernavBox li a span i.redeemIcon {
    width: 43px;
    position: relative;
    top: -16px;
}
.navbar-nav > li > ul li a i.fas.giftic {
    margin: 0 6px 0 4px;
    width: 18px;
}
.footer-sec .playStorSec {
    display: inline-block;
    text-align: center;
    float: right;
}
.footer-sec .playStorSec li {
    display: inline-block;
    width: 100px;
    padding: 0;
}
#circular3dG {
    text-align: center;
    margin: 0 0 30px;
}
#circular3dG img {
    width: 15%;
}
#overlay_form #circular3dG {
    margin: -12px 0 37px;
}
#overlay_form #circular3dG img {
    width: 43%;
}
.errorMessage {
    color: #e0182d;
    font-size: var(--size-font-one);
}
input[type="text"]#q {
    padding-left: 35px;
}
#accordion.cate .panel-body ul li a.blinker {
    animation: blinker 1s linear infinite;
    color: var(--color-text-base);
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.chooseLang {
    float: right;
    margin: 27px 0 0;
    padding: 0;
}
.chooseLang li {
    float: left;
    margin: 0 8px 0;
    position: relative;
    color: var(--color-primitive-white);
}
.chooseLang li:before {
    position: absolute;
    top: 3px;
    right: -8px;
    width: 1px;
    height: 12px;
    background: #ffffff;
    content: "";
}
.chooseLang li:last-child:before {
    display: none;
}
.chooseLang li a {
    color: var(--color-primitive-white);
    font-size: var(--size-font-two);
}
.mobViewSec.hidden-xs {
    float: right;
    width: 39%;
    /*margin-top: 12px;*/
}
.redepmtText,
.redepmtText a {
    /*text-align: justify;*/
    font-size: var(--size-font-web-body);
    font-family: 'bliss2';
}
a.closebtn.popupLinks{display: initial;}
.span5.hoteltext {
    padding-top: 12px;
}
.span5.hoteltext h1 {
    color: var(--color-text-base);
}

.mtop{
    margin-top: 15px;
}
.pd0{
    padding-left: 0!important;
}
.pd1{
    padding-left: 12px!important;
}
.fontchnge{
    font-size: var(--size-font-one)!important;
    font-weight: 700!important;
}

.textalign th{
    text-align: center!important;
}
.textalign2 td{
    text-align:center!important;
}
.texttransform{
    text-transform:none!important;
}

.myAccputBannerBg {
    background-image: url('../images/banner/my-profileBg_power.jpg'), linear-gradient(to right, #c9c9c9, #c9c9c9);
    background-repeat: no-repeat, repeat;
    width:100%;
    height:100%;
    background-size: cover;
    background-position-x: 100%;
    background-position-y: 60%;
}



.pdleft{
    padding-left:114px;
}


/* form elements new style */
input[type="text"]#memberDob.datepicker12,
input[type="text"].datepicker,
input[type="text"].hasDatepicker,
input[type="text"].transactionsummary{
    background: url(../images/web-portal/date.png) 97% 11px no-repeat;
    background-color: var(--color-surface-components);
}

.panel, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border: none;
}

/* shop flow accordion style for mobile view only */
#accordion-1, #accordion-2, #accordion-3, #accordion-4{
    position: relative;
}
#accordion-1 .head, #accordion-2 .head, #accordion-3 .head, #accordion-4 .head{
    color: #563e6e;
    padding: 10px 0px;
    cursor: pointer;
    transition: 0.2s ease;
    display: flex;
}
#accordion-1 .arrow, #accordion-2 .arrow, #accordion-3 .arrow, #accordion-4 .arrow{
    color: #0075E0;
    font-size: var(--size-font-five);
    transition: 0.25s ease;
    opacity: 1;
    transform: rotate(-90deg);
    padding: 0;
}
#accordion-1 .head:hover .arrow, #accordion-2 .head:hover .arrow,
#accordion-3 .head:hover .arrow, #accordion-4 .head:hover .arrow{
    opacity: 1;
}
#accordion-1 .head h2, #accordion-2 .head h2,
#accordion-3 .head h2, #accordion-4 .head h2{
    padding-left: 20px;
    line-height: 25px;
    font-size: var(--size-font-web-body);
}
#accordion-1 .arrow-animate, #accordion-2 .arrow-animate,
#accordion-3 .arrow-animate, #accordion-4 .arrow-animate{
    transform: rotate(0deg);
    opacity: 1;
}
#accordion-1 .content, #accordion-2 .content, #accordion-3 .content, #accordion-4 .content{
    background-color: var(--color-primitive-white);
    display: none;
    color: var(--color-text-base);
    font-size: var(--size-font-web-body);
    line-height: 22px;
}

.shop-page .left-col h4{margin-bottom: 30px;}
.shop-page .left-col h4.panel-title {margin-bottom: 0px;}

.fa-times-circle:before{
    content: "" !important;
    background-image: url(/adib/pages/images/web-portal/closeIcon.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 7px !important;
    top: 0px;
    width: 24px;
    height: 24px;
}

.flight-book-form label{text-transform: inherit;}
.grid-list aside a.btn {
    margin-top:  -28px;
    margin-bottom:  0;
    padding: 10px;
    line-height: 1.2;
    height: var(--size-button-height-base);
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-list aside {
    padding: 20px 0 0;
}
.grid-list aside strong{margin: 0}
.grid-list aside span>span {
    top: 6px !important;
}
.light-theme .ellipse {
    background: -webkit-linear-gradient(top, #fff 0, #f1f2f9 100%);
    color: var(--color-text-base);
    border: 1px solid #f1f2f9 ;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px !important;
    font-weight: 700;
    cursor: default;
}
.shop_items .head h2{text-transform: initial!important;}
#transactionSummary select#bin , #transactionSummarybankwide select#binbankwide{padding-right: 40px; }
.align_header {display: flex;
               justify-content: flex-start;     align-items: center;}
.logo_align { margin-top: -13px;}
.navbar-nav > li > a{margin-top:-8px;}
input[type="text"]#q::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #637185 !important;
}

input[type="text"]#q:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #637185 !important;
}

input[type="text"]#q::-ms-input-placeholder { /* Microsoft Edge */
    color: #637185 !important;
}

.modal-backdrop{
    opacity: 0.5;
}

.nav-tabs{
    border-bottom:0;
}
.myaccount-wrap.mob-wrpa .nav-tabs>li.active>a, .myaccount-wrap.mob-wrpa .nav-tabs>li.active>a:focus,.myaccount-wrap.mob-wrpa .nav-tabs>li.active>a:hover {
    color: #002b52;
    cursor: default;
    background-color: #eeeeee;
    border-radius: 0;
    margin: 0;
}
.myaccount-wrap.mob-wrpa .nav-tabs>li>a{margin-right: 0}
a.btn.yourButtonClass.disabled ,a.btn.deal-btn.disabled, input.btn.redeemBtn.submit-btn.disabled ,
input.btn.green_back.navbar-btn.submitBtn[disabled],.btn.submitBtn[disabled],input.btn.btnStyle.submitBtn.disabled
, input.btn.mocvi.btnStyle.submitBtn.disabled , a.btn.submitBtn.disabled , a.btn.submit-link.disabled, .btn.submitButton.disabled ,input.btn.green_back.navbar-btn.submit-btn[disabled]{
    background: grey!important;
    opacity: 1;/* Adjust opacity to visually indicate the button is disabled */
    cursor: not-allowed; /* Change cursor to not-allowed when button is disabled */
    pointer-events: none; /* Disable pointer events on disabled buttons */
}
.mob_home_header .home_img_header{
    display:none;
}
input.ser-btn.go_btn{
    border-radius: 0 20px 20px 0 !important;
    background: #002b52 !important;
    color: #ffffff;
    right: 0;
    height: 38px !important;
    font-size: 16px;
    top: 29px !important;
    left:auto!important;
}
input.ser-btn.go_btn:hover{
    color:#ffffff;
}
input.btn.disabled{
    background: grey!important
}