/**
 * Booking funnel style
 *
 * Standard layout for details, customise and payment templates
 *
 * @project   ClickandGo.com
 * @version   1.0.0
 * @package   css
 * @copyright 2016
 *
*/

@import 'partials/customise.css';

/* Detail page */
@media screen and (max-width: 480px) {
    .page-payment .multitab-container,
    .page-details .multitab-container {
        width: 96%;
        margin: 0 2%;
    }
}
.holiday-summary-box-details .rating5,
.holiday-summary-box-details .rating2,
.holiday-summary-box-details .rating3,
.holiday-summary-box-details .rating4 {
    padding-left: 5px;
}
.details-ab-2 #trustPilotTestimonial {
    display: none
}
.newsidebar-price .original {
    text-align: center;
}
.newsidebar-price .total-discount {
    text-align: center;
}
@media screen and (min-width: 30.1em) {
    .holiday-details #accommodation .content {
        margin-right: 2.5em !important;
    }
}

.page-customise #holiday-summary .price {
    margin-top: 1%!important;
}
#details-next-after-content {
    padding-top: 1%;
    clear: both;
}
.send-quote-btn {
    display: block;
    font-size: 0.9em;
    text-align: center;
    color: #FFFFFF !important;
    padding: 4px 8px !important;
    border: 1px solid #23B4E6;
    border-radius: 0px !important;
    box-sizing: border-box;
    text-decoration: none;
    background-color: #23B4E6;
    cursor: pointer;
    width: 100%;
    line-height: 24px !important;
    margin-bottom: 5%;
}
@media screen and (max-width: 480px) {
    .newsidebar-button {
        margin: 10px auto 0 auto!important;
    }
    #details-next-after-content {
        text-align: center;
    }
    #holiday-summary .send-quote-btn,
    #holiday-summary .book-btn-big.book-btn-next {
        display: none;
    }
}

/* Customise page */
@media screen and (max-width: 480px) {
    .customise-intro-text {
        margin: 0 6% 3% 6%;
    }
    .payment-intro-text {
        margin: 3% 6% 3% 6%;
    }
}

.page-customise .buttons {
    display: flex;
}
@media screen and (min-width: 30.1em) {
    .payment-intro-text,
    .customise-intro-text {
        color: #444444;
        font-size: 15px;
        margin: 3% 3% 1% 3%;
    }
    .page-customise .newsidebar-button .book-btn-next {
        clear: both;
    }
    .accommodation-room {
        display: inline;
        width: 100%;
    }
    .page-customise .newsidebar-accordion .content {
        padding: 5 px;
        margin-top: 0;
    }
    .page-customise .sticker {
        display: none !important;
    }
    .page-customise .customise-total-price {
        border: 1px solid #F8F8F8;
        margin: 2% auto;
        width: 85%;
        display: inline-table;
        padding: 5px 20px;
    }
    .holiday-content dl {
        padding: 0.5em;
    }
    .list div.price {
        float: left;
        width: 14%;
        margin: 0.3em 0 0 0;
    }
    .customise-holiday #flights .row .deposit-amount {
        padding: 40px 0px 0px 0px;
    }
    .page-customise .customise-holiday #flights .return.list .returnlabel{
        position: absolute;
        top: 30px;
        right: 13px;
    }
    .customise-holiday #flights .row .price {
        margin: 10px 10px 0px 0;
    }
}
/*New Breadcrumbs */
.page-details .spacer,
.page-payment .spacer,
.page-customise .spacer {
    background-color: transparent!important;
    border: transparent!important;
}
.page-payment .breadcrumb,
.page-customise .breadcrumb {
    display: block;
    overflow: hidden;
    width: 100%;
    /*background-color: #647D96;*/
}

.page-itinerary .breadcrumb a,
.page-details .breadcrumb a,
.page-payment .breadcrumb a,
.page-customise .breadcrumb a {
    /* text-transform: uppercase;*/
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding: 0 40px 0 40px;
    position: relative;
    margin-right: 0.55%;
    margin-top: 10px;
}

.page-details .breadcrumb {
    display: block;
    overflow: hidden;
    width: 100%;
}
.payment-details .breadcrumb a {
    padding: 0 64px;
}
.page-customise .newsidebar-button {
    margin-top: 10%;
}
/* Accommodation */
.page-customise .accommodation-name {
    font-size: 1em;
    color: #1446A0;
}
.page-customise #holiday-summary .side-next-button,
.page-customise #holiday-summary .send-quote-btn {
    display: none!important;
}
.page-customise .holiday-summary-box .accommodation-name {
    color: #444444;
}
.newsidebar-accordion-insurance-selection-plus {
    text-transform: none;
    font-size: 0.9em;
    margin-left: 0.2%;
}
#transfer-name-selected,
.newsidebar-accordion-insurance-selection {
    text-transform: none;
    font-size: 0.9em;
    margin-left: 2%;
}

.holiday-type-city .newsidebar-optional-sidebar {
    display: inline-block;
}
.holiday-type-sun .newsidebar-optional-sidebar {
    display: none;
}

@media screen and (min-width: 30.1em) {
    .page-customise .accommodation-room {
        display: inline-table;
        padding-bottom: 2%;
        border: 1px solid #E4E4E4;
        background-color: white;
        width: 98.5%;
        margin: 5px;
    }
    .page-customise .accommodation-qty .rate {
        margin-top:0!important;
    }
    .rate {
        float: left;
        margin-left: 6px;
        font-style: normal;
        font-size: 13px;
        color: #F04B6E;
        }
    .holiday-content dl {
        padding: 0!important;
    }
    .page-customise .accommodation-room:hover {
        background-color: #E4E4E4;
    }
    .page-customise .discount {
        display: block;
    }
}
.accordion-name-header {
    text-transform: none;

    font-size: 0.9em;
    margin-left: 2%;
}
.room,
.customise-holiday .options {
    width: 100%;
    display: inline-table;
}
.customise-holiday .accommodation-name {
    float: left;
    width: 25%;
}
.customise-holiday .accommodation-name dt {
    width:100%;
    font-size:14px;
}
.customise-holiday .accommodation-basis,
.customise-holiday .accommodation-qty {
    float: left;
    width: 20%;
    padding: 0;
    display: block!important;
    font-size: 14px;
}
.customise-holiday .accommodation-qty {
    float: left;
    width: 20%;
    padding: 0;
    font-weight: bold;
    text-align: right;
    display: block;
    text-align: left;
}
.page-customise .accommodation-room dl {
    border: 3px double #ccc;
    padding: 0.5em;
}
.accommodation-room-container label {
    text-transform: none;
    background-color: transparent;
    color: #444444;
    border-bottom: none!important;
    padding: 5px 10px;
    position: relative;
    height: auto;
    cursor: pointer;
    text-shadow: none!important;
    background: none!important;
    box-shadow: none!important;
    font-size: 14px;
}
.accommodation-room-container {
    border:1px solid #f8f8f8;
    padding-top: 0px!important;
}

.customise-holiday dl.room > dd {
    float: left;
    width: 100% !important;
}
#FlightsLoadMore,
#loadLess,
#loadMore {
    display: none;
    border: 1px solid #1446A0;
    width: 40%;
    margin: 5px auto;
    font-size: 13px;
    text-align: center;
    padding: 5px;
    color: #1446A0;
    cursor: pointer;
}
.customise-holiday dl.room > dd {
    border-top: none!important;
}


/* Flights */
.flight-button {
    width: 100%;
    display: inline-block;
    margin-top: 1%;
}
.page-customise .list div.price {
    font-weight: bold;
}
.row .not-required {
    padding: 0 20px;
}
#flights .duration {
    float: left;
}
.customise-holiday .newsidebar-accordion .outbound.list {
    width: 49%;
    float: left;
}
.outbound {
    font-size: 1em;
    line-height: 1.6em;
    color: #444444;
    text-align: left;
    text-transform: none;
    border-bottom: none;
    padding: 0 5px 0 0;
}
.inbound.list {
    width: 50%;
    float: right;
}
.customise-holiday .newsidebar-accordion #flights .number,
.customise-holiday #flights .airline {
    float: left;
    /*clear: left;
    width: 40%;
    text-indent: 3%;
    height: inherit;*/
}
.rate-text {
    font-size: 13px;
    margin-left: 10px;
}

.newsidebar-accordion .rate-text {
    position: relative;
}

.outbound label,
.inbound label,
.customise-holiday #flights .number label{
    font-size: 1em;
    text-transform: none;
    color: #444444;
    border-bottom: none;
    padding: 5px;
    /*height: 45px;*/
    line-height: 1.5em;
    background: transparent;
    box-shadow: none;
    height: auto;
}
.flights-header {
    background: transparent!important;
    padding: 0.5em 2%!important;
}
.customise-holiday #flights .number,
.customise-holiday #flights .route,
.customise-holiday #flights .airline,
.customise-holiday #flights .number,
.customise-holiday #flights .stops,
.customise-holiday #flights .duration,
.customise-holiday #flights .date,
.customise-holiday #flights .times {
    width:45%;
    float: left;
}
.customise-holiday #flights .number:hover,
.customise-holiday #flights .route:hover,
.customise-holiday #flights .airline:hover,
.customise-holiday #flights .number:hover,
.customise-holiday #flights .stops:hover,
.customise-holiday #flights .duration:hover,
.customise-holiday #flights .date:hover,
.customise-holiday #flights .times:hover {
    background-color: transparent;
}
.customise-holiday #flights .date,
.customise-holiday #flights .times {
    position: relative;
    font-weight: bold;
}
.bags-buttons1 span {
    padding: 4px 16px;
    background-color: #FFFFFF;
    display: inline-block;
    margin: 2% 1% 1.5% 0;
    color: navy;
    font-size: 14px;
    border: 1px solid #E4E4E4;
}
.bags-buttons1 {
    text-align: left;
    margin-left: 25px;
}
.bags-buttons1 span:hover {
    cursor: pointer;
    background-color: #e4e4e4!important;
}

@media screen and (max-width: 480px) {
    .customise-holiday .accommodation-basis,
    .customise-holiday .accommodation-qty {
        width: 40%;
    }
    .customise-holiday #flights .number,
    .customise-holiday #flights .route,
    .customise-holiday #flights .airline,
    .customise-holiday #flights .number,
    .customise-holiday #flights .stops,
    .customise-holiday #flights .duration,
    .customise-holiday #flights .date,
    .customise-holiday #flights .times {
        width:92%;
        float: none;
    }
    .customise-holiday .newsidebar-accordion #flights .route,
    .customise-holiday .newsidebar-accordion #flights .stops,
    .customise-holiday .newsidebar-accordion #flights .date,
    .customise-holiday .newsidebar-accordion #flights .times {
        left: 10px;
    }
    .page-customise .customise-holiday #flights .row {
        border-bottom: 1px solid #E4E4E4;
        padding: 20px 0px 20px 0px;
    }
    .page-payment .send-quote-btn {
        width: 268px !important;
    }
    .customise-holiday #flights .row .deposit-amount {
        padding: 30px 0 0 0;
    }
    .page-customise .customise-holiday #flights .return.list .returnlabel {
        position: relative;
        top: 0px;
        right: 0px;
    }
    .customise-holiday #flights .row .price {
        margin: 35px 10px 0px 0;
    }
}
/* Transfers */
@media screen and (max-width: 480px) {
    #loadFlights .transfers-confirmation {
        margin-right: 0!important;
    }
    #loadTransfers .transfers-confirmation {
        margin-right: 4px!important;
    }
    .no-ins-confirmation, .pre-ins-confirmation, .preplus-ins-confirmation {
        margin-right: 5px;
        margin-top: -7px!important;
    }
    #loadInsurance .transfers-confirmation {
        text-align: center;
        padding-right: 29px;
    }
    #transfer-name-selected {
        text-transform: none;

        font-size: 0.9em;
        margin-left: 2%;
        clear: both;
        float: left;
        text-indent: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 260px;
    }
}
.transferDetails.noTransferDetails.accordion-enable.accordion-enable:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #4BB955;
    width: 20px;
    font-size: 18px;
    display: block;
    margin-right: 28px;
    float: right;
    margin-top: 12px;
}
.holiday-summary-box .transfers-confirmation {
    display: none;
}
.transfers-confirmation {
    color: #4BB955;
    font-size:18px;
    display: block;
    margin-top: 5px;
}
.transfer_price:selected {
    background-color: #E4E4E4;
    display: inline-block;
    width: 100%;
}
.trans-price-pe {
    color: #4BB955;
    float: right;
    margin-right: 2%;
    display: none;
}
.trans-price-selected {
    display: block;
}
.transfers-name {
    color: #1446A0;
    position: relative;
    display: block;
    padding: 10px;
}
.transfer_price .no_transfer {
    width: 100%;
}
.notransfer-name-container i{
    font-size:18px;
    margin-right: 5px;
}

.customise-holiday #transfers .transferDetails .box_left {
    float: left;
    width:25%;
    padding-right: 3%;
    text-align: center;
    clear: both;
}
.customise-holiday #transfers .transferDetails {
    border: 1px solid #E4E4E4;
    width: 98%;
    margin: 10px auto;
    background-color: #FFFFFF;
    cursor: pointer;
}
.customise-holiday #transfers .transferDetails .transfer-box-price {
    float: right;
    width:15%;
    text-align: right;
    font-weight: bold;
    padding: 10px;
}
.customise-holiday #transfers .transferDetails .box_right {
    float: left;
    width: 53%;
    margin-bottom: 15px;
    /*border-right: 1px solid #F8F8F8;*/
}
.customise-holiday #transfers .transferDetails .box_left .scaledImg {
    width:98%;
}
.customise-holiday #transfers .transferDetails .box_left .features {
    margin: 10px 5%;
    color: #4BB955;
    font-size: 1em;
    text-align: left;
}
.box_right-info {
    display: inline-table;
    width:100%;
}
.box_right-info b,
.box_right-info p {
    font-size: 0.9em;
}
.box_right-info b {
    float: left;
}
.box_right-info p {
    text-align: left!important;
    margin-left: 28%;
}
.box_left .features .fa-check-square {
    margin: 0 3%;
}
.customise-holiday #transfers .transferDetails:hover {
    background-color: #E4E4E4;
}

/* Transfers without images */
.transfer_price .transfers-det-price-container .transfers-name {
    width: 50%;
    float: left;
}

/* Insurance */
.no-ins-confirmation,
.pre-ins-confirmation,
.preplus-ins-confirmation {
    color: #4BB955;
    font-size: 18px;
}
.page-customise .newsidebar-accordion .content {
    padding-left: 0;
}
.page-customise .customise-holiday fieldset {
    margin:0!important;
}
.customise-holiday #insurance .insuranceBorder {
    width:100%;
}
.insuranceBorder {
    z-index: 2;
    position: relative;
}
.page-customise .holiday-content fieldset {
    border: none!important;
}
.holiday-content .tab-with-icon, .holiday-content fieldset {
    position: relative;
    border: 1px solid #E4E4E4;
}
.customise-holiday #insurance .cell.coverLevel,
.customise-holiday #insurance .row.highlighted {
    /*white-space: nowrap;*/
    font-size: 1em;
    text-align: center;
}
.customise-holiday #insurance .row.highlighted {
    background-color: #C9EACC;
}
.customise-holiday #insurance .table .row .cell:last-child{
    display: table-cell;
    text-align: left;
}
.customise-holiday #insurance .cell.coverLevel {
    text-align: left;
    width:150px;
}
.customise-holiday #insurance .row.highlighted .recommended {
    font-size: 80%;
    font-style: italic;
    font-weight: 500;
}
.customise-holiday #insurance .row.highlighted .cell:first-child {

}
.customise-holiday #insurance input[type="checkbox"].insurance + label, #confirmAges + label {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: #FFFFFF;
    cursor: pointer;
    border: solid 1px #000000;
}
.customise-holiday .newsidebar-accordion #insurance label {
    padding: 1px;
}
.customise-holiday #insurance .table {
    width: 98%;
    margin: 10px auto;
    cursor: pointer;
    display: table;
    margin-top: 10px;
    border-collapse: collapse;
}
.customise-holiday .newsidebar-accordion #insurance .declaration p {
    margin-left: 3%;
    margin-top: 1em;
    font-size: 0.85em;
    color: #444444;
}
.newsidebar-accordion .declaration label{
    color: #444444!important;

    font-size: 1em;
    text-transform: none;
    background-color: #f8f8f8;
    border-bottom: transparent;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: inline;
    height: 20px;
    cursor: pointer;
    text-shadow: none;
    line-height: 20px;
    background: transparent;
    box-shadow: none;
}
.table .row label {
    color: #444444!important;

    font-size: 1em;
    text-transform: none;
    background-color: transparent;
    border-bottom: transparent;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: inline;
    height: 20px;
    cursor: pointer;
    text-shadow: none;
    line-height: 20px;
    background: transparent;
    box-shadow: none;
    display: inline-table;
}
.customise-holiday #insurance .row {
    display: inline-block;
    width:100%;
    border: 1px solid #E4E4E4;
    background-color: white;
    margin: 5px 0;
}
.table .row label:hover,
.table .row label:active {
    background-color:#E4E4E4;
}

.newsidebar-accordion .declaration input {
    display: inline;
}
.customise-holiday #insurance .cell-text {
    text-align: left;
    width: 630px;
}
.customise-holiday #insurance .price {
    display: inline!important;
    float: none!important;
    font-weight: bold;
}
.customise-holiday #insurance .coverLevel {

    font-size: 1em;
    color: #1446A0;
}
/* Price breakdown */
.price-summary-breakdown {
    width: 100%;
    display: inline-table;
}
.customise-holiday #price-summary .price-summary-original .original,
.customise-holiday #price-summary .accommodation.discount,
.customise-holiday #price-summary .price-summary-total1 dt,
.customise-holiday #price-summary .price-summary-total2 dt,
.customise-holiday #price-summary .price-summary-total3 dt,
.customise-holiday #price-summary .price-summary-total4.price-summary-breakdown .balance.breakdown  {
    float: left;
    width: 68%;
    padding: 0;
    margin-top:2%;
    margin-left: 2%;
    display: block;
}
.customise-holiday #price-summary dd.flight.discount {
    width:30%;
}
.customise-holiday #price-summary .flight.discount {
    width: 70%;
}
.customise-holiday #price-summary dt, .customise-holiday #price-summary .spacer {
    float: left;
    width: 68%;
    padding: 0;
    margin-top: 2%;
    margin-left: 2%;
    display: block;
}
.customise-holiday #price-summary .price-summary-total1 dd,
.page-customise #price-summary .original dd,
.page-customise .price-summary-container .price-summary-original dd.original,
.customise-holiday #price-summary .accommodation .discount dd,
.customise-holiday #price-summary .price-summary-total2 dd,
.customise-holiday #price-summary .price-summary-total3 dd,
.customise-holiday #price-summary .price-summary-total4.price-summary-breakdown dd,
.customise-holiday #price-summary dd.flight.discount,
.customise-holiday #price-summary dd.accommodation.discount,
.customise-holiday #price-summary .price-summary-original dd.original {
    float: right;
    width: 26%;
    padding: 0;
    margin-top:1.5%;
    text-align: right;
    display: block;
    padding-right: 2%;
    margin-bottom: 1%;
}
.page-customise #price-summary .customise-holiday dl {
    border: 3px double #ccc;
    padding: 0.5em;
}
.page-customise #price-summary .customise-holiday dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
    color: green;
}
.page-customise #price-summary .customise-holiday dt::after {
    content: ":";
}
.page-customise #price-summary .customise-holiday dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
}
.price-summary-divider {
    width:100%;
    border: 1px solid #f8f8f8;
    position: relative;
    display: inline-block;
}
.price-summary-container {
    border:1px solid #f8f8f8;
}
.customise-holiday #flights .not-required label {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 10px;
}
.page-customise .holiday-content #baggage legend  {
    position: relative;
    top: 0.5em!important;
    border: none!important;
    margin-bottom: 0!important;
}
.page-customise .holiday-content #flights ul,
.page-customise .holiday-content #baggage ul {
    list-style-type: none;
}
.page-customise .holiday-content ul.notes {
    margin-left: 0!important;
}
.page-customise .customise-holiday #flights .row {
    /*border:none!important;*/
}
/*Baggage */
.holiday-content #baggage .notes {
    clear: both;
    line-height: 1.2em;
}
.holiday-content #baggage ul.notes {
    border-top: none;
}
/*Back to the drop down menu */
/*.bags-buttons {
    width: 15%!important;
    float: left;
    margin-right:0.5%;
    padding: 16px 4px;
    background-color: #E4E4E4;
    color: #444444;
    border-bottom: 1px solid #E4E4E4;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
}
#bags2 {
    font-size: 0.85em;
    margin-top: 1.5em;
    margin-left: 3%;
}
.bags-buttons:hover {
    width: 15%!important;
    float: left;
    margin-right:0.5%;
    padding: 16px 4px;
    background-color: #cdcdcd;
    color: #444444;
    border-bottom: 1px solid #ababab;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
}*/
/* accordion tabs*/
.accordion-enable:before {
    font-family: FontAwesome;
    content:"\f00c";
    color: #4BB955;
    width: 22px;
    display: inline-block;
}
.accordion-disable:before {
    font-family: FontAwesome;
    content:"\f00d";
    color: #F04B6E;
    width: 22px;
    display: inline-block;
}
.page-customise .customise-holiday #price-summary {
    margin: 3em 0 1em 0;
}
#send-quote-dialog .std-btn {
    margin-left: 3.5%!important;
    margin-right: 3.5%!important;
    margin-bottom: 4%;
}
/* Mobile version */
@media only screen and (max-width: 480px) {
    .progress #firstLabel,
    .progress #secondLabel,
    .progress #thirdLabel {
        font-size: 15px;
    }
    .page-details #send-quote-dialog {
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
        width: 96%;
        margin: 0 0.5%;
        left: 0;
    }
    #loadRooms .accordion-name-header {
        text-indent: 16px!important;
        width: 220px!important;
    }
    .page-customise .accommodation-name {
        font-size: 14px;
    }
    .customise-holiday .accommodation-basis, .customise-holiday .accommodation-qty {
        font-size: 13px;
    }
    .newsidebar-accordion label {
        white-space: normal !important;
    }
    .customise-holiday #flights .row .price {
        width: 25%;
    }
    #loadFlights .transfers-confirmation {
        text-align: center;
        padding-left: 19px;
    }
    #loadTransfers .transfers-confirmation {
        margin-right: 8px !important;
    }
    .customise-holiday #insurance .centered {
        width: 22px!important;
    }
    .no-ins-confirmation, .pre-ins-confirmation, .preplus-ins-confirmation {
        margin-right: 5px;
        margin-top: -7px!important;
    }
    .customise-holiday #insurance .cell.coverLevel {
        text-align: left;
        width: 195px;
        display: table-cell;
    }
    #transfer-name-selected {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 245px;
        text-indent: 16px;
    }
    .customise-holiday #price-summary dd.flight.discount {
        float: right;;
    }
    .newsidebar-accordion article {
        background: rgba(255, 255, 255, 0.5);
        margin-top: -1px;
        overflow: hidden;
        height: 0px;
        position: relative;
        transition: height 0.3s ease-in-out,
        box-shadow 0.6s linear;
    }
}
.fa-check:before {
    content: "\f00c";
}
.customise-holiday #insurance .table .row .cell:last-child {
    display: table-cell;
    text-align: left;
}
@media screen and (max-width: 480px) {
    .customise-holiday #price-summary .price-summary-original .original,
    .customise-holiday #price-summary .accommodation.discount,
    .customise-holiday #price-summary .price-summary-total1 dt,
    .customise-holiday #price-summary .price-summary-total2 dt,
    .customise-holiday #price-summary .price-summary-total3 dt,
    .customise-holiday #price-summary .price-summary-total4.price-summary-breakdown .balance.breakdown  {
        float: left;
        width: 64%;
        padding: 0;
        margin-top:2%;
        margin-left: 2%;
        display: block;
    }
    .progress #firstLabel,
    .progress #secondLabel,
    .progress #thirdLabel {
        font-size: 16px;
    }
    #galleryv2-container {
        height: 250px !important;
    }
    #galleryv2nav-container {
        display: none;
    }

    .slick-prev, .slick-next {
        display: none !important;
    }

    #main-nav-mobile {
        z-index: 30;
    }

    .page-customise .breadcrumb a.search,
    .page-customise .breadcrumb a.holiday,
    .page-customise .breadcrumb a.payment,
    .page-customise .breadcrumb a.itinerary {
        display: none;
    }

    .page-customise #holiday-summary #HolAvailable,
    .page-customise #holiday-summary .multitab-container {
        display: none;
    }
    .page-customise .breadcrumb a.customise {
        display: block!important;
        border: none;
    }
    .page-customise .breadcrumb {
        height: 55px;
    }
    .page-customise .breadcrumb a {
        /*text-transform: uppercase;*/
        text-decoration: none;
        outline: none;
        display: block;
        float: none;
        font-size: 20px;
        line-height: 40px;
        color: #325064;
        padding: 10px 36px 0 36px;
        background-color: transparent !important;
        position: relative;
        margin-right: 0;
        text-align: center;
    }

    .page-details .breadcrumb {
        display: none;
    }

    .page-customise .sticker {
        display: none !important;
    }

    .page-details .spacer,
    .page-customise .spacer {
        display: none !important;
    }

    .page-customise .customise-holiday #price-summary .per-person {
        display: none !important;
    }

    .page-customise .price-summary-container {
        width: 98%;
        margin: 0 auto;
    }

    .page-customise .customise-holiday #price-summary {
        margin: 1em 0;
    }

    .page-customise .next2 {
        display: block !important;
    }
    .page-customise .book-btn-next1,
    .page-customise .book-btn-next {
        width: 100% !important;
        margin: 5px 0;
        padding: 0 !important;
    }

    .page-customise .next2 {
        width: 80%;
        text-align: center;
    }

    #loadTransfers .newsidebar-accordion label,
    #loadRooms .newsidebar-accordion label,
    #loadFlights .newsidebar-accordion label {
        height: auto;
        line-height: 22px;
    }
    #loadRooms .newsidebar-accordion .accommodation-basis i {
        display: inline-block;
        float: left;
    }
    #loadTransfers .accordion-name-header,
    .accordion-name-header {
        float: left;
        clear: both;
        text-indent:10px;
    }
    #loadRooms .accordion-name-header {
        float: left;
        clear: both;
        text-indent:13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 290px;
    }

    .page-customise .newsidebar-accordion-arrow {
        padding: 0 5px 0 0 !important;
    }

    #loadTransfers .accordion-enable:before,
    .accordion-enable:before {
        float: left;
    }
    .newsidebar-accordion input:checked ~ .newsidebar-accordion-arr i {
        margin-right: 5px!important;
    }
    #loadTransfers .newsidebar-accordion-arrow,
    #loadInsurance .newsidebar-accordion-arrow {
        padding: 6px 5px !important;
    }
    .accommodation-room {
        display: inherit;
        width: 100%;
        border-bottom: 1px solid #E4E4E4;
    }

    .customise-holiday .accommodation-name {
        width: 50% !important;
        float: left;
        white-space: normal;
    }
    .customise-holiday .accommodation-basis {
        float: none;
        clear: both;
    }

    .customise-holiday .accommodation-qty {
        text-align: left;
        clear: both;
    }

    .customise-holiday #accommodation .price {
        float: right;
        width: 50%;
        white-space: normal;
        position: absolute;
        right: 0;
        top: 0;
        text-align: right;
    }

    .customise-holiday .newsidebar-accordion .inbound.list,
    .customise-holiday .newsidebar-accordion .outbound.list {
        width: 100%;
        border-bottom: 1px solid #E4E4E4;
    }

    .customise-holiday #flights .not-required .price {
        display: none !important;
    }

    .no-outbound-flights {
        height: 22px;
    }

    .outbound label, .inbound label, .customise-holiday #flights .number label {
        height: 22px !important;
    }

    .bags-buttons1 {
        text-align: left;
        margin-left: 2%;
    }
    .customise-holiday #transfers .transferDetails {
        font-size: 14px;
    }
    .customise-holiday #transfers .transferDetails .box_left,
    .customise-holiday #transfers .transferDetails .box_right {
        display: none;
    }

    .customise-holiday #transfers .transferDetails .transfer-box-price {
        width: 35%;
        float: right;
        display: block;
    }

    .transfers-name {
        font-size: 15px;
        display: block;
        height: auto;
        line-height: 18px;
    }

    .transfers-det-price-container {
    }
    .notransfer-name-container {
        width:100%;
        display: inline;
    }
    .trans-price-pe {
        margin-right:0!important;
        font-size: 1.3em;
    }
    .transfer_price .no_transfer {
        width: 100%!important;
    }
    .trans-price-pe i {
        /* margin-left: 80%;
        margin-right: 4px!important;*/
    }
    .customise-holiday #insurance .cell-text {
        display: none!important;
    }
    #loadInsurance .newsidebar-accordion label {
        white-space: normal;
    }
    .customise-holiday #insurance .cell.coverLevel {
        text-align: left;
        width: 240px;
        display: table-cell;
    }
    .customise-holiday #insurance .cell {
        width: 25px;
        display: table-cell;
        text-align: left;
        padding-right: 10px;
    }
    .declaration-container {
        opacity: 0;
        margin-top: -470px;
        transition: 0.3s all ease-in-out;
        z-index: 1;
    }
    .declaration-text {
        margin-top: 5px;
        opacity: 1;
    }
    .customise-holiday #flights .row div.outbound,
    .customise-holiday #flights .row div.inbound {
        width: 65%;
        padding: 10px 0;
    }
    .customise-holiday #insurance .centered {
        width: 22px!important;
    }
    .customise-holiday #flights .route {
        white-space: normal;
        height: auto !important;
    }
    .accordion-enable:before {
        font-family: FontAwesome;
        content:"\f00c";
        color: #4BB955;
        width: 22px;
        display: inline-block;
    }
    .accordion-disable:before {
        font-family: FontAwesome;
        content:"\f00d";
        color: #F04B6E;
        width: 18px;
        display: inline-block;
    }
    .discount {
        margin-right: 5px;
    }
}

.customise-holiday #insurance .centered {
    width: 32px;
}
.customise-holiday #insurance .cell .centered {
    width: 45px;
}
#insurance label,
#insurance label:hover {
    width: 100%;
}
.customise-holiday #insurance .row:hover {
    width: 100%;
}
.customise-holiday .newsidebar-accordion #insurance label:hover:after {
    display: none;
}

@media only screen and (max-width: 350px) and (min-width: 300px) {
    #send-quote-dialog {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right:0;
        left: 0!important;
    }
    #quote-mobile {
        width: 78%!important;
    }
    #send-quote-dialog .std-btn {
        margin-left: 4%;
    }
    .outbound label, .inbound label, .customise-holiday #flights .number label {
        height: auto !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 351px) {
    #send-quote-dialog {
        width: 96%!important;
        margin-left: 2% !important;
        padding-left: 0;
        padding-right: 0;
        margin-right: 2%;
        left: 0;
    }
    #quote-mobile {
        width: 78%!important;
    }
    #send-quote-dialog .std-btn {
        margin-left: 4%;
    }
}
/* Summary holiday details right sidebar */
.page-customise .holiday-summary-box-details input {
    display: none;
}
.page-customise .holiday-summary-box-details .price.selected i {
    display: none;
}
.page-customise .customise-holiday .holiday-summary-box-details .accommodation-name {
    width:100%;
    float: none;
}
.page-customise .customise-holiday .holiday-summary-box-details .accommodation-basis {
    width:100%;
    float: none;
    font-size: 13px;
}
.page-customise .customise-holiday .holiday-summary-box-details .accommodation-qty b {
    display: none!important;
}
#holiday-summary .customise-total-price .price.per-person {
    display: block!important;
}
/* Payment page */
.page-payment .holiday-content .tab-with-icon,
.page-payment .holiday-content fieldset {
    background-color: transparent;
    position: relative;
    border: none!important;
    /*margin: 0 0 1em 0;
    padding-bottom: 1.5em;*/
}
.page-payment .holiday-content fieldset#card {
    background-color: #F8F8F8;
    padding: 2% 1%;
}
.customise-holiday #flights .row div.outbound, .customise-holiday #flights .row div.inbound {
    float: left;
    width: 70%;
}
.page-payment .holiday-content .tab-with-icon h1,
.page-payment .holiday-content fieldset legend {
    position: absolute;
    top: -2.26em;
    left: -0.05em;
    width: 25%;
    min-width: 17.6em;
    height: 2.2em;
    line-height: 2.4em;
    font-size: 0.9em;
    /*text-transform: uppercase;*/
    color: #1446A0;
    padding-left: 28px;
    margin: 0;
    margin-bottom: 2.5em;
    background-color: transparent;
    border: none!important;
    border-bottom: 0 none;
}
.payment-breakdown-container {
    border: 1px solid #cccccc;
    display: inline-block;
    width: 100%;
}
.payment-details #payment .total {
    background: transparent!important;
}
.payment-details #payment .amount {
    background: transparent !important;
}
.payment-amounts {
    width:100%;
    color: #cccccc;
    border-top: 0.3px solid #cccccc;
    display: inline-block;
}
.page-payment #cardAmount {
    display: block;
}
.payment-details #payment input {
    cursor: pointer;
    display: block;
}
.page-payment .buttons {
    display: flex;
    justify-content: center;
}
.page-payment .buttons p {
    font-size: 0.85em;
}
.page-payment .book-btn-next {
    float: none;
    margin: 16px 0 10px 0!important;
}
.page-payment #insurance {
    display: none;
}
.page-payment #passengers i {
    float: right;
}
.page-payment #passengers fieldset {
    margin-left:28px!important;
}
.page-payment .total {
    /*font-weight:bold;*/
}
#holiday-payment-form fieldset#payments {
    margin: 1em 0 1em 0!important;
}
.tp-widget-businessinfo {
    color:#222222;
}
#s4 {
    color: #222222;
}
.price-summary-original div:empty {
    /*display:none;*/
}
.price-summary-original {
    display: inline-block;
    width: 100%;
}
#passengers fieldset {
    margin: 3em 3% 1em 3%;
}
.page-payment .customise-sidebar-flights {
    display: none;
}
.page-customise .payment-sidebar-flights {
    display: none;
}
.page-payment #flightsSidebar.flight {
    display: none!important;
}

.customise-holiday #flights .duration {
    float: left;
    margin-left: 46%;
}
.page-payment #mobilePrefix {
    width: 25%;
}
.page-payment #mobile {
    width: 73.6%;
}
.payment-details #passengers h3 {
    font-weight: bold;
}

.payment-details #code .comment ,
.payment-details #request .comment {
    margin: 1em 3%;
}

.page-payment #holiday-payment-form #important {
    border: 1px solid #1446A0!important;
    margin: 5% 0 0 0;
    clear: both;
    font-size: 0.9em;
    line-height: 1.6em;
    color: #444444;
    background: transparent;
}
.payment-details fieldset#payment {
    margin: 1em 0 1em 0!important;
}


/* Payment page mobile */
@media screen and (max-width: 480px) {
    .page-payment #holiday-payment-form #important legend {
        top: 30px;
        padding: 2%;
        margin-left: 20px;
    }
    .page-payment #holiday-payment-form #important {
        border:none!important;
    }
    .page-payment #holiday-payment-form #important .content {
        border: 1px solid #1446A0!important;
        padding: 2%;
    }
    .page-payment .holiday-content fieldset#card {
        padding: 3% 1%;
    }
    .page-payment .breadcrumb a.search,
    .page-payment .breadcrumb a.holiday,
    .page-payment .breadcrumb a.customise,
    .page-payment .breadcrumb a.itinerary {
        display: none;
    }

    .page-payment #holiday-summary {
        /*display: none;*/
    }
    .page-payment .breadcrumb a.payment {
        display: block;
        border: none;
    }
    .page-payment .breadcrumb {
        height: 55px;
    }
    .page-payment .breadcrumb a {
        /*text-transform: uppercase;*/
        text-decoration: none;
        outline: none;
        display: block;
        float: none;
        font-size: 20px;
        line-height: 40px;
        color: #325064;
        padding: 10px 36px 0 36px;
        background-color: transparent !important;
        position: relative;
        margin-right: 0;
        text-align: center;
    }
    .page-payment .sticker {
        display: none !important;
    }
    .newsidebar-payment-arrow{
        vertical-align: middle;
        float: right;
        font-family: FontAwesome;
        padding: 6px 4px;
        margin-right:2%;
    }
    .newsidebar-accordion input:checked ~ .newsidebar-accordion-arr i {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        transition: 300ms ease all;
    }
    .newsidebar-accordion input ~ .newsidebar-accordion-arr i {
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
        transform: rotate(360deg);
        transition: 300ms ease all;
    }
    .newsidebar-accordion .content {
        padding-top: 20px;
        margin-top: 0;
    }
    .newsidebar-accordion .content h2 {

        font-size: 0.95em;
        color: #4BB955;
        margin-bottom: 1em;
    }
    .newsidebar-accordion .content b {

        font-weight: normal;
    }
    #accommodation .newsidebar-accordion {
        padding-bottom: 1.5em;
    }
    .newsidebar-accordion .content h3 {

        font-size: 0.85em !important;
        color: #4BB955;
        margin-bottom: 0.5em;
    }
    .holiday-details #resort .content {
        display: block!important;
    }
    .page-customise .spacer {
        display:none!important;
    }
    .page-payment .holiday-content fieldset legend {

        position: relative;
        top: 2.74em;
        left: -1.05em;
    }
    .page-payment .payment-details #passengers dd.title {
        margin-left: 0;
    }
    .page-payment .payment-details #passengers .title {
        width: 95%;
    }
    .page-payment .payment-details #passengers dd {
        float: none;
    }
    .page-payment .payment-details #passengers dd.first-name {
        margin-left: 0;
    }
    .page-payment .payment-details #passengers .first-name {
        width: 95%;
    }
    .page-payment .payment-details #passengers dd.last-name {
        margin-left: 0;
    }
    .page-payment .payment-details #passengers .last-name {
        width: 95%;
    }
    .page-payment .payment-details .two-cols {
        float: none;
        width: 95%;
        /* margin-right: 0 !important; */
    }
    .page-payment #booking-source {
        padding-bottom: 5%;
    }
    .page-payment .buttons .next {
        display: block!important;
        padding-bottom: 5%;
        width:100%;
    }
    .page-payment #mobilePrefix {
        width: 30%;
    }
    .page-payment #mobile {
        width: 68.6%;
    }
    .page-payment .payment-details .newsidebar-accordion label {
        font-style: normal;
    }
    .page-payment .payment-details #passengers .dob {
        width: 95%;
    }
    .page-payment .payment-details #passengers dd.dob {
        margin-left: 0%;
    }
    .multitab-drawer-heading .multitab-active {
        display: none;
    }
    .payment-breakdown-container {
        width: 98%;
        margin: 0 1%;
    }
    .payment-details #passengers h3 {
        font-weight: bold;
    }
    .page-payment #timerContainer {
        clear: both;
        white-space: nowrap;
    }
    .page-payment .buttons {
        margin-bottom: 10px;
    }
    .holiday-content input[type="text"],
    .holiday-content input[type="number"],
    .holiday-content input[type="email"],
    .holiday-content input[type="tel"],
    .holiday-content select {
        font-size: 1em;
    }
    .payment-details #passengers dd {
        margin-top: 0.5%!important;
    }

}

@media only screen and (max-width: 400px) and (min-width: 340px) {
    .summary-right-menu a,
    .summary-right-menu {
        width:80%;
    }
}
@media only screen and (max-width: 330px){
    .summary-right-menu a,
    .summary-right-menu {
        width:68%;
    }
}
/* Holiday Summary */
@media screen and (max-width: 480px) {
    #holiday-summary h2 {
        display: none;
    }

    #holiday-summary {
        margin: 0 !important;
    }

    .newsidebar-sendmetq {
        display: none !important;
    }

    #flightsSidebar2 h3 {
        display: none;
    }

    .customise-total-price {
        padding: 5px 20px;
        border: solid 1px #cccccc;
        width: 80%;
        margin: 0 3%;
        display: inline-block;
    }

    .holiday-summary-box-details {
        background-color: #F8F8F8;
    }
    .page-payment .multitab-content {
        background-color: #F8F8F8;
        padding-bottom: 5%!important;
    }
    #holiday-summary .price {
        position: relative;
        text-align: right;
        clear: both;
        margin-top: 1%!important;
    }
    .page-payment #holiday-summary .price {
        position: relative;
        clear: both;
        margin-top: 1%!important;
    }
        .page-customise .customise-total-price dt {
            width: 70%;
            float: left;
            margin-top: 0;
        }
        .payment-details .customise-total-price dt {
            float: left;
            margin-top: 0;
        }
        .page-payment dd.total {
            float: right;
        }
}

@media screen and (min-width: 30.1em) {
    .customise-total-price {
        padding: 5px 20px;
        border: solid 1px #cccccc;
        width: 85%;
        margin: 0 auto;
        display: inline-block;
    }
    #holiday-summary .insurance {
        display: none!important;
    }
    .price-summary-divider.original {
        width:100%!important;
        margin-left:  0!important;
    }
    .quotebutton2 {
        width: 100%!important;
        margin-top: 10px!important;
        margin-left: 0!important;
    }
    .page-customise .customise-total-price dt,
    .payment-details .customise-total-price dt {
        width: 50%;
        float: left;
        margin-top: 0;
        text-align: left;
    }
    .page-payment #holiday-summary .price {
        margin-top: 2%;
    }
    .page-customise .outbound.list .row,
    .page-customise .inbound.list .row {
        padding: 10px 0;
    }
    #bags {
        width: 98%;
        margin: 10px;
        padding: 8px;
    }
    .customise-holiday #accommodation .price {
        float: right;
        width: 18%;
        text-align: right;
        display: block;
        font-size: 14px;
        text-align: right;
    }
    .customise-holiday #flights .row div.outbound, .customise-holiday #flights .row div.inbound {
        padding: 0 10px;
    }
}
/* Sold Out pages */
.sold-out .customise-intro-text {
    display: none;
}
.sold-out.page-customise .buttons {
    display: none;
}


@media screen and (min-width: 30.1em) {
    .sold-out.page-customise .holiday-content .warning,
    .sold-out.page-customise .customise-total-price,
    .sold-out.page-customise .holiday-summary-box-details {
        display: none;
    }
    .sold-out.page-payment .holiday-content .not-available,
    .sold-out.page-customise .holiday-content .not-available {
        margin-top: 1em;
    }
    .sold-out.page-payment .ab2 #HolNotAvailable {
        display: block!important;
    }
    .sold-out.page-payment .ab2 .holiday-summary-box-details,
    .sold-out.page-payment .ab2 .customise-total-price {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .sold-out.page-customise .ab2 #HolNotAvailable {
        display: block;
    }
    .sold-out.page-payment .ab2 #HolNotAvailable {
        display: block!important;
    }
    .sold-out.page-payment .ab2 .holiday-summary-box-details,
    .sold-out.page-payment .ab2 .customise-total-price,
    .sold-out.page-payment .ab2 .multitab-container {
        display: none;
    }
}

.holiday-content .notes {
    clear: both;
    font-size: 14px;
    line-height: 1.6em;
}
@media screen and (max-width: 480px) {
    .holiday-content .notes {
        padding: 10px;
    }
}
@media screen and (min-width: 480px) {
    .holiday-content .notes {
        padding: 10px 30px;
    }
}
/* 1 Euro booking  message in flights */

.customise-holiday #flights .row .deposit-amount {
    width: 100%;
    float: right;
    text-align: right;
    font-size: 12px;
    line-height: 1.1;
    display: none;
}
/* Flights */
.customise-holiday #flights h2 {
    background-color: transparent;
}

/* Flights with AE and Ryanair */

.customise-holiday #flights .return.list h2 {
    padding: 0.5em 5px !important;
}
.customise-holiday #flights .return.list .not-required label {
    width: 95%;
    text-transform: none;
    background-color: transparent;
    color: #444444;
    border-bottom: none;
    padding: 0px;
    display: block;
    line-height: 33px;
    box-shadow: none;
}
.newsidebar-accordion-arrow {
    float: right;
    padding: 5px;
}
.page-customise .customise-holiday #flights .return.list .row.stops1,
.page-customise .customise-holiday #flights .return.list .row.stops2,
.page-customise .customise-holiday #flights .return.list .row.stops0 {
    border: 1px solid #E4E4E4 !important;
    width: 98.5%;
    margin: 5px auto;
    background-color: #ffffff;
}
.page-customise .customise-holiday #flights .return.list .row.stops1:hover,
.page-customise .customise-holiday #flights .return.list .row.stops2:hover,
.page-customise .customise-holiday #flights .return.list .row.stops0:hover {
    border: 1px solid #E4E4E4 !important;
    background-color: #E4E4E4;
}
.page-customise .customise-holiday #flights .return.list .row.stops1.selected,
.page-customise .customise-holiday #flights .return.list .row.stops2.selected,
.page-customise .customise-holiday #flights .return.list .row.stops0.selected {
    background-color: #E4E4E4;
}
.page-customise .customise-holiday #flights .return.list .row.stops0 {
    position: relative;
}

@media screen and (max-width: 480px) {
    .customise-holiday #flights .return.list .row div.outbound,
    .customise-holiday #flights .return.list .row div.inbound {
        width: 63%;
    }
}

/* Flights with stops and overnights */

.customise-holiday #flights .overnight {
    padding: 1px 5px;
    background: #23B4E6;
    color: #FFFFFF;
    white-space: nowrap;
    border-radius: 0px;
}
.customise-holiday #flights .notice {
    margin-top: 0.2em !important;
    width: 54%;
}
.customise-holiday #flights .long {
    padding: 1px 5px;
    background-color: #4BB955;
    color: #FFFFFF;
    border-radius: 0px;
}
#flights .rate {
    margin-left: 0px!important;
}
.customise-holiday #flights a.stops {
    width: auto;
}
/* Flight filters on flights with stops and overnights */
.newsidebar-accordion .flight-filter label {
    font-size: 1em;
    /*text-transform: uppercase;*/
    color: #1446A0;
    border-bottom: 1px solid #f8f8f8;
    padding: 5px 12px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    text-shadow: none;
    line-height: 33px;
    background: transparent;
    box-shadow: none;
}
.customise-holiday #flights .flight-filter {
    background-color: transparent;
}
.customise-holiday #flights .row {
    position: relative;
}
.flight-filter  label {
    padding: 5px 20px!important;
}
.flight-filter  input {
    float: left;
    margin-top: 14px;
    display: inline-block;
}
.flight-filter {
    border-bottom: 1px solid #E4E4E4;
}
.customise-holiday #flights .segments .segment {
    padding-left: 1em;
    background: none;
}
.customise-holiday #flights .segments .connection {
    padding-left: 0.5em;
    margin-left: 0;
}
.customise-holiday #flights .segments .connection .notice .long {
    margin-left: 8.5em;
}
.customise-holiday #flights .segments .connection .overnight {
    margin-left: 8em;
}
.customise-holiday #flights .segments .route,
.customise-holiday #flights .segments .airline,
.customise-holiday #flights .segments .times {
    margin-left: 3em;
}
.customise-holiday #flights .row .price {
    float: right;
    text-align: right;
    line-height: 1.4em;
    padding-right: 0;
    white-space: normal;
}
.newsidebar-message {
    display: none;
}
@media screen and (max-width: 480px) {
    .flight-filter label {
        padding: 5px 10px!important;
        margin-top: 5px;
        height: 28px !important;
    }

    .customise-holiday #flights .duration {
        margin-left: 0%;
    }

    .customise-holiday #flights a.stops {
        max-width: 31%;
    }

    .customise-holiday #flights .notice {
        float: left;
        padding-top: 6px;
    }

    .customise-holiday #flights .segments {
        display: none;
        float: left;
        width: 100%;
        font-size: 0.9em;
        margin-left: 0%;
    }

    .customise-holiday #flights .segments .route,
    .customise-holiday #flights .segments .airline,
    .customise-holiday #flights .segments .times {
        margin-left: 0em;
    }

    .customise-holiday #flights .segments .segment {
        font-size: 1em;
    }

    .customise-holiday #flights .segments .duration,
    .customise-holiday #flights .segments .date {
        padding-top: 0.7em;
        padding-bottom: 0.7em;
    }

    .customise-holiday #flights .segments .connection {
        padding-top: 0.5em;
    }

    .customise-holiday #flights .segments .connection .overnight,
    .customise-holiday #flights .segments .connection .notice .long {
        margin-left: 0.5em;
    }
    .page-customise .holiday-content #baggage legend {
        padding-left: 12px;
    }
    #loadFlights .accordion-name-header {
        text-indent: 13px;
        width: 270px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .page-customise .newsidebar-message p {
        margin-bottom: 10px;
        margin-top: -3px;
    }
    .customise-holiday #flights .flight-filter span {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .page-customise .customise-holiday #flights .flight-filter {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 358px) and (min-width: 300px) {
    .flight-filter label {
        padding: 5px 1px !important;
    }
    .customise-holiday #flights .notice {
        width: 56%;
    }
    .customise-holiday #flights .flight-filter span {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .customise-holiday #flights .flight-filter input {
        margin-right: 0.1em;
    }
    .flight-filter label {
        padding: 5px 4px !important;
    }
    .page-customise .customise-holiday #flights .return.list .row.stops1,
    .page-customise .customise-holiday #flights .return.list .row.stops2,
    .page-customise .customise-holiday #flights .return.list .row.stops0 {
        width: 98%;
    }
    #loadTransfers .accordion-name-header {
        text-indent: 16px;
    }
    #loadFlights .accordion-name-header {
        width: 240px!important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-indent: 16px;
    }
    .page-customise .buttons {
        margin: 2% auto;
    }
    .page-customise .customise-holiday #flights .flight-filter {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }
}

/* Accommodation */
.nextDayWarning #nextDayCk {
    display: block;
    float:left;
    margin-right: 5px;
    margin-top: 5px;
}
.nextDayWarning label {
    line-height: 4px;
}
.holiday-content .nextDayWarning {
    font-size: 0.85rem!important;
}
.holiday-content .nextDayWarning h4 {
    font-weight: bold;
}
.holiday-content .buttons .next p {
    display: block;
}

@media screen and (max-width: 480px) {
    .newsidebar-price .total-discount {
        font-size: 18px;
        line-height: 50px;
    }
    .nextDayWarning label {
        white-space: normal;
        line-height: normal!important;
        padding: 5px 10px;
        font-size: 0.80rem;
    }
    .nextDayWarning #nextDayCk {
        margin-top: 8px;
    }
    .holiday-content .nextDayWarning {
        width: 87%;
    }
    .holiday-content .nextDayWarning p {
        font-size: 0.80rem!important;
    }
}

/* Important information on Rooms */
.important-info-outside .nextDayWarning,
.important-info-outside .errata {
    border:1px solid #1446A0!important;
    margin: 2% 0 0 0;
    clear: both;
    font-size: 0.9em;
    line-height: 1.6em;
    color: #444444;
    background: transparent;
}
.important-info-outside .nextDayWarning {
    width: 97%;
}
.important-info-outside .errata {
    width: 100%;
}


.important-info-outside .nextDayWarning h4,
.important-info-outside .errata h4 {
    display: block;
    padding-top: 1em;
    border-top: none !important;
    color: #1446A0;
    font-weight: bold;
}
@media screen and (max-width: 480px) {
    .important-info-outside {
        width: 92%;
        margin: 2% 2% 4% 2%;
    }
    .important-info-outside .nextDayWarning,
    .important-info-outside .errata {
        margin: 1%;
        width: 94%;
    }
}
/* Itinerary page */

.page-itinerary .holiday-content .tab-with-icon h1,
.page-itinerary .holiday-content fieldset legend {
    position: relative;
    top: 0;
    left: -0.05em;
    width: 25%;
    min-width: 17.6em;
    height: 2.2em;
    line-height: 2.4em;
    font-size: 0.9em;
    /*text-transform: uppercase;*/
    color: #1446A0;
    padding-left: 28px;
    margin: 0;
    margin-bottom: 1.5em;
    background-color: #F8F8F8;
    border-left: 0.1em solid #E4E4E4;
    border-top: none;
    border-right: none;
}
.page-itinerary .itinerary .holiday-content .two-cols {
    margin-bottom: 1em;
    margin-left: 2%;
    margin-right: 0.5%;
    width: 45%;
    float: left;
}
.page-itinerary .itinerary .holiday-content h2.room {
    padding: 0.5em 0.8em;
    margin-top: 0.5em;
    color: #1446A0;
    border-bottom: none;
    background: transparent;
}
.page-itinerary .itinerary .holiday-content h2.flight {
    padding: 0.5em 0.8em;
    color: #4BB955;
    border-bottom: none;
    background: transparent;
}
.page-itinerary .itinerary .holiday-content #transfers dt {
    float: left;
    clear: left;
    width: 23%;
    padding: 0.5em 0;
    padding-left: 3%;
}

@media screen and (max-width: 480px) {
    .page-itinerary .breadcrumb .search,
    .page-itinerary .breadcrumb .holiday,
    .page-itinerary .breadcrumb .customise,
    .page-itinerary .breadcrumb .payment,
    .page-itinerary .breadcrumb .itinerary {
        display: none;
    }
    .page-itinerary .itinerary .holiday-content {
        margin: 5% 0 0 0;
    }
    .page-itinerary .holiday-content .tab-with-icon {
        margin-bottom: 8%!important;
        display: inline-block;
        width: 100%;
    }
    .page-itinerary .itinerary .holiday-content .tab-with-icon ol {
        float: right;
    }
    .page-itinerary .itinerary #passengers dd {
        width: 50%;
    }
    .page-itinerary .holiday-content .tab-with-icon h1, .page-itinerary .holiday-content fieldset legend {
        padding-left: 8px;
    }
}

@media print and (color) {
  .page-itinerary #main-nav-mobile,
  .page-itinerary #prefooter {
    display: none;
  }
  .page-itinerary #booking-process {
    display: block;
  }
 .page-itinerary .breadcrumb a {
      background-color: #647D96!important;
      border: 1px solid #647D96;
      padding: 0 38px 0 38px;
      color: #FFFFFF!important;
      -webkit-print-color-adjust: exact;
  }
  .page-itinerary .breadcrumb a.active {
    background-color: #325064!important;
    border: 1px solid #325064;
    -webkit-print-color-adjust: exact;
}

  .page-itinerary #passport,
  .page-itinerary #insurance,
  .page-itinerary #important {
      page-break-inside: avoid;
  }

}

/* Fix Zooming Fields on iOS */

@media screen and (max-width: 480px) {
    #bags {
        font-size: 16px;
        padding: 8px;
    }
    .holiday-content input[type="text"],
    .holiday-content input[type="number"],
    .holiday-content input[type="email"],
    .holiday-content input[type="tel"],
    .holiday-content select {
        font-size: 16px;
    }
}

/* New Price Consistency test */
.newsidebar-price-divider,
.text-on-map,
.newsidebar-merch-bluebox,
.newsidebar-merch-redbox2,
.newsidebar-merch-redbox {
    display: none;
}
.page-details .newsidebar-price .holiday-summary-box-text {
    text-align: center;
}
.page-details sup.test {
    font-size: 30px;
}

@media screen and (max-width: 480px) {
    .page-customise .customise-total-price {
        display: none;
    }
}
.customise-holiday fieldset > .price {
    position: absolute;
    right: 1em;
    top: -2em;
    font-size: 1.2em;
}


/* Loading Spinner for SMTQ */

.spinner-container {
    text-align: center;
}
@media screen and (min-width: 480px) {
    .page-details .modal-dialog,
    .page-customise .modal-dialog,
    .page-payment .modal-dialog,
    .page-itinerary .modal-dialog {
        top: 20em;
    }
    .spinner {
        position: relative;
        top: 25em;
    }
}
@media screen and (max-width: 480px) {
    .spinner {
        position: relative;
        top: 16em;
    }
    .page-details .modal-dialog,
    .page-customise .modal-dialog,
    .page-payment .modal-dialog,
    .page-itinerary .modal-dialog {
        top: 10em;
    }
}
/* Flights - Tidying the information */
.return.list .row.not-required {
    margin-left: 2%;
}
i.flights-stops-arrow {
    transform: translate(0, 0);
    right: 0;
    transition: 300ms ease all;
    margin: 0 8px;
    color: #4BB955;
}
i.flights-stops-arrow.segment-open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: 300ms ease all;
}
@media screen and (max-width: 480px) {
    .customise-holiday .newsidebar-accordion #flights .airline {
        height: auto !important;
        margin-left: 3%;
        text-indent: 0!important;
        width: 37%;
    }
    .customise-holiday #flights .row div.inbound > a,
    .customise-holiday #flights .row div.outbound > a {
        padding-left: 9px!important;
        float: left;
        width: 54%;
    }
    .customise-holiday .newsidebar-accordion #flights .notice {
        width: 55%;
    }
    i.flights-stops-arrow {
        float: right;
        position: relative;
    }
    .customise-holiday #flights .segments .times,
    .customise-holiday #flights .segments .date {
        left: 0!important;
    }
    .customise-holiday #flights .segments .connection {
        width: 100%;
    }
    .customise-holiday #flights .segments .segment {
            padding-left: 0!important;
    }
    .customise-holiday .newsidebar-accordion #flights .segments .segment .number {
        width: 44%;
    }
    .customise-holiday .newsidebar-accordion #flights .segments .segment .airline {
        width: 40%;
    }
    .customise-holiday .newsidebar-accordion #flights .segments .segment .route,
    .customise-holiday .newsidebar-accordion #flights .segments .segment .times,
    .customise-holiday .newsidebar-accordion #flights .segments .segment .date {
        width: 56%;
    }
    .customise-holiday .newsidebar-accordion #flights .date,
    .customise-holiday .newsidebar-accordion #flights .duration,
    .customise-holiday .newsidebar-accordion #flights .times {
        left: 10px;
    }
    .inbound i.flights-stops-arrow,
    .inbound i.flights-stops-arrow.segment-open,
    .outbound i.flights-stops-arrow,
    .outbound i.flights-stops-arrow.segment-open {
        position: absolute;
        right: 29%;
    }
    .customise-holiday #flights .segments .connection .notice .long,
    .customise-holiday #flights .segments .connection .overnight {
        margin-left: -4px;
    }
    .customise-holiday .newsidebar-accordion #flights .duration {
        color: #1446A0;
    }
}
@media only screen and (max-width: 360px) and (min-width: 300px) {
    .customise-holiday .newsidebar-accordion #flights .notice {
        width: 64%;
    }
}
@media only screen and (max-width: 350px) and (min-width: 300px) {
    .important-info-outside {
        width: 90%;
    }
    .inbound i.flights-stops-arrow,
    .inbound i.flights-stops-arrow.segment-open,
    .outbound i.flights-stops-arrow,
    .outbound i.flights-stops-arrow.segment-open {
        position: absolute;
        right: 29%;
    }
    .customise-holiday #flights .return.list .row div.outbound,
    .customise-holiday #flights .return.list .row div.inbound {
        width: 65%;
    }
    .customise-holiday #flights .long {
        margin-left: 4px;
    }
    .customise-holiday #flights .segments .connection .notice .long,
    .customise-holiday #flights .segments .connection .overnight {
        margin-left: 3px;
    }
}

/* Insurance toggle Second testing */

.insurance-tog-test {
    color: #F04B6E;
}
.ins-checkbox {
    width: 13px;
    height: 13px;
    border: 1px solid #647D96;
    display: inline-block;
    border-radius: 2px;
    float: left;
    margin-left: 3%;
    margin-right: 1%;
    transition:background-color 0.25s ease;
    display: none;
}
.ins-declaration-row {
    width: 100%;
    display: inline-flex;
}
#agCheckbox {
    margin-left: 3%;
    display: block;
    float: left;
}
#tcCheckbox {
    margin-left: 3%;
}
.declaration.insurance-tog-test {
    margin-top: 0!important;
}
.nocheck {
    border: 1px solid #F04B6E;
}
.withcheck {
    border: 1px solid #1C9846;
    background-repeat: no-repeat;
	animation: validcheck 0.23s ease-in;
	animation-fill-mode: forwards;
	animation-direction: normal;
}
@keyframes validcheck {
  from {
		background-size: 0%;
		transform: scale(.1);
  }

  to {
		background-color: #1C9846;
		background-size: 100%;
		transform: scale(1);
  }
}

.center-corner {
  background-size: 0% 0%;
}
#agCbMessage,
#tcCbMessage,
#mcCbMessage {
    display: none;
}
#agCheckbox,
#tcCheckbox {
    display: block;
}
.ins-declaration-row label {
    border: none;
    box-shadow: none;
    color: #444444!important;
    text-transform: none;
    background-color: #f8f8f8;
    border-bottom: transparent;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: inline;
    height: 20px;
    cursor: pointer;
    text-shadow: none;
    line-height: 20px;
    background: transparent;
}
.ins-declaration-row p {
    margin-top: -0.5%;
    font-size: 14px;

}
.ins-declaration-row {
    margin-top: 2%;
}
/* Original Insurance text form */
/*
.ag-text {
    padding-left: 5%;
    font-size: 0.9em!important;
    left: 5%;
    margin-top: -1%!important;
}
.tc-text {
    padding-left: 5%;
    font-size: 0.9em!important;
    left: 5%;
    margin-top: -2%!important;
}
@media screen and (max-width: 480px) {
    .ag-text {
        padding-left: 11%;
        margin-top: -12%!important;
    }
    .tc-text {
        margin-top: -9.5%!important;
        word-wrap: break-word;
    }
    .ins-declaration-row {
         display: inline-block!important;
   		 margin-top: 2% !important;
    }
    .ins-checkbox {
        margin-right: 3% !important;
    }
	p#mcCbMessage.declaration.insurance-tog-test.visible {
    margin-top: -8% !important;
	}
}
*/
/*Old version for Insurance toggle AB test*/
#agCheckbox {
    margin-right: 1%;
}
.ins-declaration-row p {
    margin-top: -1.3%;
}
.tc-text {
    margin-top: -1.8%;
    margin-left: 5%;
}
.ins-declaration-row p {
    margin-top: -1.8%;
    font-size: 0.9em!important;
}
.ins-declaration-row .ag-text {
    margin-top: -0.7%;
}
@media screen and (max-width: 480px) {
    .ins-declaration-row {
         display: inline-block!important;
         margin-top: 2% !important;
    }
    .tc-text {
        margin-top: -7.5%!important;
        word-wrap: break-word;
        text-indent: 14px;
        line-height: 1.4em !important;
    }
    .ins-checkbox {
        margin-right: 3% !important;
    }
	p#mcCbMessage.declaration.insurance-tog-test.visible {
        margin-top: -3% !important;
	}
    .declaration-container {
        margin-top: -470px;
    }
    #agCheckbox,
    #tcCheckbox {
        margin-right: 1%;
        margin-top: 3%;
        display: inline !important;
    }
    .ins-declaration-row .ag-text {
        display: inline;
        margin-top: 0 !important;
    }
    #tcCheckbox {
        margin-left: 2%;
    }
    .customise-holiday .newsidebar-accordion #insurance .declaration {
        margin-top: 0;
    }
    .table .row label:hover,
    .table .row label:active {
        background-color: transparent;
    }
}
@media only screen and (max-width: 350px) and (min-width: 300px) {
    .tc-text {
        margin-top: -9.5%!important;
    }
}
.mc-message {
    display: none;
}


/* Style changes */
.page-details #send-quote-dialog.modal-dialog {
    top: 5em;
}