.progress-steps {
    margin: 35px 0 0 0;
    display: inline-block;
    width: 100%
}

.progress-steps .arc {
    position: absolute;
    border: 4px solid #ccc;
    display: inline-block;
    min-width: 16em;
    min-height: 9em;
    padding: .5em;
    border-radius: 50%
}

.progress-steps .arc.top {
    top: -5px;
    left: -8em;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent
}

.progress-steps .arc.bottom {
    top: -4.5em;
    left: -8em;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent
}

.progress-steps .progress-sucsess .arc.top {
    border-top-color: #22355b
}

.progress-steps .progress-sucsess .arc.bottom {
    border-bottom-color: #22355b
}

.step-by-step {
    position: relative;
    display: inline-block
}

.step-by-step-icon {
    position: relative;
    overflow: hidden;
    width: 48px;
    height: 48px;
    line-height: 40px;
    font-size: 24px;
    color: #FFF;
    font-weight: 700;
    background-color: #ccc;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
    border-left: 4px solid #FFF;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2)
}

.twoicon i {
    font-size: 16px
}

.twoicon i:first-child {
    position: absolute;
    top: 5px;
    left: 7px;
    z-index: 1;
    font-size: 18px
}

.twoicon i:last-child {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2
}

.step-by-step.progress-sucsess .step-by-step-icon {
    background-color: #22355b;
    color: #FFF
}

.progress-steps-line {
    height: 8px;
    background-color: #e6e6e6;
    position: absolute;
    z-index: -1;
    top: 20px
}

.progress-steps p {
    margin: 10px 0 0 0;
    color: #727272;
    font-size: .857em
}

.step-by-step.progress-sucsess p {
    font-weight: 700
}

.nBookingNav {
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0;
    text-align: center
}

.nBookingNav .bnCenter {
    width: auto;
    display: inline-block;
    position: relative
}

.nBookingNav .bnCenter:before {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #d2d2d2;
    content: ' '
}

.nBookingNav .bnCenter .bnItem {
    width: auto;
    height: 38px;
    float: left;
    background: #fbfbfb;
    margin-right: 40px;
    padding: 0 15px;
    position: relative;
    z-index: 9;
    color: #999;
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: 600;
    padding-top: 8px;
    text-align: left;
    padding-left: 60px
}

.nBookingNav .bnCenter .bnItem span {
    font-weight: normal;
    font-size: 11px;
    color: #c3c3c3;
    line-height: 0;
    display: block;
    margin-top: 6px;
    letter-spacing: -0.2px
}

.nBookingNav .bnCenter .bnItem:last-child {
    margin-right: 0
}

.nBookingNav .bnCenter .bnItem .bnNr {
    width: 38px;
    height: 38px;
    position: absolute;
    left: 15px;
    top: 0;
    background: #cacaca;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 38px;
    color: #fff
}

.nBookingNav .bnCenter .bnItem.active {
    color: #333
}

.nBookingNav .bnCenter .bnItem.active .bnNr {
    background: #1f9bde
}

.nBookingLeft {
   
    /*float: left*/
}

.nBookingRight {
 
 /*   float: right*/
}

.nBookingItem {
    width: 100%;
    float: left;
    border: 1px solid #ebebeb;
    background-color: #fff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    margin: 15px 0;
    padding: 29px
}

.nBookingItem.blueShadow {
    border-color: #b3d8ec;
    box-shadow: 0 3px 4px #cbe1ec;
    background: #f7fcff
}

.nBookingItem .full-input,
.nBookingItem .full-select {
    font-weight: 600;
    letter-spacing: -0.4px
}

.nBookingItem .full-input:disabled,
.nBookingItem .full-select:disabled {
    padding-right: 24px;
    opacity: 1;
    background: url("../img/booking-input-disabled-bg.png") center right no-repeat #fff
}

.nBookingItem .biBigTitle {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    letter-spacing: -1px
}

.nBookingItem .biMidTitle {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #666;
    letter-spacing: -.6px
}

.nBookingItem .biMidTitle span {
    color: #999;
    font-weight: normal
}

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

.nBookingItem .biMainOptions .biOpt {
    width: auto;
    float: left;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    letter-spacing: -0.6px
}

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

.nBookingItem .biSecOptions .biOpt {
    width: auto;
    float: left;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    letter-spacing: -0.4px
}

.nBookingItem .biSecOptions .biRemove {
    width: auto;
    float: right;
    color: #999;
    cursor: pointer;
    letter-spacing: -0.4px;
    font-size: 12px
}

.nBookingItem .biSecOptions .biRemove:hover {
    text-decoration: underline
}

.nBookingItem .biSpacer {
    width: 100%;
    height: 2px;
    float: left;
    background: #e9e9e9;
    margin: 10px 0
}

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

.nBookingItem .biSearch .bSearchButton {
    width: auto;
    height: 40px;
    float: left;
    background: #1f9bde;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    border: 0;
    font-family: "open sans";
    padding: 0 17px;
    font-weight: 600;
    letter-spacing: -0.3px
}

.nBookingItem .biSearch .bSearchButton:hover {
    opacity: .8
}

.nBookingItem .biFlightTitle {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.nBookingItem .biFlightTitle .title {
    width: auto;
    float: left;
    color: #666;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.6px
}

.nBookingItem .biFlightTitle .biFlightFiltersTrigger {
    width: auto;
    float: right;
    color: #1f9bde;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: -0.3px
}

.nBookingItem .biFlightTitle .biFlightFiltersTrigger:hover {
    text-decoration: underline
}

.nBookingItem .flightMore {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 40px
}

.nBookingItem .flightMore:last-child {
    margin-bottom: 0
}

.nBookingItem .flightMore .fmTrigger {
    width: auto;
    float: right;
    color: #1f9bde;
    font-size: 12px;
    margin: 5px 0;
    cursor: pointer;
    letter-spacing: -0.3px
}

.nBookingItem .flightMore .fmTrigger i {
    margin-left: 5px
}

.nBookingItem .flightMore .fmTrigger:hover {
    text-decoration: underline
}

.nBookingItem .biHalf {
    width: 49%;
    float: left
}

.nBookingItem .full-label {
    width: 100%;
    float: left;
    font-size: 13px;
    margin-bottom: 7px;
    font-weight: 600;
    color: #666;
    letter-spacing: -0.3px
}

.nBookingItem .biText {
    width: 100%;
    height: auto;
    float: left;
    color: #666;
    font-size: 13px;
    letter-spacing: -0.2px
}

.nBookingItem .biText .btTitle {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    color: #666
}

.nBookingItem .biText .btTitle span {
    color: #1f9bde
}

.nBookingItem .biPerson {
    width: 100%;
    float: left;
    color: #999;
    font-size: 12px;
    margin: 10px 0
}

.nBookingItem .biMore {
    width: 100%;
    float: left;
    margin: 5px 0;
    font-weight: 600;
    font-size: 13px;
    color: #1f9bde;
    cursor: pointer;
    letter-spacing: -0.4px
}

.nBookingItem .biMore span {
    font-weight: normal;
    color: #999
}

.nBookingItem .biMore:hover {
    text-decoration: underline
}

.nBookingItem .checkList {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #666
}

.nBookingItem .checkList li {
    width: 100%;
    float: left;
    margin: 2px 0
}

.nBookingItem .biText {
    width: 100%;
    float: left;
    color: #999;
    font-size: 13px;
    margin-bottom: 10px
}

.nBookingItem .paidBox {
    width: 98%;
    height: auto;
    float: left;
    margin: 8px 1%;
    padding: 20px 58px 20px 120px;
    border: 2px solid #e9e9e9;
    position: relative;
    background: #fbfbfb
}

.nBookingItem .paidBox .pbCheck {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
    color: #1f9bde;
    font-size: 29px;
    line-height: 0;
    text-align: right
}

.nBookingItem .paidBox .pbLogo {
    width: 87px;
    height: 35px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -17px;
    border: 1px solid #e5e5e5;
    background: #fff;
    overflow: hidden
}

.nBookingItem .paidBox .pbLogo img {
    width: 100%
}

.nBookingItem .paidBox .pbLeft {
    width: 35%;
    float: left
}

.nBookingItem .paidBox .pbLeft .pbName {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #666
}

.nBookingItem .paidBox .pbLeft .pbNr {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #999
}

.nBookingItem .paidBox .pbRight {
    width: 62%;
    text-align: right;
    float: right
}

.nBookingItem .paidBox .pbRight .pbrTitle {
    width: 100%;
    float: left;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.4px
}

.nBookingItem .paidBox .pbRight .pbrPrice {
    width: 100%;
    float: left
}

.nBookingItem .paidBox .pbRight .pbrPrice .label {
    color: #999;
    letter-spacing: -0.2px
}

.nBookingItem .paidBox .pbRight .pbrPrice .price {
    color: #6cbf1c;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.2px;
    margin-left: 5px
}

.nBookingItem .remainingBox {
    width: 100%;
    height: auto;
    float: left;
    margin: 8px 0;
    padding: 18px;
    border: 2px solid #e9e9e9;
    position: relative;
    background: #fff
}

.nBookingItem .remainingBox .rbTop {
    width: 100%;
    float: left;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9e9e9
}

.nBookingItem .remainingBox .rbTop .rbtLeft {
    width: 50%;
    height: auto;
    float: left;
    border-right: 1px solid #e9e9e9;
    padding-right: 10px
}

.nBookingItem .remainingBox .rbTop .rbtRight {
    width: 50%;
    height: auto;
    float: right;
    padding-left: 10px;
    text-align: right
}

.nBookingItem .remainingBox .rbTop .rbtTitle {
    width: 100%;
    float: left;
    color: #999;
    font-size: 14px;
    letter-spacing: -0.2px
}

.nBookingItem .remainingBox .rbTop .rbtPrice {
    width: 100%;
    float: left;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.5px
}

.nBookingItem .remainingBox .rbBottom {
    width: 100%;
    margin-top: 15px;
    float: left
}

.nBookingItem .remainingBox .rbBottom .rbLabel {
    width: 40%;
    float: left;
    color: #666;
    font-size: 15px;
    letter-spacing: -0.4px;
    line-height: 40px
}

.nBookingItem .remainingBox .rbBottom .rbInput {
    width: 40%;
    height: 40px;
    float: right;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 0 12px;
    text-align: right;
    font-size: 14px;
    color: #666;
    font-family: "open sans"
}

.nBookingItem .remainingBox .rbBottom .rbInput::-webkit-input-placeholder {
    color: #b6b6b6
}

.nBookingItem .remainingBox .rbBottom .rbInput::-moz-placeholder {
    color: #b6b6b6
}

.nBookingItem .remainingBox .rbBottom .rbInput:-ms-input-placeholder {
    color: #b6b6b6
}

.nBookingItem .remainingBox .rbBottom .rbInput:-moz-placeholder {
    color: #b6b6b6
}

.nBookingItem .biCardInst {
    width: 100%;
    height: auto;
    float: left;
    margin: 30px 0
}

.nBookingItem .cardListTitle {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #666;
    margin-bottom: 10px
}

.nBookingItem .cardListTitle.blueTitle {
    color: #1f9bde
}

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

.nBookingItem .cardList .cardBox {
    width: 31%;
    height: 36px;
    float: left;
    margin: 1%;
    border: 1px solid #e9e9e9;
    text-align: center;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer
}

.nBookingItem .cardList .cardBox img {
    height: 100%
}

.nBookingItem .cardList .cardBox:hover {
    border-color: #ccc
}

.nBookingItem .cardList .cardBox.selected {
    border: 2px solid #1f9bde
}

.nBookingItem .instList {
    width: 100%;
    float: left;
    padding-left: 15px;
    border-left: 1px solid #e9e9e9;
    position: relative
}

.nBookingItem .instList:before {
    border: solid transparent;
    border-left-color: #ebebeb;
    border-width: 6px;
    left: 0;
    top: 50%;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -4px
}

.nBookingItem .instList .instBox {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    margin: 5px 0;
    position: relative;
    cursor: pointer;
    padding: 5px 8px 5px 30px
}

.nBookingItem .instList .instBox:before {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -9px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    box-sizing: border-box;
    content: ' '
}

.nBookingItem .instList .instBox:hover {
    border-color: #ccc
}

.nBookingItem .instList .instBox .instTitle {
    width: 50%;
    float: left;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 29px;
    color: #666
}

.nBookingItem .instList .instBox .instDisc {
    width: 20%;
    float: left;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 29px;
    color: #1f9bde
}

.nBookingItem .instList .instBox .instPrice {
    width: 28%;
    float: right;
    text-align: right;
    color: #6cbf1c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 29px
}

.nBookingItem .instList .instBox.selected {
    border-color: #1f9bde
}

.nBookingItem .instList .instBox.selected:after {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -5px;
    border-radius: 50%;
    background: #1f9bde;
    content: ' '
}

.nBookingItem .allCards {
    width: 100%;
    float: left;
    color: #1f9bde;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.3px;
    cursor: pointer
}

.nBookingItem .allCards:hover {
    text-decoration: underline
}

.nBookingItem .biCardDetails {
    width: 60%;
    float: left;
    margin: 20px 0
}

.nBookingItem .biCardDetails .biInputMain {
    width: 100%;
    float: left;
    margin: 4px 0
}

.nBookingItem .biCardDetails .biInputMain.expiration {
    width: 60%
}

.nBookingItem .biCardDetails .biInputMain.expiration .full-select {
    width: 48%
}

.nBookingItem .biCardDetails .biInputMain.ccv {
    width: 30%;
    float: right
}

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

.nBookingItem .newAcceptTrigger .customCheck label {
    font-size: 13px;
    color: #666!important
}

.nBookingItem .newAcceptTrigger .customCheck label a {
    color: #666;
    text-decoration: underline
}

.nBookingItem .newAcceptTrigger .customCheck label a:hover {
    text-decoration: none
}



.bCheck {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative
}

.bCheck input {
    position: absolute;
    left: -50px;
    top: -50px;
    margin-top: -6px
}

.bCheck input:checked+label:before {
    color: #1f9bde;
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    content: "\f00c"
}

.bCheck label {
    width: 100%;
    float: left;
    padding: 5px 7px 5px 28px;
    position: relative
}

.bCheck label:Before {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -9px;
    border: 1px solid #b6b6b6;
    border-radius: 2px;
    content: ' '
}

.bCheck.radio label:Before {
    border-radius: 50%
}

.bCheck.radio input:checked+label:before {
    background: #fff;
    content: ' '
}

.bCheck.radio input:checked+label:after {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 13px;
    top: 50%;
    margin: -5px -4px;
    border-radius: 50%;
    content: ' ';
    background: #1f9bde
}


.nBookingCart {
   
    float: left;
    border: 1px solid #ebebeb;
    background-color: #fff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    margin: 15px 0;
    padding: 19px
}

.nBookingCart .bcaClose {
    display: none
}

.nBookingCart .bcAccommodation {
  
    border-bottom: 4px solid #e9e9e9;
    padding-bottom: 10px;
    margin-bottom: 5px;
    float: left
}

.nBookingCart .bcAccommodation .bcaImage {
    width: calc( 100% + 38px);
    float: left;
    margin: -19px -19px 15px -19px
}

.nBookingCart .bcAccommodation .bcaImage img {
    width: 100%
}

.nBookingCart .bcAccommodation .bcaTitle {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    letter-spacing: -1px
    line-height:35px
}

.nBookingCart .bcAccommodation .bcaSubTitle {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #999;
    letter-spacing: -0.4px
}

.nBookingCart .bcAccommodation .bcaSubTitle {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #999;
    letter-spacing: -0.5px;
    font-weight: 600
}

.nBookingCart .bcAccommodation .bcaDesc {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #999;
    letter-spacing: -0.2px
    height:30px !important;
}

.nBookingCart .bcAccommodation .bcaDates {
    width: 100%;
    float: left;
    margin: 10px 0;
    position: relative;
    padding-top: 10px
}

.nBookingCart .bcAccommodation .bcaDates .line {
    width: 70%;
    height: 1px;
    position: absolute;
    left: 15%;
    top: 0;
    background: #d4d4d4
}

.nBookingCart .bcAccommodation .bcaDates .line:before {
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: -2px;
    background: #d4d4d4;
    content: ' ';
    border-radius: 50%
}

.nBookingCart .bcAccommodation .bcaDates .line:after {
    width: 5px;
    height: 5px;
    position: absolute;
    right: 0;
    top: -2px;
    background: #d4d4d4;
    content: ' ';
    border-radius: 50%
}

.nBookingCart .bcAccommodation .bcaDates .bcaDate {
    width: auto;
    float: left;
    color: #999;
    font-size: 16px;
    letter-spacing: -0.6px;
    font-weight: 600
}

.nBookingCart .bcAccommodation .bcaDates .bcaDate span {
    color: #666
}

.nBookingCart .bcAccommodation .bcaDates .bcaDate.fr {
    text-align: right
}

.nBookingCart .bcAccommodation .bcaPrice {
    width: 100%;
    float: left;
    border-top: 1px solid #ebebeb;
    padding-top: 10px
}

.nBookingCart .bcAccommodation .bcaPrice .label {
    width: auto;
    float: left;
    font-size: 13px;
    color: #999;
    line-height: 26px
}

.nBookingCart .bcAccommodation .bcaPrice .price {
    width: auto;
    float: right;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.8px
}

.nBookingCart .bcFlight {
    width: 100%;
    border-bottom: 4px solid #e9e9e9;
    padding-bottom: 10px;
    margin: 5px 0;
    position: relative;
    float: left
}

.nBookingCart .bcFlight:hover .bcfRemove {
    display: block
}

.nBookingCart .bcFlight .bcfRemove {
    display: none;
    width: auto;
    height: 16px;
    line-height: 16px;
    color: #999;
    background: #ebebeb;
    border-radius: 8px;
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 7px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    cursor: pointer
}

.nBookingCart .bcFlight .bcfRemove:hover {
    background: #ddd;
    color: #666
}

.nBookingCart .bcFlight .bcfTitle {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #666;
    letter-spacing: -0.7px
}

.nBookingCart .bcFlight .bcfDetails {
    width: 100%;
    height: auto;
    float: left;
    color: #999;
    font-size: 13px;
    letter-spacing: -0.3px
}

.nBookingCart .bcFlight .bcfPrice {
    width: 100%;
    float: left;
    margin-top: 10px;
    border-top: 1px solid #ebebeb;
    padding-top: 10px
}

.nBookingCart .bcFlight .bcfPrice .label {
    width: auto;
    float: left;
    font-size: 13px;
    color: #999;
    line-height: 20px
}

.nBookingCart .bcFlight .bcfPrice .price {
    width: auto;
    float: right;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.4px;
    line-height: 20px
}

.nBookingCart .bcExtra {
    width: 100%;
    border-bottom: 4px solid #e9e9e9;
    padding-bottom: 10px;
    margin: 5px 0;
    position: relative;
    float: left
}

.nBookingCart .bcExtra:hover .bceRemove {
    display: block
}

.nBookingCart .bcExtra .bceRemove {
    display: none;
    width: auto;
    height: 16px;
    line-height: 16px;
    color: #999;
    background: #ebebeb;
    border-radius: 8px;
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 7px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    cursor: pointer
}

.nBookingCart .bcExtra .bceRemove:hover {
    background: #ddd;
    color: #666
}

.nBookingCart .bcExtra .bceLeft {
    width: 60%;
    color: #999;
    font-size: 12px;
    letter-spacing: -0.4px;
    float: left
}

.nBookingCart .bcExtra .bceLeft .bceTitle {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    letter-spacing: -0.4px
}

.nBookingCart .bcExtra .bcePrice {
    width: 40%;
    float: right;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.4px;
    line-height: 20px;
    text-align: right;
    padding-top: 8px
}

.nBookingCart .bcPrices {
    width: 100%;
    border-bottom: 4px solid #e9e9e9;
    padding-bottom: 10px;
    margin: 5px 0;
    position: relative;
    float: left
}

.nBookingCart .bcPrices .bcPrice {
    width: 100%;
    float: left;
    line-height: 20px;
    margin: 5px 0
}

.nBookingCart .bcPrices .bcPrice .label {
    width: auto;
    float: left;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    letter-spacing: -0.4px
}

.nBookingCart .bcPrices .bcPrice .price {
    width: auto;
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #333
}

.nBookingCart .bcPrices .bcPrice .price.green {
    color: #6cbf1c
}

.nBookingCart .bcPrices .bcCardTrigger {
    width: 100%;
    float: left;
    color: #1f9bde;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.3px;
    cursor: pointer
}

.nBookingCart .bcPrices .bcCardTrigger:hover {
    text-decoration: underline
}

.nBookingCart .promCode {
    width: 100%;
    border-bottom: 4px solid #e9e9e9;
    padding-bottom: 10px;
    margin: 5px 0;
    position: relative;
    float: left
}

.nBookingCart .promCode .promLabel {
    width: 27%;
    float: left;
    text-align: right;
    padding-right: 7px;
    color: #999;
    font-size: 12px;
    line-height: 15px
}

.nBookingCart .promCode .promButton {
    width: 20%;
    float: right;
    color: #1f9bde;
    background: 0;
    font-family: "open sans";
    border: 0;
    outline: 0;
    cursor: pointer
}

.nBookingCart .promCode .promButton:hover {
    text-decoration: underline
}

.nBookingCart .promCode .promInput {
    width: 53%;
    float: left;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    padding: 0 7px;
    background: #fff;
    font-family: "open sans";
    height: 30px
}

.nBookingCart .bcDiscount {
    width: 100%;
    float: left;
    color: #6cbf1c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin: 5px 0
}

.nBookingCart .bcbHolder {
    width: 100%;
    float: left;
    margin-top: 5px
}

.nBookingCart .bcbHolder .bcButton {
    width: 100%;
    height: 45px;
    float: left;
    line-height: 45px;
    background: #6cbf1c;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    letter-spacing: -0.4px
}

.nBookingCart .bcbHolder .bcButton:hover {
    opacity: .8
}


.mainPopup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999
}

.mainPopup .full-label {
    color: #666
}

.mainPopup .mpFilter {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}

.mainPopup .mpContent {
    width: 400px;
    padding: 15px;
    position: absolute;
    margin-left: -200px;
    left: 50%;
    top: 10%;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

.mainPopup .mpContent .mpTitle {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    padding: 4px 35px px 0;
    letter-spacing: -0.5px;
    color: #666;
    margin-bottom: 5px;
    padding-right: 30px
}

.mainPopup .mpContent .mpTitle .mpClose {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 30px;
    color: #666;
    cursor: pointer
}

.mainPopup .mpContent .mpTitle .mpClose:hover {
    background: #f1f1f1
}

.mainPopup .mpContent .mpCt {
    width: 100%;
    float: left;
    max-height: 60vh;
    overflow: auto;
    padding: 5px 0;
    -webkit-overflow-scrolling: touch
}

.mainPopup .mpContent .mpCt p {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #666
}

.mainPopup .mpContent .mpCt p.info {
    position: relative;
    padding-left: 30px
}

.mainPopup .mpContent .mpCt p.info:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    color: #999;
    font-family: fontawesome;
    content: "\f129";
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    border-radius: 50%
}

.mainPopup .mpContent .mpCt p.maintenence {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    color: #999;
    letter-spacing: -0.5px;
    padding-left: 40px
}

.mainPopup .mpContent .mpCt p.maintenence:before {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 28px;
    top: 50%;
    margin-top: -15px;
    color: #999;
    font-family: fontawesome;
    content: "\f071";
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    border-radius: 50%
}

.mainPopup .mpContent .mpCt p .title {
    font-size: 16px;
    letter-spacing: -0.3px;
    font-weight: 600
}

.mainPopup .mpContent .mpBottom {
    width: 100%;
    float: left;
    padding-top: 5px
}

.mainPopup .mpContent .mpScroll {
    width: 100%;
    height: 240px
}

.mainPopup .mpContent .mpCheck {
    width: 50%;
    float: left;
    margin-top: 6px
}

.mainPopup .mpContent .mpcIcon {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 5px;
    color: #999;
    font-size: 40px
}

.mainPopup .mpContent .mpcIcon.red {
    color: #b30000
}

.mainPopup .mpContent .mpcIcon.green {
    color: green
}

.mainPopup.generalTextPopup .mpContent {
    width: 600px;
    margin-left: -300px
}

.mainPopup.maintenencePopup .mpFilter {
    -webkit-animation: maintenenceBg 7s infinite linear;
    animation: maintenenceBg 7s infinite linear
}

.mainPopup.maintenencePopup .mpContent {
    width: 500px;
    margin-left: -250px
}

.mainPopup.mapPopup .mpContent {
    width: auto;
    height: auto;
    margin: 0;
    right: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px
}

.mainPopup.mapPopup .mpContent .mpCt {
    width: auto;
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
    top: 45px
}

.mainPopup.flightPopup .mpContent {
    width: 600px;
    margin-left: -300px
}

.mainPopup .flight-detail-box {
    width: 100%;
    height: auto;
    float: left;
    border: 2px solid #e4e4e4;
    background: #fff;
    border-radius: 3px
}

.mainPopup .flight-detail-box .fdb-title {
    width: 100%;
    height: 25px;
    background: #e4e4e4;
    line-height: 25px;
    padding: 0 7px;
    color: #333;
    font-size: 13px;
    letter-spacing: -0.3px
}

.mainPopup .flight-detail-box .fdb-content {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px
}

.mainPopup .flight-detail-box .fdb-content .fdb-desc {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 5px;
    margin: 7px 0;
    border-bottom: 1px solid #ebebeb;
    color: #999
}

.mainPopup .flight-detail-box .fdb-content .airport {
    font-size: 12px;
    color: #666;
    font-weight: 600;
    letter-spacing: -0.5px
}

.mainPopup .flight-detail-box .fdb-content .date {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px
}

.mainPopup .flight-detail-box .flight-info {
    width: 100%;
    float: left;
    padding: 5px;
    border-radius: 3px;
    background: #f1f1f1
}

.mainPopup .flight-detail-box .flight-info .airway {
    width: 34px;
    height: 34px;
    float: left;
    border: 1px solid #e7e7e7
}

.mainPopup .flight-detail-box .flight-info .airway img {
    width: 100%
}

.mainPopup .flight-detail-box .flight-info .flight-time {
    float: right;
    width: 70px;
    color: #666;
    text-align: right
}

.mainPopup .flight-detail-box .flight-info .flight-content {
    margin-left: 45px;
    margin-right: 80px
}

.mainPopup .flight-detail-box .flight-info .flight-content .airway-name {
    font-size: 12px;
    color: #666;
    font-weight: 600;
    letter-spacing: -0.5px
}

.mainPopup .flight-detail-box .flight-info .flight-content .ticket-nr {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px
}

.mainPopup .flight-detail-box .fdb-bottom-desc {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 5px;
    margin: 7px 0;
    border-top: 1px solid #ebebeb;
    color: #999
}

.mainPopup .flight-detail-box .flight-transfer {
    width: 100%;
    height: 18px;
    float: left;
    background: url("../img/flight-transfer-bg.jpg");
    text-align: center;
    color: #8a2327;
    line-height: 18px;
    margin: 7px 0
}

.mainPopup .flight-detail-box.half {
    width: 49%
}

.mainPopup.hotelDetailPopup .mpContent {
    width: 700px;
    margin-left: -350px;
    max-height: 80%;
    overflow: auto
}

.mainPopup .detailGallery {
    border: 0;
    box-shadow: none
}

.mainPopup.callbackPopup .mpContent {
    width: 500px;
    margin-left: -250px;
    max-height: 80%;
    overflow: auto
}

.mainPopup.instPopup .mpContent {
    width: 1000px;
    margin-left: -500px
}


.nBookingRight .nbMobileTrigger {
    width: 100%;
    height: 45px;
    position: fixed;
    left: 0;
    bottom: 0;
    background: 
#1F9BDE;
color:
#fff;
text-align: center;
display: block;
line-height: 45px;
font-size: 15px;
box-shadow: 0 0 10px
    rgba(0,0,0,0.3);
    font-weight: 600;
    cursor: pointer;
    z-index: 9999;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.nBookingCart .bcAccommodation .bcaDates .bcaDate.fr {
    text-align: right;
}


.nBookingTable {
    width: 100%;
    height: auto;
    float: left
}

.nBookingTable tr {
    border-bottom: 1px solid #ddd
}

.nBookingTable tr td {
    padding: 10px 5px;
    font-size: 13px;
    color: #666;
    vertical-align: middle
}

.nBookingTable .airline {
    width: 36px;
    height: 36px;
    float: left
}

.nBookingTable .airline img {
    width: 100%
}

.nBookingTable .price {
    font-size: 16px;
    font-weight: 600;
    color: #6cbf1c;
    letter-spacing: -0.5px;
    white-space: nowrap
}

.customCheck {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative
}

.customCheck input {
    position: absolute;
    left: -50px;
    top: -50px;
    margin-top: -6px
}

.customCheck input:checked+label:before {
    border: 0;
    background: #1f9bde;
    font-family: FontAwesome;
    color: #fff;
    font-size: 8px;
    line-height: 16px;
    text-align: center;
    content: "\f00c"
}

.customCheck label {
    width: 100%;
    float: left;
    padding: 5px 7px 5px 25px;
    font-size: 13px;
    border-radius: 3px;
    letter-spacing: -0.5px;
    color: #666;
    position: relative
}

.customCheck label:Before {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -8px;
    border: 1px solid #b6b6b6;
    border-radius: 2px;
    content: ' '
}

.customCheck.radio label:Before {
    border-radius: 50%
}

.customCheck.radio input:checked+label:before {
    background: #fff;
    border: 3px solid #1f9bde;
    content: ' '
}

.customCheck.radio input:checked+label:after {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 13px;
    top: 50%;
    margin: -3px;
    border-radius: 50%;
    content: ' ';
    background: #1f9bde
}

.customCheck:hover label {
    color: #1f9bde
}

.customCheck.autoWidth {
    width: auto;
    padding-right: 30px
}

.bcButton:hover{ text-decoration: none }



.full-select,
.full-input {
    width: 100%;
    height: 40px;
    float: left;
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    font-family: "open sans";
    border-radius: 4px
}

.full-select:disabled,
.full-input:disabled {
    opacity: .5
}

.full-select.quat,
.full-input.quat {
    width: 23%;
    margin: 0 1%
}

.full-select.half,
.full-input.half {
    width: 48%;
    margin: 0 1%
}

.full-select::-webkit-input-placeholder,
.full-input::-webkit-input-placeholder {
    color: #b6b6b6
}

.full-select::-moz-placeholder,
.full-input::-moz-placeholder {
    color: #b6b6b6
}

.full-select:-ms-input-placeholder,
.full-input:-ms-input-placeholder {
    color: #b6b6b6
}

.full-select:-moz-placeholder,
.full-input:-moz-placeholder {
    color: #b6b6b6
}

.full-select {
    padding: 0 10px
}

.full-select.half {
    width: 47%;
    margin-right: 2%
}

.full-textarea {
    width: 100%;
    height: 100px;
    float: left;
    padding: 10px;
    color: #666;
    font-size: 14px;
    border: 1px solid #e7e7e7;
    font-family: "open sans";
    border-radius: 3px
}

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

.nBookingItem .bcbHolderNew .bcButtonNew {
    width: 50%;
    height: 45px;
    float: left;
    line-height: 45px;
    background: 
#6cbf1c;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
color:
    #fff;
    text-align: center;
    letter-spacing: -0.4px;
}


.cardBox{

    width: 31%;
height: 36px;
float: left;
margin: 1%;
border: 1px solid #e9e9e9;
text-align: center;
overflow: hidden;
border-radius: 2px;
cursor: pointer;
}

.cardBox.selected {
    border: 2px solid 
    #1f9bde;
}