﻿open-extraoptions .guestnumber .guest-group .bootstrap-touchspin {
    align-items: center;
}



.open-extraoptions .form-extraoptions#formextras.active {
    display: none !important;
}

@media (min-width: 1200px) {
    .open-extraoptions .form-extraoptions#formextras.active {
        display: flex !important;
        transition: 0.25s ease-in-out opacity;
        z-index: 1;
    }
}

.open-extraoptions .form-extraoptions#formextras.active.showmobileform {
    display: block !important;
}

@media (min-width: 1200px) {
    .open-extraoptions .form-extraoptions#formextras.active.showmobileform {
        display: none !important;
    }
}




.open-extraoptions .tuform-field#deptview .form-icon {
    border-right: 1px solid #ccf0fb;
    position: absolute;
    right: 0px;
    bottom: 9px;
    top: 34px;
    display: flex;
    align-items: center;
}
.homepage-new-formsection .open-extraoptions .tuform-field#deptview .form-icon {
    border-right: 0.5px solid #c5d3e3;
}
@media (min-width: 1200px) {
    .open-extraoptions .tuform-field#deptview .form-icon {
        border-right: 0;
        top: 0;
        bottom: 0;
    }
    .homepage-new-formsection .open-extraoptions .tuform-field#deptview .form-icon {
        border-right: 0;
    }
}

.open-extraoptions .tuform-field#deptview .form-icon svg {
    margin-right: 13px;
}



.open-extraoptions .tuform-field#departingfield .form-icon {
    border-right: 0;
}

@media (min-width: 600px) {
    .open-extraoptions .tuform-field#departingfield .form-icon {
        border-right: 1px solid #ccf0fb;
        position: absolute;
        right: 5px;
        bottom: 9px;
        top: 34px;
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .open-extraoptions .tuform-field#departingfield .form-icon {
        border-right: 0;
        right: unset;
        bottom: 0;
        top: 0;
    }
}

.open-extraoptions .tuform-field#departingfield .form-icon svg {
    display: none;
}

@media (min-width: 1200px) {
    .open-extraoptions .tuform-field#departingfield .form-icon svg {
        display: block;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions .tuform-field .form-icon {
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
    }
}



.open-extraoptions .tuform-field.calendar-field {
    cursor: pointer;
}



@media (min-width: 1200px) {
    .open-extraoptions .tabnew-list li {
        margin-bottom: 1px;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions .tabnew-list li.active a::before {
        content: '';
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid #fff;
        bottom: -15px;
        position: absolute;
        transform: translate(1%, 0%);
        left: -4px;
        right: 0;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions .col-button {
        flex: 0 0 100px;
        max-width: 100px;
    }
}



.open-extraoptions.search-control-container .form-input-controls {
    border: 0;
}

@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-input-controls {
        border: 1px solid #01b7f2;
        border-top-left-radius: 10px;
    }
}

.open-extraoptions.search-control-container .form-input-controls .checkbox.checked::before {
    background: #FFF;
    content: url('https://tup-frond-end-node.azurewebsites.net/images/tickblue-blue.svg');
    line-height: 0;
    width: 20px;
    height: 20px;
}

.direct-field .checkbox.checked::before {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-input-controls .checkbox.checked::before {
        background: #01b7f2;
        content: url("../../images/flight/svg/tick-white-icon.svg");
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .col-inputfield,
    .open-extraoptions.search-control-container .col-passenger,
    .open-extraoptions.search-control-container .col-calendar {
        padding: 8px 0;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-row {
        border-top-left-radius: 8.4px;
        flex-basis: calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
    }
    .homepage-new-formsection .open-extraoptions.search-control-container .form-row {
        border-top-left-radius: 8px;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-row .col-inputfield.return {
        max-width: 24%;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-row .col-inputfield.return {
        max-width: 25%;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-row .col-passenger {
        max-width: 16.5%;
    }
}



@media (min-width: 1400px) {
    .open-extraoptions.search-control-container .form-row .col-passenger {
        max-width: 15.5%;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-row .col-calendar .col-50:first-child {
        flex: 0 0 53%;
        max-width: 53%;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .form-row .col-calendar .col-50:last-child {
        flex: 0 0 50.56%;
        max-width: 50.56%;
    }
}



.open-extraoptions.search-control-container .tuform-field input {
    height: 50px;
}

@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .tuform-field input {
        height: auto;
        font-size: 17px;
        letter-spacing: 0.56px;
    }
}

.homepage-new-formsection .open-extraoptions.search-control-container .tuform-field .format_field {
    height: 50px;
}

.open-extraoptions.search-control-container .tuform-field .format_field {
    height: 56px;
}
.open-extraoptions.selectric-wrapper{
    margin-bottom: 0!important;
}

@media (min-width: 1200px) {
    .open-extraoptions.search-control-container .tuform-field .format_field,
    .homepage-new-formsection .open-extraoptions.search-control-container .tuform-field .format_field {
        height: auto;
    }
}



.open-extraoptions .custom-selectdrop {
    height: 50px;
}

@media (min-width: 1200px) {
    .open-extraoptions .custom-selectdrop {
        height: auto;
    }
}

.open-extraoptions .custom-selectdrop::before {
    width: 16px;
    right: 18px;
    top: 1px;
}

@media (min-width: 1200px) {
    .open-extraoptions .custom-selectdrop::before {
        width: 13px;
        right: -20px;
        top: 0;
        margin-top: -11px;
    }
}

@media (min-width: 1400px) {
    .open-extraoptions .custom-selectdrop::before {
        width: 15px;
        right: -14px;
        top: 0;
    }
}
.homepage-new-formsection .custom-selectdrop:before{
    background-image: url('../images/reskin/dropdown-icon-down-large.svg')
}
.homepage-new-formsection .selectric .button:before {
    background-image: url('../images/reskin/dropdown-icon-down.svg')
}
.homepage-new-formsection .search-control-container #returnfield > input::placeholder, .homepage-new-formsection .search-control-container #departingfield > input::placeholder {
    color: #90A5BD !important;
    font-size: 17px;
    letter-spacing: 0.17px;
    opacity: 1;
}
.homepage-new-formsection .guestnumber {
    border: 0.5px solid #c5d3e3;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width: 1400px) {
    .homepage-new-formsection .open-extraoptions .submit-button {
        border-radius: 8px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 1.05px;
        background: #01b7f2;
    }
}
.homepage-new-search-container.search-control-container .calendartop-header .selectric .button {
    right: 38px;
}

@media (min-width: 1200px) {
    .homepage-new-search-container.search-control-container .calendartop-header .selectric .button {
        right: 2px;
    }
}

@media (min-width: 1400px) {
    .homepage-new-search-container.search-control-container .calendartop-header .selectric .button {
        right: 0;
    }
}
.open-extraoptions .calendar-feature .select-wrap .selectric {
    padding: 14px 15px;
}
.open-extraoptions .calendar-feature .select-wrap {
    margin-bottom: 0;
}

.open-extraoptions .form-extraoptions {
    padding: 0 15px;
}

@media (min-width: 1200px) {
    .open-extraoptions .form-extraoptions {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .open-extraoptions .form-extraoptions#formextras {
        margin-right: 15px;
    }
}



.open-extraoptions .form-extrascontainer {
    padding: 0;
}



.open-extraoptions .col-calendar .tuform-field#returnview input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}



.open-extraoptions .col-calendar .tuform-field#deptview input {
    border-right: 0;
}



.open-extraoptions .col-calendar .form-icon {
    top: 34px;
    bottom: 9px;
    right: 0;
}

@media (min-width: 1200px) {
    .open-extraoptions .col-calendar .form-icon {
        top: 0;
        bottom: 0;
    }
}

.open-extraoptions .col-calendar .form-icon svg {
    width: 18px;
}



.open-extraoptions .direct-field {
    margin-right: 30px;
}

    .open-extraoptions .direct-field label {
        font-size: 1em;
        line-height: 19px;
    }

@media (min-width: 1200px) {
    .open-extraoptions .direct-field .checkbox::before {
        width: 15px;
        height: 15px;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions .close_button {
        display: flex;
        align-items: center;
    }
}



.open-extraoptions .close_button a {
    font-weight: 600;
    letter-spacing: 0.6px;
}

@media (min-width: 1200px) {
    .open-extraoptions .close_button a {
        padding: 0;
    }
}

.open-extraoptions .close_button a svg {
    opacity: 0;
}



.open-extraoptions .select-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .open-extraoptions .select-wrap {
        margin-right: 30px;
        margin-bottom: 0px;
    }
}

.open-extraoptions .select-wrap .selectric {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 1200px) {
    .open-extraoptions .select-wrap .selectric .button {
        top: 1px;
        right: 0;
    }
}

.open-extraoptions .select-wrap .selectric-wrapper {
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .open-extraoptions .select-wrap .selectric-wrapper {
        margin-right: 0;
    }
    .open-extraoptions .search-control-container .col-inputfield, .search-control-container .col-passenger, .search-control-container .col-calendar{
    }
}

.open-extraoptions .more_btncontainer.invisible {
    display: flex;
}

@media (min-width: 1200px) {
    .open-extraoptions .more_btncontainer.invisible {
        display: none;
    }
}


@media (min-width: 1200px) {
    .open-extraoptions .form-input-controls .form-row::before {
        content: '';
        background: #4B6D93;
        width: 15px;
        height: 15px;
        position: absolute;
        z-index: -1;
        margin-top: -1px;
    }
}



@media (min-width: 1200px) {
    .open-extraoptions .tabnew-list {
        margin-left: 0px;
    }
}



.open-extraoptions .more_btncontainer {
    height: 54px;
    line-height: 54px;
    font-weight: 700;
    letter-spacing: 0.82px;
    background-color: #141F2C38;
}
.homepage-new-formsection .open-extraoptions .more_btncontainer {
    border: 0;
}

@media (min-width: 1200px) {
    .open-extraoptions .more_btncontainer {
        height: auto;
        line-height: unset;
        background-color: #FFF;
    }
    .homepage-new-formsection .open-extraoptions .more_btncontainer {
        border: 0.5px solid #c5d3e3;
        border-top: 0;
    }
}
.homepage-new-formsection .form-extrascontainer .selectric {
    height: 40px;
    align-items: center;
}

@media (min-width: 1200px) {
    .homepage-new-formsection .form-extrascontainer .selectric {
        height: 100%;
    }
}
.homepage-new-formsection .open-extraoptions .more_btncontainer {
    background-color: unset;
}

@media (min-width: 1200px) {
    .homepage-new-formsection .open-extraoptions .more_btncontainer {
        background-color: #fff;
    }
}
@media (min-width: 1200px) {
    .homepage-new-formsection .more_buttoncontainer .more_btncontainer .arrow_down svg {
        fill: #4B6D93;
    }
}

.open-extraoptions .more_btncontainer.invisible {
    display: flex;
    /* background-color: #01b7f200;
    border: 0;*/
}

.open-extraoptions div#returnFlight {
    width: 100%;
}

@media (min-width: 1200px) {
    .open-extraoptions .more_btncontainer.invisible {
        display: none;
    }
    .open-extraoptions div#returnFlight {
        width: unset;
    }
}

.open-extraoptions .more_btncontainer .arrow_down {
    top: 1px;
}

@media (min-width: 1200px) {
    .open-extraoptions .more_btncontainer .arrow_down {
        top: 6px;
    }
}

.open-extraoptions .more_btncontainer .arrow_down svg {
    width: 16px;
}



.open-extraoptions .btn-container .btn2style {
    font-size: 0.91667em;
    font-weight: 700;
    letter-spacing: 0.82px;
    background-color: #141F2C38;
}

    .open-extraoptions .btn-container .btn2style:hover, .open-extraoptions .btn-container .btn2style:focus {
        color: #FFF;
    }



.open-extraoptions .submit-button {
    height: 54px;
    line-height: 54px;
    border-radius: 8.3px;
    background: #98ce44;
}

@media (min-width: 1200px) {
    .open-extraoptions .submit-button {
        height: 100%;
        border-radius: 8.3px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}


.homepage-new-search-container.search-control-container #departingfield > input {
    border-right: 0;
}

  .search-control-container .tuform-field#deptview > span.format_field {
    border-right: 0;
}

.open-extraoptions.search-control-container .tuform-field#returnview .format_field {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.homepage-new-formsection .tabnew-list li a {
    font-size: 8.3px;
    font-weight: 900;
}

@media (min-width: 1200px) {
    .homepage-new-formsection .tabnew-list li a {
        font-size: 12px;
        font-weight: 600;
    }
}
.homepage-new-formsection .tabnew-list li.active a {
    border: 0.5px solid #c5d3e3;
    border-bottom: 1px solid #fff;   
}
.homepage-new-formsection .search-control-container .form-row .form-extraoptions {
    border-top: 0;
}
@media (min-width: 1200px) {
    .homepage-new-formsection .search-control-container .form-row .form-extraoptions {
        border-top: 0.5px solid #c5d3e3;
    }
    .homepage-new-formsection .direct-field .checkbox::before {
        border: 1px solid #4B6D93;
        border-radius: 3px;
        width: 13px;
        height: 13px;
        top: 3px;
    }

    .homepage-new-formsection .open-extraoptions.search-control-container .form-input-controls .checkbox.checked::before {
        border: 0;
        border-radius: 3px;
        width: 13px;
        height: 13px;
        content: url('../images/reskin/tick-icon-update.svg');
        line-height: 0;
    }
}



.homepage-new-formsection .tuform-field .form-icon svg {
    fill: #01b7f2;
}
.homepage-new-formsection .hideout .acalendar {
    fill: #c5d3e3;
}
.homepage-new-formsection .hideout .tuform-field .form-icon svg {
    fill: #c5d3e3;
}
.homepage-new-formsection .open-extraoptions .form-extraoptions#formextras.active :nth-child(3) .selectric> span{
    text-transform: capitalize;
}

.homepage-new-formsection .open-extraoptions .form-extraoptions#formextras.active :nth-last-child(2) .selectric {
    padding-top: 10px;
    padding-bottom: 10px;
}
    .homepage-new-formsection .open-extraoptions .form-extraoptions#formextras.active :nth-last-child(2) .selectric .button {
        right: 15px;
    }
@media (min-width: 1200px) {
    .homepage-new-formsection .open-extraoptions .form-extraoptions#formextras.active :nth-last-child(2) .selectric-wrapper {
        margin-bottom: 0;
    }
    .homepage-new-formsection .open-extraoptions .form-extraoptions#formextras.active :nth-last-child(2) .selectric .button {
        right: 0px;
    }
}



.homepage-new-formsection #passengerfield .custom-selectdrop {
    font-size: 17px;
    letter-spacing: 0.56px;
}

.homepage-new-formsection .tuform-field label, .homepage-new-formsection .labelstyle {
    font-size: 14px;
    letter-spacing: 0.56px;
}

@media (min-width: 1400px) {
    .homepage-new-formsection .tuform-field label, .homepage-new-formsection .labelstyle {
        color: #4B6D93;
    }
}

@media (min-width: 1200px) {
    .homepage-new-formsection .search-control-container .form-row .tuform-field {
        border-right: 0.5px solid #c5d3e3;
    }
}
.homepage-new-formsection .selectric-open .selectric-items {
    border: 0.5px solid #c5d3e3;
}
.homepage-new-formsection .calendar-feature .selectric-scroll ul li.last{
    text-transform: lowercase;
}
    .homepage-new-formsection .calendar-feature .selectric-scroll ul li.last:first-letter
    {
        text-transform: uppercase;
    }
.homepage-new-formsection .guestnumber .guest-group label {
    font-size: 14px;
    letter-spacing: 0.56px;
    font-weight: normal;
    color: #4B6D93;
}
    .homepage-new-formsection .guestnumber .guest-group label small {
        font-size: 12px;
        font-style: italic;
        letter-spacing: 0.49px;
    }
.homepage-new-formsection #ddlAdult, .homepage-new-formsection #ddlChild, .homepage-new-formsection #ddlInfant {
    font-size: 14px;
    color: #4B6D93;
    margin: 0 8px;
    font-weight: 400;
    height: 26px;
}
.homepage-new-formsection .guest-bottombutton a.button.green {
    background: #01b7f2;
    font-size: 12px !important;
    font-weight: 900 !important;
    border-radius: 6px !important;
    letter-spacing: 0.56px !important;
    height: 38px !important;
    line-height: 38px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 90px;
}
.homepage-new-formsection .input-group.bootstrap-touchspin.input-group-sm {
    border: none;
    border-radius: 0;
}
@media (min-width: 1200px) {
    .homepage-new-formsection .tabnew-list li.active a::before {
        left: -2px;
    }

    .homepage-new-formsection .search-control-container .form-input-controls {
        border: 0.5px solid #c5d3e3;
        border-top-left-radius: 0;
        box-shadow: none;
    }

    .homepage-new-formsection .form-row.flight-homepage-new::before {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #FFF;
        z-index: 0;
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .homepage-new-formsection #calendar-plugin.active {
        border: 0.5px solid #c5d3e3;
    }
}
.homepage-new-formsection #calendar-picker #carousebtncontainer .carouselbutton::before {
    background-image: url("/images/reskin/dropdown-icon-left.svg");
}

.homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header {
    border-bottom: 0.5px solid #c5d3e3;
    padding-bottom: 15px;
}

.homepage-new-formsection .acalendar {
    fill: #01b7f2;
}

.homepage-new-formsection .homepage-new-search-container .clear-button a {
    font-weight: 800;
    color: #4B6D93;
    opacity: 0.34;
    letter-spacing: 0.82px;
    font-size: 12px;
}

.homepage-new-formsection .search-control-container .calendartop-header .col-calendar-row .tuform-field.active_field input {
    border: 0;
}

.homepage-new-formsection .homepage-new-search-container .calendar-field.tuform-field#deptviewcalendar input,
.homepage-new-formsection .homepage-new-search-container .calendar-field.tuform-field#returnviewcalendar input {
    padding-left: 0;
    height: 23px;
}

    .homepage-new-formsection .homepage-new-search-container .calendar-field.tuform-field#deptviewcalendar input::placeholder,
    .homepage-new-formsection .homepage-new-search-container .calendar-field.tuform-field#returnviewcalendar input::placeholder {
        /* font-size: 1.167em;*/
        color: #90A5BD;
        opacity: 1;
    }

.homepage-new-formsection .calendarcontainer .selectric-wrapper .selectric .label {
    font-size: 1.25em;
    letter-spacing: 0.84px;
}

.homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .col-calendar-row .col-50:first-child {
    border-right: 0.5px solid #c5d3e3;
}
.homepage-new-formsection .search-control-container .calendartop-header .col-calendar-row .tuform-field input {
    border: 0;
}
.homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .col-calendar-row .col-50 {
    flex: 0 0 50%;
    max-width: 50%;
}
.homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .col-calendar-row #deptviewcalendar .form-icon, .homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .col-calendar-row #returnviewcalendar .form-icon {
    top: 6px;
}

.homepage-new-formsection .homepage-new-search-container #calendar-picker #calendar-container .calendarmonth .heading {
    font-size: 16px;
    letter-spacing: 0.16px;
}

.homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .clear-button {
    margin-bottom: 2px;
}

.homepage-new-formsection .homepage-new-search-container .calendar-field.tuform-field#deptviewcalendar, .homepage-new-formsection .homepage-new-search-container .calendar-field.tuform-field#returnviewcalendar {
    padding: 0 35px;
}

.homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .col-calendar-row {
    margin-left: -15px;
    margin-right: -15px;
}

.homepage-new-formsection .homepage-new-search-container #calendar-picker #calendar-container .cell-date .content-holder {
    color: #4B6D93;
    letter-spacing: -0.31px;
    justify-content: center;
}

.homepage-new-formsection #calendar-picker #calendar-container .cell-date.active.deptdate .content-holder, .homepage-new-formsection #calendar-picker #calendar-container .cell-date.active.returndate .content-holder {
    color: #fff;
}

.homepage-new-formsection .homepage-new-search-container #calendar-btncontainer {
    border-top: 0.5px solid #c5d3e3;
    margin: 0px 15px 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
}

    .homepage-new-formsection .homepage-new-search-container #calendar-btncontainer .clear-button {
        align-self: center;
    }

    .homepage-new-formsection .homepage-new-search-container #calendar-btncontainer #activeBtn {
        background-color: #01b7f2;
        font-weight: 900;
        font-size: 12px;
        letter-spacing: 0.56px;
        margin-right: 0;
        display: flex;
        align-self: center;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        width: 90px;
        height: 38px;
        padding: 0;
    }

@media (min-width: 1200px) {
    .homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .col-calendar-row .tuform-field input {
        padding: 0 5px;
    }

    .homepage-new-formsection .homepage-new-search-container .flex-end-calendarsection {
        max-width: 415px;
        margin-left: 15px;
    }

    .homepage-new-formsection .homepage-new-search-container.search-control-container .calendartop-header .col-calendar-row .col-50:last-child {
        padding-left: 15px;
    }

    .homepage-new-formsection .homepage-new-search-container #calendar-picker #calendar-container .calendarmonth.activecalendar {
        border-right: 0.5px solid #c5d3e3;
    }
    .homepage-new-formsection .homepage-new-search-container #calendar-picker #calendar-container .calendarmonth {
        border-right: 0;
    }

    .homepage-new-formsection .homepage-new-search-container #calendar-btncontainer {
        margin: 15px 15px 0;
        padding-right: 15px;
    }

        .homepage-new-formsection .homepage-new-search-container #calendar-btncontainer #activeBtn {
            height: 38px;
            line-height: 38px;
            border-radius: 6px;
            margin-right: -15px;
            width: 90px;
            text-align: center;
        }
}

.homepage-new-formsection input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    box-shadow: none;
}

.destination-section-reskinV2.destination-section h3 {
    font-size: 18px;
    letter-spacing: 0.99px;
    text-transform: lowercase;
}

    .destination-section-reskinV2.destination-section h3::first-letter {
        text-transform: uppercase;
    }

@media (min-width: 1200px) {
    .destination-section-reskinV2.destination-section h3 {
        font-size: 20px;
        letter-spacing: 1.1px;
    }
}

.destination-section-reskinV2.destination-section .destination-box {
    border-radius: 15px;
}

    .destination-section-reskinV2.destination-section .destination-box .text-section {
        font-family: "Poppins";
        font-weight: 900;
        font-size: 30px;
        letter-spacing: 1.65px;
    }

@media (min-width: 1200px) {
    .destination-section-reskinV2.destination-section .destination-box .text-section {
        font-size: 40px;
        letter-spacing: 0.4px;
    }
}

.destination-section-reskinV2.destination-section .destination-box .price-container {
    border: 0.5px solid #c5d3e3;
    align-items: center;
    border-radius: 13px;
    bottom: 8px;
    right: 8px;
}

    .destination-section-reskinV2.destination-section .destination-box .price-container .pricelabel {
        text-transform: lowercase;
        font-size: 12px;
        letter-spacing: 0.48px;
        margin-right: 8px;
        line-height: 1.1;
        margin-top: 2.5px;
    }

        .destination-section-reskinV2.destination-section .destination-box .price-container .pricelabel::first-letter {
            text-transform: uppercase;
        }

    .destination-section-reskinV2.destination-section .destination-box .price-container .price-box {
        color: #98CE44;
        font-size: 29px;
    }

@media (min-width: 1200px) {
    .destination-section-reskinV2.destination-section .destination-box .price-container .price-box {
        font-size: 35px;
    }
}

.destination-section-reskinV2 .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border: 1px solid #4B6D93;
}

.destination-section-reskinV2 .destination-controls .button-field {
    width: 22px;
    height: 22px;
    border: 1px solid #4B6D93;
}

.destination-section-reskinV2 .swiper-pagination-bullet-active {
    background-color: #4B6D93 !important;
}

.destination-section-reskinV2 .destination-controls .the-arrow.-left > .shaft:before, .destination-section-reskinV2 .destination-controls .the-arrow.-left > .shaft:after {
    background-color: #4B6D93;
}

.destination-section-reskinV2 .destination-controls .the-arrow > .shaft {
    background-color: #4B6D93;
}

    .destination-section-reskinV2 .destination-controls .the-arrow > .shaft:before, .destination-section-reskinV2 .destination-controls .the-arrow > .shaft:after {
        background-color: #4B6D93;
    }

.destination-section-reskinV2.destination-section {
    margin-top: 50px;
}

.destination-section-reskinV2 .destination-controls .destination-pagination .swiper-pagination-bullet {
    background-color: #fff;
}

.destination-section-reskinV2.destination-section-reskinV2 .swiper-pagination-bullet {
    opacity: 1;
}

.destination-section-reskinV2 .destination-controls .button-field {
    display: flex;
}

.homepage-new-formsection .more_btncontainer {
    border: 0.5px solid #c5d3e3;
    border-top: 0;
    font-size: 15px;
    text-transform: unset;
    letter-spacing: 1.5px;
}

@media (min-width: 1200px) {
    .homepage-new-formsection .more_btncontainer {
        font-size: 12px;
        letter-spacing: 0.82px;
    }
}

.homepage-new-formsection .open-extraoptions .btn-container .btn2style {
    font-size: 15px;
    text-transform: unset;
    letter-spacing: 1.5px;
}

.homepage-new-formsection#form-section {
    background-image: url(/images/reskin/homepage-BG-mobile.png);
    background-position: top;
}
    .homepage-new-formsection#form-section.main-homeV2 {
        background-image: url(/images/reskin/holidayHomepage-mobile-bg.png);
        background-size: cover;
        background-position: bottom left;
        background-repeat: no-repeat;
    }

@media (min-width: 1200px) {
    .homepage-new-formsection#form-section {
        background-image: none;
    }
        .homepage-new-formsection#form-section.main-homeV2 {
            background-image: none;
        }
}

.homepage-new-formsection .open-extraoptions .submit-button {
    border-radius: 7px;
    font-size: 14px;
}

@media (min-width: 1200px) {
    .homepage-new-formsection .open-extraoptions .submit-button {
        height: 100%;
        background: #01b7f2;
        border-radius: 10px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 1.05px;
    }
}

.homepage-new-formsection .form-input-controls .selectric .label {
    text-transform: lowercase;
    font-size: 12px;
}

    .homepage-new-formsection .form-input-controls .selectric .label:first-letter {
        text-transform: uppercase;
    }

.homepage-new-formsection .form-extrascontainer {
    background-color: rgba(20, 31, 44, 0.2196078431);
}

@media (min-width: 1200px) {
    .homepage-new-formsection .form-extrascontainer {
        background: none;
    }
}

@media (min-width: 600px) {
    .homepage-new-formsection .open-extraoptions .tuform-field#departingfield .form-icon {
        border-right: 0.5px solid #c5d3e3;
    }
}

@media (min-width: 1200px) {
    .homepage-new-formsection .open-extraoptions .tuform-field#departingfield .form-icon {
        border-right: 0;
    }
}

.homepage-new-formsection #calendar-btncontainer #infotrip p {
    color: #4B6D93;
    font-size: 14px;
    letter-spacing: 0.56px;
}

.homepage-new-formsection .guestnumber .guest-group .bootstrap-touchspin-down svg, .homepage-new-formsection .guestnumber .guest-group .bootstrap-touchspin-up svg {
    stroke: #4B6D93;
}

.homepage-new-formsection .guestnumber .guest-group .bootstrap-touchspin-down.arrow_disabled svg, .homepage-new-formsection .guestnumber .guest-group .bootstrap-touchspin-up.arrow_disabled svg {
    stroke: #C5D3E3;
}

.homepage-new-formsection .guestnumber .guest-group .bootstrap-touchspin button {
    display: flex;
    align-items: center;
}


/*generic blue banner*/
.reskinTopsection{
    margin-bottom: 80px;
}
@media (min-width: 1200px) {
    .reskinTopsection .gradient-container .gradient-section {
        z-index: -1;
        height: 137px;
        width: 100%;
        background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, #fff 94%, #fff 100%) 0% 0% no-repeat padding-box;
    }
    .reskinTopsection .holiday-homepageV2.homepage-new-formsection#form-section {
        background-image: none;
    }
    .reskinTopsection .holiday-homepageV2 .tabnew-list {
        margin-left: 1px;
    }
    .reskinTopsection .holiday-homepageV2 .search-control-container .form-input-controls {
        border-top-left-radius: 10px;
    }
}

.reskinTopsection .tabnew-list {
    display: none;
}

@media (min-width: 1200px) {
    .reskinTopsection .tabnew-list {
        display: flex;
    }
}

.reskinTopsection .btn-container {
    display: none;
}

.reskinTopsection #form-section {
    padding-top: 190px;
    background-image: none;
    background-position: unset;
}

@media (min-width: 1200px) {
    #top_control_section.reskinTopsection #form-section {
        padding-top: 250px;
    }
}

#top_control_section.reskinTopsection #form-section > div {
    z-index: 2;
}

#slideshow-bannerV2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    #slideshow-bannerV2 .blue-banner-slide {
        width: 100%;
        height: 100%;
    }

.z-index-gradient {
    z-index: 1 !important;
}

@media (min-width: 1200px) {
    .reskinTopsection .gradient-container .gradient-section {
        z-index: -1;
        height: 137px;
        width: 100%;
        background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, #fff 94%, #fff 100%) 0% 0% no-repeat padding-box;
    }
}

@media (min-width: 1200px) {
    .reskinTopsection.no-results.makevisible .homepage-new-formsection .search-control-container .form-row .tuform-field {
        height: 50px;
    }
}

.text-sectionV2 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 360px;
    display: flex;
    align-items: flex-start;
    padding-top: 25px;
}

@media (min-width: 360px) {
    .text-sectionV2 {
        padding-top: 15px;
    }
}

@media (min-width: 390px) {
    .text-sectionV2 {
        padding-top: 25px;
    }
}

@media (min-width: 510px) {
    .text-sectionV2 {
        padding-top: 50px;
    }
}

@media (min-width: 768px) {
    .text-sectionV2 {
        padding: 50px 50px 0 50px;
    }
}

@media (min-width: 992px) {
    .text-sectionV2 {
        padding: 50px 80px 0 80px;
    }
}

@media (min-width: 1200px) {
    .text-sectionV2 {
        align-items: center;
        padding-top: 0;
    }
}

.text-sectionV2 h3 {
    font-family: "Poppins";
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 22.4px;
    margin-bottom: 25px;
}

@media (min-width: 1200px) {
    .text-sectionV2 h3 {
        font-size: 28px;
        letter-spacing: 0.36px;
        margin-bottom: 15px;
    }
}

.text-sectionV2 h4 {
    font-family: "Poppins";
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

@media (min-width: 1200px) {
    .text-sectionV2 h4 {
        font-size: 20px;
        letter-spacing: 0.8px;
    }
}
/*403 page alert css*/
.text-sectionV2 h4.error-page.error-alert {
    padding: 0;
    font-size: 14px;
    letter-spacing: 0.46px;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .text-sectionV2 h4.error-page.error-alert {
        padding: 0 70px;
        font-size: 16px;
        letter-spacing: 0.64px;
        line-height: 25px;
    }
}

@media (min-width: 1400px) {
    .text-sectionV2 h4.error-page.error-alert {
        padding: 0 75px;
    }
}
/*500 payment alert css*/
@media (min-width: 360px) {
    .text-sectionV2 h4.error-page.error-alert > div {
        font-size: 14px;
        position: relative;
        top: -10px;
    }
}

@media (min-width: 412px) {
    .text-sectionV2 h4.error-page.error-alert > div {
        position: unset;
    }
}

@media (min-width: 1200px) {
    .text-sectionV2 h4.error-page.error-alert > div {
        font-size: 16px;
        letter-spacing: 0.64px;
    }
}
/*no result search css*/
.text-sectionV2 h3.timeout-heading {
    padding-top: 25px;
}

@media (min-width: 768px) {
    .text-sectionV2 h3.timeout-heading {
        padding-top: 0;
    }
}
/*500 error css*/
.text-sectionV2 h3.error-page span > div.internalerror {
    font-size: 18px;
    letter-spacing: 0.34px;
    font-weight: 500;
    line-height: 1.25em;
    padding: 0 20px;
    padding-top: 25px;
}

    .text-sectionV2 h3.error-page span > div.internalerror > small {
        color: #fff;
        font-size: 14px;
        letter-spacing: 0.21px;
        font-weight: 400;
    }

@media (min-width: 768px) {
    .text-sectionV2 h3.error-page span > div.internalerror {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .text-sectionV2 h3.error-page {
        font-size: 45px;
        letter-spacing: 0.58px;
    }

        .text-sectionV2 h3.error-page span > div.internalerror {
            font-size: 26px;
            letter-spacing: 0.34px;
            line-height: 36px;
        }

            .text-sectionV2 h3.error-page span > div.internalerror > small {
                font-size: 16px;
                letter-spacing: 0.21px;
            }
}
/* 500 payment error*/
@media (min-width: 360px) {
    .text-sectionV2 h3.error-page span > div.internalerror.paymenterror {
        font-size: 16px;
        padding: 0;
    }
}

@media (min-width: 768px) {
    .text-sectionV2 h3.error-page span > div.internalerror.paymenterror {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .text-sectionV2 h3.error-page span > div.internalerror.paymenterror {
        padding: 0 60px;
        font-size: 26px;
        letter-spacing: 0.34px;
        line-height: 36px;
    }
}
/* 404 css*/
.text-sectionV2 h3.error-page > span > div.error404 {
    padding-top: 25px;
}

@media (min-width: 768px) {
    .text-sectionV2 h3.error-page > span > div.error404 {
        padding-top: 0;
    }
}

.text-sectionV2 h3.error-page > span > div.error404 > small {
    font-family: "Poppins";
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    margin-top: 15px;
    line-height: 1.25em;
}

@media (min-width: 1200px) {
    .text-sectionV2 h3.error-page > span > div.error404 > small {
        font-size: 20px;
        letter-spacing: 0.8px;
    }
}
/* new change*/
.homepage-new-formsection .tabnew-list li a {
    font-size: 6.9px;
    font-weight: 900;
    border-bottom: 0;
    padding: 10px 3px 6px;
}

@media (min-width: 375px) {
    .homepage-new-formsection .tabnew-list li a {
        font-size: 7.3px;
    }
}
@media (min-width: 412px) {
    .homepage-new-formsection .tabnew-list li a {
        font-size: 7.5px;
    }
}
@media (min-width: 430px) {
    .homepage-new-formsection .tabnew-list li a {
        padding: 20px 3px 10px;
    }

    .homepage-new-formsection .tabnew-list li a {
        font-size: 8px;
    }
}

.homepage-new-formsection .tabnew-list li {
    flex: 0 0 24%;
    max-width: 100%;
    margin-right: 0;
    padding-right: 10px;
}


    .homepage-new-formsection .tabnew-list li:last-child {
        padding-right: 0;
    }

@media (min-width: 430px) {
    .homepage-new-formsection .tabnew-list li {
        flex: 0 0 28%;
        max-width: 80px;
        margin-right: 10px;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .homepage-new-formsection .tabnew-list li {
        flex: 0 0 auto;
        max-width: 172px;
        margin-right: 5px;
    }
}

@media (min-width: 430px) {
    .homepage-new-formsection .tabnew-list li:last-child svg {
        width: unset;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .homepage-new-formsection .tabnew-list li a {
        font-size: 12px;
        font-weight: 600;
        border-bottom: 1px solid #4B6D93;
        padding: 8px 30px 7px;
    }
    .homepage-new-formsection .tabnew-list li.active a {
        border-bottom: 1px solid #fff;
        color: #4B6D93;
    }
}
.homepage-new-formsection input:-webkit-autofill,
.homepage-new-formsection input:-webkit-autofill:hover,
.homepage-new-formsection input:-webkit-autofill:focus,
.homepage-new-formsection input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #4B6D93;
}
.homepage-new-formsection .selectric-items li.selected::before {
    content: url("../images/reskin/homepage-select-tick-icon.svg");
}
.homepage-new-formsection .selectric-items li {
    padding: 6px 15px;
}

.homepage-new-formsection .selectric-items ul, .hotel-homepage-new .selectric-items li {
    font-size: 14px;
    letter-spacing: 0.56px;
}
.homepage-new-formsection .selectric-items li.selected.highlighted {
    color: #4B6D93;
}
    .homepage-new-formsection .selectric-items li.selected.highlighted:hover {
        background-color: #F2FBFF;
    }
.homepage-new-formsection .selectric-items li:hover {
    background-color: #F2FBFF;
    color: #4B6D93;
}
.homepage-new-formsection .tooltip-danger .tooltip .tooltip-inner {
    background-color: #f97134;
    border-color: #f97134;
    background-image: none;
}

.homepage-new-formsection .tooltip-danger .tooltip.top .tooltip-arrow, .contentV2 .tooltip-danger .tooltip.top-left .tooltip-arrow, .contentV2 .tooltip-danger .tooltip.top-right .tooltip-arrow {
    border-top-color: #f97134;
}

/* flexslider for payment */
.flexslider.paypal_container{
    box-shadow: none;
}
.flexslider.flightResultsSlider {
    box-shadow: none;
    margin: 0;
}
.paypal_container .flex-active-slide {
    z-index: 9999 !important
}

#klarna-top-strip::part(osm-container) {
    background-color: #FFA8CD;
}

/* Left align of the badge */
#klarna-top-strip::part(osm-container) {
    flex-direction: row;
}

#klarna-top-strip::part(osm-message) {
    margin-left: 14px;
    margin-right: 0px;
}