@font-face {
    font-family: 'Satoshi';
    src: url("../fonts/Satoshi-Regular.ttf");
    font-weight:normal;
    font-style:normal;
    /* Super Modern Browsers */
  }

  @font-face {
    font-family: 'Satoshi';
    src: url("../fonts/Satoshi-Bold.ttf");
    font-weight:bold;
    font-style:normal;
    /* Super Modern Browsers */
  }

  @font-face {
    font-family: 'Satoshi';
    src: url("../fonts/Satoshi-Light.ttf");
    font-weight:lighter;
    font-style:normal;
    /* Super Modern Browsers */
  }
/* font colours */

main, body, footer, header {
    font-family: 'Satoshi' !important;
}

.lead {
    font-weight:normal !important;
}

.btn {
    line-height: normal !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex;
}

.holidayDealsList,
.featured h2,
.display-4,
.featured h4,
.bookForm,
.contact-name {
    color: #333;
}

.dashedBorder {
    border-bottom: 2px dashed #d9d9d9;
    margin-bottom:20px; 
}

.bar > li:first-of-type:after {
    top: 40%;
}

.underlined {
    text-decoration: underline;
    text-underline-offset: 3px;
}

footer {
    color: #333 !important;
    font-size: 16px;
    padding-top: 25px;
}



p {
    text-underline-offset: 2px;
    margin-bottom:5px;
}

.fa-facebook-square,
.fa-instagram {
    font-size: 20px;
}

/* button styles */

.btn.next, .btn.previous {
    width: 92px;
}
.btn {
    font-weight:bold;
}
.btn.btn-primary,
.btn-grey {
    height: 42px;
    border-radius: 30px;
    align-items: center;
    padding: 8px 33px;
    min-width: 75px;
    font-size: 16px;
}

.month_button {
    padding: 3px 6px;
    width: 96px;
    font-weight:normal;

}

#datesModal .col-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.result_button_row .btn {
    padding: 8px 27px;
}



.btn-grey:hover {
    background-color: #DDD;
}

/* placeholder text */
input::placeholder {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 300;
}


.modal-open {
    padding-right: 0 !important;
}

#df_subheading span {
    text-decoration: underline;
    text-underline-offset: 3px;
}

#df_subheading span:hover {
    color: #e3166c;
}

.modal-header {
    border-bottom: 1px solid #DEDEDE;
    padding: 15px 0;
    margin: 0 20px;
    align-items: center;
}

.modal-body label {
    font-weight: normal;
}

.btn.modalDone {
    letter-spacing: normal;
}

#RoomsModal select{
    width: 80px;
}

.modal-header a {
    margin-bottom: 0 !important;
}

.month_button_inner {
    font-size: 16px;
    line-height: normal;
}

#fakeProfile{
    cursor:none;
    pointer-events: none;
}

 article.deal .flightDetails {
    position: absolute;
    right: 19px;
    top: 26px;
    background-color: #fff;
    padding: 20px;
    z-index: 100;
    border-radius: 15px;
    box-shadow: 0px 1px 5px #00000029;
    min-width: 270px;
}
.flightHeader i {
    position: absolute;
    top: 6px;
    right: 10px;
}

.clickable {
    cursor:pointer;
}

#flightBar.first {
    padding-bottom: 10px;
}

h3.flightCard {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.flightFooter {
    display: block;
    width:100%;
    height: fit-content;
}

.flightText {
    font-size: 14px;
}




/* //// FLIGHT DETAILS WIP /// */

.flightButton {
    box-shadow: 0px 1px 5px #00000029;
    border-radius: 12px;
    padding: 20px 15px;
    position: absolute;

    z-index: 15;
    background-color: #fff;
    display: none;
}



.flightButton button {
    background-color: #ffcc01;
    color: #000;
}

.hastip .fa-chevron-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* //// WIP FLIGHT DETAILS */

#filterClear:hover {
    color:#111;
}

.headertrustpoints .pinktrustpoint {
    display:flex;
    justify-content: start;
    align-items: center;
    flex-direction: row;
}

/* nav bar */

.search__param label {
    font-weight: bold;
}

.backHome {
    display: none;
}

.row.search__inner.no-gutters {
    padding-bottom: 5px;
    justify-content: center;
}

.showFlightsBtn {
    background-color: #333;
    color:#fff;
}

#showmorebutton,
.showRoomsBtn,
.showBoardBasisBtn    {
background-color: #f2f2f2;
color: #333;
}

#showmorebutton,
.showFlightsBtn,
.showRoomsBtn,
.showBoardBasisBtn {
    font-size: 14px;
    height: 30px;
    font-weight: 500;
    border-radius: 25px;
    padding: 4px 30px;
}

#showmorebutton {
    margin-top:10px;
}

#priceType_toggle {
    border-radius:20px !important;
}

.content__hotel-details h5 {
    font-weight:bold;
    font-size: 16px;
}

.content__hotel-details h6 {
    font-weight:bold;
    font-size: 14px;
    margin-bottom:3px;
}

.deal__info i {
    color:#333;
}

hr {
    border-color: #DEDEDE !important;
}
article .main_price {
    font-size:22px;
}

.content__hotel-details span, .content__hotel-details p {
    font-size: 14px;
}

.showFlightsBtn,
.showRoomsBtn {
    padding: 3px 30px !important;
}

.showFlightsBtn,
.showRoomsBtn {
    margin-bottom: 10px;
}

#showmorebutton:hover,
.showFlightsBtn:hover,
.showRoomsBtn:hover {
    background-color: #E3176C;
    color: white;
}



.red,
.star,
.cf-required-label {
    color: #ff0000;
}

.cf-required-label {
    margin-left: 4px;
}

/* no results modal */
.searchOptions {
    list-style: inside;
}

.modal-backdrop.show {
    opacity: 0;
    display:none;
}

.modal .btn-larger {
    margin-right: 0;
}

/* subscribe to newsletter button */
form.newsletter button {
    height: 47px;
    margin-top: 5px;
}

.newsletter .formBack .form-control {
    font-size:16px;
}

/* ///// HAMBURGER MENU STYLES //// */

.triangle-search-white,
.triangle-jt {
    display: none !important;
}

.fa-star, .fa-star-half {
    color:#e3166c;
    margin-right:3px;
}


ul.mod-menu ul li a:hover{
    border-color:#e3166c !important;
}

.mod-menu a, .mod-menu span {
    color: #333;
}

#mobileNav > ul {
    background:#fff;
    opacity: 1;
}

.opened{
    border-left: 3px solid #ddd !important;
}

.btnLoading {
    width: 138px;
    padding: 10px 11px !important;
}

ul.mod-menu ul li a{
    border-left: 1px solid transparent;
}

ul.mod-menu ul li a {
    border-left: 3px solid transparent;
}

 #mobileNav > ul li.parent > span.opened::after {
    rotate: 90deg;
 }

 ul.mod-menu ul:last-of-type {
    border-left:3px solid #ddd;
 }



/* ///// END OF HAMBURGER MENU STYLES ///// */

/* /// carousel styles //// */
#carouselExampleIndicators .carousel-indicators, #homepageSlider .carousel-indicators {
    justify-content: center;
    align-items:center;
    margin: 0;
    position:absolute;;
    height: 45px;
    width: 100%;
    margin-left: 0;
    background: none;
    overflow-x: hidden;
}

#carouselExampleIndicators .carousel-indicators li, #homepageSlider .carousel-indicators li {
    flex: none;
    width: fit-content;
    height: fit-content;
    margin:0px 10px;
    text-indent: unset;
    background-color: unset;
    overflow:hidden;
    opacity: 1;
  }

  #homepageSlider a {
    margin:0;
  }

#carouselExampleIndicators .active > .fa-circle, #homepageSlider .active > .fa-circle {
    color:#333;

}

#carouselExampleIndicators, #homepageSlider {
    color:#fff;
}

/* //////// Start of Homepage styles ///////// */
#searchFormBtn {
    background-color: #E3176C;
    
}

/* Name input */
#textbox-3 {
    border-radius: 15px;
}

/* Email input */
#textbox-1 {
    border-radius: 15px;
}


.containerNews h2 {
        font-size: 32px;
    color: #333333;
    font-weight: bold;
}

a.btn.btn-primary {
    border-radius: 25px;
}

.modal .medium-fw {
    font-size: 16px;
}

.deal--row .fa-circle, #hotel_Description .fa-circle {
    font-size: 4px;
    margin: 0 !important;
    align-items: center;
    position: relative;
}




/*subscribe button - ACTUALLY THIS IS EVERY BUTTON - MT OVERWROTE THIS*/
.btn-secondary {
    border-radius:25px;
    background-color: #333;
    color:#fff;
}

.room-warning {
    font-weight: normal;
    font-size: 16px;
}

.col-6 .col b {
    color: #fff;
}

#RoomsModal .form-group input {
    background: none;
}

/* carousel */
.carousel-caption {
    color: #333 !important;
}

.carousel-caption .btn {
    font-size: 18px;
}

.readTime {
    font-size: 16px;
    color: #676767;
    display: block;
}

/* /// styles for user menu /// */
#extraNav ul li {
    text-align: left;
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
}

#extraNav .fa-chevron-right {
    float: right;
}


.modal { 
    padding-right: 0 !important;
    z-index:1004;
}

/* /// styles for homepage offers */

.featured--deals-home, #DF_results_module, #static_properties_module {
    background-color: #F2F0F0;
    color: #333;
}

.dealType {
    padding: 10px 15px;
    width: fit-content;
    border-radius: 10px;
    position: relative;
    left: 20px;
    bottom: 25px;
    rotate: -4deg;
}

.dealCard {
    background-color: #fff;
    height: 435px;
    padding: 15px;
}

.dealType.type1 {
    background-color: #e3166c;
}

.dealCard li {
    margin-bottom: 15px;
}






.dealType.type2 {
    background-color: #ffcc01;
}

.dealType.type3 {
    background-color: #58D6DA;
}

.dealType.type1 h6 {
    color: #fff;
}


.dealType h6,
.dealPackageBadge h6 {
    font-weight: bold;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 22px;
}

#homepageOffersRow span {
    font-size: 16px;
    margin-left:auto;
}

#homepageOffersRow span.offerPrice {
    font-size: 24px;
}

#homepageOffersRow img {
    height: 50%;
    object-fit: cover;
    border-radius: 12px;
}

#homepageOffersRow .dealButton {
    background-color: #FFCC01;
    border-radius: 100px;
    height: 36px;
    width: 36px;
    border: none;
    margin-left: 5px;
}

.from {
    font-size: 14px;
    font-weight: 400;
}

#homepageOffersRow {
    color: #333;
}

.featured--deals-home h2,
#dealPackageCol h2, #DF_results_module h2 , #static_properties_module h2{
    font-size: 30px;
    font-weight: bold;
    display: block !important;
}

.featured--deals-home h2,
#dealPackageCol h2, #DF_results_module h2 {
    margin-bottom: 10px;
}

#static_properties_module h2{
    margin-bottom: 20px;
}

#moduleresults .deal__thumb, #propertiesmoduleresults .deal__thumb  {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px !important; 
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px;
}

.featured--deals-home h4, #DF_results_module h4, #static_properties_module h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

/* /// Deal Package Styles /// */
#dealPackageCol {
    height: 274px;
    max-width: 444px;
    background-color: #fff;
    border-radius: 12px;
}

label[for="profile"] {
    font-weight: 500;
}

.featured--deals-package {
    color: #333;
}

.dealPackageBadge {
    background-color: #58D6DA;
    padding: 10px;
    width: fit-content;
    border-radius: 10px;
    position: relative;
    bottom: 16px;
    height: 44px;
    rotate: -4deg;
}

.dealPackage p {
    height: 35%;
    overflow: hidden;
    margin-bottom: 20px;
}

.dealPackage button {
    background-color: transparent;
    border: none;
}

/* //////////END OF HOMEPAGE STYLES////////////*/

/* //////////Styling for Departure Filtering //////////// */

.carousel-caption.d-none.d-md-block {
    margin-left: 0px;
}

.carousel-inner,
.carousel-item,
.carousel-item img {
    height: 100%;
    object-fit:cover;
}

/* Making image fill out whole width */
#carouselExampleIndicators>div>div.carousel-item {
    background-size: cover;
}

body {
    background-color: #fff;
}

.container-fluid.py-4.containerNews.grey-bg {
    background-color: #fff;
}


/* //////// STYLING FOR CALENDER ///////// */

.jQueryDatepicker_body .jQueryDatepicker_table_td {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border: none;
    border-radius: 10px;
    color: #999;
    background: none;
}

/* limiting modal heights on search form */




.childAge  {
    display:none;
}

.childAge h4 {
    font-size:16px;
    font-weight:500;
}

.ageHeading {
    font-size:15px;
    font-weight:normal !important;
}

.modal select {
    height: 45px;
}

#RoomsModal .form-group > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ageNotice {
    display:flex;
    flex-direction: column;
}

.ageNotice span {
    font-weight: 400;
    font-size: 14px;
    color: #333;
}

body {
    padding-right: 0 !important;
}



.country h5:hover{
    border-left: 2px solid #e3166c;
}

.country h5{
    margin-bottom: 20px;
    padding: 4px 8px;
}


.medium-fw {
    font-weight:500;
}

#destinationsCol {
    overflow-y: auto;
    height:100%;
}

#destinationModal .row {
    width:100%;
}

#destinationModal .recommended, #hotelSearch {
    border-bottom:1px solid #DEDEDE;
    padding-bottom: 20px;
}

#destinationModal .recommended ul{
    margin-bottom: 0;
}

#destinationModal .modal-body {
    margin: 0;
    padding: 20px;
}

/* .modal-body > .col {
    padding: 0 !important;
} */

#destinationModal .recommended .row {
    margin-bottom: 20px;
}

#destinationModal .row.a_z, #destinationModal .recommended {
    padding-top:20px;
}

#noResultsModal, #errorModal {
    background-color: transparent;
    top:270px;
    width:fit-content;
    min-width: 380px;
    height:fit-content;
}

#noResultsModal, #errorModal {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

#enquiryModal {
    bottom: 130px;
    z-index:100;
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    top: 340px;
    bottom: 0;
    margin: auto;
    padding: 20px !important;
}

#enquiryModal .modal-header {
    margin: 0;
    padding: 0 0 5px 0;
    border: none;
}

#enquiryModal .modal-header h4 {
    font-weight: bold;
}

#enquiryModal .modal-content {
    background: none;
}

.convertforms input {
    margin-bottom: 10px;
}

.convertforms label {
    margin-bottom: 5px;
}

.convertforms .fa-times {
    font-size: 24px;
}





/* hovering over a date */
.jQueryDatepicker_body .jQueryDatepicker_table_td:active,
.jQueryDatepicker_body .jQueryDatepicker_table_td:focus,
.jQueryDatepicker_body .jQueryDatepicker_table_td:focus-visible,
.jQueryDatepicker_body .jQueryDatepicker_table_td:target {
    border:1px solid  #E3166C;
}

.jQueryDatepicker_body .jQueryDatepicker_table_td:hover {
    background-color: #f2f2f2 !important;
}

/* temporary important - styling for date selected */
#datesModal .jQueryDatepicker .jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other {
    border: none;
}

#datesModal .modalDone {
    display:none;
}

.modal-footer .mytooltip {
    background: none;
    border: none;
    color: #333;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 500;
    font-size:16px;
}

#holidayDetails_container h4 {
    font-size: 16px;
    font-weight:bold;
}

#holidayDetails_container .filter_button_row {
    border-radius: 8px;

}

.summary_panel .col-12 {
    padding: 0;
}

h3.summary {
    font-size:22px !important; 
    font-weight: bold !important;
}






.room_board_panel > .mealBasis {
    height: 42px;
}

.room_result {
    padding: 0 10px;
}

.room_result > div {
    padding: 0;
}

#datesModal .modal-header, #RoomsModal .modal-header {
    border: none;
}

#datesModal .modal-body, #datesModal {
    width:fit-content;
    min-width: 383.8px;
}

#datesModal .modal-body {
    padding: 0 10px;
}

.calendar-footer label {
    font-weight:500;
    font-size: 16px;
}

.calBtn.selected {
    background-color: #e3166c;
    color:#fff;
}

#flightPriceCol .btn-secondary {
    background-color: #e3166c;
}


.modal #flightCalendarSlider {
    margin-bottom:0;
}

#hotel_Description > div {
    padding: 0 10px;
}

#datesModal hr {
    margin-top: 0.8rem;
    margin-bottom:0.7rem;
}

.cal_button_row {
    background-color: #eee;
    padding: 8px;
    width: 100%;
    border-radius:25px;
}


#monthnote {
    margin-bottom: 10px;
}



#searchForm input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
#searchForm input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
#searchForm input[type="search"]::-webkit-search-decoration,
#searchForm input[type="search"]::-webkit-search-cancel-button,
#searchForm input[type="search"]::-webkit-search-results-button,
#searchForm input[type="search"]::-webkit-search-results-decoration { display: none; }

#searchForm input#month_year::-webkit-outer-spin-button,
#searchForm input#month_year::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#searchForm input[type="search"] {
    pointer-events: none;
}



#datesModal .jQueryDatepicker .jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other,
#datesModal .jQueryDatepicker .jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current {
    border: 1px solid #E3176C;
    border-radius: 10px;
}



.jQueryDatepicker_body .jQueryDatepicker_table {
    background: #fff !important;
    border-radius: 10px;
    border:none !important;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day {
    background-color: #fff !important;
}

/* styling for previous month date */
.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__previous_month {
    pointer-events: none;
    background: none;
    border: none;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday {
    background-color: none;
}

.jQueryDatepicker_calendar_months_month_weekdays {
    background-color: none;
}

.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before:hover {
    color: #E3176C
}




/* adding rounded edge to calendar window */
.modal-dialog .modal-content {

}


.modal-dialog {
    margin: 0;
}

#destinationModal {
    left: 0;
}

#destinationModal ul li label{
    color:#DEDEDE;
}

#destinationModal ul li.active label{
    color:#333;
}

/* gets rid of gradient overlay */
.jQueryDatepicker_header_bG {
    display: none;
}

/* to overwrite the background colour of header */
.jQueryDatepicker_header {
    background-color: #FFF !important;
}

/* day of week */
#datesModal .jQueryDatepicker .jQueryDatepicker_calendar_months_month_weekdays_weekday_title {
    background-color: #fff;
    color: #000;
}

.month_button {
    border-radius: 5px;
    color: #333;
    border-color: #949494;
}

/* overwritten by previous styling not on this file - used important for quick fix*/
.jQueryDatepicker_calendar_months_month_weekdays {
    background-color: #fff !important;
}

label[for="month_nights"] {
    font-size:16px;
    font-weight: 500;;
}

.yearBtn {
    border:none;
    background:none;
}

#month_year {
    border: none !important;
    font-weight: 500;
    font-size:16px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    pointer-events: none;
}

#month_nights {
    padding-left: 20px;
}

#datesModal .modal-body .col-12 a {
    color: #e3166c;
}

#datesModal .modal-body {
    overflow-y: auto;
}


/* ////// END OF STYLING FOR CALENDAR //////// */

/* ////// START OF STYLING ADD GUESTS & ROOMS MENU FILTER ////// */

.smoke-base {
    z-index:9999 !important;
}

.smoke-base .smoke {
    border-radius:20px;
}

#RoomsModal .room {
    border-radius: 10px;
}

#RoomsModal h5 {
    font-weight: bold;
    color: #333;
}

#addRoomBtn {
    height:38px;
    width:210px;
    float:right;
}

/* styling for children selection */
#rooms-container select {
    border: solid 0.5px #DEDEDE;
    border-radius: 10px;
    padding: 10px 20px 10px 10px;
}


.totalFilter {
    display:none;
}

/* /////// END OF STYLING ADD GUESTS & ROOMS MENU FILTER ////// */

/* /////START OF STYLING FOR RESULTS PAGE ////// */

.deal--row .deal__details .deal__info{
    margin-left: -15px;
    font-weight:500;
    color:#676767;

}

.search__inner {
    position:relative;
}


.results-edit-container {
    background-color: transparent;
}

#resultsContainer .carousel-control-next, #resultsContainer .carousel-control-prev {
    top:0;
}



#results label {
    margin-bottom: 0;
}

#pricefilter label {
    height: 21px;
}

/* cb - make less specific to all chevrons as the need to look different depending */
.fa-chevron-right,
.fa-chevron-left,
.fa-chevron-down,
.fa-chevron-up {
    font-size: 14px !important;
    color:#333;
}

#filterPanel h4 {
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor:pointer;
}

#filterPanel h3 {
    display: flex;
}

#datesModal #caldates_container .select-updown {
    bottom: 20px;
    right: 13px;
    top: unset !important;
}

#RoomsModal .select-updown {
    bottom: 15px;
    right: 13px;
    top: unset !important;
}

#datesModal #calmonth_container .select-updown {
    bottom: 16px;
    right: 13px;
    top: unset !important;
}

.room select {
    padding-right: 20px;
}

.room .form-group {
    margin: 0;
}

#filterPanel .fa-chevron-down {
    float: right;
}

.month_button.selected {
    color: #fff;
    background: #e3166c;
    border: 1px solid #e3166c;
    font-weight:500;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    padding: 4px 0px !important;
}

#filterPanel .filter_button_row {
    background-color: #fff;
}

#resultsHeader,
#filterPanel,
section,
body,
.deal--row .deal__details .deal__location-accomm a {
    color: #333 !important;
}

#starratingfilter .col {
    padding-left: 0 !important;
}

/* star rating */
#hotel_rating {
    background-color: #E3166C;
    width: 45px;
    height: 40px;
    border-radius: 10px;
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    z-index: 3001;
    padding-top: 10px;
    padding-left: 8px;
    font-weight: bold;
}

#filter_rating {
    border: 1px solid #333;
    color: #333;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    z-index: 3001;
    padding-top: 6px;
    padding-left: 4px;
    font-weight: bold;
    font-size: 16px;
}


#profile, #fakeProfile {
    color: #333;
    background: transparent;
    font-weight: 500;
    padding: 0;
    margin: 0 !important;
    border:none;
    font-size: 16px;
    width: fit-content;
}


.deal__details {
    font-size: 13px !important;
}

/* hotel details button */
.result_button_row button.btn-grey {
    background-color: #F2F0F0 !important;
}

.result_button_row button.btn-grey:hover {
    background-color: #EEE !important;
    color: black;
}

.insideExtra {
    background-color: #FCFCFC;
}

/* TEMPORARY !important to override the grey gradient */
#RoomsModal .room .form-group button,
.insideExtra .inline-group .btn-outline-secondary {
    background: #DEDEDE !important;
    border-radius: 100px;
    border: none;
    font-size: 18px;
    color: #333;
    padding: 0;
    font-weight:500;
}

.formBack select {
    padding: 0 0 0 50px;
    height: 46.8px;
    border-radius: 15px;
}

.skeleton.flex-row {
    background: none;
}

select {
    background-color: #fff;
}

input:diabled {
    opacity: 1;
}


#results, #skeletonResults {
    background-color: #F2F0F0 !important;
}

#skeletonResults article {
    padding: 0;
}

.skeleton.search_checkboxes {
    height: 175px;
}

.filterSkeleton {
    background: #f2f2f2;
    width: 89px;
    height: 16px;
}

#filterClear {
    font-weight: 500;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    font-size: 16px;
}

.fa.fa-lg.fa-map {
    margin-right: 5px;
}

.search_checkboxes .fa-light.fa-chevron-down {
    float: right;
    font-size: 20px;
}

/* number of people input - Satoshi font family is not imported yet or in the fonts folder. */
#RoomsModal .room .form-group input,
.insideExtra .inline-group .form-control {
    border: none !important;
    color: #333333;
}

#RoomsModal .room {
    color: #888;
    border: 1px solid #DEDEDE;
    padding: 20px 20px;

}

button.btn-primary.btn-larger {
    border-radius: 25px;
}

#filterPanel h3, #resultsHeader, #skeletonFilterPanel h3 {
    font-size:20px;
    font-weight:bold;
    margin: 0;
}



.carousel-control-next {
    border-radius: 200px;
    height: 30px;
    width: 30px;
    background: #FFFFFF;
    opacity: 1;
}

#results .search_checkboxes {
    border-radius: 10px;
    padding:20px;
    margin-bottom:10px;
}

.carousel-control-prev {
    border-radius: 200px;
    height: 30px;
    width: 30px;
    background: #FFFFFF;
    opacity: 1;
}

.filter_itemcount {
    color: #333;
    font-size:14px;
    font-weight: 400;
}

.filter_button_row {
    background-color: #f2f2f2;
    border-radius: 12px;
    padding: 6px;
}

/* styles for total price button */



.fa-circle.ta-green {
    color: #33E0A0;
}

.fa-circle {
    height: 19px;
    width: 18.5px;
    border-radius: 12px;
    margin-left: 2px !important;
}

.deal__details i {
    margin: 5px 0 5px;
}

/* holiday details toggle prices */

.room_board_panel h4 {
    font-size: 18px;
    font-weight:bold;
}



.pinkText {
    color: #e3166c;
}

.togglePrices.selected {
    background-color: #e3166c !important;
    color: #fff !important;
}

#holidayDetails_container .togglePrices.selected, .checkoutElement .togglePrices.selected {
    background-color: #333 !important;
    color: #fff !important;
    
}



.content--hotel.togglePrices:hover {
    background-color: #fefefe !important;
    color: #333;
}

/* search results prices toggle */

#filterPanel .togglePrices {
    background-color: #fff;
    color: #333;
}

#filterPanel .togglePrices:hover {
    background-color: #eee;
}

.togglePrices {
    font-weight: 600 !important;
    font-size:16px;
}

.mapInfo {
    display: flex;
    align-items: center;
    justify-content: right;
}

/* end of total price button styles */

/* temporary important to override p-3 */
.p-3.my-3.container-shadow {
    padding: 0.2rem !important
} 

.col-12.col-lg-3.px-0.h-100.pl-3.py-md-3 {
    margin-top: 0px;
    padding-top: 0px !important;
}

.deal__thumb {
    box-shadow: 0px 1px 5px #00000029;
}



.deal__location {
    margin-top: 0;
    min-height:141px;
}

/* pagination */

.pagibtn.active, .pagibtn:hover, .active.page-item .page-link, .page-link:hover  {
    background-color:#e3166c !important;
}

.page-link, .page-link:hover {
    background-color:none;
}

.pagibtn.active:hover {
    background-color: #890b42 !important;
}

.pagibtn, .page-link {
    border-radius: 100px !important;
    height:36px !important;
    width:36px !important;
}

.pagibtn, .page-link {
    background-color:#fff !important;
    padding: 10px 10px !important;
}

.page-item.disabled {
    display:none;
}
input:disabled {
    border: 1px solid #949494;
}

.deal__thumb .carousel .carousel-inner .carousel-item img {
    height: -webkit-fill-available;
    object-fit: cover;
}

.flightBody img {
    height:100% !important;
}

.carousel {
    height:100%;
}

article.deal--row { 
    height:fit-content;
}

.terms-and-conditions .readTime{
    display:none;
}



#calmonth_container .row {
    justify-content: center;
    margin-bottom: 10px;
}


/* ////// END OF STYLE FOR RESULTS PAGE ///// */

/* ////// STYLING FOR HOLIDAY DETAILS PAGE //// */

.fc_calendar-days > div {
    pointer-events: none;
}

.breadcrumbs .btn, .backHome .btn {
    padding: 0;
    
}

#hotel-details h3,
.holiday-deets h3 {
    font-size: 14px;
    font-weight: bold;
}

.holiday-deets {
    padding: 21px;
}

.holiday-deets h1 {
    padding:0;
    margin:0;
}

.room_result .pp_pr, .room_result .total_pr {
    margin-top:0;
}



#fc_Container #flightCalendarSlider {
    margin-bottom: 0;
}



.content.content--hotel .content__hotel-thumb-wrap #holidayCarousel {
    aspect-ratio: 16 / 9;
    width:100%;
    max-height: 75vh;
}

#manageBookingCarousel {
    aspect-ratio: 4 / 3;
}

h6.summary-heading {
    font-size: 20px;
    font-weight: 500;
}

#flightsInfo p {
    font-weight: 500;
    font-size: 14px;
}

h4.summary-heading {
    font-size:16px;
    font-weight: bold;
}

.selected.foundOption .day_number, .selected.foundOption .price {
    color:#fff;
}

#boardBasisContainer div.mealBasisTitle {
    background-color: #F0EFF0;
    border-radius: 6px;
    height: 42px;
    padding-left:10px;
    padding-right: 10px;
    cursor:pointer;
}





.board_panel span {
    color:#676767;
    font-size: 16px;
}



.fc_calendar-days > div.foundOption {
    pointer-events: all;
    border-color:#F0EFF0;
    background:#F0EFF0;
}

.badge.cheapest {
    border: 2px solid #fff;
    position: absolute !important;
    top: -11px;
    left: 0;
    right: 0;
    max-width: 85px;
    margin: auto !important;
}

#fc_yearSelect {
    font-size:16px;
    color:#333;
    font-weight: 500;
    border:none;
    padding: 0 !important;
}

.breadcrumbs {

}

/* flight bar on flights panel */
#flightsContainer .bar > li:last-of-type:after {

}
#flightBar .bar li > div {
    margin-left:20px !important;
    font-size:14px;
    color:#676767;
}


#filterPanel .pinkUnderlined{
    cursor: pointer;
}

.facilitiesHide {
    display: none;
}

#flightsContainer .bar > li#arrivalPointer:before {
    position:relative;
    top: 24px;
}

#hotelLocation:hover, #hotelAbout:hover {
    color:#e3166c;
}

.month-list>div:hover {
    background-color: #e3166c;
}

#hotelLocation.pinkUnderlined, #hotelAbout.pinkUnderlined {
    pointer-events: none;
}

#hotelAbout, #hotelLocation {
    font-size:inherit;
    margin-bottom:10px;
}
/* ///calendar styles /// */

.year-picker {
    padding: 5px 10px;
    border-radius: 10px;
}

#datesModal .year-picker, #datesModal .month-picker {
    padding: 5px 12px;
    border-radius: 5px;
}
.calendar-week-days {
    background-color: #fff;
    font-weight: lighter !important;
}

.calendar-days div.day_number {
    font-weight: lighter !important;
}

.calendar .badge {
    position:relative; 
}

.deal__info.deal__details {
    color:#676767;
}

.depositBadge {
    height: 27px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    background: #E3E3E3;
    border: none;
    color: #333;
    text-align: center;
}

#facilitiesDetails h6 {
    font-size: 16px;
    font-weight:800;
}

.fw-normal {
    font-weight: 400;
}

#static_properties_module .depositBadge, #DF_results_module .depositBadge {
    position: absolute;
    right: 7px;
    top: 33px;
}

#monthnote {
    display: none;
}

#results .depositBadge {
    position: absolute;
    top: 37px;
    right:0;
}

#extrasRow .depositBadge {
    margin-top:10px;
}

#confirmBooking .depositBadge {
    margin-top:10px;
    margin-left:auto;
}
.calendar-body {
    background-color: #fff !important;
}

.modal-body .calendar, .modal-body .calendar-footer {
   height: fit-content;
}

.form-control.quantity {
    pointer-events: none;
}

.modal-body .calendar {
 padding: 0;
}

div.calendar-footer select {
    position:unset;
}

#rangeDiv {
    display:inline;
    margin-left:auto;
    position: relative;
    bottom: 0;
}

#extraNav .fa::before{
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f054";
    color: #888888;
    font-size: 24px;
    transition: 0.5s;
    padding-right: 10px;
    float: right;
}



#datesModal .call_to_action {
    position:unset;

}



.modal {	
	border-radius:20px;
	box-shadow: 0 40px 70px #444;
		padding: 0 !important;
}



.calendar-days > div {
    border:none !important;
    pointer-events: none;;
}

.calendar-days > div.foundOption {
    pointer-events: auto;
}

.calendar-days a {
    color:#333;
    font-weight: 300;
    font-size:16px;
}

.calendar-week-days > div, .calendar-days > div {
    color: #333;
}

#calendarChevron {
    left: 70px;
    position: relative;
    bottom: 2px;
}
/* /// calendar styles end /// */

.email_me button {
    height: 40.5px;
}

.summary_panel i {
    padding-left: 0 !important;
}

#calendarMealBasis {
    border: 1px solid #333;
    border-radius:15px;
    font-size: 16px;
    color:#333;
    z-index:3;
}

#years {
    border: none;
    color:#333;
}

.pinkUnderlined {
    color: #e3166c;
    text-decoration: underline;
    text-underline-offset: 5px;;
    text-decoration-thickness: 2px;
}

#hotel_Description h4 {
    border-bottom: 2px solid #f0eff0;
}

.smoke a {
    font-size: 18px;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    cursor: pointer;
}

.smoke a:hover {
    color: #e3166c !important;
}

.filter_button_row .btn:hover {
    background-color: #ddd;
}

.filter_button_row .btn.selected:hover {
    background-color: #890b40;
}


.pinkPricing {
    color: #e3166c;
}


.content--hotel {
    color: #333;
}

.ppPrice {
    font-size: 34px !important;
}

#extrasRow .ppPrice {
    font-size: 20px !important;
}

#extrasRow h6 {
    font-weight: bold;
    font-size: 16px;
}

.insideExtra p, #extrasRow h6 + span {
    font-weight:400;
}


#flightTimes .badge {
    padding: 8px 20px;
}

.deal__details .badge {
    background-color: #f2f2f2;
    color:#333;
}



.active.badge{
     background-color:#e3166c;
     color:#fff;
}

.deal__details .badge-skeleton{
    background-color:#f2f2f2;
    height: 28px;
    width: 83px;
    display:block;
    border-radius:8px;

}

.skeleton .fa-star {
    color: #f2f2f2;
}

.skeleton, .skeleton-img {
    animation: skeletonLoading 2.3s infinite;
}

@keyframes skeletonLoading {
    0%   { opacity:1; }
    50%  { opacity:0.6; }
    100% { opacity:1; }
}





#holidayDetails_container .btn-tertiary {
    background-color: #333;
    color: #fff;
    border-radius: 12px;
}

#holidayDetails_container .btn-tertiary:hover {
    background-color: #E3166C;
}

.content__main,
#optionsContainer {
    background-color: transparent;
}

.itemSelected,
#depositPrice {
    color: #E3166C;
}

.beforeprice {
    color: #333333 !important;
}

.summary_panel.row {
    flex-wrap: nowrap !important;
    justify-content: center;
}

input#lead_email {
    width: 70%;
}

.email_me h4 {
    font-weight: bold;
}

.d-flex.flex-row.filter_button_row {

    border-radius: 12px;
}

/* flight details */
.col-4.align-items-right {
    text-align: center;
    align-items: center !important;
}

.otherRoomsHeight,
.otherBoardBasisHeight {
    max-height: 320px;
    overflow: hidden
}

.otherFlightsHeight {
    max-height: 860px;
    overflow: hidden;
}

.jtHoliday .togglePrices.toggleTotal {
    background-color: #eee;
}

.quantity {
    background: none;
}

.jtHoliday .togglePrices.toggleTotal:hover {
    background-color: #ddd;
}



.jtHoliday {
    padding: 0 !important;
}

.mealBasis {
    justify-content: center;
    align-items: center;
}

#mealbasisoption span {
    margin: auto;
}

.col-12.text-center.text-sm-left {
    height: fit-content;
}

.newsletter .input-group  {
    height:fit-content;
    line-height:0;
    margin-bottom:10px;
}

h2 {
    font-size: 48px;
}

.summary_panel h4 {
    font-weight: bold;
    font-size: 22px
}

.content__hotel-price h5 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.summary_panel .fa {
    margin-top: 2px;
}

#flightDealDetails {
    text-align: center;
}

.bar>li:before {
    margin-left:3px;
}

.title-info {
    background: none;
}

.editOption {
    color: #999;
    text-decoration: underline;
    text-underline-offset: 3px;
    float: right;
}

.editOption:hover {
    color:#e3166c;
}

.content.content--hotel .content__details-mobile .content__hotel-total {
    color: #333;
}

.summary_panel {
    padding: 16px 0;
}



.summary_panel .col-11 {
    padding: 0;
}

.summary_panel h4 {
    margin-bottom: 6px;
}

#facilitiesDetails {
    margin: 0;
}

.facilitiesDetails .col-4 {
    text-align: center;
}

.mealBasis.selected,
#selectedFlightContainer #flightsContainerNew {
    border: 2px solid #e3166c !important;
}

#flightContainerNew .fullPrice {
    display: none;
}

.roomsOverflowControls,
.flightsOverFlowControls {
    text-align: center;
}

.showHideFlightFilter {
    display: none;
}

.insideExtra .total_pr{
    display: none;
}

#flightsContainer label {
    margin-bottom: 10px;
}

#holidayDetails_container .togglePrices, .checkoutElement .togglePrices {
    height: 33px;
    width: 101px !important;
    padding: 6px 10px !important;
    border-radius:8px;
    font-size: 14px !important;
}

.room_select_button, #transfersResultsRow button{
    font-weight:600;
    font-size: 14px;
    color:#333;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding:0 !important;
    background:none;
    
}

#map_canvas {
    border-radius: 12px;
}

.room_select_button:hover, #transfersResultsRow button:hover {
    background-color: none;
    color:#e3166c;
}

.depositNotice {
    font-weight: normal;
}

.remaining.standard {
    display: none;
}

.noticeContainer {
    height: 42.5px;
    display: flex;
    align-items: flex-end;
}

.breadcrumbs a, .backHome a {
    width: fit-content;
}

.room_select_button.btn.btn-primary, #topflight button.flightRight, #transfersResultsRow button.selected {
        background-color:#269538;
        color:#fff;
        font-weight:bold;
        font-size: 14px;
        padding:0;
        text-decoration:none;
        width: 72px;
        border-radius:5px;
        height:25px;
}

#topflight button.flightRight {
    margin:auto;
}

#mobileToolBar .priceTotal {
    display:none;
}

#mobileToolBar .pricePP, #mobileToolBar .priceTotal {
    font-size:18px;
}


/* //// END OF HOLIDAY DETAILS PAGE /// */

/* /// EXTRAS PAGE STYLES */



.insideExtra {
    border: 2px solid #dedede;
    border-radius: 8px;
}

.blog .showHideHotelLocation{
    height: 350px;
}

.com-content-article .showHideHotelLocation{
    height: 450px;
}

.blog #map_canvas, .com-content-article #map_canvas {
    height: 100%;
}

#continuetoguests {
    padding: 11px 37px !important;
}

#extrasRow {
    color: #333;
}

#optionsContainer .deal__price {
    padding-right: 0 !important;
}



.content__main-row h3 {
    margin-bottom: 10px;
}

#hotel-details h4,
.holiday-deets h4 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.flightRow {
    border: 1px solid #dedede;
    margin-bottom: 12.5px;
}

.totalPriceMaster {
    font-size:14px;
    font-weight:bold;
}

.content__hotel-price {
    padding: 5px 20px 20px 20px;
}

#hotel-details hr{
    margin: 16px 0 ;
}

.fw-bold {
    font-weight: bold;
    color:#333;
}

.paymentOption {
    height: 60px;
}

#RoomsModal .modal-body {
    padding-top: 0px;;
}

#flightBar {
    padding:0 !important;
}

.btn-minus,
.btn-plus {
    height: 30px !important;
    width: 30px !important;
    margin-top: auto;
    margin-bottom: auto;
}

.content__hotel-intro.content__main-row.content--border,
.checkoutElement{
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

#clearProperty {
    display: none;
    margin-left: 15px;
    margin-bottom: 7px;
    padding: 0px !important;
    font-size: 14px;
    text-underline-offset: 3px;
    font-weight: 500;
}

#clearProperty:hover {
    color:#e3166c;
    text-decoration: underline;
}

#property-search {
    max-width: 450px;;
}

.leftToPay {
    display:flex;
    flex-direction: column;
}

.leftToPay .pinkText {
    margin-top:auto;
}

.fa-plus,
.fa-minus {
    color: #333;
}


.baggageRow>div {
    padding: 0;
}

.smallBold {
    font-weight: bold;
    font-size: 14px !important;
}





.paymentOptionsPanel {
    position: absolute;
    right: 0px;
    padding: 20px;
    border-radius: 15px;
    display: none;
    box-shadow: 0px 1px 5px #00000029;
    width: 210px;
    background: #fff;
    z-index: 2000;
    text-align: left;
}

.paymentOptionsPanel p, .paymentOptionsPanel h6 {
    font-size: 14px;
}

.paymentOptionsPanel h6 {
    font-weight: bold;
}

.mediumBold{
    font-weight:bold;
    font-size:16px;
}

.content__hotel-price li {
    font-size: 16px;
}

.checkout label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

/* /// END OF EXTRAS */

/* //// CHECKOUT PAGE STYLES ///*/
.paymentPanels h2{
    margin-top: 0;
    margin-bottom: 0;
}

.select-updown {
    z-index:1;
    top: 41px !important;
}

/* input[type="radio"]{
    border: 2px solid #DEDEDE !important;
    height:24px;
    width: 24px;
    border-radius:100px;
    color:transparent;
    display:block !important;
    margin-bottom: 0 !important;
} */

i.radio {
    line-height: unset;
}

.header-font p {
    font-size: 14px;
    color:#676767;
}

i.radio {
    margin-right: 5px !important;
}

#resultsHeader {
    height: fit-content;
}

input[type="radio"]:checked{
border: 2px solid #DEDEDE;
color: #DEDEDE;
}

.search__param, .search__param label, .fa-times-circle, #destinationModal label, #filterPanel label, #departureModal label {
    cursor:pointer;
}

.attributeBadge {
    background-color: #fff;
    color:#333;
    margin-left: 4px;
}

.attrContainer {
    position: absolute;
    z-index: 9999;
    top: 13px;
    left: 13px;
}

.fa-times-circle:hover {
    color: #890b40;
}

.fa.fa-refresh.fa-spin {
    height:fit-content;
    
    margin-left:5px;
}



#filterPanel .fa.fa-refresh.fa-spin {
    margin-top:4px;
    font-size:16px;
}

#searchFormBtn {
    min-width: 125px;
}

.paymentPanels.selected::before,.paymentPanels.selected::after {
    display:none;
}


.addressRow {
    display: none;
}

.checkout .btn {
    justify-content: center;
}

.content__hotel-details a {
    margin-bottom: 10px !important;
    text-decoration: underline;
    display: block;
}

.addressBtn {
    height: 42px;
}

.select-updown-alt {
    display: block !important;
    top:0 !important;
    right: 15px;
}

.manualAddressBtn,
.passengerAddress {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.manualAddressBtn {
    color: #e3166c;
}



.checkout .passengerType {
    font-size: 18px;
    font-weight: bold;;
}

.dialog.smoke > .dialog-inner {
    max-height: 500px;
    overflow: auto;
}

.checkout h4, .fa-user {
    font-weight: bold;
    line-height:1;
}

.checkout .fa-user {
    font-size:28px;
}

#profile:focus{
    border:none !important;
}

.checkout h4 + p {
    color:#676767;
    font-size: 16px;
    font-weight: 500;
}

#results .select-updown .fa-chevron-down {
    position: relative;
    bottom:2px;
}

#leadPassenger input[type=text],
#leadPassenger select,
#otherPassengers input[type=text],
#otherPassengers select,
.checkoutElement input[type=text] {
    background: #FFFFFF;
    border-radius: 10px;
    opacity: 1;
    border: 1px solid #dedede;
    height: 45px;

}



.infoContent {
    width: 250px;
    color: #fff;
    background-color: #333;
    text-align: center;
}

.infoBox {
    width: fit-content;
   
    position: relative;
    z-index: 3;
}


#termsModal {
    border-radius: 0 !important;
    box-shadow: 0 !important;
}


.passengerType .fa-info-circle:focus .infoBox {
    display:flex;
}

.smallGrey {
    font-size: 14px;
    color:#676767;
    font-weight:500;
}

.flightsBadge .badge {
    padding: 5px 15px
}

.lastLi {
    margin-bottom: 0 !important;
}

#flightsBar .bar {
    margin-bottom: 5px;
}



.paymentPanels.selected {
    border: 1px solid #e3166c;
    box-shadow: none;
}

.infoTriangle {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-bottom: 10px solid #333;
    border-right: 6px solid transparent;
    rotate: 180deg;
}


/* //// CHECKOUT PAGE END /// */

/* //// Checkout confirmed styles /// */

.carrierInfo {
    float:right; 
    width:80px; 
    font-size: 16px;
}

.text-center.checkoutElement h1{
    font-size: 24px;
}


#bookingCol h4 {
    font-size:24px; 
    font-weight: bold;
}

#bookingCol .badge {
    height:25px;
    padding:7px 20px;
    font-size: 14px;
}

#resultsContainer .badge, #moduleresults .badge, #static_properties_module .badge, .attributeBadge {
    height: 27px;
    padding: 6.5px 7px;
    font-size: 14px;
    border-radius:90px;   
    font-weight: 500;
}



#moduleresults .deal--row .deal__details .deal__info, #propertiesmoduleresults .deal--row .deal__details .deal__info {
    position: relative;
    top:0;
    bottom: 0;
    left:0;
    right:0;
}

 #moduleresults .result_button_row,  #propertiesmoduleresults .result_button_row {
    padding:0px 15px !important;
}

#moduleresults .deal__info,#propertiesmoduleresults .deal__info {
    padding: 10px 15px 0 15px;
}



.badge-warning {
    width:74px;
}

.checkoutElement #flightsInfo p {
    margin-bottom: 5px;
}

#pricingSummary {
    background-color:#F2F2F2;
    border-radius:20px;
    width:100%;
    min-height:200px;
}

#hotelInfo h2 {
    font-weight: 500;
}

#pricingSummary h4, #flightsInfo h4 {
    font-size:16px;
    font-weight:bold;
}

.row.bookingDetails {
    margin: 0;
}

#summaryCol #pricingSummary h4, #summaryCol #flightsInfo h4 {
    font-size:16px;
}

#summaryCol {
    display:flex;
    justify-content: center;
    align-items: center;
}



 

#pricingSummary h5, #flightsInfo h5{
    font-size: 16px;
}

#pricingSummary h2, .refTitle {
    font-size:16px;
    font-weight:bold;
    margin-bottom: 0;
}

.bookform #outbound hr {
    margin-bottom: 0;
}

.summary-heading {
    font-weight:bold;
    font-size:22px;
}

#detailsCol h2 {
    margin-bottom: 5px;
}

.main_price .beforeprice {
    color:#e3166c !important;
    display:inline !important;
}

.checkoutElement #flightBar ul {
    margin-bottom: 10px;
}

.badge-all_inclusive {
    background-color: #58D6DA;
}

.badge-bed_and_breakfast{
     background-color:#e3166c;
     color:#fff;
}

.badge-full_board{
    background-color: #58da58;
}

.badge-half_board{
    background-color: #8000DE;
    color:#fff;
}
.booking-login #static_properties_module {
    display:none;
}

.badge-room_only{
    background-color: #5878da;
    color:#fff;
}

.badge-self_catering{
    background-color: #da5858;
    color:#fff;
}

.summary_panel:last-of-type {
    border:none;
}

#paymentOptionsPanel p {
    font-size: 14px;
    font-weight:500;
}

.expanded {
    height:fit-content !important;
}

#paymentOptionsPanel {
    padding: 15px 20px;
    background-color: #F0EFF0;
    border-radius:25px;
    color:#333;
    overflow:hidden; 
    height:46px;
    cursor: pointer;
}

#paymentOptionsPanel h2 {
    font-size: 14px;
    text-align: center;
    font-weight:bold;
}

.smallPrice {
    font-size: 14px;
    color:#333;
    font-weight: 500;
    margin-top:5px;
}

.badge-warning {
    background-color: #FFCC00 !important;
}

#hotelInfo .badge {
    font-size: 16px;
    padding:7px 14px;
}

#departureModalContent {
    margin-bottom: 0;
}

#chosenFlightDiv {
    display:none;
}



#flightBar li {
    margin-bottom: 8px;
}

#flightBar .badge{
    height: 18px;
    padding: 2px;
    width: 48px;
    font-size:14px;
    font-weight:500;
    margin:0px 0 0 18px;
}

.month_button.btn-primary{
    height: 37px;
    font-size: 16px;
}

.modal-title {
    color:#333;
}

.showhide_form_start {
    display: none;
}


/* ///// checkout confirmed styles end //// */
/* flights li bar styles on all pages */
/* holiday details left panel*/
#flightSummary .bar > li:first-of-type:after { 
    top: 40%;
}



#flightSummary{
    margin-top:11px;
}

#holidayDetails_container .filter_button_row {
    padding: 4px;
}

/* Homepage Deals */

.holidayDealsList h5{
    font-weight:bold;
    display:flex;
    align-items: center;
}

.skeleton-text {
    height: 20px;
    margin-top:4px; 
    margin-bottom:2px;
    background: #f2f2f2;
}


.btn-skeleton {
    background:#f2f2f2;
    height: 42px;
    pointer-events: none;
}

.skeleton-img {
    background: #f2f2f2;
}

.featured--deals-home h4{
    font-weight: 500;
}

/* newsletter  */
#newsletterErrorItems {
    list-style: disc;
    margin-left:20px;
}

.errorContainer h4 {
 font-weight:800;
 font-size: 24px;
}

.errorContainer {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
    z-index:100;
}

#newsletterError {
    width: fit-content;
    height: fit-content;
    box-shadow: 0px 1px 5px #00000029;
    padding: 20px 25px;
    background: #fff;
    border-radius: 12px;
}

#pricefilter label {
    align-items: center;
}

/* manage booking styles */


#enquiryModal .modal-footer{
    display:none;
    padding-right: 0; 
    padding-bottom: 0;
}

.modal-footer, .dialog-footer {
    background-color: #F4F3F0;
}

.dialog-footer { 
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display:flex;
    justify-content: center;
    align-items: center;
}

#enquiryModal{
    background-color: #58D6DA;
    color:#333;
    padding: 20px 20px;
    border-radius:20px;
    box-shadow: 0px 1px 5px #00000029;

}

.convertforms h4 {
    font-weight: 800;
}

#manageBookingBtn {
    font-size: 14px;
    width: 145px;
    height: 39px;
    padding: 8px;
}

#termsModal .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

#termsModal .modal-content {
    box-shadow: 0px 1px 5px #00000029;
    border-radius: 12px;
}

#main_cta {
    height: fit-content;
    min-height: 46px;
    min-width: 140px;
    padding:9px;
}

@media (max-width:992px) {


    #mod-custom117 {
        display:none;
    }

    .calBtn {
        font-size: 16px !important;
        width:100%;
        margin-bottom:0;
        height:36px;
        padding: 8px 8px;
    }

    .showhide_search_form {
        display:block;
    }

    .btn.modalDone {
        height: 46px;
        width: 100px;
        letter-spacing: normal;
    }

    .modal-footer, .dialog-footer, .dialog-footer {
        background-color: #F4F3F0;
        height: 81px;
    }

    #range { 
        height: 44px;
    }

    



    .home .head_space {
        display: none;
    }

   


    #enquiryModal {
        width: fit-content;
        height: fit-content;
        top: 0;
    }


/* search form / destination modal styles */



.search__param {
    height: unset;
}



#carouselExampleIndicators .carousel-inner {
    background-position:85% 0%;
}

#innerSearchFields {
    padding: 15px 30px;
}

    section:not(.hero) {
        padding-top: 20px;
    }
    .showhide_form_start button {
        width: 100%;
    }

    #mod-custom117 div.head_space {
        height: 120px;
    }

    #filter-btn {
        background-color: #b2b2b2 !important;
        width: 100px;
        height: 30px !important;
        font-size: 16px;
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: none;
    }

    /* ///STYLING FOR RESULTS PAGE /// */

    #starratingfilter,
    #mealbasisfilter,
    #pricefilter,
    #regionfilter,
    #filterPanel,
    #tripadvisorfilter,
    #resortfilter, #tripadvisorfilter, #facilitiesfilter {
        display: none;
    }

    .container.triangle-container {
        padding: 0 !important;
    }

    .container.triangle-container {
        margin-left: 0px;
    }

   

    #lead_email {
        width: 100%
    }

    .email_me {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* /// DETAILS PAGE /// */
   
    .holiday-deets {
        max-width: unset;
    }


    /* /// EXTRAS STYLES /// */

/*     .checkout #quoteRef, #fullExtrasContent #quoteRef {
        text-align: center;
    } */



    #hotel-details {
        padding: 0 !important;
    }

    #holidayCarousel img {
        height: 100%;
        object-fit: cover;

    }

    .content--hotel .content__main {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .badge {
        padding: 10px;
        font-size: 14px;
    }

    .calendar .badge {
        padding: 5px;
        font-size: 12px;
    }

    /* articles and categories */
    .com-content-category-blog__description.category-desc {
        height: 60%;

    }

    #sideCol img {
        max-height:325px;
        margin-bottom: 10px;
    }

    /* //// CHECKOUT page STYLES/ // */

    .bookForm .content__main-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    

   



}

@media (min-width: 576px) and (max-width: 991px){
    /* .calendar-days > div.calendar-date, .calendar-days > div.future-date, .calendar-days > div.past-date {
        width: 75px;
        height: 55px;
        max-height:unset;
    } */

    .cal_button_row {
        width: 400px
    }

    .calBtn {
        height: 40px;
        padding: 9px 8px;
    }


    .month_button {
        width: 120px;
        height: 50px;
        padding: 13px 10px;
    }

    #datesModal #year, #datesModal #month {
        font-size: 20px;
    }
}

#moduleresults .deal__details > div, #propertiesmoduleresults .deal__details > div  {
    padding:15px 0 0 0 ;
}

#ppPriceMaster {
    font-size: 20px;
    font-weight: bold;
    color: #e3166c;
}

#hotel_Description h2.body-font {
    font-size:15px;
    color:#676767;
}

@media (max-width:768px) {

    .skeleton.deal__details {
        height: 279px;
    }

    .deal__details > div {
        padding: 15px;
    }

    #results .deal__details {
        padding: 0;
    }

    #results .deal__details.skeleton {
        padding: 15px;
    }

    
   


    .skeleton-img {
        height: 205px !important;
        border-radius: 12px 12px 0 0;
    }

    #moduleresults .deal__location , #propertiesmoduleresults .deal__location {
        min-height: unset;
    }

    

    

   

    .leftToPay, #paymentOptions { 
        width:100%;
    }

    .deal--row .deal__details .deal__location-accomm a {
        font-size: 21px !important;
    }


    .input-group.inline-group {
        justify-content: center;
    }

    #optionsContainer .deal__price {
        text-align: right;
    }



    #resultsContainer .deal__thumb {
        height: 40%;
    }



    /* /// HOMEPAGE STYLING AND MENU /// */
    .btn.btn.btn-primary.w-100.btn-grey.d-flex.mb-2.justify-content-center.align-items-center {
        display: none !important;
    }

    

    .featured--deals-home, #DF_results_module, #static_properties_module {
        padding-bottom: 40px;
    }


    body {
        font-size: 15px;
    }

    #filterPanel {
        pointer-events: auto;
    }

    .container.px-0.px-md-3 {
        height: fit-content;
    }



    /* news letter styling to make smaller on mobile  */
    .pt-4.pb-2 {
        height: fit-content;
    }
    
    #flightsContainer .deal__price {
        margin-top: 5px;
    }
    h4 {
        font-size: 16px;
    }

    h2 {
        font-size: 28px;
    }

   

    /* /// CALENDAR STYLING /// */
    .modal-content {
        margin-top: 0px;
    }

    /* search form styles */


    /* //// Styling for search results /// */

    .col-4.text-center.align-items-right {
        text-align: center;
    }

    /* styling for holiday carousel card */

    .deal--row .deal__details .deal__location-dest {
        font-size: 16px;
    }

    /* ///// END OF STYLES FOR SEARCH RESULTS PAGE //// */

    /* /////// HOTEL DETAILS STYLES ///// */

   

    .main_price {
        font-size: 20px;
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .deal__details {
        padding-bottom: 5px;
    }

    #datesContainer {
        margin-left: auto;
        margin-right: auto;
    }

    .mealBasis h5 {
        font-size: 15px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .calendar {
        background-color: transparent !important;
    }

    .container-fluid.title-info.mt-3.container-triangle {
        padding: 0;
    }


    #flightsContainerNew {
        font-size: 16px;
    }

    #flightsContainerNew .btn-secondary {
        margin: 0px;
    }

    .summary_panel h4 {
        font-size: 16px;
    }

    .summary_panel text {
        font-size: 16px;
    }

    .beforeprice {
        color: #333333 !important;
    }


    /* //// END OF HOTEL DETAILS STYLES //// */
        .ppPrice {
        font-size: 28px !important;
    }

    /* /// ARTICLES /// */

    .com-content-article h1 {
        margin: 20px 0;
    }

    #sideCol {
        width: 100%;
    }

    #contentCol .page-header h1 {
        margin-bottom: 16.75px;
    }

    /* //// EXTRAS PAGE STYLING /// */
    #mobileToolBar {
        width: 100%;
        height: 100px;
        border-radius: 0 !important;
        background-color: #FFCC01;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        align-items: center;
        z-index: 1000;
    }

    #mobileToolBar .btn-prev-inactive {
        color: #333;
        border: none;
        background-color: #eee;
        height:42px;
    }

    .content.content--hotel .content__details-mobile .btn {
        padding: 7px 20px;
        top: 25%;
        position: relative;
        height: 40px;
    }

    #mobileToolBar .fullPrice, #mobileToolBar .perPersonPrice {
        color: #E3166C;
    }

    .insideExtra .inline-group .btn-outline-secondary {
        width: 30px;
        height: 30px;
    }

    

    /* checkout */
    .flow-container .triangle-fix {
        display:none;
    }


}

.leftToPay p {
    color:#333 !important;
}

.duenow {
    font-size:20px;
    font-weight: bold;
    color: #e3166c;;
}

.paymentPanels h3 {
    margin:0 !important;
}

@media (max-width: 992px) and (min-width:576px){

    /* fonts on holiday details  */
    #hotel_Description h1 {
        font-size:36px !important;
    }

    .title-info h2 {
        font-size: 22px;
    } 
}


@media (min-width: 992px) and (max-height: 912px){
    #datesModal .modal-body {
    	max-height: 610px;
    }
}

@media (max-width:767px) {
    /* /// checkout page styles //  */

    .deal--row .deal__details .deal__location-accomm a { margin-bottom: 0px !important; }

    .deal__info {
        padding: 0;
    }

    #results .deal__info {
        padding-left: 15px;
        padding-right: 15px;
    }

    #propertiesmoduleresults .skeleton.deal__details, #moduleresults .skeleton.deal__details {
        height: 291px;
    }

    #results .depositBadge {
        padding: 4px 4px;
        width: 104px;
    }

    .deal__location {
        margin-top: 0;
        min-height:fit-content;
    }

    #flightPriceCol {
        display:flex;
        justify-content: center;
        align-items: center;
    }

    

    .flightBorder {
        border-bottom:1px solid #dedede;
    }

    .paymentOptionsPanel {
        bottom: 50px;
    }

    #holidayDetails_container h3 {
        font-size: 20px;
        font-weight:bold;
    }

    #results .select-updown, #skeletonResults .select-updown {
        display: block !important;
        position: unset !important;
        margin-left: 7px;
    }

  

   

    #results { 
        padding:20px 5px 0;
    }


    #continuetoguests {
        display: none;
    }

    .deal--row .deal__details .deal__info {
        position: unset;
    }

    .outboundFlight {
        border-bottom: 2px dashed #d9d9d9;
        margin-bottom: 10px;
    }

    #carouselExampleIndicators > div > div.carousel-item {
        height:300px;
    }

    #flightsContainer button.btn-secondary {
        height: 42px;
        width: 125px;
    }

    #flightPriceCol {
        text-align: center;
    }

    .flow-container .booking-steps.active .border-circle {
        border: 2px solid #E3166C;
        color: #E3166C;
       
    }

    .flow-container .booking-steps .border-circle {
        border: 2px solid #333;
        color: #333;
        height:45px;
        width:45px !important;
    }
}

.flightRight {
    position: unset !important;
}

.confirmedMsg {
    height: fit-content;
}


.skeleton .result_button_row {
    margin-top: auto;
}

#moduleresults .deal__details, #propertiesmoduleresults .deal__details {
    padding:0 15px 15px 15px;
}

#moduleresults .depositBadge, #propertiesmoduleresults .depositBadge {
    padding: 4px 4px;
    width: 104px;
}

#flightOutbound, #flightReturn, #flightLogo {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#results .deal__location-mealbasis {
    padding: 4px;
    width: fit-content;
    background: #F2F2F2;
    border-radius: 90px;
}

@media (min-width:768px) {

    #results .depositBadge {
        padding: 4px 0px;
        width: 102px;
    }

    #results .deal__details > .row:first-of-type {
        margin: 0;
    }

    

    .deal--row .deal__details .deal__info { 
        padding-left:20px;
    }

  


    #holidayDetails_container h3 {
        font-size: 22px;
        font-weight:bold;
        padding:0px 15px;
    }

    .deal__details.skeleton {
        padding:20px !important;
    }

    .result_button_row {
        padding: 0 20px 25px 20px !important;
    }

    .apiCarriers, #topflight {
        padding: 0px 0 0 10px;
    }

    .paymentPanels {
        border: 1px solid #dedede; 
        margin-right: 20px;
    }

    .paymentOptionsPanel {
        bottom: 110px;
    }

    #moduleresults .paymentOptionsPanel, #propertiesmoduleresults .paymentOptionsPanel {
        bottom: 130px;
    }

    #results article.deal--row > .deal__details {
        padding: 0;
    }

    #results article.deal--row > .deal__details > div{
        padding: 20px 20px 0 20px;
    }



   
    .flightControls {
        border-left: 1px solid #dedede
    }

    .hotel_Description {
        padding-left:25px;
        padding-right: 25px;
    }

    .skeleton.deal__details {
        min-height: 268px;
    }

    #results .select-updown, #skeletonResults .select-updown {
        display: block !important;
        position: unset !important;
        margin-left: 7px;
    }

    #results .deal__thumb img, #results .skeleton-img {
        max-height: 287px;
        min-height: 287px;
    }

    

   

    #moduleresults .deal__location, #propertiesmoduleresults .deal__location {
        height: 165px;
        min-height: unset;
    }


    
    #results .deal__thumb .carousel .carousel-inner .carousel-item imgå {
        height: 312px !important;
        max-height: 312px !important;
    }

    .skeleton-img {
        border-radius: 12px 0 0 20px !important;
    }

    

    .containerNews h2 {
        font-size: 43px;
        margin-bottom: 20px;
    }

    .beforeprice {
        font-size: 15px !important;
    }

    .deal__location-rating {
        height: 24px;
    }

    .containerNews h4 {
        font-size: 18px;
    }

    .containerNews {
        color: #333;
    }

    .jQueryDatepicker_body .jQueryDatepicker_table_td {
        font-size: 20px;
    }

    .room_board_panel .col-8 span {
        font-size:16px;
        font-weight:700;
    }

    .togglePrices.toggleTotal.btn.btn-grey:hover {
        background-color: #ddd;
    }

    #searchFormBtn:hover {
        background-color: #890b42;
        color: #fff;
    }


    /* button for submit date */
    .btn.btn-primary.btn-larger.float-right:hover {
        background-color: #890b40;
        color: #fff;
    }

    button.btn-primary.btn-larger:hover {
        background-color: #890B42;
        color: #fff;
    }

    #RoomsModal .room .form-group button:hover,
    .insideExtra .inline-group .btn-outline-secondary:hover {
        background-color: #E3166C !important;
    }




    #flightPriceCol {
        text-align: right;
    }

   

    

    .container-fluid.title-info.mt-3.container-triangle {
        padding-top: 5px;
    }

    /* direct flight badge */

    .bookingDetails .badge {
        padding: 8px;
    }

    .flightRight {
        position: relative;
        bottom: 43px;
    }

    .btn-primary.flightRight {
        position: unset !important;
        padding: 8px 20px;
    }

    /* ///// END OF HOLIDAY DETAILS STYLING */

    /* //// Articles Styling //// */
    .page-header h1 {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .com-content-article {
        background-color: #F2F0F0;
        padding: 40px 0;
    }


    

    .deal__thumb {
        border-bottom-left-radius: 12px !important;
        border-top-left-radius: 12px !important;
        border-top-right-radius:0 !important;
    }

    #articleBg {
        background-color: #F2F0F0;
    }

    #contentCol .page-header h1 {
        margin-top: 0;
    }

    /* checkout progress styles */
    .flow-container .booking-steps .triangle-right-inner {
        right:-43px;
    }

    .flow-container .booking-steps.active .border-circle {
        background-color: #e3166c;
        color:#fff;
        border: none;
    }

    .flow-container .booking-steps.active {
        background: #e3166c;

    }
    
    .booking-steps1 {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    .flow-container .booking-steps:last-child {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    /* results page */

    

}


@media (min-width: 1600px) {
    #carouselExampleIndicators > div > div.carousel-item, #homepageSlider .carousel-item {
        height: 500px !important;
      }
}


@media (min-width:1200px) {

    #results .deal__details .deal__info div, #skeletonResults .deal__details .deal__info div {
        margin: 0 12px 0 0;
      }

    #propertiesmoduleresults .skeleton.deal__details, #moduleresults .skeleton.deal__details {
        height: 291px;
    }

    .flightButton {
        left:255px;
        top:230px;
    }

    .skeleton.deal__details {
        min-height: 278px;
    }

    .deal--row .deal__details .deal__info { 
        margin-bottom:10px;
    }
    #searchFormBtn{
        margin-right: -35px !important;
    }

    #carouselExampleIndicators > div > div.carousel-item, #homepageSlider .carousel-item {
        height: 370px;
        background-position: 50%;
      }



    /* checkout page */

    .deal__price p {
        font-size: 24px;
    }

    /* search results page */
   
    

    /* article pagination */
    .nextPagination {
        float:right;
    }




}

@media (max-width: 374px) {
   /*  #flightsContainer .bar > li:last-of-type:after {
        top: -39%;
        height: 35px;
    }
 */
    .calBtn {
        padding: 4px 3px;
    }

   
}

@media (max-width: 1200px) {

    
    
    header div.pinktrustpoint_icon {
        height: 30px;
        width: 30px;
        padding: 5px 0px;
    }
    /* forms */

    #carouselExampleIndicators > div > div.carousel-item {
        height: 300px;
        background-position: 50%;
      }

    /* checkout page  */
    .deal__price p {
        font-size: 20px;
    }

    /* articles pagination */
    .prevPagination,
    .nextPagination {
        float:right;
    }
    
}

#mobileNav.desktop{
    display:none;
}
@media (min-width: 992px) {

    .mod-menu  {
        max-height: 50vh;
    }

    #mobileNav > ul li {
        max-width: 600px;
    }

    .rotate {
        rotate:-90deg;
        transition: 300ms ease all;
    }

    #mainResults, #skeletonResults {
        padding-top: 9.5px;
    }

    .com-contact__container {
        margin-left: auto;
        margin-right: auto;
    }

    #nav_burger_menu {
        z-index:1106;
    }

    #moduleresults .skeleton-img, #propertiesmoduleresults .skeleton-img {
        border-radius: 12px 12px 0px 0 !important;
    }



    #trustpoint {
        height: 130px;
    }



    #moduleresults .deal__thumb .carousel .carousel-inner .carousel-item img , #propertiesmoduleresults .deal__thumb .carousel .carousel-inner .carousel-item img, #moduleresults .skeleton-img, #propertiesmoduleresults .skeleton-img{
        height: 250px;
    }

    #departureModal .modal-body {
        max-height:560px;
        overflow-y:auto;
    }

    #departureModal {
        position: absolute;
        top: 113px;
        left: 0px;
        max-width:450px;
        height:auto;
    }

    #destinationModal .modal-body {
        height: fit-content;
        max-height: 55vh;
        overflow-y:auto;
    }
    
    #destinationModal {
        position: absolute;
        top: 113px;
        /* max-width: 700px; */
        height: auto;
    }
    
    #datesModal{
        position: absolute;
        top: 113px;
        left: 45.2%;
        max-width: 700px;
        height: auto;
    
    }
    
    #RoomsModal{
        position: absolute;
        top: 113px;
        left: 66.6%;
        max-width: 700px;
        width: fit-content;
        height: auto;
    
    }

    /* manage booking enquiry form */
   

    
    #destinationModal .modal-dialog {
        max-width: unset;
    }


    #mobileNav > ul {
        position: relative;
        left: unset;
        right:unset;
    }

    #RoomsModal .modal-body {
        max-height: 50vh;
        overflow-y: auto;
      }

    .mod-menu.mod-list.nav {
        width: 400px;
        height: fit-content;
        overflow-y: auto;
        padding: 10px 0;
        position: relative;
        right: 0;
        left: unset;
        box-shadow: 0px 1px 5px #00000029;
        border-radius:10px;
    }

        

    #mobileNav > ul li a, #mobileNav > ul li span.nav-header, .nav-item span, #mobileNav > ul li.parent > a::after, #mobileNav > ul li.parent > span::after {
        font-size: 18px !important;
    }


    #departureModal {
        max-width:450px;
        width: fit-content;
        min-width: 356px;
    }

    #enquiryModal {
        border-radius:20px;
        width: 500px;
        height: fit-content;
    }

    #datesModal .calendar-days, #datesModal .calendar-week-days {
        width:100%;
    }

    #holidayDetails_container .breadcrumbs, .backHome {
        position: absolute;
        top: -41px;
    }

    .holiday-deets {
        box-shadow: 0px 10px 20px #00000029;
    }

    #RoomsModal .room {
        width: fit-content;
        max-width: 345px;
    }

    #fc_Container #year {
        width:unset;
    }

    #extrasRow {
        flex-direction: row-reverse;
    }

    #carouselExampleIndicators .carousel-inner {
        background-position:76% 0%;
    }

   
    /* search form / destination modal styles */
    .modal.search_checkboxes { 
        padding: 0 !important;
    }

    .search__inner {
        padding-left:30px;
        padding-right:50px;
        margin:0;
    }

    #innerSearchFields {
        padding: 0;
    }

    /* //// Results Page Styles/// */
    #filter-btn {
        display: none !important;
    }


    #filterPanel {
        display: block;
    }

    #mod-custom117 div.head_space {
        height: 122px;
    }

    /* STYLING EXTRAS PAGE */

    #hotel-details {
        border-radius: 12px;
        padding: 0px !important;
    }

    

    #hotel-details .pinkPricing {
        font-size:23px;
    }

    .content__hotel-thumb #holidayCarousel,
    .content__sidebar-wrap #holidayCarousel {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        height: 200px;
    }

    .content__hotel-thumb {
        margin-bottom: 0 !important;
    }

    .content__sidebar-wrap,
    .content__hotel-price {
        margin-right: 20px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    #OptionsContainer {
        padding-left: 16px;
        padding-right: 16px;
    }


    /* /// footer styles /// */
    footer h2 {
        font-size: 55px;
    }

    /* /// HOLIDAY DETAILS /// */

    .container-fluid.title-info.mt-3.container-triangle {
        padding-top: 50px;
    }

    .email__me button {
        width: 28%;
        padding: 6px 12px !important;
    }

    /* homepage deals */
    .yellowCircle {
        height: 142.85px;
        width: 142.85px;
        border-radius: 200px;
        position: relative;
        right: 30px;
        bottom: 90px;
        background-color: #ffcc01;
    }

    .dealCard {
        position: relative;
        z-index: 1;
    }

    

    /* //// CHECKOUT PAGE // */

    .outboundFlight {
        border-bottom: 2px dashed #d9d9d9;
        margin-bottom: 10px;
    }


    /* /// RESULTS PAGE STYLES /// */
    
   

    /* checkout confirmed page styles */
    #detailsCol, #bookingCol {
        min-width: 60%;
    }
    
    #summaryCol {
        max-width: 40%;
    }

    section:not(.hero) {
        padding-top:40px;  
    }

   /*  .content__hotel-intro.content__main-row.content--border,
    .checkoutElement {
        background-color: #fff;
        border-radius: 12px;
        margin-bottom: 20px !important;
        padding: 25px 25px !important;
    } */

    /* end of checkout confirmed page styles */


    /* /// articles styles /// */
    #sideCol {
        max-width: 40%;
    }

    /* holiday details panel */





    /* datesModal  */
    #caldates:hover, #calmonth:hover {
        color: #e3166c;
    }
}
@media (min-width:768px) and (max-width:1199px) {

}

@media (max-width: 1199px) {
    #results .deal__details .deal__info > div, #skeletonResults .deal__details .deal__info div {
        margin: 0 12px 0 0;
      }

      .paymentPanels {
        border: 1px solid #dedede; 
        margin-bottom:10px;
    }
}

.deal--row .fa-circle,  #hotel_Description .fa-circle {
    bottom: 3px;
    left: 4px;
    width: 8px;
}

@media (min-width:768px) and (max-width:991px) {
    .outboundFlight {
        border-right: 2px dashed #d9d9d9;
        margin-bottom: 10px;
    }

    .calendar-days {
       top: -62px;
      }

    /* extra flights search results */
    .flightButton {
        left:220px;
        top:260px;
    }

    #mobileSearch button {
        width:unset;
        margin-left:30px;
    }


    .deal--row .deal__details .deal__location-accomm a {
        font-size:20px;
    }

    #propertiesmoduleresults .skeleton.deal__details, #moduleresults .skeleton.deal__details {
        height: 291px;
    }


}

@media (min-width:576px) and (max-width:767px){
    .flightButton {
        left:290px;
        top:270px;
    }

   

    .flightLogo {
        justify-content: end;
    }

    .holidayDealsList h5{
        font-size: 18px;
    }

    #homepageOffersRow span.offerPrice {
        font-size: 20px;
    }

    .deal__info {
        height:80px;
    }


}

@media (min-width: 768px) and (max-width: 992px) {
   /*  #moduleresults .deal__thumb .carousel .carousel-inner .carousel-item img, #propertiesmoduleresults .deal__thumb .carousel .carousel-inner .carousel-item img {
        height:235px;
    } */

    #moduleresults .deal__thumb, #propertiesmoduleresults .deal__thumb {
        border-top-left-radius: 12px;
        border-top-right-radius: 0px !important; 
        border-bottom-left-radius: 12px !important;
        border-bottom-right-radius: 0px;
    }

    #moduleresults .skeleton.deal__details, #propertiesmoduleresults .skeleton.deal__details {
        height: 293px;
    }


    .carousel-caption {
        right: 15%;
        left: 5%;
        padding: 25px 20px;
        width: 330px;
        height: 200px;
    }

    .carousel-caption h2 {
        font-size: 26px;
    }

    .lead  {
        font-size: 18px;
    }
}

@media (min-width:992px) and (max-width:1200px) {

    #moduleresults .deal__thumb .carousel .carousel-inner .carousel-item img, #propertiesmoduleresults .deal__thumb .carousel .carousel-inner .carousel-item img, #moduleresults .skeleton-img, #propertiesmoduleresults .skeleton-img {
        height:205px;
    }
    
    .carousel-caption {
        bottom: 37px;
        height: 230px;
    }

    #RoomsModal {
        left: 65.56%;
    }

    #searchFormBtn {
        min-width: 117px;
        max-width: 126px;
        padding-left: 7px !important;
        padding-right: 4px !important;
        margin: 5px -45px 0 30px !important;
    }

    .modal-header {
        padding: 12px 0 !important;
    }


    #datesModal #caldates_container .select-updown {
        bottom: 17px;
    }

    
    /* extra flights search results */
    .flightButton {
        left:220px;
        top:265px;
    }

  

    #pricefilter label,
    #mealbasisfilter label,
    #regionfilter label {
        font-size: 14px !important;
    }
    /* Search Results Page  */

    div.filter_button_row a.btn {
        padding: 8px 0px;
    }

}

.flightRight {
    padding: 7px 17px;
}

.container-fluid.title-info.mt-3.container-triangle {
    margin-top: 0 !important;
}

/* styling on clicking user icon */
#extraNav ul li a:hover {
    color: #E3176C;
}

/* flight pricing and selection centring */
#flightDealDetails {
    margin-top: auto;
    margin-bottom: auto;
}

.col-4.align-items-right {
    margin-top: auto;
    margin-bottom: auto;
}

#priceType_toggle .filter_button_row {
    max-width: unset;
}

#priceType_toggle .filter_button_row .btn {
    height:42px;
}

#mobileToolBar .btn {
    height: fit-content;
}

#facilitiesfilter li:nth-child(n+6) {
    display: none;
}

@media (min-width:576px) and (max-width: 991px) {
    #priceType_toggle {
        width: 350px;
    }

    .calendar-days > div.calendar-date, .calendar-days > div.future-date, .calendar-days > div.past-date {
        width: 100%;
        height: 6vh;
        max-height: unset;
    }

    #caldates_container {
        width:100%
    }
}


@media (min-width:374px){

    #innerSearchFields {
        min-height:75px;
    }
}

@media (max-width:374px){

    #innerSearchFields {
        min-height:115px;
    }
}

div.afterprice {
    font-weight: 500;
}


.fa-info-circle {
    cursor: pointer;
}


.checkout h4 + p {
    margin-bottom:0;
}



#moduleresults .badge, #propertiesmoduleresults .badge {
    margin-right: 10px;
    margin-bottom:10px;
}

#property-search {
    border-color: #dedede !important;
    border-radius: 10px;
    margin: 0;
}

input[disabled=disabled] {
    cursor: none;
    pointer-events: none;
}

label:has(> input[disabled=disabled]) {
    cursor: none;
    pointer-events: none;
}

input[disabled=disabled] + .checkbox {
    border-color: #DEDEDE;
}
@media (max-width: 575px) {

    .deal__details > .row {
        padding: 15px 10px;
    }

    .fc_calendar-days div.price {
        font-size: 12px;
    }

   
    #results .deal__details .deal__info > div, #skeletonResults .deal__details .deal__info div {
        margin: 0 9px 0 0;
      }

    .deal__info i {
        font-size: 13px !important;
    }

    .otherContent {
        background-color: #fff;
    }

   #moduleresults article.deal .flightDetails, #propertiesmoduleresults article.deal .flightDetails {
        top: unset;
        bottom: 64px;
        right: 0;
        left: -288px;
    }

    #results article.deal .flightDetails {
        top: unset;
        bottom: 50px;
    }

    .calendar .badge {
        font-size: 8px;
        padding: 4px 0;
    }

    #results .skeleton.deal__details {   
        height: 267px;
    }

    #moduleresults .skeleton.deal__details, #propertiesmoduleresults .skeleton.deal__details {   
        height: 278px;
    }
    .bookForm > div {
        padding-top: 20px;
    }

    #confirmation > .row {
        margin:0;
    }

    #p_terms {
        margin-top:10px;
    }

  

    .checkout h4 {
        font-size: 20px;
        
    }

   


    .calendar-days > div.calendar-date, .calendar-days > div.future-date, .calendar-days > div.past-date {
        width: 12vw;
        height: 5vh;
        max-height: unset;
    }

    #holidayDetails_container .container-shadow {
        padding: 8px 10px;
    }

    .logo img {
        width: 223px;
    }

    #mod-custom117 div.head_space {
        height: 107px;
    }

    .bookForm .col-12, .bookForm .col-8, .bookForm .col-4 {
        padding-left: 0;
        padding-right:0;
    }

    #homepageOffersRow>div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .containerNews .container>div {
        border-radius: 0 !important
    }

    #holidayDetails_container {
        padding-left: 0;
        padding-right: 0;
    }

    section:not(.hero) {
        padding-bottom: 0;
    }
    section:not(.hero) {
        padding-top: 0 !important;
    }

    #holidayCarousel,
    #hotel_Description,
    #datesContainer,
    #roomsContainer,
    #selectedFlightContainer,
    #flightsContainer,
    .holiday-deets,
    #slideshowContainer {
        border-radius: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

}



.fa {
    transition: 300ms ease all;
}

.blog h2, .com-content-article h2 {
    font-weight: bold;
    
}

@media (min-width:576px) {

    .deal__details > .row {
        padding: 10px 10px;
    }

    .showHideHotelLocation {
        border-radius: 12px;
    }

    .blog > .container > div, .com-content-article > .container-md > div {
        margin-bottom: 30px;
    }

    .fc_calendar-days > div {
        margin-right:5px;
    }

    #paymentOptions, .leftToPay {
        padding: 32px !important;
    }


    .bookForm .checkoutElement, .content--manage .checkoutElement {
        padding: 32px 17px;
    }

    .flightBorder {
        border-right:1px solid #dedede;
    }


    #holidayDetails_container .container-shadow {
        padding: 15px 10px;
    }




    .convertforms h4 {
        font-size: 24px;
    }


    .mobile {
        display: none;
    }

    .newsletter .fa-chevron-down{
        top: -25px !important;
        left: 97px !important;
       }
    
    #fc_Container #month {
        width: 120px;
    }

    .selected.country h5 {
        color:#e3166c;
        border-left: 2px solid #e3166c;
    }

    #datesModal h3 {
        font-size:22px;
    }

    #datesModal .year-change, #datesModal .month-change {
        width:30px;
        height:30px;
    }

    
   #fc_Container #datesModal .month-picker {
        width:60%;
    }

    .fc_calendar-days {
        top: -95px;
    }

   


    .fc_calendar-days > div{
        height: 90px;
    }

    #fc_Container .calendar {
        height: 672px;
    }


    #reset {
        left: 95px;
    }

    .calendar-footer .btn-tertiary {
        padding: 5px 15px !important;
        border-radius: 25px;
        font-size: 16px !important;
        margin-bottom:0;
        min-width:75px;
    }


    .desktop {
        display:block;
    }

    .com-users-login .container,
    .com-users-reset.reset .container,
    .com-users-remind.remind .container,
    .com-contact.contact {
        margin-top: 20px;
    }

    .contact-us .controls {
        display:flex;
        justify-content: flex-end;
    }

    #countriesCol {
        max-width:40%;
        border-right:1px solid #DEDEDE;
    }

    /* #holidayCarousel {
        box-shadow: 0px 10px 20px #00000029;
    } */

    #trustpoint {
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pinktrustpoint p {
        font-weight:500;
    }

    div.pinktrustpoint h6 {
        margin: 0;
        padding: 0 !important;
    }

    .com-users-login .container,
    .com-users-reset.reset .container,
    .com-users-remind.remind .container,
    .com-contact.contact .container {
        margin-bottom: 20px;
        border-radius: 12px;
        padding-bottom: 20px;
    }

    /* Homepage deals */

    .featured--deals-home , #DF_results_module, #static_properties_module{
        padding-top: 40px !important;
    }

    /* Contact Form */

    #contactDetailsCol {
        width: 40%;
        text-align: left;
        display: flex;
        justify-content: center;
        color: #333;
    }

    .control-group textarea {
        height: 100px;
    }

   

    /* /// log in form // */

    .input-password-toggle {
        position: absolute;
        right: 0%;
        border-radius: 0 15px 15px 0;
        height: 42px;
    }

    /* //results page /// */

    

    .deal__location-dest {
        line-height: unset;
        font-size:15px !important;
    }

    div.afterprice {
        line-height: normal;
        font-size: 14px !important;
    }

    .afterprice_last {
        font-size: 14px;
    }

    /* Holiday Details page */

    #fc_Container .filter_button_row{ 
        float:right;
    }

    #fc_Container h3 {
        display:inline;
    }

    #boardBasisContainer h3,
    #roomsContainer h3 {
        display: inline;
    }

    .addBorder {
        border-right: 1px solid #DEDEDE;
    }

    
    .quantity {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    /* /// EXTRAS STYLING /// */
    .content--hotel {
        background: #F2F0F0;
    }

    .smoke-base .smoke {
        top: 0;
        bottom: 0;
        margin: auto !important;
        height: fit-content;
    }

    
    /* /// LEADING ARTICLE STYLE /// */
    .items-leading {
        background-color: #fff;
        border-radius: 12px;
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .com-content-category-blog__items.items-leading .blog-item {
        height: 350px;
        margin-bottom: 20px;
    }


    .com-content-category-blog__items.items-leading .blog-item figure {
        height: 100%;
        width: 40%;
        position: relative;
        left: 60%;
    }

    .com-content-category-blog__items.items-leading .blog-item figure img {
        height: 100%;
        border-radius: 0;
    }

    .items-leading .btn {
        position: absolute;
        bottom: 0;
        right: 30px;

    }

    .com-content-category-blog__items.items-leading .blog-item #previewContainer {
        width: 60%;
        height: 100%;
        position: relative;
        bottom: 100%;
        background: none;
    }

    .items-leading #previewContentContainer {
        height: 60%;
    }

    /* /// blog page styles /// */
    .category-desc img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .category-desc {
        height: 250px;
    }

    /* /// Footer /// */

    #footerAddress,
    #footerContact {
        margin-top: 10px;
        display: inline-block;
    }

    /* /// HOMEPAGE OFFERS STYLE /// */
    .dealCard {
        border-radius: 12px;
        margin-bottom: 10px;
        z-index: 1;
        position: relative;
    }

    /* /// CHECKOUT PAGE STYLES /// */

    
    .infoBox {
        bottom: 64px;
        left: 85px;
}

    #mobileToolBar .btn-prev-inactive {
        color: #fff !important;
        background-color: #333 !important;
        height:42px;
    }

    /* /// checkout page styles/// */
    .content.content--hotel,
    .content.bookForm {
        background-color: #F2F0F0;
    }

    section:not(.hero) {
        padding-bottom: 40px;
    }

    /* search results page  */

    .mapInfo {
        flex-direction: row;
    }

    /* /// start of checkout confirmed page /// */
    .flightsBadge {
        left: 33px;
    }

    /* holiday details */

    .content__room-price { 
        margin-left: 10px;
    }

    /* manage booking page */
    .content--manage section.container-shadow {
        border-radius:20px !important;
        padding:20px 10px;
        margin-top:40px;
        
    }

    .content--manage {
        background-color: #F2F0F0;
    }
}

@media (max-width:360px) {
    .logo img {
        width: 200px !important;
    }
}
.bar li {
    display: flex;
}
@media (max-width:576px) {

    .smoke a {
        font-size: 15px;
    }


    #hotel_options h4 {
        font-size: 18px;
    }
   

    .modal-content {
        height: inherit;
    }


    #fullExtrasContent {
        padding: 10px 0 0 0;
    }

    .convertforms h4 {
        font-weight: 800;
        font-size: 18px;
    }

    
   
    .newsletter .fa-chevron-down{
        top: -27px !important;
        left: 108px !important;
       }

    #mobileNav > ul li {
        margin-left:4px;
    }

    #datesModal h3 {
        font-size:18px;
    }

    #datesModal .year-change, #datesModal .month-change {
        width:20px;
        height:20px;
    }

    #datesModal .btn-primary.call_to_action {
        min-width: unset;
        width: fit-content;
        padding: 10px 15px !important;
    }
    
    #datesModal .calendar-body, #datesModal .calendar {
        padding: 0;
    }

    #hotel-details {
        display: none;
    }

    #fc_Container .filter_button_row {
        margin:auto;
        margin-bottom: 15px;
    }

    .fc_calendar-days > div{
        height: 70px;
    }

    .fc_calendar-days {
        top: -75px;
    }

    #fc_Container .calendar {
        height: 490px;
    }

    .modal-header {
    	padding-bottom:4px;
    }
	.year-change, .month-change {
		height: 25px;
        margin: 0 !important;
	}

    #fc_Container .year-change, #fc_Container .month-change {
		height: 25px;
        margin: 0 !important;
	}

    .infoTriangle {
        display:none;
    }


    .modal-dialog {
        margin: 0;
    }

    #reset {
        left: 84px;
    }

    .calendar-footer .btn-tertiary {
        min-width: unset;
        border-radius: 25px;
        margin-bottom:0;
        min-width:65px;
    }

    #destinationsCol {
        display:none;
    }

    #countriesCol {

    }

    #innerSearchFields {
        padding: 10px 5px 10px !important;
        
    }

    .search__param {
        left: 0 !important;
    }



    #serachbuttoncontainer {
        margin-bottom: 0;
    }

   
    

    .search__param a {
        margin-bottom: 18px;
        top: 0 !important;
    }

    /* extra flights search results */
    .flightButton {
        left:90px;
        top:270px;
    }

    .deal__thumb .carousel .carousel-inner .carousel-item img {
       height:100%;
    }

    #carouselExampleIndicators {
        height: 165px;
    }


    .largerScreen {
        display: none;
    }

    .desktop {
        display: none;
    }

    .pinktrustpoint h6 {
        font-size: 16px !important;
    }

    .pinktrustpoint p {
        font-size: 16px !important;
    }

    h2 {
        font-size: 25px;
    }

    h4 {
        font-size: 15px;
    }

    h3 {
        font-size: 22px;
    }

    /* carousel */

    #carouselExampleIndicators>div>div.carousel-item, #homepageSlider .carousel-item {
        height: 100%;
    }

    .head_space {
        height: 118px;
    }

    /* homepage offer */


    /* newsletter */
    .containerNews {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0 !important;
    }


    

    /* /// STYLING FOR HOLIDAY DETAILS PAGE //// */

    .room_result span {
        font-weight:500;
    }
    #boardBasisContainer .filter_button_row, #flightsContainer .filter_button_row { 
     max-width: 210px;

    }

    .jtHoliday .container-fluid {
        padding:0;
    }

    #hotel_options {
        margin-bottom: 26px;
    }

    .mealBasis {
        height: 90px;
    }

    #calendarMealBasis {
        margin: auto;
    }

    #datesContainer .filter_button_row {
        width: 200px;
    }

    div#mealbasisoption button,
    .content__room-price.btn {
        padding: 2px !important;
        height: 25px !important;
    }

    .content.content--hotel .content__hotel-room li span,
    .mealBasis h5 {
        font-size: 16px;
        padding-bottom: 3px;
    }


    /* calendar */

  
    #fc_Container .year-picker, #fc_Container .month-picker {
        width:45%;
    }
  /*   .month-picker {
        padding: 5px 0;
    }

    .month-change {
        margin: 0 !important;
    }
 */
    /* calendar styles end */

    .filter_button_row .btn {
        padding: 10px 10px !important;
    }

    .mapAndFavourite {
        display: flex;
        flex-direction: row;
    }

    #boardBasisContainer h5.d-flex,
    #roomsContainer h5.d-flex {
        justify-content: center;
    }

   

    .email_me {
        border-radius: 0;
        margin: 0;
    }


    #confirmBooking {
        padding: 0 !important;
    }

    .showHideOtherFlights {
        display: none;
    }

    /*  // FORM STYLE // */

    .com-contact h1,
    .com-users-login h1,
    .com-users-reset .page-header h1,
    .com-users-remind .page-header h1 {
        font-size: 34px;
        margin-bottom: 0;
    }

    .control-group textarea {
        height: 80px;
    }

    .convertforms .control-group textarea {
        height: 200px;
    }

   

    #enquiryModal .form-control-lg, #enquiryModal textarea {
        font-size: 15px;
    }

    .input-password-toggle {
        height: 30px;
        padding-top: 5px;
    }

    .addBorder {
        border-bottom: 1px solid #DEDEDE;
    }

    #flightsContainerNew .deal__price {
        margin-top: 10px;
    }

    /* /// CAROUSEL IMAGE SLIDER */


    /* styling for image carousel */


    

    /* ///RESULTS PAGE /// */

    div.afterprice, .deal__location-dest {
        line-height: unset;
    }

    .afterprice_last {
        font-size: 14px;
    }

    div.afterprice, .deal__location-dest {
        font-size:13px;
    }


    .showhide_form_start h3 {
        font-size: 16px !important;
    }

    .afterprice_last {
        font-size: 11px;
    }

  

    /* styling for holiday carousel card */
    .deal--row .deal__details .deal__location-accomm a {
        font-size: 17px !important;
    }

    .deal--row .deal__details .deal__location-dest {
        font-size: 13px;
    }

    .deal__book {
        padding-top: 0 !important;
    }


    /* /// EXTRAS PAGE STYLES /// */

   


    .select-updown-alt {
        top: 0 !important;
        right:15px;
    }

    

    

    #optionsContainer .deal__price {
        text-align: left;
    }

    /* /// LEADING ARTICLE STYLE /// */

    .page-header {
        padding-top: 10px;
    }

    #headCategoryParagraphs button {
        font-size: 16px;
    }

    /* /// blog pages /// */
    .category-desc img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .category-desc {
        height: 175px;
    }

    #introPreview {
        height: 60px;
        overflow: hidden;
    }

    



    #contactDetailsCol {
        margin-top: 10px;
    }

    /* /// HOMEPAGE OFFERS STYLES /// */
   

    .featured--deals-home, #DF_results_module, #static_properties_module {
        padding-bottom: 0 !important;
        padding-top: 30px;
    }

    /* checkout page styles */

    .infoBox {
        bottom: 61px;
        left: 87px;
    }
    
    #bookNext {
        padding: 8px 16px;
        min-width:100px;
    }

    #bookPrev {
        min-width:100px;
    }
    
    


    /* Search Results */

    .afterprice_last {
        padding-top: 5px;
    }

   
    .com-users-login,
    .com-users-reset.reset,
    .com-users-remind.remind,
    .com-contact.contact {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* checkout confirmed */

    
    

    .checkoutElement #flightbar li {
        font-size:13px;
    }

    

    .flightsBadge {
        left: 20px;
    }

    #fc_Calendar .calendar-header {
        padding: 0;
    }

    #flightCalendarSlider #month, #flightCalendarSlider #year {
        font-size: 16px;
    }

    /* manage booking page */

    #managemybooking {
        padding: 10px 5px;
    }

}

/* @media (max-height: 700px) {

    #datesModal .modal-body, #RoomsModal .modal-body, #departureModal .modal-body, #destinationModal .modal-body {
        max-height:60vh;
        overflow-y: auto;
    }
} */

@media (max-height: 500px) {

}

@media (min-width:992px) and (max-height:876px) {
     #RoomsModal .modal-body, #departureModal .modal-body, #destinationModal .modal-body {
        max-height:49vh;
        overflow-y: auto;
    }

    #datesModal, #RoomsModal, #destinationModal, #departureModal {
        top: 70px;
    }

    .month_button {
        height: 27px;
        padding: 0;
    }

    #RoomsModal .room .form-group button {
        height: 30px;
        width:30px;
    }
    #RoomsModal .room .form-group input {
        height: 30px;
    }

    .modal-header {
        padding: 5px 0;
    }



    #RoomsModal .form-group {
        margin-bottom: 6px;
    }

    #datesModal .modal-body {
        max-height:4325px;
        overflow-y:auto;
    }

    #RoomsModal .information {
        font-size: 16px;
    }

    #RoomsModal .modal-body {
        padding: 10px 16px;
    }

    .calendar-week-days > div, .calendar-days > div {
        height:30px;
    }


    #datesModal #year, #datesModal #month {
        line-height: 1;
        height:fit-content;
        font-size:16px;
    }

    .calendar-days > div.selected_departure_date.rangepicker:after {
        height: 30px;
        border-top: 13.5px solid transparent;
        border-bottom: 13.5px solid transparent;
        border-left: 14px solid #fc6;
    }

    .calendar-days {
        top: -25px;
    }

    #datesModal hr {
        margin-top: 0.6rem;
        margin-bottom: 0.5rem;
    }

    #datesModal .year-change, #datesModal .month-change {
        height:20px;
        width: 20px;
    }

    #datesModal .modal-body {
        padding-bottom: 0px;
    }

}

@media (max-height: 695px) and (max-width:991px) {

}

@media (min-width: 768px) and (max-width:991px) {
    #moduleresults .skeleton-img, #propertiesmoduleresults .skeleton-img, #moduleresults img, #propertiesmoduleresults img {
        height: 301px;
        max-height: unset;
    }

    #carouselExampleIndicators > div > div.carousel-item, #homepageSlider .carousel-item {
        height: 230px;
    }
}


#hotel_options .rotate {
    rotate:-90deg;
}

@media(max-width: 991px) {

    #filterPanel .fa-chevron-down {
        rotate:-90deg;
    }

    /* reversed on mobile screens because filters start off closed */
    #filterPanel .rotate {
        rotate:-0deg !important;
    }

    #nav_burger_menu {
        z-index: 501;
    }
    #hotel-details {
        display:none;
    }

    .com-contact .row {
        flex-direction: column;
    }

    #contactDetailsCol {
        margin:auto;
        width:100%;
    }

    #trustpoint {
        padding-top:20px;
        padding-bottom: 20px;
    }

    .modal {
        top: 0px;
        left: 0px;
        position: fixed !important;
        max-width: unset;
        height:fit-content;
        width: 100vw;
        border-radius: 0;
    }

    .modal-dialog, .modal-content {
        height: inherit;
        width: 100%;
        max-width: unset;
    }

    #noResultsModal {
        border-radius: 12px;
        top: 270px;
        width: 92%;
        min-width: unset;
    }

    #datesModal .modal-body, #datesModal {
        max-width: unset;
        width: 100vw;
    }

    .modal-body {
        max-height: 65vh;
        overflow-y:auto;
    }

    

    #mobileNav > ul {
        height: 100%;
        width: 100vw;
        left: 0;
        padding-top: 120px;
        padding-bottom: 140px !important;
        position: fixed;
        top:0;
    }

   /*  .hamburger-inner {
        z-index: 9999;
    } */


    #hotel-details #holidayCarousel {
        height: 350px;
    }

    .bookForm #hotel-details {
        display: none;
    }

    .search__param label {
        margin-top:10px !important;
        margin-bottom:5px !important;
    }

}







/* /// form styles //// */

.com-users-login .container,
.com-users-reset.reset .container,
.com-users-remind.remind .container,
.com-contact.contact .container {
    background-color: #58D6DA;
}

input#username,
input#password,
input#jform_email,
.cf-control-group input,
.control-group select,
.cf-control-group input,
input#lead_email,
.content--hotel input {
    background: #FFFFFF;
    border-radius: 15px;
    opacity: 1;
    height: calc(1.5em + 1rem + 2px);
    padding-left: 10px;
    margin-bottom: 10px;
    border: none;
}

.cf-control-group input {
    width:100%; 
}

input#username,
input#password,
input#jform_email,
.control-group input,
.control-group select,
input#lead_email {
    border: none;
}

.content--hotel input {
    border: 1px solid #949494;
}

.com-users-login__options.list-group a {
    background: transparent;
    border: none;
    text-decoration: underline;
    text-underline-offset: 0.1em;
    margin-bottom: 0px;
}


.com-users-login__options.list-group a {
    text-align: center;
}

/* forms */
.com-users-login form,
.com-users-reset.reset form,
.com-users-remind.remind form,
.com-contact.contact form,
.com-users-login h1,
.com-users-reset.reset h1,
.com-users-remind.remind h1,
.com-contact.contact h1 {
    margin: 0 auto;
    max-width: 580px;
}

.c

#previewContainer .page-header {
    margin: 0 !important;
}

/* contact form styles */

fieldset {
    padding: 0 !important;
}

/* ///TEMPORARILY DISPLAY NONE - REMOVE ONCE FOUND ELEMENT IN com_contact */
.com-contact h2 {
    display: none;
}

.com-contact__info {
    margin-bottom: 10px;
}

.com-contact__info dd {
    margin-bottom: 2px;
}

.com-contact .fields-container li {
    margin-bottom: 10px;
}

.com-contact {
    color: #333;
}

.modal-body label.allCountry {
    font-weight: 500;
}

.com-contact__container dl dt span, .contact-titles {
    font-size: 20px;
    font-weight: bold;
}

#contactDetailsCol p {
    margin-top: 10px;
}

#contactFormCol {
    min-width: 60%;
    color: #333;
}

.com-contact h1,
.com-users-login h1,
.com-users-reset .page-header h1,
.com-users-remind .page-header h1 {
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 10px;
}

.contact-form legend {
    text-align: left;
}

.com-users-login h1,
.com-users-reset .page-header h1,
.com-users-remind .page-header h1 {
    text-align: center;
}

.com-contact fieldset,
.com-users-login fieldset {
    padding: 0;
}

.com-contact.contact,
.com-users-login.login,
.com-users-reset.reset,
.com-users-remind.remind {
    padding-top: 24px;
}

#control-group label {
    float: left;
}

.control-group textarea,  .convertforms textarea {
    height:140px;
    width: 100%;
    resize: none;
    background: #FFFFFF;
    border-radius: 15px;
    opacity: 1;
    border:none;
    padding: 10px;
}

.cf-recaptcha-v3-text-badge a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cf-recaptcha-v3-text-badge {
    padding: 12px 0px;
}


legend {
    font-size: 15px;
    text-align: center;
}

.holSum {
    border: none;
    background: none;
    text-decoration: underline;
    text-underline-offset: 4px;
}



.com-users-reset__submit,
.com-users-login__submit,
.com-users-remind__submit {
    text-align: center;
}

.form-control-feedback {
    color: #808080;
    font-size: 16px;
}

.form-control { 
    border-radius: 15px;
}

.controls {
    text-align: left;
}

.control-label label {
    margin-bottom: 10px;
}

/* ///SHOW PASSWORD BUTTON //// */
.input-password-toggle {
    background-color: #E3166C;
    color: #fff;
    width: 130px;
    padding: 5px 0 !important;
    z-index: 4;
    margin-bottom: 10px;
}

input#password {
    width: 100%;
    margin-bottom: 10px;
}

.password-group .input-group.has-danger {
    flex-direction: row;
}

.input-password-toggle:hover {
    background-color: #890b42
}

.com-users-login__options>a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.com-users-login__reset,
.com-users-login__remind {
    padding-left: 0;
}

.plg_system_webauthn_login_button svg {
    height: inherit;
}

.com-users-login__submit {
    margin-bottom: 10px;
}

/* /// login form // */
.form-check i.checkbox {
    float: none !important;

}



.form-check {
    padding-left: 0 !important;
    margin-left: 5px;
    margin-bottom: 10px;
}

.com-users-login__submit button {
    height: 42px;

}

.com-users-login__submit button.plg_system_webauthn_login_button {
    padding-top: 2px;
}

.com-users-login__submit button.btn-primary {
    padding-top: 7px;
}

/* /// ARTICLES //// */

.booking-login p.readTime {
    display:none;
}

.com-users-login__options a {
    width:fit-content;
}

.com-users-login__options {
    align-items: center;
    justify-content: center;
}


#sideCol figure img {
    border-radius: 10px;
    box-shadow: 0px 1px 5px #00000029;
    object-fit: cover;
}

.articleTitle {
    color: #808080;
}

#sideCol .showHideHotelLocation {
    margin-top:20px;
    margin-bottom:20px;
}

.main-content img {
    height: 250px;
    border-radius: 12px;
}



#articleContentAll h4 {
    font-size:18px;
}


/* articles */

.articleDivider {
    background-color: #e3166c;
    height:3px;
    border-radius:10px;
}

.site.countries .head_space {
    height: 149px !important;
}

.pagination {
    display: block;
}

#articleContentAll .pagination {
    display:flex;
    justify-content: flex-start;
}

.com-content-category-blog .pagination {
    display:flex;

}

/* /// CATEGORY BLOG ///  */
.com-content-category-blog__item figure {
    height: 40%;
    overflow: hidden;
}

.com-content-category-blog__item figure img {
    height: fit-content;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0px 1px 5px #00000029;
    ;
}

.com-content-category-blog {
    background-color: #F2F0F0;
}

.com-content-category-blog #previewContainer {
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #fff;
    height: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.booking-login #sideCol, .terms-and-conditions #sideCol {
    display:none;
}

#enquiryModal .modal-footer {
    background-color: #58D6DA;
}

.booking-login .form-control {
    border: 1px solid #ddd;
}

.com-content-category-blog__item {
    height: 450px;
}

.com-content-category-blog__item a.btn,
.com-content-category-blog__child a.btn,
#headCategoryContent button {
    float: right;
    margin-top: 8px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.mainContent img {
    border-radius: 12px;
    height:250px;
    object-fit: cover;
}

.headCategoryParagraphExpand {
    height: fit-content;
}

.com-content-category-blog .item-content h2 a,
h2.page-header a, .com-content-category-blog  h2, .mainContent h2, .sideContent h2 {
    font-size: 20px;
    margin-bottom: 15px;
}

.com-content-category-blog  h4{
    font-size: 18px;
}

.terms-and-conditions #articleContentAll img, .my-booking #articleContentAll img, .my-booking .readTime, .terms-and-conditions .readTime {
    display: none;
}

.blog h4, .com-content-article h4 {
    margin-bottom: 10px;
    font-weight: 500;
}

.blog h5, .com-content-article h5 {
    font-weight: bold;
    font-size:18px;
    color:#e3166c;
    margin-top: 10px;
}

#articleContentAll #contentCol > div {
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
}


.mainContent h6, .sideContent h6 {
    font-weight: bold;
    font-size:16px;
    color:#676767;
    display: inline;
}



.sideContent li {
    color:#e3166c;
}
.sideContent, .mainContent {
    height: fit-content;
}

.sideContent h6, .mainContent p, .mainContent h6, .sideContent p  {
    display: inline !important;
}

#articleContentAll .btn {
    display: inline-block !important;
}

.com-content-category-blog .item-content h2,
h2.page-header {
    margin-bottom: 0;
    font-size: 31px;
}

.item-content {
    height: 100%;
    overflow: hidden;
}

#previewContentContainer {
    height: 70%;
}

.com-content-category-blog__counter {
    display: inline;
    padding: 0;
}

.com-content-category-blog__pagination {
    display: inline-block;
}

.com-content-category-blog__navigation {
    text-align: center;
}

.page-item {
    margin-bottom: 0;
}

.com-content-category-blog__items h1 {
    margin-top: 30px;
}


#headCategoryParagraphs {


    overflow: hidden;

}

#headCategoryContent {
    background-color: #fff;
    padding: 20px 15px 10px 20px;
    margin-top: 10px;
    border-radius: 12px;
    margin-bottom: 30px;
}

.blog h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

#blogChildBg {
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    height: 50%;
    position: relative;
    bottom: 6px;
}

.showHideReadMore p {
    margin-bottom: 0;
}

.com-content-category-blog__child img {
    height: 40%;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0px 1px 5px #00000029;
}

.com-content-category-blog__child {
    height: 450px;
}

.com-content-category-blog__description.category-desc {
    height: 50%;
    overflow: hidden;
}




#enquiryModal .loader {
    display: none;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: transparent; 
    margin: 30px auto 0 auto;
    border: solid 2px #fff;
    border-top: solid 2px #e3166c;
    border-radius: 50%;
    opacity: 0;
  }
  
  #enquiryModal .check {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translate3d(-4px,50px,0);
    opacity: 0;
    span:nth-child(1) {
      display: block;
      width: 10px;
      height: 2px;
      background-color: #fff;
      transform: rotate(45deg);
    }
    span:nth-child(2) {
      display: block;
      width: 20px;
      height: 2px;
      background-color: #fff;
      transform: rotate(-45deg) translate3d(14px, -4px, 0);
      transform-origin: 100%;
    }
  }
  
  #enquiryModal .loader.active {
    animation: loading 2s ease-in-out; 
    animation-fill-mode: forwards;
  }

  .cf-response {
    display:none;
    /* text-align: center; */
  }
  
  #enquiryModal .check.active {
    opacity: 1;
    transform: translate3d(-4px,4px,0);
    transition: all .5s cubic-bezier(.49, 1.74, .38, 1.74);
    transition-delay: .2s;
  }
  
  @keyframes loading {
    30% {
      opacity:1; 
    }
    
    85% {
      opacity:1;
      transform: rotate(1080deg);
      border-color: #fff;
    }
    100% {
      opacity:1;
      transform: rotate(1080deg);
       border-color: #e3166c;
    }
  }

  @media (max-height: 800px) and (min-width: 576px) {
    .calendar-days > div.calendar-date, .calendar-days > div.future-date, .calendar-days > div.past-date{
        height: 28px;
    }
  }
  

  @media (min-height: 783px) and (min-width: 992px) {

    .calBtn {
        font-size: 16px !important;
        width:100%;
        margin-bottom:0;
        height:30px;
        padding: 4px 8px;
    }

    #datesModal #caldates_container .select-updown {
        bottom: 16px;
    }

    .btn.modalDone {
        height: 46px;
        width: 100px;
        letter-spacing: normal;
    }

    .modal-footer, .dialog-footer {
        background-color: #F4F3F0;
        height: 81px;
    }

    #range { 
        height: 44px;
    }
  }

  #holidayDetails_container h3,#holidayDetails_container h4 {
    padding: 0 10px;
  }

  @media (min-width:992px) and (max-height:783px) {
    form#searchForm select {
        height: 40px;
    }

    .modal-footer , .dialog-footer {
        height: 54px;
        padding: 5px 10px;
    }

    .btn.modalDone {
        height: 35px;
        width: 100px;
        padding: 4px;
        margin: 0;
    }

    .calBtn {
        font-size: 16px !important;
        width:100%;
        margin-bottom:0;
        height:30px;
        padding: 3px 8px;
    }

    .calendar-days > div.calendar-date, .calendar-days > div.future-date, .calendar-days > div.past-date { 
        height: 30px;
    }

  }

  #fc_Container .month-picker{
    border: 1px solid #ddd;
   }



   .priceSumm {
    font-size:14px; 
    font-weight:600; 
    line-height:35px
   }

   .priceSumm.remaining {
    display: none;
   }

   .myTabs .btn-secondary {
    height: 42px;
   }

   .filter_button_row {
    height: fit-content;
   }