@import url('./mnp.css');
:root {
    --primary_color: #3F3F3F;
    --secondary_color: #EC724B;

    /* Text colors */
    --DarkGray: #3F3F3F;
    --Orange: #EC724B;
    --TextGray: #7D7E80;
    --TextGray2: #333;

    /* Blues */
    --DarkBlue: #005C86;
    --Blue: #127EA2;
    --GrayBlue: #B8CCE3;
    --Blue-new: #CDE6ED;
    --LightBlue: #E3F1F7;
    --BG-Blue: #F8FDFF;
    --Discount-blue: #1232A2;
    --BlueGray: #E1EEF3;
    --PurpleBlue: #D7E3FB;

     /* Button colors */
     --DarkOrange: #EB6236;
     --LightOrange: #FFE6D0;
     --Inactive-Gray: #F5F5F5;
     --Blue-limited: #D5EFFF;
     --Free-cancel: #EFDEFF;
     --Cannot-cancel: #FFF4CB;

     /* Badge colors */
     --VividBlue: #2C328F;
     --All-inclusive-Green: #12A299;
     --Pink: #BD437E;

     --ErrorRed: #E30613;

     --bs-btn-hover-color: #fff !important;
     --TextGray-opacity-05: rgba(125, 126, 128, 0.5);
     --border-radius: 6px;
     --border-radius-small: 6px;
     --bg-gradient-1: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.02%, rgba(0, 0, 0, 0.7) 100%);
     --bg-gradient-2: linear-gradient(90.11deg, rgba(17, 125, 165, 0.65) 36.08%, rgba(17, 125, 165, 0) 103.38%);
     /*--bg-gradient-banner: linear-gradient(180deg, rgba(0, 14, 20, 0.5) 0%, rgba(0, 14, 20, 0.254803) 26.42%, rgba(0, 14, 20, 0.273913) 52.85%, rgba(0, 14, 20, 0.9) 98.65%);*/
     --bg-gradient-banner: linear-gradient(180deg, rgba(0, 14, 20, 0.35) 0%, rgba(0, 14, 20, 0.1) 26.42%, rgba(0, 14, 20, 0.1) 52.85%, rgba(0, 14, 20, 0.3) 98.65%);
     --bg-radial-gradient-1 : radial-gradient(143.51% 143.51% at 50.00% 50.00%, rgba(0, 35, 102, 0.62) 0%, rgba(0, 35, 102, 0.00) 100%);
     --bg-gradient-banner-2: linear-gradient(180deg, rgba(0, 14, 20, 0.5) 0%, rgba(0, 14, 20, 0.254803) 26.42%, rgba(0, 14, 20, 0.273913) 52.85%, rgba(0, 14, 20, 0.9) 98.65%);

     --bg-light-grey: #f2f2f2;

}

:root {
    --content-margin-top: 70px;
    --sticky-content-margin-top: 70px;
    --breadcrumb-height: 58px;
    --container-width: 100%;
}

body{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 24px;*/
    line-height: 1.5;
    color: var(--DarkGray);
}

:focus-visible {
    outline: none;
}

.hidden{
    display: none;
}

p{
    margin: 0;
}

.border-top{
    border-top: 1px solid var(--LightBlue) !important;
    margin-top: 30px;
    padding-top: 30px;
}



.notlist,
.notlist li,
.list-style-checkmark,
.list-style-checkmark li{
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-style-checkmark li{
    display: flex;
    color: var(--TextGray);
    font-size: 14px;
    padding: 6px 0;
    column-gap: 10px;
}

.list-style-checkmark li:first-child{
    padding-top: 0;
}

.list-style-checkmark li:before{
    display: block;
    font-family: 'danubius';
    content: '\e909';
    color: var(--DarkBlue);
    font-size: 10px;
    line-height: 10px;
    top: 0.5em;
    position: relative;
    height: 100%;
}



.clear-after:after{
    clear: both;
    display: block;
    content: "";
}

.box-overlayer{
    display: block;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    position: absolute;
}

.z-index--1{
    z-index: -1 !important;
}


.z-index-0{
    z-index: 0 !important;
}

.z-index-1{
    z-index: 1 !important;
}

.z-index-2{
    z-index: 2 !important;
}

.z-index-3{
    z-index: 3 !important;
}
.z-index-4{
    z-index: 4 !important;
}

.z-index-5{
    z-index: 5 !important;
}




.bg-blue{
    background-color: var(--BG-Blue) !important;
}
.bg-blue-new{
    background-color: var(--Blue-new) !important;
}

.bg-LightBlue{
    background-color: var(--LightBlue) !important;
}

.bg-BlueGray{
   background-color: var(--BlueGray);
}

.bg-PurpleBlue{
    background-color: var(--PurpleBlue);
}
 
.bg-LightGrey{
    background-color: var(--bg-light-grey) !important;
}


.bg-gradient-1{
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.02%, rgba(0, 0, 0, 0.7) 100%) !important;*/
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.00%, rgba(0, 0, 0, 0.5) 100%) !important;
}

.bg-gradient-2{
    background: linear-gradient(90.11deg, rgba(17, 125, 165, 0.65) 36.08%, rgba(17, 125, 165, 0) 103.38%) !important;
}

.bg-linear-gradient-1{
    background: linear-gradient(89.9deg, #898586 37.75%, rgba(138, 134, 135, 0.3) 59.31%, rgba(196, 196, 196, 0) 66.99%) !important;
    transform: matrix(-1, 0, 0, 1, 0, 0) !important;
}

.bg-linear-gradient-2{
    background: linear-gradient(342.13deg, #74787B 13.56%, #999A9B 34.72%, rgba(174, 172, 173, 0.87) 48.85%, rgba(196, 196, 196, 0) 75.53%) !important;
    transform:  translateY(145px);
}

.bg-linear-gradient-3{ /*white -> blue -> white */
    background: linear-gradient(180deg, rgba(244, 247, 254, 0) 0%, rgba(208, 229, 236, 0.4) 28.13%, rgba(208, 229, 236, 0.248) 70.83%, rgba(244, 247, 254, 0) 100%) !important;
}

.bg-gradient-banner{
    background: var(--bg-gradient-banner) !important;
}

.bg-radial-gradient-1-after,
.bg-white-blue-gradient{
    position: relative;
}

.bg-radial-gradient-1-after::after,
.bg-white-blue-gradient::after{
    content: '';
}

.bg-white-blue-gradient::after,
.bg-white-blue{
    position: absolute;
    z-index: 0;
    mix-blend-mode: multiply;
    left: 0;
    top: -20%;
    width: 100%;
    height: 140%;
    background: linear-gradient(180deg, rgba(244, 247, 254, 0) 0%, rgba(208, 229, 236, 0.4) 28.13%, rgba(208, 229, 236, 0.248) 70.83%, rgba(244, 247, 254, 0) 100%);
}

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

.bg-ff{
    background-color: #fff;
}


.bg-radial-gradient-1-after::after{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: var(--bg-radial-gradient-1);
    z-index: 2;
}



.box-rounded{
    border-radius: var(--border-radius);
    overflow: hidden;
}

.box-rounded-small{
    border-radius: var(--border-radius-small) !important;
    overflow: hidden;
}

.text-style-1{
    font-size: 14px;
    line-height: 1.57em;
}

.text-style-2{
    font-size: 12px;
    line-height: 1.3333em;
}

.text-style-3{
    font-size: 16px;
    line-height: 1.5em;
}


.pswp{
    display:none;
  }
  
/* Text color classes */
.text-DarkGrey,
.text-DarkGray{
  color: var(--DarkGray) !important;
}
.text-Orange{
    color: var(--Orange) !important;
}

.text-TextGray{
    color: var(--TextGray) !important;
}

.text-TextGray2{
    color: var(--TextGray2) !important;
}


.text-DarkBlue{
    color: var(--DarkBlue) !important;
}

.text-red{
    color: var(--ErrorRed);
}

.padding-gutter{
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}


a{
    color: var(--DarkBlue);
    opacity: 1;
}

/* END Text color classes */

img,
source{
    margin: 0;
    padding: 0;
}



.img-holder{
    position: relative;
}

.img-holder img,
.img-holder source{
    width:100%;
    display: block;
    height: auto;
}

.of-cover{
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.collapsing {
    transition: height .4s ease-in-out;
}



h1,h2,h3,h4,h5,h6{
    font-weight: 600;
    margin: 0;
}

.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight: 600;
    margin: 0;
}


h1{
    font-size: 30px;
    line-height: 44px;
}

.h1{
    font-size: 30px !important;
    line-height: 44px !important;
}



h2{
    font-size: 24px;
    line-height: 32px;
}

.h2{
    font-size: 24px !important;
    line-height: 32px !important;
}


h3{
    font-size: 20px;
    line-height: 30px;
}

.h3{
    font-size: 20px !important;
    line-height: 30px !important;
}


.subtitle1{
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
}

.subtitle2{
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
}

.subtitle3{
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

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

.nopadding-bottom{
    padding-bottom: 0 !important;
}

.pm-0{
    padding: 0 !important;
    margin: 0 !important;
}

.w-auto{
    width: auto !important;
}

.w-25{
    width: 25% !important;
}

.w-30{
    width: 30% !important;
}

.w-31{
    width: 31%;
}

.w-40{
    width: 40% !important;
}

.w-50{
    width: 50% !important;
}

.w-60{
    width: 60% !important;
}

.w-70{
    width: 70% !important;
}

.h-25{
    height: 25% !important;
}

.h-30{
    height: 30% !important;
}

.h-40{
    height: 40% !important;
}

.h-50{
    height: 50% !important;
}

.h-60{
    height: 60% !important;
}

.h-70{
    height: 70% !important;
}

.h-75{
    height: 75% !important;
}

.h-100{
    height: 100% !important;
}

.h-auto{
    height: auto !important;
}




.fs-10{
    font-size: 10px !important;
}

.fs-12{
    font-size: 12px !important;
}

.fs-14{
    font-size: 14px !important;
    line-height: 1.5em  !important;
}

.fs-16{
    font-size: 16px !important;
    line-height: 1.5em  !important;
}

.fs-18{
    font-size: 18px !important;
}

.fs-20{
    font-size: 20px !important;
}

.fs-24{
    font-size: 24px !important;
}

.fs-28{
    font-size: 28px !important;
}


.lh-1{
    line-height: 1em  !important;
}

.lh-1-25{
    line-height: 1.25em  !important;
}


.gap-10{
    column-gap: 10px;
    row-gap: 10px;
}

.gap-15{
    column-gap: 15px;
    row-gap: 15px;
}

.gap-20{
    column-gap: 20px;
    row-gap: 20px;
}


.gap-25{
    column-gap: 25px;
    row-gap: 25px;
}

.gap-30{
    column-gap: 30px;
    row-gap: 30px;
}


.column-gap-10{
    column-gap: 10px;
}

.row-gap-10{
    row-gap: 10px;
}


.column-gap-15{
    column-gap: 15px;
}

.row-gap-15{
    row-gap: 15px;
}


.column-gap-25{
    column-gap: 25px;
}

.row-gap-25{
    row-gap: 25px;
}

.column-gap-30{
    column-gap: 30px;
}

.row-gap-30{
    row-gap: 30px;
}


.column-count-2{
    column-count: 2;
    column-gap: 3em;
}

.column-count-3{
    column-count: 2;
    column-gap: 3em;
}

.column-count-4{
    column-count: 2;
    column-gap: 3em;
}


.gradient:not(.green_button_s):not(.green_button){
    position: absolute;
    z-index: 1;
    background: var(--bg-gradient-1);
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}

.blur{
    background: linear-gradient(38.02deg, rgba(17, 125, 165, 0.8) 9.98%, rgba(18, 166, 221, 0.8) 118.15%);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    z-index: 1;
    position: absolute;
}

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


.blue_bold_16_text,
.semibold{
    font-weight: 600;
}

.megamenu{
    display: none;
}

hr,
.separator-line{
    display: block;
    height: 1px;
    background-color: var(--LightBlue);
    border: 0;
    opacity: 1;
}

hr{
    margin: 2rem 0;
}


.lead-text h3{
    margin-bottom: 20px;
}

.message-box{
    display: block;
    padding-left: 26px;
    position: relative;
}

.message-box:before{
    position: absolute;
    left: 0;
    top: 0px;
    content: "";
    font-family: 'danubius';
}

.message-box.info-box:before{
    content: '\e91b';
    color: var(--Orange);
    font-size: 16px;
}

.dh-tooltip {
    --bs-tooltip-bg: var(--Blue);
    --bs-tooltip-opacity: 1;
    --bs-tooltip-border-radius: var(--border-radius-small);
}

.padding-b-200p{
    padding-bottom: 200% !important;
}


.padding-b-100p{
    padding-bottom: 100% !important;
}

.padding-b-84p{
    padding-bottom: 84% !important;
}

.padding-b-66p{
    padding-bottom: 66% !important;
}

.translateY--50{
    transform: translateY(-50%);
}

.align-left{
    text-align: left;
}

.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}

/* Text inputs */

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea {
    border: solid 1px var(--GrayBlue);
    font-size: 14px;
    font-weight: 400;
    border-radius: var(--border-radius-small);
    padding: 8px 10px;
    color: var(--DarkBlue);
    line-height: 1;
}

.formdiv_row .formdiv_inputvalue input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]){
    max-width: 100%;
    /*min-width: 350px;*/
    width: 100%;
}

textarea {
    max-width: 100%;
   /* min-width: 350px;*/
   width: 100%;
    min-height: 4em;
}

.formdiv_row[class*="col-"] input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]){
    min-width: inherit;
    width: 100%;
}


.bg-blue .formdiv_row input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.bg-blue .formdiv_row textarea{
    background-color: transparent;
    min-width: inherit;
    width: 100%;
}


input.text{
    height: 40px;
}

input:disabled{
    background: var(--Inactive-Gray);
}


input:not(:disabled):not(.btn):active,
input:not(:disabled):not(.btn):focus{
    border-color: var(--Blue);
}

select{
    border: solid 1px var(--GrayBlue);
    font-size: 14px;
    font-weight: 600;
    cursor:pointer;
    padding: 12px 30px 12px 10px;
    line-height: 1.3em;
    color: var(--DarkBlue);
    background-color: transparent;
    background-image:  url(../imgs/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: right 13px center;
    border-radius: var(--border-radius-small);
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    max-width: 100%;
}

select[multiple]{
    background:  transparent;
}

select::-ms-expand {
      display: none;
}

.bg-blue-new select{
    background-color: #fff;
    color: var(--DarkBlue);
    border-color: #fff;
}


.formdiv_subtitle{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--DarkGray);
}

.formdiv_inputvalue .calendiv label,
.form-row label,
.formdiv_inputlabel,
.formdiv_inputvalue td label{
    font-weight: 400;
    font-size: 12px;
    color: var(--Blue);
    padding-bottom: 6px;
    line-height: 24px;
}

.form-row{
    margin-bottom: 30px;
}

.placeholder{
    background: transparent;
    cursor: inherit;
}

input::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: var(--TextGray);
}

input[type=checkbox]{
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--DarkBlue);
    border-radius: 4px;
    cursor: pointer;
    justify-content: center;
}


.rbtn input[type='radio'],
.chkb input[type='checkbox']{
    display: none;
}

.chkb,
.rbtn{
    padding-left: 26px;
    position: relative;
    display: block;
    min-height: 24px;
    text-decoration: none;
    color: inherit;
}

.chkb label,
.rbtn label{
    display: flex;
    align-items: center;
    color: var(--DarkBlue);
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    white-space: pre;
    flex-wrap: wrap;
}



.rbtn label:after,
.rbtn label:before,
.chkb label:before{
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--DarkBlue);
    border-radius: 4px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    content: '';
    font-size: 7px;
    color: #fff;
    display: flex;
    position: absolute;
    left: 0;
    top: 3px;
    line-height: 1;
}

.rbtn label:after{
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    margin: 0;
    background: var(--DarkBlue);
    left: 1px;
    top: 4px;
    display: none;
}


.rbtn label:after,
.rbtn label:before{
    border-radius: 50%;
}

.rbtn.active label:after,
.rbtn input[type='radio']:checked ~ label:after{
    display: block;
}


.rbtn.active label,
.chkb.active label,
.rbtn input[type='radio']:checked ~ label,
.chkb input[type='checkbox']:checked ~ label{
    font-weight: 600;
}

.rbtn label:hover:before,
.chkb label:hover:before{
    border-width: 2px;
}


.active>.chkb label:before,
.chkb.active label:before,
.chkb input[type='checkbox']:checked ~ label:before{
    background: var(--DarkBlue);
    content: '\e909';
    font-family: 'danubius';
    font-weight: 400;
}

.formdiv .formdiv_row{
    margin-bottom: 20px;
}

.formdiv_row.gdpr-row{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.formdiv_row.gdpr-row .formdiv_inputlabel{
    padding: 0;
}

.formdiv_row select{
    margin-right: 10px;
}

.shadow-box{
    box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
    background-color: #fff;
    margin-top:30px;
    margin-bottom: 30px;
}

.formdiv_row .error_text{
    display: none;
}

.formdiv_row input[type=text].errorfield,
.formdiv_row input[type=email].errorfield,
.formdiv_row input[type=text].errorfield:hover,
.formdiv_row input[type=email].errorfield:focus{
  border: solid 1px var(--ErrorRed);
}

.formdiv_row.error-row>label{
   color: var(--ErrorRed); 
}

.formdiv_row.error-row .error_text{
    display: block;
    color: var(--ErrorRed);
    opacity: 0.5;
    font-size: 12px;
    line-height: 16px;
    padding-top: 5px;
}

/* START buttons -------------------------------------------------------------------------------------*/
.btn_small>a,
.btn{
    margin:0;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 13px;
    gap: 10px;
    background: var(--Orange);
    border-radius: var(--border-radius);
    color:#fff;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25em;
    text-decoration: none;
    border: 1px solid var(--Orange);
}

.btn_small>a.focus,
.btn_small>a:focus,
.btn:focus,
.btn.focus{
    box-shadow: none !important;
}

.btn_small>a.active,
.btn-check:checked+.btn,
.btn.active, .btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active,
.btn:active,
.btn.active,
.btn:hover,
.btn_small>a:hover{
   background-color: var(--DarkOrange);
   border-color: var(--DarkOrange);
   color: #fff;
}

.btn.disabled,
.btn:disabled{
    background-color: var(--LightOrange);
    border-color: var(--LightOrange);
    cursor: not-allowed;
}

.btn p{
    margin: 0;
    padding: 0;
}

.btn a{
    color:#fff;
    text-decoration: none;
}


/* secondary */
.btn.btn-secondary{
    color: var(--DarkBlue);
    background-color: var(--LightBlue);
    border-color: var(--LightBlue);
}

.btn.btn-secondary.inverse{
    background-color: #fff;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn.btn_secondary:active,
.btn.btn_secondary.active,
.btn.btn_secondary:hover{
    background-color: var(--Blue-new);
    color: var(--DarkBlue) !important;
    border-color: var(--Blue-new);
 }

.btn.btn_secondary.disabled,
.btn.btn_secondary:disabled{
    background-color: var(--Inactive-Gray);
    color: var(--TextGray);
}

.btn.btn-secondary.disabled,
.btn.btn-secondary.disabled:active,
.btn.btn-secondary.disabled.active,
.btn.btn-secondary.disabled:hover,
.btn.btn-secondary:disabled,
.btn.btn-secondary:disabled:active,
.btn.btn-secondary:disabled.active,
.btn.btn-secondary:disabled:hover{
    background: var(--Inactive-Gray);
    color: var(--TextGray);
    border-color: var(--Inactive-Gray);
    opacity: 1;
}

.btn.btn-LightOrange{
    color: var(--DarkGray);
    background-color: var(--LightOrange);
    border-color: var(--LightOrange);
    border-radius: var(--border-radius-small);
    display: flex;
    align-items: center;
}


/* button outline */
.btn.btn-outline-white{
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btn.btn-outline-white.active,
.btn.btn-outline-white:first-child:active,
.btn.btn-outline-white:active,
.btn.btn-outline-white.active,
.btn.btn-outline-white:hover{
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

.btn.btn-outline-white.disabled,
.btn.btn-outline-white:disabled,
.btn.btn-outline-white:disabled:hover,
.btn.btn-outline-white:disabled:active{
    background-color: var(----Inactive-Gray);
    color: var(--TextGray);
    border-color: var(----Inactive-Gray);
}

.btn.border-2{
    border-width: 2px;
}

.btn.btn-white{
    background-color: #fff;
    color: var(--TextGray);
    border-color: transparent;
}


.btn.btn-white:active,
.btn.btn-white.active,
.btn.btn-white:hover{
    background-color: var(--Orange);
    border-color: var(--Orange);
    color: #fff;
}


.btn.btn-white-2{
    background-color: #fff;
    color: var(--DarkBlue);
    border-color: transparent;
}


.btn.btn-white:active,
.btn.btn-white.active,
.btn.btn-white:hover{
    background-color: #fff;
    color: var(--DarkBlue);
    border-color: transparent;
}


.btn.btn-limited,
.btn.btn-limited:active,
.btn.btn-limited.active,
.btn.btn-limited:hover{
    background-color: var(--Blue-limited);
    color: var(--DarkBlue);
    border-color: var(--Blue-limited);
}


.btn.btn-free-cancel,
.btn.btn-free-cancel:active,
.btn.btn-free-cancel.active,
.btn.btn-free-cancel:hover{
    background-color: var(--Free-cancel);
    color: #703DA0;
    border-color: var(--Free-cancel);
}

.btn.btn-cannot-cancel,
.btn.btn-cannot-cancel:active,
.btn.btn-cannot-cancel.active,
.btn.btn-cannot-cancel:hover{
    background-color: var(--Cannot-cancel);
    color: #927A2C;
    border-color: var(--Cannot-cancel);
}



.cursor-auto{
    cursor: auto !important;
}


.btn-2-one-row{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 20px;
}

.btn-2-one-row>div {
    width: 50%;
    display: flex;
}

.btn-2-one-row>div>.btn {
    width: 100%;
    font-size: 14px;
    padding: 10px 30px;
}

/* END buttons -------------------------------------------------------------------------------------*/

.breadcrumb,
.breadcrumb .breadcrumb-item{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}


.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a{
    font-weight: 400;
    font-size: 12px;
    color: var(--TextGray);
    position: relative;
    text-decoration: none;
    line-height: 18px;
}

.breadcrumb.text-white .breadcrumb-item,
.breadcrumb.text-white .breadcrumb-item a{
    color: #fff;
}


.breadcrumb .breadcrumb-item.active{
    color: var(--DarkGray);
    font-weight: 600;
}

.breadcrumb.text-white .breadcrumb-item.active{
    color: #fff;
}



.breadcrumb-item+.breadcrumb-item{
    padding-left: 9px;
}

.breadcrumb-item+.breadcrumb-item::before{
    content: "\e916";
    font-family: 'danubius';
    padding: 0;
    margin: 0;
    margin-top: -2px;
    color: inherit;
    font-weight: normal;
    font-size: 110%;
    padding-right: 9px;
}

.dh-scrollbar{
    overflow: hidden;
}

.dh-scrollbar-y{
    overflow-y: auto;
}

.dh-scrollbar-x{
    overflow-x: auto;
}

.dh-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    position: relative;
    border-radius: 4px;
}

.dh-scrollbar::-webkit-scrollbar-track { /* Background */
    background: var(--TextGray-opacity-05);
}

.dh-scrollbar::-webkit-scrollbar-thumb { /* Foreground */
    background: #fff;
    border-radius: 4px;
}

.dh-scrollbar.scrollbar-blue::-webkit-scrollbar-track{ /* Background */
    background: var(--Blue-new);
}

.dh-scrollbar.scrollbar-blue::-webkit-scrollbar-thumb { /* Foreground */
    background: var(--DarkBlue);
}

@supports not selector(::-webkit-scrollbar) {
    .dh-scrollbar{
        scrollbar-color: #fff var(--TextGray-opacity-05);  /* FF scroll The first applies to the thumb of the scrollbar, the second to the track. */  
        scrollbar-width: thin; /* FF scroll */
    }
   
    .dh-scrollbar.scrollbar-blue{ 
        scrollbar-color: var(--DarkBlue) var(--Blue-new);  /* FF scroll The first applies to the thumb of the scrollbar, the second to the track. */
    }
}


.subtitle{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.bg-darkBlue{
    background: var(--DarkBlue);
}


.header-blue-line{
    background: var(--Blue);
    padding:0;
    overflow: hidden;
}
.header-blue-line>div{
    height: 40px;
}

.header-blue-line div{
    line-height: 1;
}

.header-blue-line p,
.header-blue-line a{
    padding:0;
    margin:0;
    color:#fff;
    font-size: 12px;
    line-height: 16px;
}

.header-blue-line a{
    font-weight: 600;
    line-height: 18px;
}

.menu-wrapper{
    background: #fff;
    padding: 15px;
}

header .menu-holder,
#desktop-menu,
.langlist,
#menu-user,
#dh-header-logo-l{
    display:none;
}

header{
    background: #FFFFFF;
    box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
}

.nav-link:focus,
.nav-link:hover,
a.nav-link{
    color:#fff;
    padding: 0;
}

.nav-link:hover{
    text-decoration: underline;
}



body{
    margin-top: var(--content-margin-top);
}

.menu-holder{
    background: var(--DarkBlue);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    display: none;
    height: 100%;
    width: 100%;
    padding:0;
}

.menu-holder.opened{
    display: block;
}

.menu-holder .top-menu{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 48px);
    width: calc(100% - 20px);
    overflow: hidden;
    margin: 24px 15px;
}

.menu-holder .top-menu ul.nav{
    display: flex;
    flex-direction: column;
}

.menu-holder .top-menu .scroller{
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    order: 1;
}

.menu-holder .top-menu .scroller{
    overflow-x: hidden;
    height:100%;
    width: 100%;
    flex-direction: column;
    order: 2;
    margin-top: 30px;
    padding-top: 4px;
    padding-right: 10px;
}

.scroller .secondary-menu{
    margin: 15px 0 0 0;
}

.scroller .secondary-menu .nav-item{
    margin-bottom: 20px;
}
.scroller .secondary-menu .nav-link{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

#header-bookin-btn{
    display: block;
    margin-left: auto;
    margin-right: 0;
    /*visibility: hidden;*/
}

#mobile-main-menu > ul.nav > li{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(184, 204, 227, 0.5);
}


.search-input{
    border: 1px solid rgba(184, 204, 227, 0.5);
    border-radius: var(--border-radius);
    background: transparent url(../imgs/logo_magnifyingglass.svg) 10px center no-repeat;
    color: var(--GrayBlue);
    padding: 10px 10px 10px 40px;
}

.menu-holder .top-menu .third-menu .search{
    display: none;
}

#mobile-main-menu  .mobile-search{
    width: 100%;
    padding: 0 0 34px 0;
}

#mobile-main-menu .search-form,
#mobile-main-menu .search-input{
    display: block;
    width: 100%;
}

#mobile-main-menu .search-input{
    padding-left: 40px;
}

#mobile-main-menu .search-input::placeholder{
    color: var(--GrayBlue);
}


.header-search-form{
    background: #FFFFFF;
    border-radius: 6px;
    position: absolute;
    right: 0;
    top: -9px;
    width: 740px;
    display: none;
    align-items: center;
    height: 40px;
}


.header-search-form .search-input{
    border: 0;
    border-radius: 0;
    padding:0 12px;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    border-left: 1px solid var(--DarkBlue);
}

.header-search-form>label{
    color: var(--DarkBlue);
    text-align: center;
    cursor: pointer;
    margin:0 12px;
    font-size: 17px;
}

.header-search-form .icon-close:before,
.header-search-form>label>.icon-magnifyingglass:before{
    margin:0;
    line-height: 1;
}

.header-search-form .icon-close{
    margin:0 12px;
    color: var(--DarkBlue);
    cursor: pointer;
}

#close-hamburger-menu{
    position: absolute;
    right: 15px;
    top: 30px;
}

#desktop-menu .nav-link{
    position: relative;
}

#desktop-menu .nav-link:hover{
    text-decoration: none;

}

#desktop-menu .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1em;
    background-color: #fff;
    opacity: 0;
    transition: opacity 300ms, transform 300ms;
    opacity: 1 ;
    transform: scale(0);
    transform-origin: center;  
    display: block;  
}

#desktop-menu .nav-item.opened a::after,
#desktop-menu .nav-item:hover a::after {
    transform: scale(1);
}


/* start login link */
#menu-user{
    display: none !important;
}

.login-link{
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    display: none !important;

}

.login-link>svg{
    fill: #fff;
    display: block;
    margin: 0;
    padding: 0;
}

#menu-user{
    margin-left: 30px;
}


#sticky-user{
    margin-right: 10px;
    margin-left: auto;
}

#sticky-user .search,
#sticky-user .langmenu{
    display: none;
}

/* end login link */

#header-main .logo-holder{
    height: 40px;
    display: inline-flex;
    align-items: center;
}


/* langmenu */
.langmenu,
.langmenu .langselector{
    display: flex;
    align-items: center;
}

.langmenu{
    flex-wrap: wrap;
}

.langmenu .langselector,
.langmenu .langselector:hover{
    justify-content: space-between;
    color:#fff;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
}


.langmenu .langselector:after{
    content: '';
    background: transparent url(../imgs/icon-angle-down.png) center no-repeat;
    width: 12px;
    height: 7px;
    margin-left: 10px;
    transition: rotate 1s;
}

.langmenu.opened .langselector:after{
    transform: rotate(180deg);
    transition: rotate 1s;
}

.langmenu.opened .langlist{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.langlist{
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
    color: #fff;
}

.langlist li{
    display: block;
    width: 25%;
    text-align: left;
}
.langlist li>a{
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

.langlist li.selected>a{
    font-weight: 600;
}

#header-main .langmenu.opened .langlist{
    display: block;
    position: absolute;
    z-index: 1075;
    top: 0%;
    background: #FFFFFF;
    box-shadow: 5px 10px 30px rgba(5, 94, 128, 0.05);
    border-radius: 6px;
    width: 72px;
    padding: 12px 40px 12px 20px;
    margin-top: 50px;
}

#header-main .langmenu.opened .langlist li{
    width: 100%;
    padding: 8px 0;
}

#header-main .langmenu .langlist .nav-link:focus,
#header-main .langmenu .langlist  .nav-link:hover,
#header-main .langmenu .langlist  a.nav-link{
    color: var(--DarkBlue);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}


#header-main .langmenu .langlist li.selected a.nav-link{
    font-weight: 600 !important;
}

/* end langmenu */

#close-hamburger-menu,
#close-hamburger-menu a#nav-close{
    width: 15px;
    height: 15px;
    display: block;
    text-align: center;
}

#close-hamburger-menu img{
    width: auto;
    height: 100%;
    margin:0;
    display: block;
}


#desktop-menu{
    padding: 20px 0;
}

#desktop-menu>.nav>.nav-item:last-child{
    padding-right: 0;
}


.submenu .border-top{
    border-color: rgba(184, 204, 227, 0.5) !important;
}

.submenu-inner{
    padding-left: 20px;
    padding-top: 15px;
    margin-top: 15px;
}

.submenu-list{
    margin:0;
    padding:0;
    list-style: none;
}

.submenu-list li{
    margin-bottom: 15px;
}

.submenu-list > li:last-child{
    margin-bottom: 0;
}

.menu-subtitle a,
.submenu-list a{
    text-decoration: none;
    color: #fff;
    display: block;
}

.menu-subtitle a:hover,
.submenu-list a:hover{
    text-decoration: underline;
}

#mobile-main-menu .submenu-list .has-submenu .mobile-menu-toggler,
.submenu-list a{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
}

#mobile-main-menu a{ 
    text-decoration: none !important;
}


.menu-subtitle span,
.menu-subtitle a{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.5;
    margin-bottom: 15px;
}

#mobile-main-menu .menu-subtitle span,
#mobile-main-menu .menu-subtitle a{
    color: #fff;
}


#mobile-main-menu .has-submenu > span,
#mobile-main-menu .has-submenu .mobile-menu-toggler{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#mobile-main-menu .has-submenu .mobile-menu-toggler,
#mobile-main-menu .submenu-inner .text-style-1{
    color: #fff;
}

#mobile-main-menu .submenu-list .submenu-list a,
#mobile-main-menu .submenu-list .submenu-list span{
    font-size: 0.9em;
    color: #fff;
}

#mobile-main-menu .submenu-list .submenu-list{
    padding-left: 20px;
    padding-top: 5px;
    margin-top: 5px;
}
#mobile-main-menu .submenu-list .submenu-list li{
    margin-bottom: 10px;
}

.submenu-list .megamenu-button.megamenu-blue-button,
.submenu-list .megamenu-button.megamenu-blue-button:hover{
    background: var(--Blue);
    border-radius: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    font-size: 14px;
}

.submenu-list .megamenu-button.megamenu-blue-button>i{
    margin-right: 5px;
}

#mobile-main-menu .submenu-list .megamenu-button.megamenu-blue-button{
    margin-left: -10px;
    padding: 10px;
    line-height: 1;
}


a.orange-link{
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: var(--Orange);
}

.submenu-toggler{
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    text-indent: -10000px;
    background: transparent;
    border: 0;
}

.submenu-toggler:after,
.submenu-toggler:before{
    content:'';
    border: 1.2px solid #FFFFFF;
    display: block;
    position: absolute;
    top:50%;
    left:0;
    width:100%;
}

.submenu-toggler:after{
    transform: rotate(90deg);
}


#mobile-main-menu .submenu-list .has-submenu .submenu-toggler:after,
#mobile-main-menu .submenu-list .has-submenu .submenu-toggler:before{
    border: 1px solid #FFFFFF;
}

.mobile-menu-toggler[aria-expanded=true]>.submenu-toggler:after,
.submenu-toggler[aria-expanded=true]:after{
    display: none;
}

#mobile-main-menu .submenu-list .has-submenu .submenu-toggler{
    width: 1em;
    height: 1em;
}

.submenu-list li.has-submenu{
    margin-right: 10px;
    font-size: 0.9em;
}

#mobile-main-menu .submenu-list a.more-link{
    color: var(--Orange);
    text-decoration: underline !important;
}


body.header-fixed #header-bookin-btn{
    visibility: visible;
}

/* Footer ----------------------------------------------------*/
.footer{
    background: var(--DarkGray);
    padding:40px 0;
    color: #fff;
    font-size: 12px;
}

.footer a{
    color: #fff; 
}

.footer ul,
.footer ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .footer-logo{
    padding-right: 20px;
}
.footer .footer-logo img{
    display: block;
    width: 90px;
    height: auto;
    margin:0;
    padding:0;
}

.footer .social-links>ul{
    gap: 20px;
}

.footer .social-links>ul>li a,
.footer .social-links>ul>li a:hover{
    display: block;
    color: #fff;
    text-decoration: none;
}


.icon-{
    display:flex;
    align-items: center;
    text-align: center;
}
.icon->img{
    display: block;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}

.footer .footer-bottom-menu a,
.footer .footer-menu a{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    line-height: 1.33em;
    margin: 0;
    display: block;
    cursor: pointer;
}

.footer .footer-bottom-menu a:hover,
.footer .footer-menu a:hover{
    text-decoration: underline;
}

.footer .footer-menu{
    padding-top: 20px;
}

.footer .footer-menu>div>div{
    padding:22px 0;
    border-bottom: 1px solid var(--TextGray-opacity-05);
}


.footer .footer-menu h5>a{
    font-weight: 600;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.footer .footer-menu h5>a:hover{
    text-decoration: none;
}


.footer .footer-menu h5>a::after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: transparent url('../imgs/icon-angle-down.png') center no-repeat;
    background-size: 100% auto;
    transition: rotate 1s;
}

.footer .footer-menu h5>a[aria-expanded=true]::after{
    transform: rotate(180deg);
    transition: rotate 1s;
}

.footer .footer-menu ul{
    padding-top: 7px;
}

.footer .footer-menu ul>li{
    padding: 15px 0;
}

.footer .footer-bottom{
    padding-top: 40px;
}

.footer .copyright-text{
    padding-bottom: 20px;
}

.footer .footer-bottom-menu>ul{
    display: inline-block;
    padding: 10px 0 0 0;
}

.footer .footer-bottom-menu>ul>li{
    padding: 10px 0;
}




/* End Footer ----------------------------------------------------*/

/* Booking box ----------------------------------------------------*/
.booking-holder{
    background: #FFFFFF;
    box-shadow: 5px 10px 30px rgba(5, 85, 116, 0.1);
    border-radius: 10px;
    width: calc(100% - 30px);
    display: block;
    margin: 30px 15px 30px 15px;
    position: relative;
    z-index:22;
    padding: 20px 10px;
    margin-top: var(--content-margin-top);
    top: 50px;
}

body:not(.home) .booking-holder{
    display: none;
}

body.hero-with-slider .booking-holder{
    margin-top: -30px;
    top: 0;
}

.booking-holder .booking-box .bline,
.booking-holder .booking-box .done-button-holder,
.booking-holder .booking-box .numofp,
.booking-holder .booking-box .childline,
.booking-holder .booking-box .spec-rate-code-content,
.booking-holder .booking-box .spec-rate-code>span,
.booking-holder .booking-box .spec-rate-code,
.booking-holder .booking-box .spec-rate-code-content .title,
.booking-holder .booking-box .spec-rate-code .spec-rate-code-added{
    display: none;
}

.booking-box .childline.opened{
    display: block;
    padding-bottom: 30px;
}

.booking-holder .booking-box .spec-rate-code-content.opened{
    display: block;
}

.booking-box .childline.opened .bline{
    border-top: 1px solid var(--LightBlue);
    width: 100%;
    display: block;
}

.booking-holder .booking-box .mobile-numofperson-box .text,
.booking-holder .booking-box input:not([type='submit']),
.form-row input:not([type='submit']){
    margin: 0;
    display: block;
    align-items: center;
    background-repeat: no-repeat;
    border: 0;
    font-size: 12px;
}


.booking-holder .t-datepicker>div{
    border: 0;
}

.booking-holder .date-holder,
.booking-holder .t-datepicker,
.booking-holder .mobile-numofperson-box,
.booking-holder .destination-holder{
    border: 1px solid var(--LightBlue);
    padding:15px;
    border-radius: var(--border-radius);
    margin-bottom: 10px;
    display: flex;
}

.booking-holder .t-datepicker{
    width: 100%;
}


.booking-holder .destination-holder{
    flex-direction: row-reverse;
    position: relative;
}

.booking-holder label img{
    display: block;
    margin: 0;
    padding: 0;
}



.booking-holder .booking-box .destination-holder:before,
.booking-holder .mobile-numofperson-box:before,
.booking-holder .date-holder .calendar-holder>a,
.booking-holder .t-datepicker .t-dates>a,
.booking-holder .destination-holder label,
.booking-holder .GuestSelectorOpener i:first-of-type{
    display:flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: var(--DarkGray);
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    padding: 8px;
    justify-content: center;
    background: var(--LightBlue);
    border-radius: 50%;
}

.booking-holder .booking-box  .icon-family{
    color: var(--DarkBlue) !important;
}


.booking-holder .booking-box .destination-holder:before{
    content: "";
    background: var(--LightBlue) url(../imgs/icon-map-pin.svg) center center no-repeat;
    position: absolute;
    left: 15px;
    top: 15px;
    background-size: 14px;
}


.booking-holder .booking-box input.destination{
    padding:6px 15px 6px 45px;
    background: transparent url(../imgs/icon-arrow-down.svg) right center no-repeat;
    width: 100%;
    background-size: 12px;
    position: relative;
    z-index: 2;
}


.booking-holder .t-datepicker{
    display: grid;
    grid-template-columns: 1fr 1fr;
    float: none;
    max-width: inherit;
}

.booking-holder .t-datepicker .t-dates{
    padding: 0;
    margin: 0;
    height: auto;
}

.booking-holder .date-holder .calendar-holder{
    display: flex;
    flex-direction: row-reverse;
    width: 50%;
    justify-content: flex-end;
}

.booking-holder .t-datepicker>div{
    width: 100%;
    display: flex;
    border-radius: 0;
}

.booking-holder .formline1 + a{
    color: var(--DarkGray);
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}


.booking-holder .t-datepicker .t-dates.t-date-check-in,
.booking-holder .date-holder .calendar-holder:first-child{
    padding-right: 20px;
    border-right: 1px solid var(--LightBlue);
}

.booking-holder .t-datepicker .t-dates.t-date-check-out,
.booking-holder .date-holder .calendar-holder:last-child{
    padding-left: 20px;
}

.booking-holder .t-datepicker .t-dates.t-date-check-in,
.booking-holder .t-datepicker .t-dates.t-date-check-out{
    width: 100%;
    display: flex;
    align-items: center;
}

.booking-holder .t-check-in .t-date-info-title,
.booking-holder .t-check-out .t-date-info-title{
    position: relative;
    top: inherit;
    left: inherit;
    display: block;
    font-weight: 400;
    opacity: 0.5;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px;
    width: calc(100% - 30px);
    display: block;
}


.booking-holder .t-datepicker .t-dates>a,
.booking-holder .date-holder .calendar-holder>a{
    background: var(--LightBlue) url(../imgs/icon-calendar-2.png) center no-repeat;
    background-size: 14px auto;
}

.booking-holder .t-datepicker input.t-input,
.booking-holder .date-holder .calendar-holder>input{
    padding:5px 10px;
    width: calc(100% - 30px);
}

.booking-holder .mobile-numofperson-box{
    width: 100%;
    text-align: right;
    justify-content: flex-end;
}

.booking-holder .booking-box .mobile-numofperson-box .text{
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.booking-holder .btn{
    width:100%;
    padding: 16px;
}
.booking-holder .booking-box .formline3{
    display: none;
}

.booking-holder .booking-box .formline3.opened .numofp,
.booking-holder .booking-box .formline3.opened .done-button-holder{
    display: flex;
    justify-content: center;
}

body.booking-form-overlayer{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


body:not(.booking-form-overlayer).booking-overlayer{
    /*overflow: hidden!important;*/
}

body.booking-form-overlayer .main-header,
body.booking-overlayer .main-header{
    z-index: 2;
}

.booking-holder .booking-box .formline3.opened{
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow:hidden;
    overflow-y: auto;
    background: #fff;
    z-index: 1100;
    left: 0;
    top: 0;
    padding:20px 15px;
    display: block;
}

.booking-holder .booking-box .formline3.opened .mobile-numofperson-box{
    border:0;
    padding: 0;
}


.booking-holder .booking-box .formline3.opened .numofp{
    justify-content: flex-start;
    font-size: 16px;
    line-height: 24px;
    color: var(--DarkGray);
    padding: 0;
    align-items: center;
}

.booking-holder .booking-box .formline3.opened>.numofp>b{
    display: flex;
    align-content: center;
    align-items: center;
}

.booking-holder .booking-box .formline3.opened>.numofp>b>a{
    background: transparent url(../imgs/icon-x-blue.svg) center no-repeat;
    visibility: visible !important;
    text-indent: -100000px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 20px;
}

.booking-holder .booking-box .formline3.opened>.numofp>a{
    width: 30px !important;
    height: 30px !important;
    padding: 0;
    border-radius: var(--border-radius-small);
}


.booking-holder .booking-box .formline3.opened>.numofp>a.btn-secondary.btn-minus{
    color: var(--DarkGray);
}

.booking-holder .booking-box .formline3.opened>.numofp>a.btn-secondary.btn-minus{
    color: var(--DarkBlue);
}


.booking-holder .booking-box .formline3.opened>.numofp>a.btn-secondary.disabled{
    background-color: var(--Inactive-Gray);
}

.booking-holder .booking-box .formline3.opened>.numofp>a.btn-minus{
    margin-left: auto;
}

.booking-holder .booking-box .formline3.opened .numofp>span.value{
    padding: 0;
    margin: 0 15px;
    min-width: 10px;
    text-align: center;
}


.booking-holder .booking-box .formline3.opened .numofp .text-Orange{
    font-weight: 600;
}


.booking-holder .booking-box .formline3.opened .numofp>select{
    padding: 2px 5px;
    background: var(--LightBlue);
    border:0;
    border-radius: var(--border-radius);
    color: var(--DarkBlue);
    font-size: inherit;
    font-weight: 400;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.booking-holder .booking-box .formline3.opened .spec-rate-code{
    display: block;
    margin-top: 30px;
}

.booking-holder .booking-box .formline3.opened .spec-rate-code .spec-rate-code-added,
.booking-holder .booking-box .formline3.opened .spec-rate-code .spec-rate-code-button{
    justify-content: flex-start;
    text-align: left;
}

.booking-holder .booking-box .formline3.opened .spec-rate-code .spec-rate-code-added:before,
.booking-holder .booking-box .formline3.opened .spec-rate-code .spec-rate-code-button:before{
    content: '';
    width: 16px;
    height: 16px;
    background: transparent url(../imgs/icon-plus-only-blue.png) center no-repeat;
    margin-right: 15px;
}

.booking-holder .booking-box .formline3.opened .spec-rate-code.added .spec-rate-code-button,
.booking-holder .booking-box .formline3.opened .spec-rate-code.opened .spec-rate-code-button{
    display: none;
}

.booking-holder .booking-box .spec-rate-code-content{
    padding:0;
}

.booking-holder .booking-box .formline3.opened .numofp,
.booking-holder .booking-box .formline3.opened .spec-rate-code-content .done-button-holder .btn{
    width:100%;
    margin: 30px 0;
}

.booking-holder .booking-box .formline3.opened .spec-rate-code-content .done-button-holder .btn{
    margin-bottom: 0;
}

.booking-holder .booking-box .formline3.opened .spec-rate-code.added:not(.opened) .spec-rate-code-added{
    display: flex;
}

.booking-holder .booking-box .spec-rate-code-content div label,
.booking-holder .booking-box .spec-rate-code-content div input{
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

.booking-holder .booking-box .spec-rate-code-content div label{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--DarkBlue);
    margin: 30px 0 7px 0;
}

.booking-holder .booking-box .spec-rate-code-content div input{
    border: 1px solid var(--LightBlue);
    padding: 15px;
    border-radius: var(--border-radius);
}

.booking-holder .booking-box .formline3 .children_missing_errmsg{
    text-align: right;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--ErrorRed);
}


.booking-holder .done-button-holder .btn{
    width: auto;
    margin: 50px auto 25px auto;
    min-width: 50%;
}

.booking-holder .booking-box .formline3 .childline .child_select,
.booking-holder .booking-box .formline3 .childline .child_select .select{
    width: 100%;
}

.booking-holder .booking-box .formline3 .childline .child_select .select{
    line-height: 1.5;
    padding: 9px 30px 9px 10px;
}

.booking-holder .booking-box .formline3.opened>div:nth-child(2) a{
    visibility:hidden
}

.booking-holder .booking-box .formline3 .childline{
    width: 100%;
    flex-wrap: wrap;
    gap:15px;justify-content: start;
}

.booking-holder .booking-box .formline3 .childline .info_text{
    width: 100%;
    padding: 10px 0;
}

.booking-holder .booking-box .formline3 .childline .child_title{
    width: auto;
    font-weight: bold;
}

.booking-holder .booking-box .formline3 .childline .child_holder{
    flex: 1;
    display: flex;
    gap: 15px;
    /*justify-content: end;*/
    flex-wrap: wrap;
}



.ui-datepicker {
    border-radius: 0;
    border: 0;
    padding: 10px 20px;
    color: #58585a;
    width: auto;
}

/*
.ui-autocomplete.ui-widget-content{
    position: absolute;
    top: 550px !important;
}
*/

.ui-autocomplete.ui-widget-content{
    background: #FFFFFF;
    box-shadow: 0px 30px 84px rgba(19, 10, 46, 0.08);
    border-radius: var(--border-radius);
    border: 0;
    overflow: hidden;
    max-height: 50vh;
    overflow-y: auto;
    z-index: 10000;
}

body.booking-form-overlayer .ui-autocomplete.ui-widget-content{
    position: fixed;
    top: 160px !important;
}





.ui-autocomplete.ui-widget-content::-webkit-scrollbar {
    width: 7px;
    height: 0;
    position: relative;
    border-radius: var(--border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    right:3px;
}


.ui-autocomplete.ui-widget-content::-webkit-scrollbar-track { /* Background */
    background: var(--Blue-new);
    overflow: hidden;
    border-radius: var(--border-radius);
    width: 4px;
    margin-right: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-autocomplete.ui-widget-content::-webkit-scrollbar-thumb { /* Foreground */
    background: var(--DarkBlue);
    width: 4px;
    border-radius: var(--border-radius);
    overflow: hidden;
}



.ui-autocomplete.ui-widget-content .ui-menu-item-wrapper,
.ui-autocomplete.ui-widget-content .ui-state-active{
    border:0;
    background: transparent;
    color: initial;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.ui-autocomplete.ui-widget-content li.ui-menu-item{
    display: block;
    margin:0 20px;
    padding: 10px 0px;
    border-top: 1px solid var(--LightBlue);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.ui-autocomplete.ui-widget-content li.ui-menu-item.link-chevron-right{
    border:0;
    background: var(--LightBlue);
    margin:0px;
    padding: 10px 20px;
    border: 0;
}

.ui-autocomplete.ui-widget-content li.ui-menu-item.link-chevron-right + li.ui-menu-item{
    border-top: 0 !important;
}

body.booking-form-overlayer .booking-box.opened,
body.header-fixed .booking-box.opened{
    width: 100%;
    height: 100vh;
    overflow:hidden;
    overflow-y: auto;
    background: #fff;
    z-index: 1080;
    left: 0 !important;
    top: 0 !important;
    padding:60px 15px 20px 15px;
    display: block;
    position: fixed;
}

body.booking-form-overlayer .booking-holder{
    z-index: 1080;  
    display: block;
}

#bookigFormClose{
    position: absolute;
    display: none;
    right: 20px;
    top: 20px;
}

body.booking-form-overlayer .booking-box.opened #bookigFormClose,
body.header-fixed .booking-box.opened #bookigFormClose{
    display: block;
    border: 0;
    background: transparent;
}

body.booking-form-overlayer .booking-box.opened #bookigFormClose{
    z-index: 10;
    width: 20px;
    height: 20px;
    right: 15px;
    padding: 0;
}

body.booking-form-overlayer .booking-box.opened #bookigFormClose>img{
    display: none;
}

body.booking-form-overlayer .booking-box.opened #bookigFormClose:after{
    content: '\e91c'; 
    color: #fff;
    font-family: danubius;
    font-size: 16px;
    display: block;
}

.booking-holder .booking-box-title{
    display: none;
    position: absolute;
    left: 15px;
    top: 20px;
    color: #fff;
    z-index: 3;
}

body.booking-form-overlayer .booking-holder .booking-box-title{
    display: block;
}

body.booking-form-overlayer .booking-box.opened{
    /*background: #0C1920;*/
    background: rgba(0, 16, 46, 0.80);
    backdrop-filter: blur(2.5px);    
    padding: 0;
    height: 100vh;
    position: fixed;
}

body.booking-form-overlayer .booking-box.opened:after,
body.booking-form-overlayer .booking-box.opened:before{
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    /*height: 50%;*/
    height: 100%;
    z-index: 1;
}

body.booking-form-overlayer .booking-box.opened:after{
    /*background: linear-gradient(180deg, rgba(0, 14, 20, 0.50) 0%, rgba(0, 14, 20, 0.25) 26.42%, rgba(0, 14, 20, 0.27) 52.85%, rgba(0, 14, 20, 0.90) 98.65%);*/
    left: 0;
    top: 0px;
}

body.booking-form-overlayer .booking-box.opened:before{
    background-image: url(../imgs/bg-booking-form-overlayer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 0;
    position: relative;
    display: none;
}

body.booking-form-overlayer .formline0{
    background: #fff;
    z-index: 30;
    position: absolute;
    padding: 20px;
    margin: 0;
    /*bottom: 15px;*/
    top: 75px;
    left: 15px;
    border-radius: var(--border-radius);
    width: calc(100% - 30px);
}

/* End Booking box ----------------------------------------------------*/


.hero-with-slider .content-header{
    display: flex;
    flex-direction: column-reverse;
}

/* Begin Slider ----------------------------------------------------*/
.hero-section .swiper{
    height: 400px;
}

.swiper-slide-inner .swiper-slide-inner-bg{
    position: relative;
}

.swiper-slide-inner .swiper-slide-inner-bg picture,
.swiper-slide-inner .swiper-slide-inner-bg picture source,
.swiper-slide-inner .swiper-slide-inner-bg picture img{
    display: block;
    width: 100%;
}

.swiper-slide-inner,
.swiper-slide-inner .swiper-slide-inner-bg,
.swiper-slide-inner .swiper-slide-inner-bg img{
    width: 100%;
    height: 100%;
    display: block;
}

.swiper-slide-inner .swiper-slide-inner-bg img{
    object-fit: cover;

}



.swiper-slide-inner .swiper-slide-inner-bg picture{
    z-index: 1;
}

.swiper-slide-inner .swiper-slide-inner-bg picture source,
.swiper-slide-inner .swiper-slide-inner-bg picture img{
    height:100%;
    object-fit: cover;
}

.swiper-slide-inner .swiper-slide-inner-bg.overlay:after{
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 51.56%, rgba(0, 0, 0, 0.4) 100%);*/
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.1) 50.56%, rgba(0, 0, 0, 0.2) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
}



.hero-slider{
    /*height: 89vw;*/
    width: 100%;
    margin: 0 auto;
}

.swiper-slide-inner-txt {
    position: absolute;
    width: 80%!important;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 15;
}

.swiper-slide-active .swiper-slide-inner-txt {
    -webkit-transition: opacity 1.8s ease 1.2s;
    -moz-transition: opacity 1.8s ease 1.2s;
    -ms-transition: opacity 1.8s ease 1.2s;
    -o-transition: opacity 1.8s ease 1.2s;
    transition: opacity 1.8s ease 1.2s;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.swiper-button-next,
.swiper-button-prev{
    display: none;
    transition: all 0.2s ease-in-out;
    opacity: .3;
}

.hero-slider .swiper-button-next:after,
.hero-slider .swiper-button-prev::after{
    display: none;
}

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev{
    width: 20px;
    height: 20px;
    background: transparent url(../imgs/icon-arrow-left.svg) center no-repeat;
    background-size: 100%;
    opacity: 1;
}

.hero-slider .swiper-button-next{
    transform: rotate(180deg);
}

.hero-slider .swiper-pagination-bullet{
    width:6px !important;
    height:6px !important;
    background: #fff;
    opacity: 0.7;
}

.hotel-list-swiper .swiper-pagination-bullet{
    opacity: 0.3;
}


.hotel-list-swiper .swiper-pagination-active,
.swiper .swiper-pagination-bullet-active{
    background: #fff;
    opacity: 1;
}

.hero-slider .swiper-pagination{
    bottom:40px !important;
}

.swiper-slide-inner-txt .btn{
    border-radius: var(--border-radius-small);
}

.swiper-pagination.white-pagination .swiper-pagination-bullet{
    background: #fff !important;
}

.swiper-slide-inner-txt.text-end .hero-text,
.swiper-slide-inner-txt.text-end .more-wraper-center{
    text-align: left !important;
}

/* End Slider ----------------------------------------------------*/

/* Begin DH card  ----------------------------------------------------*/
.dh-card{
    position: relative;
    display: flex;
    margin:10px 0;
    overflow: hidden;
    text-decoration: none;
    background:rgba(0,0,0,0.3);
}

.dh-card .text-holder{
    position: absolute;
    padding: 20px;
    left:0;
    bottom:0;
    color: #fff;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.57em;
    width: 100%;
    z-index: 20;
}

.dh-card .text-holder .text-title{
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.33em;
}

.dh-card .text-holder .text-cont{
}

.dh-card .text-holder .button-holder{
    padding-top: 20px;
}

.dh-card .img-holder{
    display: block;
    align-items: stretch;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.dh-card .img-holder picture{
    width: 100%;
    height: auto;
}

.dh-card .hover-text-holder{
    opacity: 0;
    z-index: 10;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
    padding-top:40px;
    padding-bottom:40px;
}

.dh-card .hover-text-holder.fade-in-hover{
    z-index: 0;
}

.dh-card .blur{
    opacity: 0;
}

/* END DH card ----------------------------------------------------*/
.fade-in-hover,
.fade-out-hover{
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition:opacity 0.5s ease-in-out;

}

.fadeIn.hover .fade-in-hover,
.fadeIn:hover .fade-in-hover{
    opacity: 1;
    z-index: 10;
}

.fadeIn.hover .blur.fade-in-hover,
.fadeIn:hover .blur.fade-in-hover{
    z-index: 9;
}

.fadeIn.hover .fade-out-hover,
.fadeIn:hover .fade-out-hover{
    opacity: 0;
    z-index: 0;
}

/* DH tabbox----------------------------------------------------*/

.dh-tabbox{
    display: flex;
    flex-direction: column-reverse;
}

.dh-tabbox ul,
.dh-tabbox ul li {
    padding:0;
    margin:0;
    list-style: none;
}

.dh-tabbox ul li {
    padding-bottom: 14px;
}

.dh-tabbox ul>li:last-child{
    padding-bottom: 0px;
}


#dh-tabbox-virtual-tours{
    margin-top: 20px;
    height: 178px;
}

#dh-tabbox-virtual-tours .btn{
    width: 100% !important;
    border-color: transparent !important;
    padding: 12px 10px;
    line-height: 24px;
    font-size: 16px;
    text-align: left !important;
}

#dh-tabbox-virtual-tours .btn,
#dh-tabbox-virtual-tours .btn.active,
#dh-tabbox-virtual-tours .btn:active,
#dh-tabbox-virtual-tours .btn:hover{
    justify-content: flex-start !important;
}

/* END DH tabbox----------------------------------------------------*/

.dm-logo{
    font-family: 'Playfair Display', serif;;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    color: var(--Orange);
    padding-right:20px;
    margin-right: 20px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    border-right: 1px solid var(--Blue-new);
}

/* magazin-swiper ----------------------------------------------------*/
.magazin-swiper .swiper-slide a{
    text-decoration: none;
    color: var(--TextGray);
}

.magazin-swiper .swiper-slide .img-holder{
    height: 196px;
}

.magazin-swiper .swiper-slide .img-holder img{
    display: block;
    position: relative;
    object-fit: cover;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
}

.magazin-meta,
.magazin-meta li{
    padding: 0;
    margin: 0;
    display: block;
}

.magazin-meta li{
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid var(--PurpleBlue);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-transform: capitalize;
}

.magazin-meta li:last-child{
    padding-right: 10px;
    margin-right: 10px;
    border: 0;
}

.magazin-meta{
    padding-top: 15px;
    padding-bottom: 20px;
}

.magazin-title{
    font-weight: 600;
    font-size: 18px;
    line-height: 1.33em;
    color: var(--DarkGray);
    padding-top: 15px;

}

.magazin-swiper .swiper-wrapper{
    margin-bottom: 45px;
}

.swiper-scrollbar.blue-scrollbar{
    background: rgba(205, 230, 237, 0.5);
}

.swiper-scrollbar.blue-scrollbar .swiper-scrollbar-drag{
    background: var(--DarkBlue);
    cursor:pointer;
}

.swiper-nav.swiper-nav-bottom{
     background: transparent;
     position: absolute;
     z-index: 4;
     bottom: -2px;
     left: 0;
     height: auto;
     width: 50px;
     justify-content: space-between;
     align-items: center;
}

.swiper-nav.swiper-nav-bottom .swiper-button-next:after,
.swiper-nav.swiper-nav-bottom  .swiper-button-prev:after{
    display: none;
}

.swiper-nav.swiper-nav-bottom .swiper-button-next,
.swiper-nav.swiper-nav-bottom .swiper-button-prev{
    background: transparent;
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: initial;
    width: auto;
    height: auto;
    font-size: 12px;
    margin-top: 0;
    opacity: 1;
    color: #005B87;
}
/* END magazin-swiper ----------------------------------------------------*/

.social-icons{
    display: flex;
}

.social-icons li:not(:last-child){
    padding-right: 20px;
}

.nopr-swiper-wrapper{
    padding-left: calc(1.5rem * 0.5);
}

.nopr-swiper-wrapper .swiper-slide{
    width: 66vw;
    height: auto;
    min-height: 2px;
}

.nopr-swiper-wrapper .swiper-scrollbar-holder{
    margin-right: calc(1.5rem * 0.5);
    position: relative;
}

/* social-swiper ----------------------------------------------------*/
.social-swiper .swiper-horizontal>.swiper-scrollbar,
.social-swiper .swiper-scrollbar.swiper-scrollbar-horizontal{
    width: 100%;
    left: 0;
    height: 4px;
}

.swiper-horizontal>.swiper-scrollbar.dh-horizontal-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal.dh-horizontal-scrollbar{
    width: calc(100% - (1.5rem * 0.5));
    left: 0;
}

/* END social-swiper ----------------------------------------------------*/

/* ajanlatok-swiper----------------------------------------------------*/
.ajanlatok-swiper-wrapper .swiper-slide{
    height: 320px;
}

.ajanlatok-swiper-wrapper  .swiper-slide .box-rounded,
.ajanlatok-swiper-wrapper  .swiper-slide .box-rounded .img-holder{
    width: 100%;
    height: 100%;
}
/* END ajanlatok-swiper ----------------------------------------------------*/

/* book-direct-swiper ----------------------------------------------------*/
.book-direct{
    height: 100%;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.book-direct .icon-holder{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 140px;
    height: 140px;
}

.book-direct h3{
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    padding: 20px 10px 0px 10px;
}
/* END book-direct-swiper ----------------------------------------------------*/

select.selectbox{
    border: 1px solid var(--GrayBlue);
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    color: var(--DarkBlue);
    font-weight: 600;
}



/* BEGIN Hotel list ----------------------------------------------------*/

.hotel-filters-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--LightBlue);
}

.hotel-filters-wrapper>div{
    width: 100%;
}

.bestPrice-btn{
    box-shadow: 5px 5px 20px rgba(0, 57, 79, 0.05);
    padding: 6px 17px;
    text-decoration: none;
    gap: 12px;
    font-weight: 600;
    font-size: 12px;
}

.bestPrice-btn span{
    font-weight: 600;
    font-size: 12px;
    color: currentColor;
}

.filter-location{
    color: var(--DarkBlue);
    display: flex;
    border: 1px solid var(--LightBlue);
    border-radius: var(--border-radius-small);
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    line-height: 1;
    height: 40px;
}

.filter-location .placeholder-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    cursor: pointer;
}

.filter-location .placeholder-text>span{
    padding-right: 30px;
    line-height: 1;
}

.sort-by-buttons label>i,
.filter-location .placeholder-text>i{
    font-size: 16px;
}


.filter-all-button{
    display: flex;
    height: 40px;
    align-items: center;
    padding: 10px 20px;
    border-radius: var(--border-radius-small);
    background: var(--LightBlue);
    justify-content: space-between;
    margin-left: 10px;
    cursor: pointer;
}

.filter-all-button>span{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    padding-left: 12px;
    color: var(--DarkBlue);
}

.sort-by-buttons,
.special-buttons,
.sort-by-buttons>div{
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    color: var(--DarkGray);
}

.sort-by-buttons>span{
    padding-right: 10px;
    white-space: nowrap;
}

.sort-by-buttons select{
    border:0;
    padding:5px 30px 5px 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    z-index: 2;
    min-width: 95px;
}

.sort-by-buttons label,
.sort-by-buttons select{
    font-weight: 600;
    font-size: 12px;
    color: var(--DarkBlue);
    cursor: pointer;
    position: relative;
}

.sort-by-buttons label{
    z-index: 0;
    margin-left: -20px;
}

.view-buttons{
    display: flex;
    width: 80px;
    height: 40px;
}

.view-buttons label{
    position: relative;
    background: var(--LightBlue);
    border: 1px solid var(--LightBlue);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    color: var(--DarkBlue);
    font-size: 19px;
    cursor: pointer;
}

.view-buttons label.view-list{
    border-radius: 4px 0px 0px 4px;
}

.view-buttons label.view-map{
    border-radius: 0px 4px 4px 0px;
}

.view-buttons input[type=radio]:checked+label{
    background: var(--DarkBlue);
    border: 1px solid var(--DarkBlue);
    color: #fff;
}

.view-buttons input[type=radio]:checked+label.view-list img:not(.checked-option),
.view-buttons label.view-list img.checked-option{
    display: none;
}

.view-buttons input[type=radio]:checked+label.view-list img.checked-option{
    display: block;
}



.found-desk{
    font-size: 14px;
    color: var(--DarkGray);
    padding: 18px 0 0 0;
}

.result-list .hotel-list-line{
    padding: 30px 0;
    border-bottom: 1px solid var(--LightBlue);
}

.result-list .hotel-list-line:last-child{
    border-bottom: 0;
}

.result-list .image-slider .swiper .swiper-wrapper .swiper-slide:first-child{
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
    overflow: hidden;
}

.result-list .image-slider .swiper .swiper-wrapper .swiper-slide:last-child{
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
    overflow: hidden;
}

.result-list .image-slider,
.result-list .image-slider .swiper-slide>a>div{
    min-height: 50vw;
    width: 100%;
}

.result-list .img-holder{
    width: 100%;
    height: 100%;
}

.result-list .discount{
    background: #12A299;
    border-radius: var(--border-radius-small);
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    line-height: 1;
}

.result-list .swiper-pagination-bullet{
    background: #fff;
}

.result-list .image-slider .hotel-rates{
    right: 16px;
    bottom: 10px;
    color: #fff;
}

.hotel-rates{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}

.hotel-rates .icon-star{
    font-size: 10px;
    margin-left: 8px;
    margin-top: -1px;
}

.result-list .text-holder{
    padding-top: 10px;
}

.result-list .hotel-name{
    line-height: 34px;
}

.result-list .hotel-name,
.result-list .hotel-name a{
    color: var(--DarkGray);
    text-decoration: none;
}


.hotel-list-line .hotel-loc{
    padding-top: 10px;
}


.hotel-loc>span{
    color: var(--DarkGray);
    font-weight: 400;
    font-size: 14px;
}


.hotel-loc .hotel-map{
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    color: var(--TextGray);
}

.hotel-info3 .price-holder{
    padding-top: 10px;
}

.hotel-info3 .button-holder{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 20px;
}

.hotel-info3 .button-holder>div{
    width: 50%;
    display: flex;
}

.hotel-info3 .button-holder>div>.btn{
    width: 100%;
    font-size: 14px;
    padding: 10px 30px;
}

.hotel-info3 .button-holder>div>.price-button{
    white-space: nowrap;
}

.hotel-info3 .price{
    font-weight: 400;
    font-size: 14px;
    color: var(--TextGray);
}

.hotel-info3 .price>b{
    font-weight: 600;
    font-size: 20px;
    color: var(--DarkGray);
}


.hotel-info2{
    padding: 20px 0;
    border-bottom: 1px solid var(--LightBlue);
}

.hotel-facilities{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
    padding: 0;
    margin: 0;
}

.hotel-facilities li{
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 400;
    font-size: 12px;
    color: var(--TextGray);
}

.hotel-facilities li>span{
    padding-left: 10px;
    font-weight: 400;
    font-size: 12px;
}

.hotel-info1 .compare{
    padding-top: 20px;
    align-items: center;
}

.btn.load-more{
    font-size: 14px;
    padding: 10px 30px;
}

.hotel-subtitle{
    font-weight: 400 !important;
}
/* Filter -----------------------*/
.filter-overlayer{
    position: fixed;
    display: none;
    background: #fff;
    z-index: 100001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.filter-overlayer-inner{
    margin: auto;
    position: relative;
    padding: 20px 5px 20px 15px;
    overflow: hidden;
    z-index: 10;
    width: 100%;
    height: 100%;
}

#filter-overlayer-close{
    position: absolute;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--DarkBlue);
    margin:0;
    padding: 0;
    border: 0;
    background: transparent;
    top: 20px;
    right: 15px;
}

.hotel-filters-holder{
    margin-top: 10px;
    width: 100%;
    height: calc(100% - 45px);
    overflow-y: auto;
    z-index: 10;
    padding-right: 10px;
}


.filter-group-title,
.filter-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.filter-title{
    padding-top: 15px;
}

.filter-title span{
    padding: 0px 15px 0px 0px;
    color: var(--DarkBlue);
    font-weight: 600;
    font-size: 16px;
}

.filter-title:after{
    display: block;
    height: 1px;
    background: var(--LightBlue);
    width: 100%;
    content: "";
}

.filter-group{
    padding: 15px 0;
    border-bottom: 1px solid var(--LightBlue);
}

.filter-group-title {
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: var(--DarkBlue);
}

.filter-group-title>i{
    font-size: 16px;
    display: block;
}

input.filter-closer:checked~.filter-group-title>i{
    transform: rotate(180deg);
}


.filters{
    position: relative;
    overflow: hidden;
    display: block;
    height: 0;
    box-sizing: border-box;
}

input.filter-closer:checked~label~.filters{
    height: auto;
}

.filters ul,
.filters ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}

.filters ul li{
    padding-top: 15px;
}

.filters ul li input,
input.filter-closer{
    display: none;
}

.filters ul li label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    padding-left: 26px;
    cursor: pointer;
    position: relative;
    color: var(--DarkBlue);
}

.filters ul li label:before {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px var(--DarkBlue);
    display: inline-block;
    font-family: 'danubius';
    line-height: 16px;
    vertical-align: middle;
    content: " ";
    font-size: 7px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-weight: 400;
}

.filters ul li input:checked~label{
    font-weight: 600;
}

.filters ul li input:checked~label:before {
    content: "\e909";
    color: #fff;
    background: var(--DarkBlue);
}

.hotel-filters-holder .button-holder{
    justify-content: space-between;
    gap: 10px;
    padding-top: 30px;
    padding-bottom: 15px;
}

.hotel-filters-holder .button-holder .btn{
    font-weight: 600;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 1;
}

.filter-location{
    position: relative;
}

#filter-location-layer{
    position: absolute;
    background: #fff;
    left: -1px;
    top: -1px;
    width: calc(100vw - 1.5rem);
    max-width: calc(540px - 1.5rem);;
    z-index: 1001;
    border: 1px solid var(--DarkBlue);
    border-radius: 6px;
    padding: 10px;
    display: none;
}

#filter-location-layer>.filter-group{
    border:0;
    padding-top: 0;
}


#filter-location-layer>.filter-group>.filters{
    height: auto;
}

#filter-location-layer .filter-title,
#filter-location-layer .filter-title span,
#filter-location-layer .filter-group-title{
    font-weight: 600;
    font-size: 12px;
}

#filter-location-layer .filter-group-title{
    margin-top: 0px;
}

#map_canvas{
    width: 100% !important;
    height: 500px !important;
    background-color: var(--DarkBlue) !important;    
}

#map_canvas .gm-style .gm-style-iw-c{
    border-radius: 6px !important;
}

#map_canvas .gm-style .gm-style-iw-d{
    padding: 0 !important;
}

#map_canvas .gm-style .gm-style-iw-c,
#map_canvas .gm-style .gm-style-iw-d{
    padding: 0 !important;
    margin: 0 !important;
    width: 243px !important;
    max-width: 243px !important;
}

#map_canvas .gm-style .gm-style-iw-d{
    overflow: auto !important;
    max-height: 100% !important;
}

#map_canvas .gm-style .gm-style-iw-d::-webkit-scrollbar {
    width: 0px;
}


.map-info-holder{
    padding-bottom: 13px;
    position: relative;
}

.map-info-holder .info-line.line1{
    width: 100%;
    padding: 0;
    margin: 0;
}

.map-info-holder .info-line .image-holder {
    height: 137px;
    display: block;
    width: 100%;
}


.map-info-holder .info-line h3,
.map-info-holder .info-line h3 a{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: var(--DarkGray);
    text-decoration: none;
    line-height: 133%;
    text-align: left;
}

.map-info-holder .info-line h3{
    padding: 13px 10px;
}

.map-info-holder .info-line .details,
.map-info-holder .info-line .slogen,
.map-info-holder .info-line.line3{
    padding: 0px 10px 10px 10px;
    text-align: left;
}


.map-info-holder .info-line .details a{
    color: var(--Orange);
    text-decoration: none;
    font-weight: 600;
}

.map-info-holder .info-line .details a:after{
    font-family: "danubius";
    font-style: normal;
    content: '\f105';
    margin-left: 3px;
}

#map_canvas .gm-style .gm-style-iw-c>button{
    right: 10px !important;
    top: 8px !important;
    width: 30px  !important;
    height: 30px  !important;
    background: rgba(0, 92, 134, 0.8) !important;
    position: relative;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

.map-info-holder .info-line .details a>i,
.map-info-holder .info-line.line3,
#map_canvas .map-info-holder .based-on,
#map_canvas .gm-style .gm-style-iw-c>button>span{
    display: none !important;
}

#map_canvas .gm-style .gm-style-iw-c>button:after{
    display: inline-block;
    content: '\e91c';
    font-size: 14px;
    color: #fff;
    font-family: "danubius";
}

.map-info-holder .info-line.line1:has(+ .info-line.line2)>h3 {
    padding-right: 40px;
}

.map-info-holder .info-line.line2 .rating-holder{
    position: absolute;
    top: 182px;
    right: 10px;
}

.map-info-holder .info-line.line2 .rating-holder .hotel-rates{
    padding-left: 0;
    width: auto;
    font-size: 0;
    color: var(--Blue);
}

.map-info-holder .info-line.line2 .rating-holder .hotel-rates>b{
    font-size: 12px;

}

.map-info-holder .info-line.line2 .rating-holder:after{
    font-family: "danubius";
    font-size: 10px;
    margin-left: 3px;
    margin-top: -1px;
    content: '\e949';
    color: var(--Blue);
}

.map-info-holder .info-line.line4{
    padding-left: 10px;
    padding-right: 10px;
}

.map-info-holder .info-line.line4 .rates{
    padding-top: 10px;
}

.map-info-holder .info-line.line4 .price{
    color: var(--DarkGray);
    font-size: 14px;
    text-align: left;
    font-weight: 600;
}

/* END Hotel list ----------------------------------------------------*/

.spm-assign-desc {
    max-height: 358px;
    position: relative;
    overflow: hidden;
    transition: all .2s ease-in;
}

.spm-assign-desc-opened {
    max-height: 50000px;
    max-height: 500vh;
    padding-bottom:40px;
}



.spm-read-more,
.spm-read-more:visited {
    padding-top: 3em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    color: var(--Orange);
    font-weight: 600;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -27.22%, #FFFFFF 50.69%);
}

.spm-assign-desc-opened .spm-read-more,
.spm-assign-desc-opened .spm-read-more:visited {
   padding-top:0;
}


.spm-assign-desc .spm-read-more .less,
.spm-assign-desc.spm-assign-desc-opened .spm-read-more .more{
    display: none;
    text-decoration: underline;
}

.spm-assign-desc.spm-assign-desc-opened .spm-read-more .less{
  display:inline-block;
  text-decoration: underline;
}




/* Begin Hotel hotel-page ----------------------------------------------------*/
.hotel-page .hero-section .img-holder{
    height: 110vw;
    max-height: 403px;
}

.hotel-page .hero-section .text-holder > div{
    width: 100%;
    color: #fff;
}

.hotel-page .hotel-action-line{
    top: 48px;
    right: 0px;
}

.hotel-page .hotel-action-line .hotel-action{
    border-radius: 4px;
    background: var(--Pink);
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    padding: 0 10px;
}

.hotel-page .hotel-rating-line{
    top: 98px;
    right: 0;
}

.hotel-page .hotel-rating-line .hotel-rates{
    background: var(--DarkBlue);
    border-radius: 4px;
    color: #fff;
    padding: 2px 14px 2px 17px;
    display: inline-flex;
}

.hotel-page .hero-section .text-holder > div:last-child{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.hotel-page .hero-section .hotel-info-line{
    bottom: 20px;
    left: 0;
    width: 100%;
}

.hotel-page .arrival-dep{
    border-radius: var(--border-radius-small);
    background: rgba(119, 119, 160, 0.2);
    backdrop-filter: blur(5px);
    padding: 4px 0;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.hotel-page .arrival-dep>div{
    padding: 0px 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    width: 50%;
    text-align: center;
}

.hotel-page .arrival-dep>div>span{
    text-align: left;
    display: inline-flex;
}

.hotel-page .arrival-dep>div:first-child{
    border-right: 1px solid #BDBDBD;
}

.content-submenu-inner>ul>li.has_submenu>span{
    /*display: none;*/
}
.content-submenu{
    color: var(--DarkBlue);
    display: flex;
    border: 1px solid var(--LightBlue);
    border-radius: var(--border-radius-small);
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    line-height: 1;
    height: 40px;
    position: relative;
}

.content-submenu .placeholder-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    cursor: pointer;
    width: 100%;
}

.content-submenu .placeholder-text>span{
    padding-right: 30px;
    line-height: 1;
    font-weight: 600;
    font-size: 14px;
}

.content-submenu .content-submenu-title>i,
.content-submenu .placeholder-text>i{
    font-size: 16px;
}

.content-submenu-inner{
    position: absolute;
    background: #fff;
    left: -1px;
    top: -1px;
    width: calc(100vw - 1.5rem);
    max-width: calc(100% + 2px);
    z-index: 1001;
    border: 1px solid var(--DarkBlue);
    border-radius: 6px;
    padding: 0px 0 10px 0;
    display: none;
}

.content-submenu ul,
.content-submenu ul li{
    margin:0;
    padding: 0;
    list-style: none;
}

.content-submenu-title{
    padding: 10px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}

.content-submenu a{
    text-decoration: none;
    color: var(--DarkBlue);
    font-size: 14px;
    padding: 10px;
    display: block;
    line-height: 1.2;
}

.content-submenu li.active>a{
    background: var(--PurpleBlue);
}

.content-submenu ul li>a{
    font-weight: bold;
}

.content-submenu ul li li>a{
    font-weight: normal;
}

.content-submenu ul ul{
    padding-left: 10px;
}

.content-submenu li.has_submenu{
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
}

.content-submenu .submenu_holder{
    width: 100%;
}

.content-submenu li.has_submenu>a{
    width: calc(100% - 24px);
}

.content-submenu li.has_submenu .icon-down-open-big{
    width: 24px;
    display: flex;
    align-items: center;

}

.content-submenu li.active .icon-down-open-big{
    background: var(--PurpleBlue);
}


.PressItem .bigInnerRow .hotel-gallery,
.hotel-gallery{
    display: flex;
    gap: 5px;
    height: 50vw;
}

.bigInnerRow .hotel-gallery{
    height: auto;
}

.PressItem .bigInnerRow .hotel-gallery>div,
.hotel-gallery>div{
    width: 50%;
    gap: 5px;
}

.PressItem .bigInnerRow .hotel-gallery>div a,
.hotel-gallery>div a{
    display: block;
    height: 100%;
}

.PressItem .bigInnerRow .hotel-gallery>div.col2>div,
.hotel-gallery>div.col2>div{
    flex-direction: column;
    gap: 5px;
    height: 100%;
    width: 100%;
}

.PressItem .bigInnerRow .hotel-gallery>div.col2.d-flex>div>a,
.hotel-gallery>div.col2.d-flex>div>a{
    height: calc((50vw - 5px) / 2);
}

.PressItem .bigInnerRow .hotel-gallery>div.col2:not(.d-flex)>div>a:not(:first-child),
.hotel-gallery>div.col2:not(.d-flex)>div>a:not(:first-child){
    display: none;
}


.hotel-gallery .virtualtour360,
.more-images-icon,
.PressItem .bigInnerRow .hotel-gallery .more-images,
.hotel-gallery .more-images{
    background: var(--Orange);
    border-radius: 4px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    position: absolute;
    z-index: 3;
    color: #fff;
    text-align: center;
    font-size: 20px;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    text-decoration: none;
}

.hotel-gallery .virtualtour360,
.PressItem .bigInnerRow .hotel-gallery .more-images,
.hotel-gallery .more-images{
    right: 20px;
    bottom: 20px;
}

.hotel-gallery .virtualtour360{
    right: 70px;
    width: auto;
    padding: 5px;
    display: flex;
    column-gap: 5px;
    align-items: center;   
}

.hotel-gallery .virtualtour360>i{
    font-style: normal;
    font-size: 0.6em;
}


.hotel-services-list{
    --hsl-col-gap: 30px;
    --hsl-col-num: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: var(--hsl-col-gap);
    justify-content: flex-start;
}

.hotel-services-list>li{
    width: calc((100% / var(--hsl-col-num)) - ((var(--hsl-col-gap) / var(--hsl-col-num)) * (var(--hsl-col-num) - 1)));
    padding: 10px;
    margin: 15px 0;
    background: #FFFFFF;
    box-shadow: 5px 10px 30px rgba(5, 85, 116, 0.1);
    border-radius: 6px;
    height: 120px;
    cursor: pointer;
}

.wbtu-block:hover,
.hotel-services-list>li.active{
    background: var(--BG-Blue);  
}

.hotel-services-list-item-desc-temp{
    width:100%;
    padding:15px 0;
    display: none;
}

.hotel-services-list-item-desc-temp .subtitle2{
    padding-bottom: 10px;
}

.hotel-services-list-item-desc-temp p:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}


.hotel-services-list>li>div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: var(--Blue);
}

.hotel-services-list>li>div:not(.service-descript)>i{
    font-size: 20px;
}

.hotel-services-list>li>div:not(.service-descript)>span{
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
}

.hotel-services-list>li>div:not(.service-descript)>span b{
    font-weight: 400;
}

.review-star{
    border-radius: 10px;
    font-weight: 600;
    font-size: 24px;
}

.review-star>i{
    font-size: 16px;
}

/* Hotel ratings ----------------------------------------------------*/
.rating-holder{
    display: flex;
    justify-content: space-between;
    color: var(--DarkBlue);
    align-items: center;
    padding-bottom: 10px;
}

.rating-holder .rating-title{
    padding-right: 20px;
    font-size: 14px;
    line-height: 30px;
    width: 42%;
}

.rating-holder .rating-line{
    width: 40%;
    background: var(--Blue-new);
    border-radius: 5px;
    height: 4px;
    position: relative;
}

.rating-holder .rating-line>span{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    height: 4px;
    background: var(--DarkBlue);
}

.rating-holder .hotel-rates{
    padding-left: 10px;
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    width: 18%;
    background-color: transparent !important;
}


.hotel-reviews-list{
    padding-bottom: 30px;
}

.hotel-text-review{
    padding-bottom: 30px !important;
}

.hotel-text-review .hotel-rates{
    margin-left: auto;
    background: var(--LightOrange);
    border-radius: 3px;
    padding: 4px 8px 4px 12px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}

.hotel-text-review .hotel-rates .icon-star{
    font-size: 12px;
}


.hotel-text-review .rating-text{
    margin: 15px 0;
    font-size: 14px;
    line-height: 24px;
    color: var(--TextGray);
}

.REVIEW_COMMENT{
    border-radius: var(--border-radius);
    background-color: var(--bg-light-grey);
    padding: 20px !important;
    overflow: hidden;
    margin: 20px 0 !important;
}

.full-reviews-list .list-line .hotel-rates .icon-star{
    margin-top: 0;
}

.full-reviews-list .list-line:last-child hr{
    display:none;
}


.hotel-text-review .rating-text .expander.closed{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hotel-text-review .rating-text p:last-child{
    padding: 0;
    margin: 0;
}

.custom-tooltip-blue{
    max-width: 80%;
    --bs-tooltip-bg: var(--Blue);
}

.custom-tooltip-blue .tooltip-inner{
    padding: 7px 10px;
    width: auto;
    max-width: 100%;
}


.hotel-swiper-nav,
.hotel-swiper-nav .swiper-button-next:after,
.hotel-swiper-nav .swiper-button-prev:after{
    display: none;
}

.hotel-list-swiper:hover .swiper-nav{
    display: block;
}


.hotel-swiper-nav .swiper-button-next,
.hotel-swiper-nav .swiper-button-prev{
    margin:0;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 92, 134, 1);
    color: #fff;
    opacity: 1;
    transform: translateY(-50%);
}

.hotel-swiper-nav .swiper-button-next>i,
.hotel-swiper-nav .swiper-button-prev>i{
    margin:0;
    padding:0;
    line-height: 1;
}


.hotel-swiper-nav .swiper-button-next.swiper-button-disabled,
.hotel-swiper-nav .swiper-button-prev.swiper-button-disabled{
    background: rgba(0, 92, 134, 0.8);
    pointer-events: auto;
}

/* END Hotel hotel-page ----------------------------------------------------*/

.collapse-block{
    padding: 20px 0;
    border-bottom: 1px solid var(--LightBlue);
}

.collapse-block .collapse-title{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 18px;
    color: var(--DarkBlue);
    text-decoration: none;
    column-gap: 12px;
    align-items: center;
}

.collapse-block .collapse-title>span{
    padding: 0;
    width: calc(100% - 20px - 27px - 30px);
}

.collapse-block .collapse-title>div{
    width: 27px;
    margin-left: auto;
}

.collapse-block .collapse-title>i{
    font-size: 16px;
    width: 20px;
    text-align: left;
    display: flex;
    align-items: center;
}

.collapse-block .collapse-title>i:before{
    margin: 0;
    padding: 0;
    line-height: 1;
}

.collapse-block .collapse-title>div>span{
    transition: all .2s ease-in;
}

.collapse-block .collapse-title[aria-expanded='true']>span{
    /*font-weight: 600;*/
}

.collapse-block .collapse-title[aria-expanded='true']>div>.icon-plus,
.collapse-block .collapse-title>div>.icon-minus{
    display: none;
}

.collapse-block .collapse-title[aria-expanded='true']>div>.icon-minus,
.collapse-block .collapse-title>div>.icon-plus{
    display: block;
}

.collapse-bottom-border-list li{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--LightBlue);
    color: var(--TextGray);
    font-size: 14px;
}

.collapse-bottom-border-list li:last-child{
    border-bottom: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;

}

.collapse-bottom-border-list li strong,
.collapse-bottom-border-list li b{
    font-weight: 600;
}


.gallery-3-in-row{
    display: flex;
    column-gap: 4px;
}

.gallery-3-in-row>*{
    width: 50%;
    height: 18vw;
}


.right-side.hotel-content.hotel .gallery-3-in-row .img-holder{
    width: 100%;
    height: auto;
}

/* Begin Tables ----------------------------------------------------------------------*/
        .table-holder{
            width: 100%;
            overflow: auto;
            position: relative;
            margin-bottom: 1rem;
        }


        .table-holder.scroll-with-gradient{
            width: calc(100vw - (var(--bs-gutter-x) * .5));
            overflow: hidden;
        }

        .table-gradient-helper{
            width: 100%;
            overflow: hidden;
            overflow-x: auto;
            padding-bottom: 20px;
            padding-right: calc(var(--bs-gutter-x) * .5);
            max-width: 100%;
            position: relative;
            z-index: 1;
        }

        .table-holder::-webkit-scrollbar,
        .table-gradient-helper::-webkit-scrollbar{
            width: 4px;
            height: 4px;
            position: relative;
            border-radius: 4px;
        }

        .table-holder::-webkit-scrollbar-track,
        .table-gradient-helper::-webkit-scrollbar-track{
            background: var(--Blue-new);

        }

        .table-holder::-webkit-scrollbar-thumb,
        .table-gradient-helper::-webkit-scrollbar-thumb{
            background: var(--DarkBlue);

        }


        .table-gradient{
            position: absolute;
            right: -2px;
            top: 0;
            z-index: 2;
            height: calc(100% - 20px);
            width: 85px;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f9faff+100&0+0,1+100 */
            background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(249,250,255,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(249,250,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(249,250,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }


        /* heditor_table1 ---------------------------------------------- */
            .heditor_table1,
            .heditor_table1 thead,
            .heditor_table1 tbody,
            .heditor_table1 tr,
            .heditor_table1 td,
            .heditor_table1 th{
                font-size:16px;
            }
            .heditor_table1 td,
            .heditor_table1 th{
              padding:10px;
            }

            .heditor_table1 img{
                border-radius: var(--border-radius-small);
                overflow: hidden;
            }

            .heditor_table1 .row .col.s6{
                width: 50% !important;
            }
        /* heditor_table8 ---------------------------------------------- */
        .heditor_table8,
        .heditor_table8 tbody,
        .heditor_table8 td,
        .heditor_table8 th,
        .heditor_table8 thead,
        .heditor_table8 tr {
            border: 0;
            border-spacing: 0;
        }

        .heditor_table8{
            border-radius: var(--border-radius-small);
            background: #fff;
            overflow: hidden;
        }

        .heditor_table8 td,
        .heditor_table8 th{
            border: 1px solid #fff;
            border-collapse: collapse;
            padding: 18px 16px;
            text-align: left;
            color: var(--TextGray);
            font-size: 14px;
            background: var(--Blue-new);
        }

        .heditor_table8 th{
            font-size: 16px;
        }

        .heditor_table8 thead th,
        .heditor_table8 thead td{
            background: var(--DarkBlue);
            font-size: 16px;
            color: #fff;
            font-weight: 600;
            border-top: 0;
        }

        .heditor_table8 tbody tr:nth-child(odd) td {
            background: var(--LightBlue);
        }
        /* END heditor_table8 ---------------------------------------------- */

           /* heditor_table60 ---------------------------------------------- */
           .heditor_table60,
           .heditor_table60 table,
           .heditor_table60 tbody,
           .heditor_table60 thead,
           .heditor_table60 tr ,
           .heditor_table60 td,
           .heditor_table60 th{
               vertical-align:top;
               border:0;
               border-collapse: collapse;
               border-spacing:0;
               box-sizing: border-box;
               -moz-box-sizing: border-box;
               -webkit-box-sizing: border-box;
               margin:0;
               padding:0;
           }

           .heditor_table60{
               width:100%;
               border: solid 1px rgba(0, 0, 0, 0.1);
           }

           .heditor_table60 thead tr td{
               font-size: 28px;
               font-weight: bold;
               font-style: normal;
               font-stretch: normal;
               line-height: 1.29;
               text-align: center;
               padding-top:43px;
           }

           .heditor_table60 tbody tr td{
               width:50%;
               padding:30px 10px;
           }

           .heditor_table60 tbody tr td:first-child{
               padding-left:100px;
           }
           .heditor_table60 tbody tr td:last-child{
               padding-right:100px;
           }

         /* END heditor_table60 ---------------------------------------------- */

        /* heditor_table61 ---------------------------------------------- */
        .heditor_table61,
        .heditor_table61 table,
        .heditor_table61 tbody,
        .heditor_table61 thead,
        .heditor_table61 tr ,
        .heditor_table61 td,
        .heditor_table61 th{
            vertical-align:top;
            border:0;
            border-collapse: collapse;
            border-spacing:0;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin:0;
            padding:0;
        }

        .heditor_table61 td{
            width:50%;
            padding:24px 0;
        }

        .heditor_table61 tbody tr td:first-child{
            padding-right:10px;
        }
        .heditor_table61 tbody tr td:last-child{
            padding-left:10px;
        }

        /* END heditor_table61 ---------------------------------------------- */

/* End Tables ----------------------------------------------------------------------*/
/* Begin offers list ----------------------------------------------------------------------*/

.form-offers{
    background: var(--LightBlue);
    padding: 30px 15px;
    border-radius: var(--border-radius-small);
}

.form-offers .form-elem label{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--DarkBlue);
    margin-bottom: 10px;
}

.form-offers .form-elem{
    padding-bottom: 20px;
}

.form-offers .form-elem:last-child{
    padding-bottom: 0;
}

.form-offers .form-elem select{
    background: #FFFFFF url(../imgs/icon-arrow-down.svg) no-repeat right center;
    background-position: calc(100% - 15px) center;
    border-radius: 6px;
    padding: 10px 30px 10px 10px;
    border: 0;
    color: var(--DarkBlue);
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;

}

.offer-list .list-line > a{
    height: 49vw;
    width: 100%;
    display: block;
}

.offer-list .list-line .spec-labels{
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.offer-list .list-line .discount,
.offer-list .list-line .all-inclusive{
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    border-radius: 4px;
    line-height: 18px;
    padding: 0 10px;
}


.offer-list .list-line .discount{
    background: var(--Discount-blue);
}

.offer-list .list-line .all-inclusive{
    background: #12A299;
}

.offer-list .list-line .dh-50{
    right: 10px;
    top: 10px;
}

.offer-list .list-line .dh-50 img{
    width: 35px;
    height: auto;
}

.offer-list .list-line .spec-info{
    left: 10px;
    bottom: 10px;
}

.offer-list .list-line [class^="icon-"]{
   line-height: 1;
}

.offer-list .list-line .title,
.offer-list .list-line .title a{
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    color: var(--DarkGray);
    line-height: 1.5em;
    text-align: left;
}

.offer-list .list-line .price-holder{
    display: flex;
    align-items: baseline;
    font-weight: 400;
    font-size: 14px;
    color: var(--TextGray);
    line-height: 1;
}

.offer-list .list-line .price-holder strong{
    font-weight: 600;
    font-size: 20px;
    color: var(--DarkGray);

}

.offer-list .list-line .price-holder .price>strong:before,
.offer-list .list-line .price-holder .price>strong:after{
    content: " ";
    display: inline-block;
    white-space: pre;
}


.offers-list-line{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--PurpleBlue);
}

.result-list .offers-list-line:last-child{
    border-bottom: 0px;
}

/* END offers list ----------------------------------------------------------------------*/

.hero-section .hero-text{
    padding-bottom: 15px;
}

/* Főoldali hírlevél doboz ----------------------------------------------------------------------*/
.newsletter-box{
    position: relative;
    overflow: inherit;
}

#nlregform-oneline{
    position: relative;
    z-index: 1;
}

#newsletterblock-up{
    max-width: 690px;
    margin: auto;
}

#newsletterblock-perianth {
    display: none;
    width: 100%;
    height: 100% !important;
    position: absolute;
    background-color: transparent;
    z-index: 999;
    cursor: pointer;
    top: 0;
    left: 0;
}

#newsletterblock-mobtitle,
#newsletterblock-title{
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #333333;
    text-align: center;
    padding-bottom: 24px;
}

#newsletterblock-mobtitle{
    display: block !important;
}

#newsletterblock-title{
    display: none !important;
}


#newsletterblock-mobtitle>div,
#newsletterblock-title>div{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-top: 13px;
    color: var(--TextGray);
}

.errmsg {
    display: none;
    position: absolute;
    background: #c20 none;
    font-size: 14px;
    padding: 7px 14px 9px 10px;
    color: #fff;
    margin: 8px 0 0 0;
    border: 1px solid #a41b01;
    border-radius: 2px;
    box-shadow: 0 0 10px #a9a9a9;
    text-align: left;
    min-width: 200px;
}

#nlrintop-content .ssih-div.ssih-right > input.text,
#newsletterblock-oneline input.text{
    width: 100%;
    background: #fff;
    border: 0;
    border-radius: 6px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 14px;
    color: var(--TextGray);
    display: block;
}

#nlregform-oneline #newsletterblock-submit{
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    height: 40px;
}

.gdpr-inhead,
.gdpr-online {
    text-align: left;
    margin-top: 12px;
    display: none;
}

.gdpr-inhead{
    display: flex;
    padding-top: 0!important;
}

.newchecks{
    display: flex;
}

.gdpr-inhead .newchecks,
.gdpr-online .newchecks{
    display: flex;
    flex-direction: row-reverse;
}

.gdpr-inhead .newchecks{
    flex-direction: row;
}


.gdpr-inhead .newchecks>div:not(.chkb),
.gdpr-online .newchecks>div:not(.chkb){
    font-weight: 400 !important;
    font-size: 12px !important;
}

#newsletterblock-oneline.nl-in-big-mode .gdpr-online{
    display: flex;
}

#newsletterblock-oneline.nl-in-big-mode .text-holder.nlr-i1,
#nlregform-oneline .nlr-i0 .text-holder.nlr-i3{
    padding-bottom: 20px;
}

#nlregform-oneline .button-holder .btn{
    border-radius: 6px !important;
}


#nlrintop-content{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0 !important;
    top: 0 !important;
    z-index: 10000 !important;
    padding: 15px;
    padding-top: 18vh;
}

#nlrintop-content .nlrintop-tit{
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: var(--DarkGray);
    margin-bottom: 30px;
}

#nlrintop-content .ssih-div.ssih-right > label{
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--Blue);
    padding-bottom: 10px;
}

#nlrintop-content .ssih-div.ssih-right > input.text{
    border: 1px solid rgba(0, 92, 134, 0.4);
    color: var(--Blue);
    margin-bottom: 20px;
}

.gdpr-inhead .newchecks > div:last-child{
    width: auto !important;
    padding-top: 0 !important;
}

#nlregform-inhead .btn.subme{
    width: 100%;
    margin-top: 30px;
    border-radius: 6px;
    padding: 14px 30px;
}

#nlregform-inhead .newchecks .chkb label{
    margin-top: 2px;
}

#nlrintop-content-close{
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--DarkBlue);
    cursor: pointer;
}

/* END Főoldali hírlevél doboz ----------------------------------------------------------------------*/


/* Destinations page ----------------------------------------------------------------------*/
/* Destinations home page ----------------------------------------------------------------------*/
.grid-5{
    display: grid;
    row-gap: 15px;
    grid-template-columns: 1fr;
}

.grid-5>div{
    height:77vw;
}


.grid-5>div:first-child{
    height: 111vw;
}
/* END Destinations home page ----------------------------------------------------------------------*/

.grid-3-col .hotel-card{
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid var(--LightBlue);
}

.grid-3-col div.hotel-card:first-child{
    border-top: 0px ;
    padding-top: 0px;
}

.hotel-card .hotel-info3 .price>b:before,
.hotel-card .hotel-info3 .price>b:after{
    content: " ";
    display: inline-block;
    white-space: pre;
}

.hotel-card .button-holder{
    padding-top: 10px !important;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.hotel-card .button-holder>div {
    width: 50%;
    display: flex;
}

.hotel-card .button-holder>div>.btn {
    width: 100%;
    font-size: 14px;
    padding: 10px 30px;
}

/* Destination events block ---------------------------------------------------------------------*/
.destination-events-block .dh-card .img-holder{
    padding-bottom: 100%;
}

.destination-events-block .dh-card .img-holder .of-cover{
    position: absolute;
}

.destination-events-block .dh-card .text-holder .text-title{
    padding-bottom: 10px;
}

.destination-events-block .dh-card{
    margin: 0;
}


.destination-events-block div[class^="col-"]{
    padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}

.destinations-offer-list .result-list .offers-list-line:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Destination sights ---------------------------------------------------------------------*/

.directions-sights-collapse .row>div[class^="col-"]>div {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid var(--LightBlue);
}

.directions-sights-collapse .row>div[class^="col-"]:first-child>div {
    border-top: 0px;
    padding-top: 0px;
}

.directions-sights-collapse .row>div[class^="col-"]:last-child>div {
    padding-bottom: 10px;
}

/* Destionation events */
.destination-event-search .calendar-holder{
    padding-bottom: 30px;
}

.destination-event-search .calendar-holder label{
    width: 100%;
}

.destination-event-search .full-reviews-filter ul,
.destination-event-search .full-reviews-filter ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}

.destination-event-search .full-reviews-filter ul li{
    padding-bottom: 10px;
}

.destination-event-search .full-reviews-filter a,
.destination-event-search .full-reviews-filter label{
    text-decoration: none;
    cursor: pointer;
}

.destination-event-search .full-reviews-filter label{
    text-transform: capitalize;
}

.destination-attractions-block .img-holder{
    height: 200px;
}

.destination-attractions-block .img-holder img{

}

/* END Destinations page ----------------------------------------------------------------------*/

/* popup layer ------------------------------------------------------------------------*/
.hide-scrollbar {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body.hide-scrollbar .navibar-container,
body.hide-scrollbar .content-submenu-section,
body.hide-scrollbar .main-header.fixed-top{
    z-index: 0;
}

.popup-layer{
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    display: none;
}

body.hide-scrollbar .popup-layer{
    display: block;
}



.popup-layer .layer-container{
    height: 100vh;
    padding: 0;
    padding-top: 60px;
    padding-bottom: 15px;
    background: #fff;
    position: relative;
}

.popup-layer .layer-close-btn{
    position: absolute;
    right: 15px;
    top: 15px;
    text-decoration: none;
}

.popup-layer .layer-inner-content{
    --l-margin-right: 5px;
    height: 100%;
    margin: 0 var(--l-margin-right) 0 auto;
    /*max-height: calc(100vh - var(--l-margin-top) - var(--l-margin-bottom));*/
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc((var(--bs-gutter-x) * .5) - var(--l-margin-right));
}

.destination-event-gallery .swiper-slide{
    height: auto;
}

.destination-content.destination-event-content .popup-layer .layer-container{
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}


.destination-content.destination-event-content .popup-layer .layer-inner-content{
    margin-top: 55px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    height: calc(100% - 55px - 25px);
}


        .popup-layer .wrapper {
            width: var(--container-width);
            margin: auto;
            height: 100%;
            position: relative;
            overflow-y: auto;
        }


        .popup-layer .wrapper::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            border-radius: 4px;
        }
    
        @supports not selector(::-webkit-scrollbar) {
            .popup-layer .wrapper{
                scrollbar-width: thin; /* FF scroll */
                scrollbar-color: var(--DarkBlue) var(--Blue-new);  /* FF scroll The first applies to the thumb of the scrollbar, the second to the track. */
            }
        }
        
        .popup-layer .wrapper::-webkit-scrollbar-track { /* Background */
            background: var(--Blue-new);
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            overflow: hidden;
        }
        
        .popup-layer .wrapper::-webkit-scrollbar-thumb { /* Foreground */
            background: var(--DarkBlue);
            border-radius: 4px;
        }
    
    

        .popup-layer .wrapper .grid{
            display: flex;
            flex-wrap: nowrap;
            width: 100%;
        }


        .popup-layer .wrapper .white-box-border>.grid {
            height: 100%;
        }

        body.hide-scrollbar .over-layer-box {
            display: block;
            /*
            opacity: 1;
            transform: translateY(0px); 
            transition: all 1s ease-out;    
            */
        }

        .popup-layer .wrapper .white-box-border {
            background: #fff;
            width: 100%;
            padding: 20px;
        }
        .popup-layer .wrapper .white-box-border .box-holder>div.image-holder {
            margin: 0;
            border-radius: var(--border-radius-small);
            background-position: center;
            min-height: 224px;
        }

        .wellness-treatment-list div.over-layer-head {
            border-bottom: 0;
            padding: 0px !important;
            padding-bottom: 20px !important;
            width: 100%;
            display: grid !important;
            grid-template-columns: 1fr 1fr 1fr;
        }


        .over-layer-box .over-layer-head ul, 
        .over-layer-box .over-layer-paginate {
            display: flex;
            align-items: center;
            column-gap: 10px;
            justify-content: center;
            width: 100%;
        }

        .over-layer-box .over-layer-head ul, 
        .over-layer-box .over-layer-head ul li {
            list-style: none;
            margin: 0;
            padding: 0;
        }      
        
        .over-layer-box .over-layer-paginate .pages {
            padding: 0 24px;
        }
        
        .over-layer-box .over-layer-paginate .next a, 
        .over-layer-box .over-layer-paginate .prev a,
        .over-layer-box .over-layer-paginate .next span, 
        .over-layer-box .over-layer-paginate .prev span {
            font-size: 0;
            text-decoration: none;
        }        

        .over-layer-box .over-layer-paginate a i{
            font-size: 16px;
        }

        .over-layer-box .over-layer-close a{
            font-size: 0;
            position: absolute;
            width: 18px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--DarkBlue);
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            top: 20px;
            right: 20px;
        }

        .over-layer-box .over-layer-close a:after{
            font-family: 'danubius' !important;
            speak: never;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            display: inline-block;
            text-decoration: inherit;
            width: auto;
            min-width: 1em;
            text-align: center;
            -webkit-font-smoothing: antialiased;
            content: "\e91c";
            display: block;
            font-size: 16px;
            color: var(--DarkBlue);
        }


        .over-layer-box .box-holder>div.text-holder{
            padding-top: 0;
            padding-right: 0;
        }

        .over-layer-box .AssignableAccommListHolder{
            margin-top: 20px;
            padding-top: 10px;
            padding-bottom: 0px;
            border-top: 1px solid var(--bg-light-grey);
        }

        .over-layer-box .AssignableAccommListHolder>.title{
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
            width: 100%;
            padding-bottom: 0px !important;
        }

        .over-layer-box .AssignableAccommListHolder>.title>span{
            font-size: 18px;
            font-weight: 400;
        }

        .over-layer-box .AssignableAccommListHolder>.title>span:after{
            font-family: "danubius";
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            speak: never;
            display: inline-block;
            text-decoration: inherit;
            width: 30px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e914';
            color: var(--DarkBlue);
            padding-left: 5px;
            cursor: pointer;
        }
        
        .over-layer-box .AssignableAccommListHolder>.title>span:after{
            transition: all 0.4s ease-out;
        }
        .over-layer-box .AssignableAccommListHolder>.title>span.AsAcLiClose:after{
            transform: rotate(180deg);
            padding-left: 0px;
            padding-right: 5px;
        }
        
        .over-layer-box .treatments .boxed-list .box-holder .text-holder .title.treatmets-title{
            font-size: 28px;
            font-weight: 300;
        }


        .popup-layer.treatments .boxed-list .box-holder .text-holder .text{
            padding-bottom: 20px;
        }

        .popup-layer.treatments .prop>ul li{
            margin-bottom: 5px;
        }

        .popup-layer  .boxed-list .box-holder .text-holder .over-layer-content{
            padding-right: 0;
        }

        .popup-layer.treatments  .price-holder{
            padding: 0;
        }

        .popup-layer.treatments  .price-holder .prices {
            background-color: #edf0f2;
            border-collapse: collapse;
            border-radius: 2px;
            border: solid 1px #dce1e6;
            overflow: hidden;
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 0;
        }

        .popup-layer.treatments .price-holder .prices>div {
            width: 50%;
            font-size: 16px;
            display: inline-block;
            padding: 10px 15px;
            text-align: center;
            vertical-align: middle;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .popup-layer.treatments .price-holder .prices>div:nth-child(odd) {
            border-right: solid 1px #dce1e6;
        }

        .treatments .price-holder .prices>div>span, 
        .treatments .price-holder .prices>div>strong {
            display: inline-block;
            width: 100%;
            font-size: 14px;
            font-weight: 700;
        }

        .treatments .price-holder .prices>div>span {
            font-size: 20px;
        }
/* END popup layer ----------------------------------------------------------------------*/
.drop-down{
    position: relative;
    z-index: 10;
    padding: 10px;
    border: 1px solid transparent;
    border-bottom: 0;
}
.drop-down a{
    text-decoration: none;
    color: var(--DarkBlue);
    font-weight: 600;
    font-size: 12px;
    display: block;
}

.drop-down ul{
    display: none;
}

.drop-down ul,
.drop-down ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}


.drop-down>a{
    display: flex;
    align-items: center;
    column-gap: 1em;
    justify-content: space-between;
}

.drop-down>a>i:before{
    font-family: "danubius";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e914';
    color: var(--DarkBlue);
}

.drop-down>a>i,
.drop-down.opened>a>i{
    transition: all 0.2s ease-out;
}
.drop-down.opened>a>i{
    transform: rotate(180deg);
}
.drop-down.opened ul,
.drop-down.opened{
    border: 1px solid var(--DarkBlue);
    border-radius: var(--border-radius-small);
}

.drop-down.opened{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0;
}


.drop-down.opened ul{
    display: block;
    position: absolute;
    left: -1px;
    z-index: 10;
    background-color: #fff;
    width: calc(100% + 2px);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0;
    overflow: hidden;
    padding: 5px 0;
}

.drop-down.opened ul>li{
    padding: 5px 10px;
}

.drop-down.opened ul>li:hover{
    background: var(--LightBlue);
}

#sort-by-drop-down{
    min-width: 100px;
    margin-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
}

/* hitselector */
.hitselector{
    border-radius: 2px;
    padding:12px 20px;
    display: flex;
    justify-content: center;
    column-gap: 5px;
    width: 100%;
}

.formdiv .disp-none,
.hitselector .disp-none{
    display: none !important;
}



.hitselector a,
.hitselector span {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: var(--DarkBlue);
    text-decoration: none;
    display: inline-block;
    background: var(--Blue-new);
}

.hitselector:after{
    clear:both;
    display:block;
    content:"";
}


.hitselector .pagenums{
    padding:0 5px;
    overflow:hidden;
}

.hitselector span.selected_url{
    background: var(--LightBlue);
}

.hitselector a.prev:before,
.hitselector span.prev:before,
.hitselector a.next:before,
.hitselector span.next:before{
    height: 34px;
    width: 34px;
    line-height:34px;
    display:block;
    font-family:'danubius';
    color:#fff;
    font-size: 14px;
}

.hitselector a.prev:before,
.hitselector span.prev:before{
    content: '\e915';
}

.hitselector a.next:before,
.hitselector span.next:before{
    content: '\e916';
}

.hitselector a.next,
.hitselector a.prev {
    background: var(--Blue);
    color: #fff;
}

.hitselector span.next,
.hitselector span.prev {
    background: var(--Inactive-Gray);
}

.hitselector span.next:before,
.hitselector span.prev:before {
    color: var(--TextGray);
}


.right-side.hotel-content .hitselector{
    padding-left: 0;
    padding-right: 0;
}

/* END hitselector */
/* rooms ----------------------------------------------------------------------*/


.rooms-list .result-list .list-line{
    display: flex;
    flex-direction: column;
}

.facilities-list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 18px;
    row-gap: 10px;
    padding-bottom: 18px;
}
.facilities-list .facility-icons{
    margin-right: 5px;
    color: var(--DarkBlue);
}

.room-arrival-dep .arrival-dep{
    background: var(--Blue-new);
}

.room-arrival-dep .arrival-dep>div{
    font-weight: 600;
    color: var(--DarkGray);
}

.room-arrival-dep .arrival-dep>div:first-child{
    border-color: #fff;
}

/* END rooms ----------------------------------------------------------------------*/

/* Hotel contact page ------------------------------------------------------------------------*/
.hotel-contact-list{
    display: flex;
    flex-direction: column;
    column-gap: 20px;
    row-gap: 20px;
    padding: 0;
    margin: 0;
}

.hotel-contact-list [class^="icon-"]{
    margin-right: 12px;
    color: var(--DarkBlue);
}

.hotel-contact-list li a,
.hotel-contact-list li span{
    text-decoration: none;
    color: var(--DarkGray);
    font-size: 14px;
}
/* END Hotel contact page ------------------------------------------------------------------------*/

/* Meetings and event pages ------------------------------------------------------------------------*/

.meeting-search-collapse .tabbed-filters ul,
.meeting-search-collapse .tabbed-filters ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}

.meeting-search-collapse .tabbed-filters ul{
    display: flex;
    column-gap: var(--bs-gutter-x);
    row-gap: calc(var(--bs-gutter-x) * .5);
    flex-wrap: wrap;
}

.meeting-search-collapse .tabbed-filters ul li{
    box-shadow: 0px 0px 15px rgba(0, 92, 134, 0.1);
    border-radius: 6px;
    background: #fff;
    color: var(--DarkBlue);
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
}

.meeting-search-collapse .tabbed-filters ul li input{
    display: none;
}

.meeting-search-collapse .tabbed-filters ul li label{
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: var(--DarkBlue);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border-radius: 6px;
    column-gap: 10px;
    height: 100%;
}

.meeting-search-collapse .tabbed-filters ul li label>i{
    font-size: 12px;
}

.meeting-search-collapse .tabbed-filters ul li:hover label,
.meeting-search-collapse .tabbed-filters ul li input:checked ~ label{
    color: #fff;
    background: var(--DarkBlue);
}

#meeting-header-form{
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    bottom: -120px;
}

#meeting-header-form form{
    box-shadow: 5px 5px 30px rgba(0, 35, 102, 0.1);
    border-radius: 10px;
    background-color: #fff;
    padding: 20px 20px 20px 20px;
}

#meeting-header-form form #category{
    width: 100%;
}

#meeting-header-form form>.d-flex.column-gap-25>div{
    width: 50%;
}

#meeting-header-form form>.d-flex.column-gap-25 .input-holder .btn{
    width: 100% !important;
}


.with-hero.meeting-and-events-page .content-header{
    margin-bottom: 120px;
}

.with-hero.meeting-and-events-page .content-header .hero-section > .img-holder .of-cover{
    min-height: 400px;
}

.meeting-hotel-list .meeting-hotel-info{
    row-gap: 10px;
}

.meeting-hotel-list .meeting-hotel-info .img-holder{
    height: 100%;
    display: block;
    width: 100%;
    min-height: 150px;
}

.meeting-hotel-list-collapse{
    border-color: var(--PurpleBlue);
}

.meeting-hotel-list .collapse-block .collapse-title>span{
    display: flex;
    font-weight: 400;
    font-size: 16px;
    flex-wrap: wrap;
}

.meeting-hotel-list .collapse-block .collapse-title>span>div{
    width: 100%;
}

.meeting-hotel-list .collapse-block .collapse-title>span>div:last-child{
    display: flex;
    align-items: center;
}

.meeting-hotel-list .collapse-block .collapse-title>span>div:last-child>span{
    line-height: 24px;
    padding-right: 10px;
}

.meeting-hotel-list .collapse-block .collapse-title>span>div:last-child>span:first-child{
    border-right: 1px solid var(--LightBlue);
    margin-right: 10px;
}

.confrooms-row .confrooms-img{
    width: 100%;
}

.confrooms-row .confrooms-img .img-holder{
    width: 100%;
    padding-bottom: 100%;
    display: block;
}

.confrooms-row .confrooms-img .img-holder .icon-expand{
    right: 25px;
    bottom: 25px;
    color: #fff;
}


.confrooms-prop{
    padding-top: 10px;
}

.confrooms-sizes strong,
.confrooms-prop strong{
    color: var(--DarkBlue);
}

.confrooms-prop ul.list-style-checkmark li,
.confrooms-prop ul.list-style-checkmark li:first-child{
    padding: 6px 0;
}

.confrooms-size-list ul,
.confrooms-size-list ul li{
    padding: 0;
    margin: 0;
    list-style: none;
}

.confrooms-size-list ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--LightBlue);
    color: var(--TextGray);
    padding: 15px 0;
    line-height: 1.5;
}

.confrooms-size-list ul li i{
    font-style: normal;
}

.confrooms-size-list ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}


.fixed-bottom-layers {
    position: fixed;
    z-index: 30;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
}

#fixed-compare-list-holder {
    background-color: var(--LightBlue) !important;
    display: none;
}


#fixed-compare-list-holder .wrapper{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    max-width: var(--container-width);
}

#fixed-compare-list-holder .compare-list-holder{
    position: relative;
    padding: 30px 15px;
}

.confroom-enquiry-list-holder{
    position: relative;
}

.confroom-enquiry-list-holder .title{
    color: var(--DarkBlue);
    padding-bottom: 20px;
}

.confroom-enquiry-list-holder .text-holder{
    display: flex;
    flex-direction: column;
}

.confroom-enquiry-list-holder .text-holder ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.confroom-enquiry-list-holder .text-holder ul li a{
    color: var(--DarkBlue);
    font-weight: 600;
}

.confroom-enquiry-list-holder .text-holder ul li a:not(.remove){
    text-decoration: underline;
}

.confroom-enquiry-list-holder .text-holder ul li a.remove{
    margin-left: 10px;
}


#fixed-compare-list-holder a.close-compare-list,
.confroom-enquiry-list-holder a.close_x{
    position: absolute;
    right: 15px;
    top: 15px;
    color: var(--DarkBlue);
    text-decoration: none;
    font-size: 16px;
}

#fixed-compare-list-holder a.close-compare-list{
    width: 20px;
    height: 20px;
    font-size: 0;
}


#fixed-compare-list-holder a.close-compare-list:before {
    font-family: "danubius";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 20px;
    height: 20px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e91c';
    font-size: 16px;

}


#fixed-compare-list-holder .compare-list-holder .button-holder,
.confroom-enquiry-list-holder .button-holder{
    padding-top: 30px;
}

#fixed-compare-list-holder .compare-list-holder .button-holder>.btn,
.confroom-enquiry-list-holder .button-holder>.btn{
    width: 100%;
    border-radius: var(--border-radius-small);
}

.confrooms_nquiry_chkb.chkb.active ~ a.collapse-title>span>div:first-child{
    font-weight: 600;
}

.selected-list-elements{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.selected-list-elements .elem a {
    color: var(--DarkBlue);
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.selected-list-elements .elem a span{
    text-decoration: underline;
    width: calc(100% - 70px);
}

.selected-list-elements .elem a>b{
    display: none;
}

.selected-list-elements .elem .image-holder{
    display: none;
}

.compare-list-holder .compare-text {
    width: 100%;
}

.compare-list-holder .compare-text p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    display: block;
}


/* END Meetings and event pages ------------------------------------------------------------------------*/
/* Meeting form */
#ocmsform-31 .calendiv{
    display: flex;
    gap: 20px;
}

#ocmsform-31 .calendiv>div{
    margin: 0;
}

#ocmsform-31 .calendiv>div a{
    display: none;
}

#ocmsform-31 .formdiv_row.w-50{
    width: calc(50% - 2px) !important;
}

#ocmsform-31 .formdiv_inputvalue,
#ocmsform-31 .formdiv_inputvalue ul li{
    color: var(--Blue);
}

#ocmsform-31 .submit .btn{
    width: 100%;
    padding: 14px 60px
}

#ocmsform-31 .submit{
    padding: 0 !important;
    margin: 0 !important;
}

#ocmsform-31 #form_row_input_15 .chkb label{
    margin-right: 20px;
}

#ocmsform-31 #form_row_input_19 #calendar4_nights{
    width: 100%;
    margin-right: 0;
}

.calendiv>div>input[type="text"] {
    background-image   : url(../imgs/icon-calendar-2.png);
    background-position: 9px center;
    background-repeat  : no-repeat;
    width              : 170px;
    padding-right      : 23px;
    padding-left       : 40px;
    cursor             : pointer;
}


/* END Meeting form */

/* Blokkos tartalmak ----------------------------------------------------------------------------------*/

.main.bigRow>.row{
    display: block;
}


.promoart-holder .wrapper {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.promoart-holder .wrapper.wrapper-980{
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
}

.promoart-holder .page-title-section{
    padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}



.promoart-holder.YoutubePromo.dt-only{
    display: none;
}

.promoart-holder .title{
    font-size: 24px !important;
    line-height: 32px !important;
    color: #fff;
    margin-bottom: 0.5rem;
}

.bigInnerRow {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    flex-wrap: wrap;
}

.main.bigRow .bigInnerRow.row .text-holder>.descript img {
    max-width: 100%;
    height: auto;
}

.container.bigRow .bigCol.left-side{
    margin-top: 30px;
    width: 100% !important;
    margin-left: 0;
}



.container.bigRow .bigCol.col.right-side{
    width: 100% !important;
    margin-right: 0;
}

.content-submenu-section{
    position: relative;
    z-index: 10;
}

.container.bigRow .bigCol.left-side .content-submenu-section>.container{
    padding: 0;
}

.title-center .title,
.title-center.text-center {
    text-align: center;
}


.line {
    height: 1px;
    background-color: var(--LightBlue);
    display: block!important;
    padding: 0 !important;
}


.bigInnerRow.box-holder-overflow{
    position: relative;
}

.content-block.lead-text img,
.IssueContent img,
.bigInnerRow .text-holder img{
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.bigInnerRow .title{
    padding-bottom: 20px;
}

.bigInnerRow .col:not([class*="col-"]){
    flex: 0 0 auto;
    width: 100%;
    margin: 10px 0;
}
.container.bigRow .bigCol.left-side,
.container.bigRow .bigCol.right-side{
    flex: auto;
}

.bigInnerRow .col .text-holder .descript p:last-child,
.bigInnerRow .col .text-holder .text p:last-child{
    margin-bottom: 0;
}

.bigInnerRow.lead-text .descript>ul,
.bigInnerRow.lead-text .descript>ul li,
.bigInnerRow .lead-text>ul,
.bigInnerRow .lead-text>ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.bigInnerRow.lead-text .descript>ul li,
.bigInnerRow .lead-text>ul li{
    padding-left: 20px;
    position: relative;
}

.bigInnerRow.lead-text .descript>ul li:before,
.bigInnerRow .lead-text>ul li:before{
    content: "-";
    margin-top: calc(0.5em - 3px);
    line-height: 1em;
    vertical-align: middle;
    position: absolute;
    left: 0;
}

.col .box>a {
    text-decoration: none;
}

.bigInnerRow .img-holder{
    position: relative;
}

.bigInnerRow .img-holder img,
.bigInnerRow .img-holder source{
    width:100%;
    display: block;
    height: auto;
}

.bigInnerRow .box-holder {
    margin: 0;
    overflow: hidden;
}

.bigInnerRow .box-holder .box{
    margin-bottom: 30px;
}




.irb-module .box .image-holder,
.bigInnerRow .box .image-holder{
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    align-items: flex-end;
    border-radius: var(--border-radius);
    overflow: hidden;
    align-items: stretch;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.irb-module .box .image-holder .discount,
.bigInnerRow .box .image-holder .discount{
        background: #12A299;
        border-radius: var(--border-radius-small);
        font-weight: 600;
        font-size: 12px;
        color: #fff;
        padding: 5px 10px;
        line-height: 1;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 10;
}


.replaced-image,
.irb-module .box .image-holder img,
.irb-module .box .image-holder .of-cover,
.bigInnerRow .box .image-holder > img,
.bigInnerRow .box .image-holder .of-cover{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.image-holder:not(.promoart-holder) .title{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    z-index: 5;
    padding: 20px;
    width: 100%;
}

.image-holder:not(.promoart-holder):not(.content-middle) .title{
    position: absolute;
    bottom: 0;
    left: 0;
}

.image-holder.content-middle{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.image-holder.content-middle .middle-text .title{
    padding: 0;
}

.image-holder.content-middle .middle-text{
    padding: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 10;
}

.image-holder.content-middle .middle-text .text p:last-child{
    margin: 0;
}

.image-holder .title .fa{
    display: none;
}

.irb-module .box .image-holder:after,
.bigInnerRow .box .image-holder:after{
    content: "";
    position: absolute;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.02%, rgba(0, 0, 0, 0.7) 100%) !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.bigInnerRow .box .image-holder.no-gradient:after{
    display: none;
}

.irb-module .box.destinations-style .image-holder,
.bigInnerRow .box.destinations-style .image-holder{
    min-height: 240px;
}

.irb-module .box.destinations-style .image-holder .text-holder,
.bigInnerRow .box.destinations-style .image-holder .text-holder{
    z-index: 5;
    display: block;
    position: absolute;
    padding: 20px;
    left: 0;
    bottom: 0;
    color: #fff;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.57em;
    width: 100%;
}

.irb-module .box.destinations-style .image-holder .text p,
.bigInnerRow .box.destinations-style .image-holder .text p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}


.content-block .box-holder .box .image-holder{
    min-height: 180px;
}

.box-holder .box.w2b,
.box-holder .box.w3b,
.box-holder .box.w4b,
.irb-module .box.w3b,
.bigInnerRow .col.box.w3b,
.bigInnerRow .col.box.w2b,
.bigInnerRow .col.box.w4b{
    width: 100% !important;
}

.box-holder .box.w2b{
    padding: 10px;
}


.box-holder .box.w2b .text-holder{
    padding: 15px 0;
}

.content-block.result-list-holder.wellness-beauty-list .title{
    margin-top:30px;
    margin-bottom:20px;
}

.box-holder .box.w2b  .image-holder,
.box-holder .box.w3b  .image-holder,
.box-holder .box.w4b  .image-holder,
.bigInnerRow .col.box.w2b .image-holder,
.bigInnerRow .col.box.w3b .image-holder,
.bigInnerRow .col.box.w4b .image-holder{
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-holder .box.w2b  .image-holder,
.box-holder .box.w3b  .image-holder,
.box-holder .box.w4b  .image-holder{
    display: block;
    padding-bottom: 0;
    border-radius: var(--border-radius);
    height: 180px;
}



.boxed-list .box-holder>div.image-holder,
.bigInnerRow .col.image-holder-w33 .image-holder {
    height: 180px;
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-bottom: 1rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.boxed-list .box-holder .text-holder>div {
    padding-left: 40px;
    padding-right: 40px;
}

.col.text-bg-pale-grey,
.boxed-list.content-block,
.boxed-list.box-bg-white,
.boxed-list.box-bg-dusty-teal,
.bg-gunmetal-two:not(.nl-sign-up),
.bigInnerRow.row>.col.bg-gunmetal-two>.text-holder,
.bigInnerRow.row>.col.text-bg-pale-grey>.text-holder{
    background-color: var(--bg-light-grey);
    border-radius: var(--border-radius);
    overflow: hidden;   
}

.boxed-list.content-block,
.boxed-list.box-bg-white.content-block,
.boxed-list.box-bg-dusty-teal.content-block{
    padding: 10px;
}


.bg-gunmetal-two,
.boxed-list.content-block  .image-holder,
.boxed-list.box-bg-white.content-block .image-holder,
.boxed-list.box-bg-dusty-teal.content-block .image-holder{
    margin: 0 !important;
}

.bigInnerRow .col.box.w4b.imageheight-168 .image-holder{
    height: 168px;
    padding-bottom: 0;
}

.bigInnerRow.row>.col.bg-gunmetal-two,
.bigInnerRow.row>.col.text-bg-pale-grey{
    background: transparent !important;
}

.bigInnerRow .box.w4b .title{
    font-size: 24px;
}


.boxes404{
    display: flex;
    height: 100%;
    padding-bottom: 75px;
    position: relative;
}


.boxes404 .image-holder {
    height: auto !important;
    min-height: 192px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.boxes404 .image-holder .title,
.boxes404 .image-holder .descript{
    position: relative;
    z-index: 5;
}

.boxes404 .image-holder .descript{
    color: #fff;
    padding: 20px;
    width: 100%;
}

.boxes404.withtext .descript,
.boxes404.withtext .descript * {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    z-index: 5;
}

.boxes404.withtext .descript h1,
.boxes404.withtext .descript h2,
.boxes404.withtext .descript h3,
.boxes404.withtext .descript h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.boxes404.withtext .descript p:last-child{
    margin: 0;
    padding: 0;
}

.boxes404 .button-holder{
    position: absolute;
    bottom: 20px;
}

.boxes404 .descript ul,
.boxes404 .descript ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}

.in404-search input[type=text] {
    width: 100%;
    max-width: 540px;
}

.in404-search-inputs > form{
    display: flex;
    column-gap: 10px;
}



.in404-search h1 {
    font-size: 22px;
    margin: 0;
    text-align: center;
}

.in404-search h2 {
    font-size: 14px;
    margin: 16px 0 32px 0;
    text-align: center;
}


.open-close-chkb{
    display: none !important;
}


.hotels-in-destination-block .box a:not(.btn){
    display: block;
    font-size: 14px;
    color: var(--TextGray);
    text-decoration: none;
}

.hotels-in-destination-block .box.text-flex-end .image-holder,
.hotels-in-destination-block .box.w4b .image-holder,
.hotels-in-destination-block .box.w3b .image-holder,
.hotels-in-destination-block .box .image-holder {
    min-height: 164px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hotels-in-destination-block .box.text-flex-end  .image-holder .text-holder,
.hotels-in-destination-block .box.w3b .image-holder .text-holder,
.hotels-in-destination-block .box.w4b .image-holder .text-holder{
    padding: 10px;
    position: relative;
    z-index: 10;
}

.hotels-in-destination-block .box.text-flex-end  .image-holder .text-holder .text,
.hotels-in-destination-block .box.w3b .image-holder .text-holder .text,
.hotels-in-destination-block .box.w4b .image-holder .text-holder .text{
    color: #fff;
}

.meeting-tour-link {
    position: relative;
    display: block;
    text-align: center;
    z-index: 1;
    overflow: hidden;
    border-radius: var(--border-radius-small);
}

.meeting-tour-link:after{
    content: '360';
    position: absolute;
    font-weight: 600;
    font-size: 14px;
    color: var(--DarkBlue);
    right: 10px;
    bottom: 10px;
    background: #FFFFFF  url(../imgs/icon-360.svg) no-repeat 18px center;
    border-radius: 6px;
    padding: 10px 18px 10px 44px;
    z-index: 3;
}

/* rolldown minihotellista */
.bigInnerRow.roll-down-hotel-list,
.bigInnerRow.roll-down-hotel-list>.col{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.content-block-border-bottom.hotels-in-destination-roll-down{
    padding: 20px 0;
    border-bottom: 1px solid var(--LightBlue);
}

.offer-roll-down .headline {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 18px;
    color: var(--DarkBlue);
    text-decoration: none;
    column-gap: 12px;
    cursor: pointer;
}

.roll-down-content-holder .show-more{
    margin-left: auto;
}

.offer-roll-down .show-more>span {
    display: none;
}

.offer-roll-down .show-more>i {
    transition: all .2s ease-in;
}

.roll-down-content-holder .opencontent {
    display: none;
    margin-top: 18px;
}

.roll-down-list input.open-close-chkb:checked+.roll-down-content-holder .opencontent {
    display: block;
}


.open-close-arrows {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    font-size: 18px;
    color: var(--DarkBlue);
}

input.open-close-chkb:checked+.roll-down-content-holder .open-close-arrows.open,
input.open-close-chkb:checked+.roll-down-content-holder .opener,
.open-close-arrows.close{
    display: none;
}

input.open-close-chkb:checked+.roll-down-content-holder .closing,
input.open-close-chkb:checked+.roll-down-content-holder .open-close-arrows.close {
    display: block;
}

.open-close-arrows:before{
    font-family: "danubius";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.open-close-arrows.open:before{
    content: '\e978';
}

.open-close-arrows.close:before{
    content: '\e921';
}

.roll-down-content-holder  .box-holder .box.w2b,
.roll-down-content-holder  .box-holder .box.w3b,
.roll-down-content-holder  .box-holder .box.w4b{
    margin-bottom: 30px;
}

.box.spa-destinations .image-holder .text-holder{
    position: absolute;
    bottom: 0;
    left: 0;
}

/*.hotels-in-destination-block .box .text-holder,*/ 
.box.spa-destinations .image-holder .text-holder{
    padding: 7px 15px;
    z-index: 10;
    color: #fff;    
}


.box.spa-destinations .image-holder .text-holder .text{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
}

.hotels-in-destination-block .box .text-holder b,
.hotels-in-destination-block .box .text-holder strong,
.roll-down-content-holder  .box-holder .box.w2b .text-holder b,
.roll-down-content-holder  .box-holder .box.w2b .text-holder strong,
.roll-down-content-holder  .box-holder .box.w3b .text-holder b,
.roll-down-content-holder  .box-holder .box.w3b .text-holder strong,
.roll-down-content-holder  .box-holder .box.w4b .text-holder b,
.roll-down-content-holder  .box-holder .box.w4b .text-holder strong{
    font-weight: 600;
    font-size: 20px;
    color: var(--DarkGray);
}

.hotels-in-destination-block .box .image-holder .title{
    color: #fff;
    position: relative;
    z-index: 5;
    padding: 15px 15px 8px 15px;
    text-align: left;
}

.title-center.nopadding-bottom>.text-holder>.title {
    padding-bottom: 0;
}


.hotels-in-destination-block .box .text-holder .title{
    padding: 0px;
    font-size: 20px;
}

.hotels-in-destination-block .box .text-holder .text p:last-child{
    margin: 0;
}

/* END rolldown minihotellista */


/* Blokkos hotel gallery -----------------------------------------------*/
.bigInnerRow .hotel-gallery{
    margin-top: 20px;
}

.bigInnerRow .hotel-gallery,
.bigInnerRow .hotel-gallery>div{
    display: block;
    width: 100%;
}

.bigInnerRow .hotel-gallery .mini-images{
    --mini-images-gap: 5px;
    display: grid;
    row-gap: var(--mini-images-gap);
    grid-template-columns: calc(50% - var(--mini-images-gap)) auto;
    grid-template-rows: 100px 100px;
    grid-auto-flow: column;
}


.bigInnerRow .hotel-gallery .mini-images a{
    text-decoration: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
}



.bigInnerRow .hotel-gallery .mini-images a.prev,
.bigInnerRow .hotel-gallery .mini-images a.next,
.bigInnerRow .hotel-gallery>div.hidden{
    display: none;
}

.bigInnerRow .hotel-gallery .mini-images>a:nth-child(n+3) {
    height: 100%;
}


.bigInnerRow .hotel-gallery .mini-images>a:nth-child(3) {
    grid-column: 1;
    grid-row: 1 / 3;
    height: auto;
    margin-right: var(--mini-images-gap);
    border-radius: 6px 0px 0px 6px;
}
.bigInnerRow .hotel-gallery .mini-images>a:nth-child(4) {
    border-radius: 0px 6px 0px 0px;
}

.bigInnerRow .hotel-gallery .mini-images>a:nth-child(5) {
    border-radius: 0px 0px 6px 0px;
}

.bigInnerRow .hotel-gallery .mini-images>a:nth-child(n+6) {
    display: none;
}

.bigInnerRow .hotel-gallery .mini-images .image-holder{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* END Blokkos hotel gallery -----------------------------------------------*/


.t-box-holder-scroller:not(.m-box-holder-scroller) .box-holder-overflow {
    width: 100%!important;
    overflow: hidden!important;
}

.dinamicheight{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}


.IssueHolder > h1.title,
.IssueTitle{
    display: block !important;
}
/* END Blokkos tartalmak ----------------------------------------------------------------------------------*/

/* Naptár ----------------------------------------------------------------------------------*/
.t-datepicker-days{
    color: var(--DarkGray);
}

.t-day,
.t-disabled,
.t-end,
.t-range,
.t-start{
    background: #fff;
}


.t-table-condensed{
    border-collapse: inherit;
}

.t-datepicker-days tbody td{
    width: 40px;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
}

.t-datepicker-days .t-disabled{
    opacity: 1;
}

.t-datepicker-days thead .t-disabled{
    background-color: var(--Inactive-Gray);
    border-radius: 8px;
    color: var(--DarkGray);
    opacity: 1;
}

.t-datepicker-days .t-table-wrap:first-child thead .t-next.t-disabled,
.t-datepicker-days .t-table-wrap:last-child thead .t-prev.t-disabled,
.t-datepicker-days .t-day{
    background-color: transparent;
    border-color: transparent;
}

.t-datepicker-days .t-day.t-highlighted{
    color: var(--DarkGray);
}

.t-datepicker-days .t-day.t-highlighted.t-disabled,
.t-datepicker-days tbody .t-disabled{
    opacity: 0.4;
    color: var(--DarkGray);
}

.t-today::after,
.t-today:hover::after {
    border-top-color: var(--LightBlue);
}

.t-today .t-hover-day-content,
.t-today:hover,
.t-today:hover .t-hover-day-content,
.t-datepicker-days .t-day.t-today{
    color: var(--DarkGray);
    background: var(--LightBlue);
}

.t-datepicker-days .t-day.t-today{
    color: var(--DarkGray);
    font-weight: 600;
    background: var(--LightBlue);
    border-radius: 8px;
}

.t-datepicker-days .t-range-limit:not(.t-end):not(.t-start):not(.t-hover-day),
.t-datepicker-days .t-range:not(.t-end):not(.t-start):not(.t-hover-day){
    background: var(--LightBlue);
    border-radius: 0px;
    border-left-color: var(--LightBlue);
    border-right: var(--LightBlue);
    color: var(--DarkGray);
}

.t-datepicker-days .t-end,
.t-datepicker-days .t-start,
.t-datepicker-days .t-range-limit.t-hover-day{
    background: var(--DarkBlue);
    color: #fff;
    border-radius: 8px 0px 0px 8px;
}

.t-datepicker-days .t-range-limit.t-hover-day:not(.t-start),
.t-datepicker-days .t-end{
    border-radius: 0px 8px 8px 0px;
}


.t-day:not(.t-disabled):not(.t-end):not(.t-start):not(.t-range-limit):not(.t-hover-day):hover{
    border-radius: 8px;
    border: 1px solid var(--DarkBlue);
}


.booking-holder .t-datepicker .t-arrow-top{
    display: none !important;
}


.t-next, .t-prev, .t-table-condensed td, .t-table-condensed th{
    padding: 8px;
}

.t-datepicker-days .t-table-wrap{
    padding-bottom: 10px;
}

.t-datepicker-days .t-table-wrap:first-child{
    border-bottom: 1px solid var(--LightBlue);
    margin-bottom: 10px;
}

.t-datepicker .t-day-check-in,
.t-datepicker .t-day-check-out,
.t-datepicker .t-month-check-in,
.t-datepicker .t-month-check-out{
    display: flex;
    align-items: center;
}

.t-datepicker .t-day-check-in:after,
.t-datepicker .t-day-check-out:after,
.language_hu .t-datepicker .t-month-check-in:before,
.t-datepicker .t-month-check-in:after,
.language_hu .t-datepicker .t-month-check-out:before,
.t-datepicker .t-month-check-out:after{
    content: ' . ';
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    padding-right: 3px;
}


/* END Naptár ----------------------------------------------------------------------------------*/
#desktop-menu-bookin-btn{
    display: none;
}


.container.bigRow>.row>.bigCol.right-side+.bigCol.col {
    /*display: none;*/
}

.press-releases{
    display: block;
}

.press-releases .list-line{
   padding-bottom: 30px;
}

.press-releases .list-line .list-info{
    padding-top: 10px;
}

.press-releases .list-line .text{
    padding: 10px 0;
    font-size: 14px;
    color: var(--TextGray);
}

.press-releases .list-line .list-info .title{
    font-size: 16px;
    line-height: 1.5;
}

.press-releases .list-line .button-holder .btn{
    border-radius: var(--border-radius-small);
}


/* navibar fejleckep eseten -------------------------------------*/
.navibar-container{
    position: relative;
    z-index: 3;
}

.promoart-holder .wrapper.subpagepromo{
    position: absolute;
    top: var(--breadcrumb-height);
    left: 0;
    z-index: 3;
}


.promoart-holder{
    min-height: 400px;
    padding-top: 0 !important;
}

.promoart-holder .promoart-img{
    position: absolute;
}

.has-promo .navibar-container{
    padding-bottom: 30px !important;
    top: var(--content-margin-top);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.navibar-container:has(+.content>.promoart-holder){
    padding-bottom: 30px !important;
    top: var(--content-margin-top);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.has-promo .navibar-container .breadcrumb .breadcrumb-item,
.has-promo .navibar-container .breadcrumb .breadcrumb-item a{
    color: #fff;
}

.navibar-container:has(+.content>.promoart-holder) .breadcrumb .breadcrumb-item,
.navibar-container:has(+.content>.promoart-holder) .breadcrumb .breadcrumb-item a{
    color: #fff;
}


/*.navibar-container+.content>.promoart-holder:not(:has(.gradient)):after{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--bg-gradient-banner);
    left: 0;
    top: 0;
}*/

.navibar-container+.content>.promoart-holder:after{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--bg-gradient-banner);
    left: 0;
    top: 0;
}

.navibar-container,
.content>.promoart-holder>.gradient{
    display: none;
}


.bigInnerRow .box .img50insidetitle,
.bigInnerRow .box .img50insidetitle>div {
    display: block;
    height: auto;
    width: auto;
}

.bigInnerRow .box .img50insidetitle>div.image-holder {
    height: auto;
    display: block;
    position: relative;
    padding-bottom: 55% !important;
}


.bigInnerRow .box .img50insidetitle>div.image-holder .title {
    padding: 20px;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    z-index: 4;
    width: 100%;
    text-align: left;
    position: absolute;
    display: block;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    left: 0;
    bottom: 0;
}


.bigInnerRow .box .img50insidetitle .text-holder h4{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    color: var(--DarkGray);
    padding-bottom: 10px;
}

.bigInnerRow .box .img50insidetitle .text-holder .text{
    font-size: 14px;
    color: var(--TextGray);
}


.bigInnerRow .box .img50insidetitle .button-holder{
    padding-top: 30px;
}

.bigInnerRow .box .img50insidetitle .text-holder{
    padding-top: 10px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--LightBlue);
}

.bigInnerRow .WithBestPriceTitle{
    position: relative;
}

:root{
    --best-price-width: 120px;
}

.bigInnerRow .WithBestPriceTitle>.text-holder>.hotel-best-price {
    position: absolute;
    color: #007da5;
    top: 7px;
    right: 0;
    display: flex;
    width: var(--best-price-width);
    align-items: center;
    justify-content: flex-end;
}

.bigInnerRow .WithBestPriceTitle>.text-holder>.title {
    width: calc(100% - var(--best-price-width) - 10px);
    display: block;
}

.bigInnerRow .WithBestPriceTitle .hotel-best-price .icon-pricequarantee {
    width: 30px;
    height: 31px;
    object-fit: contain;
    display: inline-block;
    padding-right: 10px;
}

.bigInnerRow .WithBestPriceTitle .hotel-best-price>span {
    display: inline-block;
    font-size: 12px;
    color: var(--DarkBlue);
    font-weight: 600;
}


.bigInnerRow .WithBestPriceTitle .text-holder .descript>h2{
    width: calc(100% - var(--best-price-width));
    padding-right: 10px;
    padding-bottom: 20px;
}


.spec-seo-text{
    padding-bottom: 80px;
}


/* WEbshopok ---------------------------------------------------------*/
.collectmecoupons_category_list_item,
.dhcoupons_category_list_item,
.dhcp_list_item,
.dhcp_list_item .dhcp_prod_cont,
.dhcp_list_item>div.image-holder,
.dhcp_list_item>div.list_of_products,
.dhcp_list_item>div.list_of_products .dhcp {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.collectmecoupons_category_list_item .image-holder,
.dhcoupons_category_list_item .image-holder,
.dhcp_list_item .image-holder{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.collectmecoupons_category_list_item,
.dhcoupons_category_list_item {
    margin-bottom: 30px;
    box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.dhcp_list_item>div.list_of_products{
    padding: 0;
}


.dhcp_list_item>div.image-holder {
    min-height: 200px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dhcp_list_item>div.image-holder>div{
    position: relative;
    z-index: 2;
}

.dhcp_list_item>div.image-holder .citynames {
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dhcp_list_item>div.image-holder .text-holder {
    padding: 20px;
    color: #fff;
    z-index: 2;
    position: relative;
}

.dhcp_list_item>div.image-holder:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,.5));
}

.dhcp_list_item>div.image-holder .text-holder .title{
    font-size: 20px;
    padding-bottom: 0;
    font-weight: 600;
    line-height: 26px; /* 130% */
}

.dhcp_list_item>div.list_of_products .dhcp{
    padding: 30px 20px;
}

.dhcp_list_item>div.list_of_products .dhcp:first-child {
    border-bottom: solid 1px var(--LightBlue);
}

.dhcp_list_item>div.list_of_products .dhcp .button-holder {
    padding: 24px 0 0;
}

.dhcp_list_item>div.list_of_products .dhcp .dhcp_price{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    padding-bottom: 10px;
}

.dhcoupons-item-title{
    padding-bottom: 30px;
}

.dhcoupons-item-left .whitebox,
.dhcoupons-item-right .whitebox{
    box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
    padding: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: var(--border-radius-small) !important;
    overflow: hidden;
}

.dhcoupons_subtotal.price{
    font-size: 20px;
    color: var(--DarkGray);
}

.gsp_num:before, .gsp_num:after,
.dhcoupons_subtotal.price:before,.dhcoupons_subtotal.price:after {
    content: " ";
    display: inline-block;
    white-space: pre;
}

.dhcoupons-item-left .whitebox a,
.dhcoupons-item-right .whitebox a{
    word-wrap: break-word;
}

.processmenu{
    display: flex;
    justify-content: center;
    padding: 10px;
    column-gap: 30px;
}

.processmenu.collectmecoupons_processmenu{
    justify-content: center;   
}


.processmenu a{
    display: block;
    text-decoration: none;
}


.processmenu .mname{
    display: none;
    color: var(--DarkBlue);
    font-weight: 600;
}

.processmenu .numof{
    display: flex;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: var(--DarkBlue);
}

.processmenu .inactive-step{
    cursor: default;
}

.processmenu .inactive-step .numof{
    color: var(--GrayBlue);
    border: 1px solid var(--GrayBlue);
    background: transparent;
}

.collectmecoupons_form_holder .formdiv_subtitle,
.dhcoupons_form_holder .formdiv_subtitle {
    margin-bottom: 12px;
}

.collectmecoupons_form_holder .collectmecoupons_megj,
.dhcoupons_form_holder .dhcoupons_megj {
    border-radius: 2px;
    background-color: #edf0f2;
    border: solid 1px rgba(0,0,0,.1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 6px 10px;
    margin-top: 5px;
    font-size: 12px;
}

.collectmecoupons_form_holder .collectmecoupons_megj p:last-child,
.dhcoupons_form_holder .dhcoupons_megj p:last-child{
    margin: 0;
    padding: 0;
}

.collectmecoupons_form_holder .formdiv .button-holder,
.dhcoupons_form_holder .formdiv .button-holder{
    padding: 30px 0;
    display:flex;
    justify-content: space-between;
}

.aszf .chkb label{
    color: var(--DarkBlue);
}

.aszf .chkb label a{
    color: var(--Orange);
    font-weight: 600;
}

.orderspecialform .personal_info .row>div{
    margin-bottom: 12px;
}

.orderspecialform .product_line .prod_name{
    font-size: 18px;
    font-weight: 600;
    color: var(--DarkGray);
}

.orderspecialform .product_line .prod_subtotal{
    font-weight: 600;
    text-align: right;
}

.orderspecialform .product_line .prod_num{
    text-align: right;
}

.orderspecialform .product_sum_line{
    display: flex;
    justify-content: space-between;
    width: 100%;
    column-gap: 10px;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

.orderspecialform .product_sum_line .price{
   font-weight: 600;
   text-align: right;
}

.orderspecialform .personal_info .megj {
    font-size: 12px;
    font-style: italic;
}


.webshop_spec_product_item .webshop_product_pic_holder {
    padding: 24px 20px;
    text-align: center;
}

.webshop_spec_product_item .webshop_product_desc_holder {
    padding: 20px;
}

.webshop_spec_product_item .webshop_product_pic_holder img {
    width: 100%;
    border-radius: var(--border-radius);
}

.webshop_spec_product_item .webshop_spec_product_title,
.webshop_spec_product_item .webshop_spec_product_title a {
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: var(--DarkGray);
}

.webshop_spec_product_item .webshop_spec_product_title {
    padding-bottom: 12px;
}

.webshop_spec_product_item .webshop_spec_product_desc {
    padding-bottom: 18px;
    text-align: left;
}

.webshop_spec_product_item .more-link{
    color: var(--DarkGray);
}

.webshop_spec_product_item .button-holder,
.webshop_spec_product_item .webshop_spec_product_price{
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
    width: 100%;
    align-items: center;
}

.webshop_spec_product_item .button-holder{
    padding-top: 30px;
    justify-content: end;
}

.webshop_spec_product_item .webshop_spec_product_desc p:last-child{
    margin: 0;
}

.webshop_spec_product_item .webshop_spec_product_price>div.wspp_1,
.webshop_spec_product_item .webshop_spec_product_price>div.wspp_2{
    display: flex;
    align-items: center;
}

.webshop_spec_product_item .webshop_spec_product_price>div.wspp_1>span,
.webshop_spec_product_item .webshop_spec_product_price>div.wspp_2>span{
    padding-left: 0.5em;
}

.webshop_spec_product_item .webshop_spec_product_price input.input-mini {
    text-align: right;
}

.webshops_cart_box .webshops_cart_box_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
    color: var(--DarkBlue);
}

.webshops_cart_box .webshops_cart_box_title a{
    color: var(--DarkBlue);
    text-decoration: none;
}

.webshopbuttons{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    padding-top: 30px;
}


.webshop_left_block .IssueHolder .container{
    padding-left: 0;
    padding-right: 0;
}

.webshops_cart_box_title .iconholder span{
    cursor: pointer;
}


/*
.webshop_right_cart_block .webshops_cart_box .webshops_cart_box_title .iconholder{
    display: none;
}
*/

.webshop_cart .closed,
.webshops_cart_box .webshop_cart_block_items_holder,
.webshops_cart_box.show .webshops_cart_box_title .iconholder .icon-plus,
.webshops_cart_box .webshops_cart_box_title .iconholder .icon-minus{
    display: none;
}

.webshops_cart_box.show .webshop_cart_block_items_holder,
.webshops_cart_box.show .webshops_cart_box_title .iconholder .icon-minus{
    display: block;
}

.webshop_cart .justinfo {
    text-align: right;
}

.webshop_global_sum .sumprice {
    font-weight: 600;
}

.btn.webshop_cart_buttonlink, .webshop_cart_buttonlink {
    font-size: 16px;
    color: #58585a;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}


/*.webshop_right_cart_block .webshops_cart_box .webshop_cart_block_items_holder{
    display: block !important;
}*/

.gcinq-balance,
.gcinq-col1,
.gcinq-col2,
.gcinq-col3,
.gcinq-expiration,
.gcinq-inputs {
    width: 100%;
    display: block;
}

.gcinq-col1{
    display:flex;
}

.gcinq-icon {
    margin: 6px 14px 14px 0;
}

.gcinq-title {
    position: relative;
    padding-right: 20px;
}

.gcinq-title h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    color: var(--Orange);
}

.gcinq-results,
.gcinq-inputs,
.gcinq-col3 {
    display: none;
}

.gcinq-balance,
.gcinq-expiration,
.gcinq-inputs input {
    margin-top: 12px;
}

.gcinq-inputs input[type=text] {
    width: calc(100% - 22px);
}

.gcinq-error {
    display: none;
    background: #c20 none;
    font-size: 14px;
    padding: 7px 14px 9px 10px;
    color: #fff;
    border: 1px solid #a41b01;
    border-radius: 2px;
    box-shadow: 0 0 10px #a9a9a9;
}

.gcinq-balance {
    margin-top: 0;
}

.gcinq-balance-title,
.gcinq-expiration-title {
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.gcinq-balance-value,
.gcinq-expiration-value {
    border-radius: 2px;
    border: solid 1px rgba(0,0,0,.1);
    padding: 5px 0;
    font-size: 28px;
    font-weight: 300;
    width: 100%;
    margin-top: 4px;
    text-align: center;
}

.gcinq-expiration-value {
    font-size: 18px;
}

/* END WEbshopok ---------------------------------------------------------*/


/* DEP menü ----------------------------------------------------------------*/
.dep_icon_menu .dep-jm-title{
    display: none !important;
}

.dep_icon_menu ul,
.dep_icon_menu ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}

.dep_icon_menu ul li a{
    color: #fff;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 0;
}

.dep_icon_menu ul li a>[class^="icon-"]{
    font-size: 29px;
    margin-right: 8px;
}

.dep-menu-holder,
.dep-menu-holder:after{
    background: var(--Blue);
    display: block;
    position: relative;
    z-index: 2;
}

.dep-menu-holder:after{
    content: "";
    position: absolute;
    width: 100vw;
    left: 50%;
    top:0;
    height: 100%;
    z-index: 0;
    transform: translateX(-50%);
}

.full-width-col{
    width: 100%;
    max-width: 100% !important;
}

.dep-menu-holder,
.full-width-col,
.full-width-col>.bigInnerRow,
.dep_icon_menu{
    margin: 0 !important;
    padding: 0 !important;
}

.dep_icon_menu{
    padding: 10px !important;
    position: relative;
    z-index: 1;
}

#ocmsform-100{
    box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
    background-color: #fff;
    padding: 15px;
    border-radius: var(--border-radius-small);
}

/* END DEP menü ----------------------------------------------------------------*/

.spectooltip.tooltip{
    opacity: 1 !important;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 24px; */
    line-height: 1.5;
    color: var(--DarkGray);
    padding: 0;
    margin: 0;
}

/* colorbox------------------------------------------*/
    #cboxOverlay{
        background: rgba(0, 16, 46, 0.8);
        backdrop-filter: blur(2.5px);
        width: 100%;
        display: block;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
    }

    #colorbox{
        z-index: 10100;
        background: #fff;
        border-radius: var(--border-radius-small);
        max-height: 90% !important;
        max-width: 960px !important;
        overflow: hidden;
        position: fixed !important;       
        left: 50% !important;
        top: 50% !important;
        transform: translateX(-50%) translateY(-50%)  !important;
    }

    #colorbox.CboxHasTitle #cboxContent{
        padding-top: 50px;
    }

    #cboxLoadedContent{
        border-radius: var(--border-radius-small);
        padding: 20px;
        margin: 0 auto;
        overflow: inherit !important;
        width: 100% !important;
        min-height: 100% !important;
        left: 0  !important;
    }

    #cboxLoadedContent.tworow{
        padding-top: 95px;
    }

    #cboxLoadedContent.tworow:before{
        top:75px;
    }

    #cboxWrapper{
        --cboxWrapper-margin: 8px;
        margin: var(--cboxWrapper-margin);
        height: calc(100% - (2 * var(--cboxWrapper-margin))) !important;
        width: calc(100% - (2 * var(--cboxWrapper-margin))) !important;
        overflow: auto;
    }

    #cboxWrapper::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        border-radius: 4px;
    }

    @supports not selector(::-webkit-scrollbar) {
        #cboxWrapper{
            scrollbar-width: thin; /* FF scroll */
            scrollbar-color: var(--DarkBlue) var(--Blue-new);  /* FF scroll The first applies to the thumb of the scrollbar, the second to the track. */
        }
    }
    
    #cboxWrapper::-webkit-scrollbar-track { /* Background */
        background: var(--Blue-new);
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        overflow: hidden;
    }
    
    #cboxWrapper::-webkit-scrollbar-thumb { /* Foreground */
        background: var(--DarkBlue);
        border-radius: 4px;
    }


    #cboxContent{
        width: 100% !important;
        padding: 20px;
    }


    #cboxClose{
        text-indent:0;
        background:transparent;
        width: 18px;
        height: 18px;
        border-radius: 0px;
        border: 0;
        padding: 0;
        font-size: 16px;
        top:10px;
        right:20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
    }

    #cboxClose:after{
        font-family: 'danubius' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        text-decoration: inherit;
        width: auto;
        min-width: 1em;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        content: "\e91c";
        display: block;
        font-size: 16px;
        color: var(--DarkBlue);
    }


    #cboxTitle {
        position: absolute;
        top: 12px;
        left: 20px;
        font-size: 20px;
        font-weight: bold;
        color: #58585A;
        max-width: 85%;
    }

    #cboxContent img[src*="/inc/sitespecific/danubius/modul1/imgs/green_x.png"],
    #cboxLoadedContent::before,
    #cboxTopLeft,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxMiddleLeft{
        display: none !important;
    }

    #cboxLoadedContent{
        padding: 0px;
    }
    
    #colorbox{
       /* max-width: 960px !important;*/
    }

/* END colorbox------------------------------------------*/
    .buttonlink {
        display: inline-block;
        text-decoration: none;
    }
    .buttonlink:hover {
        text-decoration: none;
    }

    /* Hírlevél oldal ------------------------------------------*/
    .n-nl-left,
    .n-nl-right,
    .n-nl-right .formdiv .field>*{
        width: 100% !important;
    }

    .n-nl-right .formdiv .field{
        padding-top: 10px;
    }

    .n-nl-left{
        text-align: center;
    }


    .n-nl-left .bigInnerRow{
        margin-bottom: 0;
    }

    .n-nl-right .bigInnerRow .col,
    .n-nl-right .bigInnerRow{
        margin-top: 0 !important;
    }

    .hirlevel-oldalak .bigCol ul.liboldupp, 
    #page-issues-3899 .bigCol ul.liboldupp, 
    #page-issues-1138 .bigCol ul.liboldupp, 
    #page-issues-4725 .bigCol ul.liboldupp,
    #page-issues-4755 .bigCol ul.liboldupp,
    #page-issues-3937 .bigCol ul.liboldupp,
    .hirlevel-oldalak .bigCol .alrsubs, 
    #page-issues-3937 .bigCol .alrsubs,
    #page-issues-3899 .bigCol .alrsubs,
    #page-issues-1138 .bigCol .alrsubs,
    #page-issues-4755 .bigCol .alrsubs, 
    #page-issues-4725 .bigCol .alrsubs {
        display: none;
    }

    ul.ccheck {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }
    
    .n-nl-right #nlregform-normal,
    .row.requi{
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .n-nl-right  #nlregform-normal .formdiv {
        padding-bottom: 100px;
        margin: 0px auto;
    }

    .row.requi{
        display: block;
        margin-top: 0.5em;
    }

    .row.requi>span{
        padding: 0;
    }


    .row.requi>span:after{
        content: "*";
        font-weight: 900;
        color: #c20;
    }

    .n-nl-right .formdiv .field label,
    .row.requi{
        font-size: 14px;
    }
    /* END Hírlevél oldal ------------------------------------------*/
    .collect-me-filter-row{
        background: var(--LightBlue);
        padding: 30px 15px;
        border-radius: var(--border-radius-small);
    }

    .collect-me-filter-row .filter-group{
        background: #FFFFFF;
        border-radius: 6px;
        padding: 10px;
        border: 0;
        color: var(--DarkBlue);
        font-weight: 600;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-bottom: 20px;
    }

    .collect-me-filter-row  .filter-group-title{
        font-size: 14px;
        display: block;
        width: 100%;
        padding: 0px 50px 0px 0px;
        position: relative;
    }

    .collect-me-filter-row  .filter-group-title>i {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -4.5px;
        display: block;
    }

    .collect-me-filter-row input.filter-closer:checked~.filter-group-title>i{
        transform: none;
    }

    .collect-me-filter-row  .filter-group-title>i:after, 
    .collect-me-filter-row  .filter-group-title>i:before {
        transition: all .25s ease-in-out;
        content: "";
        position: absolute;
        background-color: var(--DarkBlue);;
        width: 2px;
        height: 9px;        
    }

    .collect-me-filter-row  .filter-group-title>i:before {
        transform: translate(-2px,0) rotate(45deg);
    }
    
    .collect-me-filter-row  .filter-group-title>i:after {
        transform: translate(4px,0) rotate(-45deg);
    }

    .collect-me-filter-row input.filter-closer:checked~.filter-group-title>i:after {
        transform: translate(2px,0) rotate(45deg);
    }

    .collect-me-filter-row input.filter-closer:checked~.filter-group-title>i:before {
        transform: translate(-4px,0) rotate(-45deg);
    }

    .collect-me-filter-row .filters{
        height: auto;
        display: block;
    }

    .collect-me-filter-row .filters table.loyality_program,
    .collect-me-filter-row .filters table.loyality_program td div,
    .collect-me-filter-row .filters table.loyality_program td input.text{
        width: 100%;
    }

    .collect-me-filter-row input.filter-closer:checked ~ label ~ .filters {
        display: none;
    }


    .collect-me-redemption-list .list-line .prodlist>div{
        padding-bottom: 15px;
        display: flex;
        justify-content: flex-end;
    }


    .mini-ix-ico {
        display: none;
        position: absolute;
        top: 0px;
        right: 30px;
        width: 12px;
        text-align: center;
    }


    .mini-ix-ico:before {
        width: 12px;
        height: 12px;
        border-radius: 2px;
        background: #c20;
        border: solid 1px #a31b00;
        display: inline-block;
        line-height: 11px;
        vertical-align: middle;
        content: "\e91c";
        font-size: 6px;
        position: relative;
        text-align: center;
        font-weight: 400;
        color: #fff;
        font-family: danubius;
    }
    
    .box.all-inclusive-hotel-content .image-holder,
    .box.link-chevron-orange-right-middle .image-holder {
        align-items: center;
        align-content: center;
        height: 144px !important;
        background-size: cover;
    }


    .box.all-inclusive-hotel-content .image-holder{
        height: 180px !important;
    }


    .collect-me-redemption-list {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }


    /* kinyitott doboz kis háromszöggel a tetején*/
    .white-grey-boxes-opened{
        padding:12px 0 0 0;
        position:relative;
        margin-bottom:12px;
        z-index: 10;
     }
 
     .white-grey-boxes-opened > .holder{
         border: solid 1px var(--LightBlue);
         border-radius: var(--border-radius-small);
         background-color:#fff;
         padding:0 0 12px 0;
         position:relative;
 
     }
 
     .white-grey-boxes-opened > .holder:after{
         content: '';
         position: absolute;
         border-style: solid;
         border-width: 0 11px 12px;
         border-color: #FFFFFF transparent;
         display: block;
         width: 0;
         z-index: 1;
         top: -12px;
         margin-left:-11px;
     }
 
     .white-grey-boxes-opened > .holder:before{
         content: '';
         position: absolute;
         border-style: solid;
         border-width: 0 11px 12px;
         border-color: var(--LightBlue) transparent;
         display: block;
         width: 0;
         z-index: 0;
         top: -13px;
         margin-left:-11px;
     }
 
     .white-grey-boxes-opened > .holder:after,
     .white-grey-boxes-opened > .holder:before{
         left: 15.65%;
     }
 
     .white-grey-boxes-opened.p2 > .holder:after,
     .white-grey-boxes-opened.p2 > .holder:before{
         left: 50%;
     }
 
     .white-grey-boxes-opened.p3 > .holder:after,
     .white-grey-boxes-opened.p3 > .holder:before{
         left:84.35%;
     }
 
 
 
     .white-grey-boxes-opened .head-line,
     .white-grey-boxes-opened .head-line2{
         display: block;
         padding: 12px 20px;
         border-bottom: 1px solid rgba(44, 54, 64, 0.1);
     }
 
     .white-grey-boxes-opened .box-lead-text{
         padding:20px 20px 0 20px;
     }
 
     .white-grey-boxes-opened .head-line .subtitle{
         font-size: 14px;
         font-weight: bold;
             margin-bottom: 0px;
     }
 
     .white-grey-boxes-opened .head-line .btn {
         padding: 6px 15px;
         font-size: 14px;
     }
     .white-grey-boxes-opened .list-line {
         padding-top:24px;
         padding-bottom:24px;
         margin: 0;
     }
 
     .white-grey-boxes-opened .list-element{
       margin-bottom: 15px;
     }
 
     .white-grey-boxes-opened .list-element .holder{
         padding:12px 19px 6px 19px;
         border: solid 1px #cccccc;
         border-radius: 2px;
         overflow: hidden;
         margin:0 10px;
         min-height:115px;
     }
 
     .white-grey-boxes-opened .list-element:nth-child(2n+1) .holder{
         margin-left:0;
     }
 
     .white-grey-boxes-opened .list-element:nth-child(2n) .holder{
         margin-right:0;
     }
 
 
     .white-grey-boxes-opened .list-element .holder > div{
         width: 100%;
         margin: 0;
        padding: 0;
     }
 
     .white-grey-boxes-opened .list-element .holder .image-holder{
         vertical-align: top;
         width: 72px;
         height: 72px;
         border-radius: var(--border-radius-small);
         margin-right:20px;
         overflow: hidden;
         margin-bottom:10px;
         background-size: cover;
     }
 
 
     .white-grey-boxes-opened .list-element .holder .text{
         width:calc(100% - 94px);
         margin-bottom:6px;
     }
 
     .white-grey-boxes-opened .list-element .holder .subtitle{
       font-size: 16px;
       font-weight: bold;
       margin-bottom:10px;
       width:calc(100% - 94px);
       float:left;
     }
 
     .white-grey-boxes-opened .list-element .holder .text .price{
       text-align: right;
     }
 
     .white-grey-boxes-opened .list-element .more-link{
       text-align: right;
       width:100%;
     }
     .white-grey-boxes-opened .list-element .more-link a{
       font-weight: normal;
     }
 
     .white-grey-boxes-opened .list-element .more-link a .fa{
       display:none;
     }
     /* END kinyitott doboz kis háromszöggel a tetején*/
 
     .mobile-back-button {
        display: none;
        background-color: #58585a;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
        color: #fff;
        text-decoration: none;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 10px;
    }


    .mobile-back-button i {
        font-size: 20px;
        font-weight: 400;
        margin-right: 10px;
    }    

    .white-grey-boxes-opened .head-line, 
    .white-grey-boxes-opened .head-line2 {
        display: block;
        border-bottom: 1px solid rgba(44,54,64,.1);
    }

/* Hotel compare page--------------------------------------------------------------------------*/
        section.wrapper.main{
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            max-width: var(--container-width);
            padding-left: 0;
            padding-right: 0;
        }

        .compare-title{
            padding:0 20px 20px 20px;
            text-align: left;
        }

        .compare-title .title{
        padding-top: 20px;
        padding-bottom: 5px;
        width: 100%;
        }

        .compare-title .back-to-link{
        position:relative;
        z-index:5;
        color: var(--Orange);
        font-weight: 600;
        text-decoration: none;
        }

        .compare-table-headers{
        margin-top: 0;
        padding-bottom: 48px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 5px;

        }


        .compare-table-headers > div{
        min-height: 180px;
        }
        .compare-table-headers > div:first-child{
        padding-left:0px;
        }


        .compare-table-headers .image-replacer {
        width: 100%;
        height: 180px;
        display: block;
        position: relative;
        z-index: 1;
        border-radius: var(--border-radius);
        }

        .compare-table-rows{
        border-left:0;
        border-right:0;
        border-radius:0;
        }

        .compare-table-rows .facility-line{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 1px;
        width: 100%;
        margin-bottom: 1px;
        }

        .compare-table-rows .facility-line.subtitle{
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        border-top: 0;
        }

        .compare-table-rows .facility-line > div{
        text-align:center;
        padding: 18px 16px;
        text-align: left;
        color: var(--TextGray);
        font-size: 14px;
        background: var(--LightBlue);
        }

        .compare-table-rows .facility-line.subtitle> div{
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            background: var(--DarkBlue);
        }


        .compare-table-rows .facility-line >  div.mtitle{
            display:none;
            background:#fff;
        }

        .compare-table-rows .facility-line > div:first-child,
        .compare-table-rows .facility-line >  div.mtitle{
            text-align:left;
            position:relative;
        }

        .compare-table-rows .facility-group .facility-line:not(.subtitle):nth-child(odd)>div,
        .compare-table-rows .facility-group .facility-line:not(.subtitle):nth-child(odd)>div.mtitle{
            background: var(--Blue-new);
        }

        .compare-table-rows .facility-line > div:first-child{
            display: flex;
            column-gap: 10px;
        }


        .compare-table-rows .facility-line.subtitle > div{
        }


        .compare-table-rows .facility-line.subtitle > div:first-child,
        .compare-table-rows .facility-line.subtitle > div.mtitle{
            font-size: 20px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
        }

        .compare-table-rows .facility-line.subtitle:first-child > div,
        .compare-table-rows .facility-line.subtitle:first-child > div.mtitle{
        }


        .compare-table-rows .bottom-line{
            background: transparent;
            padding-bottom: 50px;

        }

        .compare-table-rows .bottom-line > div{
        padding-top:10px;
        padding-bottom:12px;
        text-align: center;
        }

        .compare-table-rows .btn-hotel-details{
            border-radius: var(--border-radius);
            background-color: #fff;
            font-size: 16px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            color: var(--DarkBlue);
            text-decoration: none;
            padding:10px;
            display:inline-block;
        }

        .compare-table-rows .btn-hotel-details .fa{
        font-size: 14px;
            color: var(--Orange);
            margin-left:14px;
        }

        .compare-table-rows .facility-line .fa-check{
        font-size: 28px;
        color: var(--Orange);
        }

        .compare-table-rows > .facility-group:nth-last-child(2) > .facility-line:nth-last-child(1){
            /*padding-bottom:36px;*/
        }

        .compare-table-headers > div{
        vertical-align: top;
        }

        .compare-table-headers .hotel-info .hotel-name{
        width:100%;
        margin:0;
        text-align: left;
        height:100%;
        display: flex;
        align-items: flex-end;
        position: absolute;
        z-index: 10;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        top: 0;
        left: 0;
        padding: 15px;
        }

        .compare-table-headers .button-holder{
        display: grid;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
        margin-top: 10px;
        }

        .compare-table-headers .button-holder .offers,
        .compare-table-headers .button-holder .book{
        margin:0;
        width:100%;
        display:flex;
        padding-top:6px;
        padding-bottom:6px;
        align-content: center;
        font-size: 14px;
        }

        .compare-table-headers .button-holder .offers{
        background-color: var(--LightBlue);
        border-color: var(--LightBlue);
        color: var(--DarkBlue);
        }


        .compare-table-headers .hotel-info{
        border-radius: var(--border-radius);
        overflow: hidden;
        position: relative;
        z-index: 1;
        display: block;
        }

        .compare-table-headers .hotel-info:after{
        content: '';
        position: absolute;
        z-index: 2;
        background: var(--bg-gradient-1);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: var(--border-radius);
        }

        .compare-table-headers .hotel-info .hotel-name .fa{
        display:none;
        }

        .compare-table-rows .facility-line > div:first-child,
        .compare-table-rows .facility-line > div.mtitle {
        }

        .compare-table .compare-table-headers > div:nth-child(2){
        margin-left: 0px;
        }

        .compare-table .compare-table-headers > div.placeholder{
        background: transparent;
        }

        .compare-table .compare-table-rows .facility-line >  div.mtitle{
        width: var(--table-placeholder);
        }

        .compare-table .compare-table-rows .facility-group:first-child .facility-line.subtitle > div.mtitle{
        border-top-left-radius: 0px;
        }

        .compare-table-rows .facility-line > div{
        font-size: 14px;
        }

        .compare-table-rows .facility-line.subtitle > div:first-child,
        .compare-table-rows .facility-line.subtitle > div.mtitle{
        font-size: 16px;
        }


        .compare-table-rows .btn-hotel-details{
        padding-top:6px;
        padding-bottom:6px;
        }

        .compare-table-rows .btn-hotel-details .fa{
            margin-left: 5px;
        }
/* END compare */
    /* Comment bubble ----------------------*/
    .info-bubble-holder{
        display: inline-block;
        position:relative;
        margin:0px 8px;
    }

    .info-bubble-holder .info-icon{
         font-size: 16px;
         line-height: 16px;
         text-align: center;
         display:inline-block;
         cursor:pointer;
    }

    .info-bubble-holder .info-bubble{
      display:none;
      max-width:100vw;
      width: 380px;
      border-radius: 2px;
      background-color: #ffffff;
      border: solid 1px var(--LightBlue);
      padding:13px 15px 20px 15px;
      position:absolute;
      z-index: 98;
      left: -179px;
      bottom:30px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.71;
      -webkit-box-shadow: 0px 0px 20px #B2B2B2;
      -moz-box-shadow:  0px 0px 20px #B2B2B2;
      box-shadow:  0px 0px 20px #B2B2B2;
    }

    .info-bubble-holder .info-bubble *{
      font-size: 14px;
    }

    .info-bubble-holder .info-bubble .arrows{
      position:absolute;
      width:50px;
      height:16px;
      display:block;
      bottom: -8px;
    }

    .info-bubble-holder .info-bubble::after,
    .info-bubble-holder .info-bubble .arrows:after {
        background-color: #fff;
        content: "\00a0";
        display: block;
        height: 16px;
        width:  16px;
        margin-left:-8px;
        z-index:1;
        bottom: -8px;
        transform:             rotate( 45deg );
            -moz-transform:    rotate( 45deg );
            -ms-transform:     rotate( 45deg );
            -o-transform:      rotate( 45deg );
            -webkit-transform: rotate( 45deg );
      -webkit-box-shadow: 0px 0px 16px #B2B2B2;
      -moz-box-shadow:  0px 0px 16px #B2B2B2;
      box-shadow:  0px 0px 16px #B2B2B2;
      position: absolute;
    }

    .info-bubble-holder .info-bubble::before{
        height: 18px;
        width:50px;
        display: block;
        content:"";
        background:#fff;
        z-index:2;
        margin-left:-25px;
        bottom: 0px;
        position: absolute;
    }

    .info-bubble-holder .info-bubble .arrows::before{
        display:block;
        content:"";
        background:#fff;
        z-index:2;
        top:0;
        left:0;
        width:100%;
        height:100%;
        position: absolute;
    }


    .info-bubble-holder .info-bubble::after,
    .info-bubble-holder .info-bubble::before{
        left: 50%;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble{
        padding:20px;
        top:50%;
        bottom:inherit;
        right:inherit;
        height:auto;
        display:block;
        left:-1000vw;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble::after,
    .info-bubble-holder.bubble-horizontal .info-bubble::before{
        left: 0;
        position: absolute;
        bottom:inherit;
        top:50%;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble .arrows{
        left: 0px;
        position: absolute;
        bottom:inherit;
        top:50%;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble::after,
    .info-bubble-holder.bubble-horizontal .info-bubble .arrows::after{
        transform:             rotate( 45deg );
            -moz-transform:    rotate( 45deg );
            -ms-transform:     rotate( 45deg );
            -o-transform:      rotate( 45deg );
            -webkit-transform: rotate( 45deg );
             margin-top:-8px;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble::before,
    .info-bubble-holder.bubble-horizontal .info-bubble .arrows{
        width: 18px;
        height:50px;
        margin-left:0px;
        margin-top:-25px;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble .arrows::after{
        top:50%;
    }


    .info-bubble-holder:not(.bubble-horizontal):hover  .info-bubble{
      display:block;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble.arrowsholder::after,
    .info-bubble-holder.bubble-horizontal .info-bubble.arrowsholder::before{
       display:none;
    }

    .formdiv  .info-bubble-holder{
        margin:0px 10px;
    }

    .boxed-list .box-holder.hide-text-mobil .text-holder{
        display: none;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble .arrows.pos-top{
        height:18px;
        width:50px;
        left:50%;
        top:0;
        margin-left:-25px;
        margin-top:0;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble .arrows.pos-top:after{
        transform: rotate( 135deg );
        -moz-transform: rotate( 135deg );
        -ms-transform: rotate( 135deg );
        -o-transform: rotate( 135deg );
        -webkit-transform: rotate( 135deg );
        left:50%;
        margin-left:-8px;
        top:0px;
    }


    
    /* drop-down-boxes --------------------------------------------------------------------------------------*/
    .box-holder .box.drop-down-boxes>a{
        position:relative;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        text-decoration: none;
        align-items: center;
        align-content:flex-start;
        text-align: left;
        height:48px;
        padding:12px 54px 12px 20px;
        position:relative;
        width:100%;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        color: var(--DarkBlue);
    }

    .box-holder .box.drop-down-boxes>a:after{
        content: '\e916';
        line-height:20px;
        font-family: danubius;
        font-size: 20px;
        vertical-align: top;
        text-align: center;
        display: block;
    }

    .box-holder .box.drop-down-boxes>a.opened{
        background-color:#fff;
    }

    .box-holder .box.drop-down-boxes>a.opened:after{
        content: "\f106";
    }


    .box-holder .box.drop-down-boxes{
        border-radius: var(--border-radius-small);
        border: solid 1px var(--LightBlue);
        vertical-align: middle;
        text-align: left;
        background: transparent;
        margin-bottom:0;
    }

    .box-holder .box.w2b.drop-down-boxes{
        margin-right: 1.14%;
        margin-bottom: 1.14%;
        width: 49.43%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .box-holder .box.w2b.drop-down-boxes>a{
        display: flex;
        align-items: center;
        padding: 18px 20px;
        width: 100%;
        justify-content: space-between;
    }

    .box-holder .box.w2b.drop-down-boxes:nth-child(2n){
        margin-right:0;
    }

    .white-grey-boxes-opened.box-type-half.drop-down-box-content>.holder {
        padding: 18px 20px;
    }    


    .content-block, 
    .content-block-border-bottom {
        /*padding: 0 20px 30px 20px;
        margin-top: 30px;*/
    }    
    
    .content-block.seo-text{
        padding: 40px 0px;  
    }

    .content-block.seo-text h2{
        padding-bottom: 1.5rem;
    }



    .bigInnerRow.row>.col.bubbles-club-family-holiday-2>.text-holder{
           padding: 30px 20px;
    }

    .bigInnerRow.row>.col.subtitle-left>.text-holder{
        padding: 30px 20px 0 30px;
    }

    .bigInnerRow.row>.col.subtitle-left>.text-holder>.title{
        padding-bottom: 0;
    }


    .hotel-services-list>li.wbtu-block{
        height: auto;
        min-height: 150px;
    }

    .wbtu-block:hover .wbtu-title{
        /*font-weight: 600;*/
    }
    


    .career-steps{
        --cr-col-gap: 30px;
        --cr-col-num: 2;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--cr-col-gap);
        justify-content: flex-start;  
        width: 100%;
        margin: 30px 0;      
    }
    
    .career-steps .career-step-item{
        width: calc((100% / var(--cr-col-num)) - ((var(--cr-col-gap) / var(--cr-col-num)) * (var(--cr-col-num) - 1)));
        padding: 20px 15px;
        min-height: 150px;
        position: relative;
    }

    .career-steps .career-step-item>span{
        position: absolute;
        left: 7px;
        top: 7px;
        color: var(--Blue-new);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;        
    }

    .career-steps .career-step-item>div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        color: var(--TextGray);
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;        
    }

    .career-steps .career-step-item>div>div>b{
        font-weight: 400;
    }


    .career-steps .career-step-item img{
        width: 60px;
        height: auto;
    }

    .LightBlue-bg-boxes .box{
        position: relative;
    }

    .LightBlue-bg-boxes .box>div{
        margin:10px;
        position: relative;
        z-index: 5;
    }

    .LightBlue-bg-boxes .box:after{
        content: "";
        background-color: var(--LightBlue);
        width: calc(100% - 20px);
        height: 100%;
        border-radius: var(--border-radius-small);
        left: 10px;
        top: 0px;
        z-index: 0;
        position: absolute;
    }

    body.issue-4836 .promoart-holder>.container{
        z-index: 10;
    }

    body.issue-4836 .promoart-holder>.container>.container{
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 10;
    }

    .image-holder-w33 .boxed-list .text-holder .text .btn,
    .image-holder-w50 .boxed-list .text-holder .text .btn{
        display: inline-flex !important;
        margin-bottom: 10px;
    }

    .image-holder-w33 .boxed-list .text-holder,
    .image-holder-w50 .boxed-list .text-holder{
        margin-top: 10px;
    }

    .image-holder-w33 .boxed-list .text-holder>div,
    .image-holder-w50 .boxed-list .text-holder>div{
        padding-left: 0px;
        padding-right: 0px;    
    }    

    .content-block.wellness-treatment-list{
      padding: 0 !important;  
      margin: 0 !important;
    }

    .content-block.wellness-treatment-list>.row{
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .content-block.wellness-treatment-list .box-holder .box .image-holder {
        min-height: 200px;
        height: 200px;
        position:relative;
    }
   
    .page .content  .promoart-holder+.IssueHolder{
        padding-top: 60px;
        padding-bottom: 60px;
    }


    #page-accomms--0-0-0 .accomm_hits_container_with_padding{
        padding-bottom: 0px !important;
    }


    .content.hotel-list-page{
        padding-bottom: 70px;
    }


    /* heditor_table59 ---------------------------------------------- */
    .heditor_table59,
    .heditor_table59 table,
    .heditor_table59 tbody,
    .heditor_table59 thead,
    .heditor_table59 tr ,
    .heditor_table59 td,
    .heditor_table59 th{
        vertical-align:middle;
        border:0;
        border-collapse: collapse;
        border-spacing:0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin:0;
        padding:0;
    }

    .heditor_table59{
        width:100%;
    }

    /* END heditor_table59 ---------------------------------------------- */
    .bg-orange-overlay{
        text-align: center;
        color: #fff;
        background-color: var(--LightBlue);
        border-radius: var(--border-radius-small);
        position: relative;
        padding: 46px 8.4745% 60px 8.4745%;
        overflow: hidden;
        background-size: cover;
    }

    .bg-orange-overlay .text {
        padding-bottom: 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 5;
    }

    .bg-orange-overlay:after{
        border-radius: 6px;
        opacity: 0.9;
        background: radial-gradient(143.51% 143.51% at 50% 50%, rgba(0, 35, 102, 0.62) 0%, rgba(0, 35, 102, 0.00) 100%);
        content: "";
    }

    .bg-orange-overlay:after,
    .bg-orange-overlay>img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index:1;
    }

    .bg-orange-overlay>img{
        z-index: 0;
    }

    .bg-orange-overlay img.replaced-image-removed{
        display: none;
    }


    /* Hírlevél beállítások oldal -----------------------------------------------------------*/
    .issue-3717 .IssueHolder>.container .title{
        text-align: center;
    }

    .issue-3717 .nlsetup-h1.title{
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .issue-3717 .nlsetup .field.field-block{
        display: flex;
        column-gap: 5px;
        padding-bottom: 20px;
    }

    .issue-3717 .nlsetup .nlsetup-left label:after,
    .issue-3717 .nlsetup .field.field-block label:after{
        content: ": ";
    }

    .issue-3717 .nlsetup .nlsetup-left .errmsg{
        padding-top: 5px;
    }

    .issue-3717 .nlsetup .nlsetup-div{
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        background-color: #fff;
        margin-top:30px;
        margin-bottom: 30px;   
        border-radius: var(--border-radius-small);    
        padding: 20px; 
    }    

    .issue-3717 .nlsetup .nlsetup-div.nlsetup-left{
        margin-top:0px;
    }

    .issue-3717 .nlsetup-div.nlsetup-center{
        display: none;
    }

    .issue-3717 .nlsetup-unsub>div{
        padding: 20px 0;
    }

    /* END Hírlevél beállítások oldal -----------------------------------------------------------*/

    body.header-fixed #sticky-user .search>a{
        text-decoration: none;
    }

    .awards .box-holder-overflow ul, 
    .awards .box-holder-overflow ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .awards .box-holder-overflow ul{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        column-gap: 20px;
    }

    .awards .box-holder-overflow ul li {
        font-size: 0;
    }

    .content-block.awards{
        margin-top: 60px;
    }

    .content-block.awards .title{
        margin: 20px 0;
    }

    .awards .box-holder-scroller {
        overflow-x: auto;
        text-align: center;
    }

    .right-side.hotel-content .content-block.boxed-list {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .right-side.hotel-content .content-block.boxed-list .box-holder .text-holder>div {
        padding: 20px 0px;
    }

    .right-side.hotel-content .content-block.boxed-list .box-holder .text-holder .button-holder {
        padding-top: 20px;
    }

    /* extrainfo a hoteleknél:BEG */
        div#extrainfo { 
            width:500px; 
            height:64px; 
            padding:1px; 
            color:white; 
            background:var(--Orange) url(/inc/sitespecific/danubius/imgs/renew-icon.png) no-repeat top left; 
            position:fixed; 
            bottom:0px; 
            right:0px; 
            z-index:999; 
        }

        div#extrainfo-title { 
            cursor:pointer; 
            width:500px; 
            height:42px; 
        }

        div#extrainfo-a { 
            background-color:var(--Orange); 
            padding:0px 8px 8px 8px; 
        }

        div#extrainfo-a a, 
        div#extrainfo-a a:visited, 
        div#extrainfo-a a:hover { 
            color:white; 
        }
        
        div#extrainfo-inner { 
            background-color:white; 
            padding:10px 10px 20px 10px; 
            color:black; 
        }

        div#extrainfo-inner, 
        div#extrainfo-inner p, 
        div#extrainfo-inner span { 
            font-size:14px; 
        }

        div#extrainfo-inner p:first-child { 
            margin-top:0px; 
            padding-top:0px; 
        }

        div#extrainfo-inner p:last-child { 
            margin-top:0px; 
            padding-bottom:0px; 
        }

        #extrainfo-titletext {
            padding:11px 0px 0px 44px;
            font-size:18px;
        }

        div.extrainfo-title-ifopen:after {
            content:"X";
            /*background-color:#444a5a;*/
            color:#ffffff;
            font-size: 18px;
            position: absolute;
            top: 0px;
            right: 0px;
            padding: 12px 12px 11px 12px;
            font-weight: bold;
        }
    /* extrainfo a hoteleknél:END */


    .meetings-capacity-holder{
        margin-top:30px;
        padding: 20px;
        background: var(--Blue-new);
        border-radius: var(--border-radius-small);
        overflow: hidden;
    }

    .meetings-capacity-holder>div{
        display:flex;
        justify-content: center;
        padding-bottom:28px;
        column-gap: 20px;
        font-size: 14px;
        color: var(--TextGray);
    }

    .meetings-capacity-holder>div:last-child{
        padding-bottom:0px;
    }

    .meetings-capacity-holder strong{
        font-size: 18px;
        font-weight: 700;
        color: var(--DarkGray);
        width: 40%;
        text-align:right;
    }

    .meetings-capacity-holder>div>span{
        width: 60%;
        align-self: flex-end;
    }

    .content-block.lead-text.row.meetings-and-events{
        padding-top: 20px;
    }
    .content-block.lead-text.row.meetings-and-events .meeting-tour-link{
        margin-bottom: 30px;
    }
    .content-block.lead-text.row.meetings-and-events .meeting-tour-link img{
        width: 100%;
        height: auto;
    }

    .conference-room-list .box-holder{
        row-gap: 30px;
    }

    .white-box-border.over-layer-box.ConfRoomsFloorPlans{
        padding-bottom: 30px;
    }

    #confrooms .confrooms-row.confrooms .confrooms-size-list ul li{
        padding: 0;
        border: 0;
        display: block;
        line-height: 1.5;
    }

    #confrooms .confrooms-row.confrooms .confrooms-size-list ul li span:after{
        content: " ";
    }

    #confrooms .confrooms-row.confrooms  .facilities-list{
        display: block;
    }

    #confrooms .confrooms-row.confrooms  .facilities-list li{
        display: flex;
        width: 100%;
        align-items: baseline;
        word-break: break-word;
        font-size: 14px;
        line-height: 34px;
    
    }

    #confrooms .meeting-hotel-list-collapse .confrooms-row.confrooms .confrooms-size-list ul li {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--LightBlue);
        color: var(--TextGray);
        padding: 15px 0;
        line-height: 1.5;
    }
    
    
    #confrooms .meeting-hotel-list-collapse .confrooms-row.confrooms .confrooms-size-list ul li:last-child {
        border-bottom: 0;
    }

    #confrooms .meeting-hotel-list-collapse .confrooms-row.confrooms .facilities-list {
        display: flex;
        flex-wrap: wrap;
        column-gap: 18px;
        row-gap: 10px;
    }

    #confrooms .meeting-hotel-list-collapse  .confrooms-row.confrooms .facilities-list li{
        width: auto;
        font-size: 16px;
        line-height: 1.5;
    }

    .meeting-hotel-list .collapse-block .collapse-title>span>div:last-child>span

    .Spec4thMargin0 .img-holder{
        height: 236px;        
    }


    .offers-1 .dh-card .img-holder{
        min-height: 335px;
        display: flex;
    }

    .offers-1 .dh-card .img-holder picture{
        width: 100%;   
    }

    .offers-1 .dh-card .img-holder img{
        position: absolute;
    }
    
    .ajanlatok-swiper-wrapper>.swiper:after{
        /*display: block;*/
        display: none;
        position: absolute;
        height: 400px;
        top: 0;
        right: 0;
        width: calc(100% - (66vw + 10px));
        content: '';
        z-index: 10;
        background: linear-gradient(270deg, #FFF 8.51%, rgba(255, 255, 255, 0.00) 138.62%, rgba(255, 255, 255, 0.00) 138.64%);
    }

    .ajanlatok-swiper-wrapper>.swiper.hideGradient:after{
        display: none;
    }

    #page-issues-1924 .bigInnerRow .GoogleSS #submit_button,
    #page-issues-1924 .bigInnerRow .GoogleSSWord{
        margin: 1em 0;
    } 

    #page-issues-1924 .bigInnerRow .GoogleSS tbody>tr:last-child td{
        vertical-align: bottom;
    }


    #page-issues-1924 .bigInnerRow h2 p{
        font-size: 16px;
        line-height: 2; 
        font-weight: 400;
    }

    #page-issues-1924 .bigInnerRow h2 ul{
        font-size: 24px;
        font-weight: 400;
    }


    .normal-full-width-picture img{
        max-width: 100%;
        height: auto;
    }

    .section-virtual-tours>.container{
        position: relative;
        z-index: 1;
    }


    .full-reviews-list .list-line .review-categ-infos.hotel-reviews-list{
        padding-top: 20px;
        padding-bottom: 10px;
        width: 90%;
    }

      /* heditor_table58 ---------------------------------------------- */
      .heditor_table58,
      .heditor_table58 table,
      .heditor_table58 tbody,
      .heditor_table58 thead,
      .heditor_table58 tr ,
      .heditor_table58 td,
      .heditor_table58 th{
          vertical-align:middle;
          border:0;
          border-collapse: collapse;
          border-spacing:0;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          margin:0;
          padding:0;
          font-size: 18px;

      }

      .heditor_table58 td{
        border: solid 1px rgba(0, 0, 0, 0.1);
        background: #fff;
        padding:18px;
        text-align: center;
      }

      .heditor_table58{
          border-radius: 2px;
          width:100%;
      }

      #page-issues-4850 .heditor_table58 td:not(:first-child){
        vertical-align: top;
        text-align: left
      }

      .mices-content table.heditor_table58 {
        width: unset;
        margin: 20px auto 0px auto;
      }
      
      .mices-content table.heditor_table58 td { text-align:left; font-size:16px; padding: 12px; }
      
      .mices-content table.heditor_table58 td:first-child { color:#929292; }
      
      .mices-content table.heditor_table58 td:last-child { padding-right:40px; }
      
      .mices-group-descript { display:block; }
      
      .mices-group-descript, .mices-group-descript p, 
      .wrapper.wrapper-980 .bigInnerCol .IssueContent .mices-group-descript p {
            text-align:left;
            margin:0px 2px;
            max-width:100%;
      }
    
    /* END heditor_table58 ---------------------------------------------- */


    .mices-content {
        text-align:left;
        max-width:100% !important;
        margin-bottom:20px;
    }
    .mices-content p, .mices-content div {
        text-align:left !important;
        width:100%;
        max-width:100% !important;
    }
    .mices-head-row { display:block; margin-bottom:6px; }
    .mices-head-row > div { display:inline-block; }
    .mices-head-label { width:150px; text-align:right; }
    .mices-head-label:after { content:":"; }
    .mices-head-value { font-weight:bold; }
    .mices-group, .mices-submit {
        margin: -1px 0px 0px 0px;
        padding: 8px;
        border: 1px solid var(--LightBlue);
        border-radius: var(--border-radius-small);
        background: #fff none;
    }
    .mices-group:first-child { margin-top:12px; }
    .mices-group-title {
        font-weight: bold;
      margin: 12px 4px;
    }
    .mices-questions li { margin-top:8px; }
    .mices-questions .br-theme-bars-square { height:30px; }
    .mices-questions .br-theme-bars-square select { visible:hidden; height:10px; }
    .mices-comment-block {
        margin-left: 22px;
        margin-bottom:10px;
    }
    .mices-comment-block label { display:block; }
    .mices-comment-block textarea { display:block; width:300px; margin-bottom:20px; margin-top:6px; }
    .mices-submit { padding:30px; }
    .mices-widget { margin-top:4px; }
    .mices-illegal { }
    .mices-desaturate {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    .mices-content table.heditor_table58 {
        width: unset;
        margin: 20px auto 0px auto;
    }
    .mices-content table.heditor_table58 td { text-align:left; font-size:16px; padding: 12px; }
    .mices-content table.heditor_table58 td:first-child { color:#929292; }
    .mices-content table.heditor_table58 td:last-child { padding-right:40px; }
    .mices-group-descript { display:block; }
    .mices-group-descript, .mices-group-descript p, .wrapper.wrapper-980 .bigInnerCol .IssueContent .mices-group-descript p {
        text-align:left;
        margin:0px 2px;
        max-width:100%;
    }
    
    .br-theme-bars-square .br-widget {
        float: left;
        width: 100%;
        white-space: nowrap;
    }
    .br-theme-bars-square .br-widget a {
        display: block;
        width: 38px;
        height: 24px;
        float: left;
        border: 0px;
        background-color:#e6e6e6;
        margin: 0px 0px 0px 2px;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    .br-theme-bars-square .br-widget a:first-child {
        border-top-left-radius:2px;
        border-bottom-left-radius:2px;
    }
    .br-theme-bars-square .br-widget a:last-child {
        border-top-right-radius:2px;
        border-bottom-right-radius:2px;
    }
    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        background-color: var(--DarkBlue);
    }
    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        border-left:1px solid var(--DarkBlue);
        border-right:1px solid var(--DarkBlue);
    }

    .br-theme-bars-square .br-widget a.br-active:first-child,
    .br-theme-bars-square .br-widget a.br-selected:first-child {
        border-left:0px;
    }
    .br-theme-bars-square .br-widget a.br-active:last-child,
    .br-theme-bars-square .br-widget a.br-selected:last-child {
        border-right:0px;
    }


    .br-theme-bars-square .br-readonly a {
        cursor: default;
    }
    .br-theme-bars-square .br-readonly a.br-active,
    .br-theme-bars-square .br-readonly a.br-selected {
        background-color: #ee855a;
    }
    .br-theme-bars-square .br-widget .br-current-rating {
        display:none;
    }   



    .cboxIframe {
        background: #fff;
    }
    
    .cboxIframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
    }


    .hide-scrollbar #header-main,
    .hide-scrollbar .bigCol.left-side .content-submenu-section{
        display: none !important;
    }


    .destination-content.destination-event-content .popup-layer .img-holder{
        width: 100%;
        max-height: 300px;
    }

    .destination-content.destination-event-content .popup-layer .layer-container{
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
    }


    .destination-content.destination-event-content .popup-layer .layer-inner-content{
        margin-top: 55px;
        margin-bottom: 25px;
        padding-bottom: 10px;
        height: calc(100% - 55px - 25px);
    }

    .formdiv .formdiv_subtitle span {
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        position: relative;
        bottom: -1px;
    }    

    .formdiv .formdiv_subtitle span::after {
        content: ".";
        padding-right: 5px;
    }    

    .formdiv .separator {
        padding: 22px 18px 0px 18px;
        border-top: 1px solid var(--LightBlue);
        margin: 32px -20px 4px -20px;
    }

    .preqform .formdiv .formdiv_subtitle{
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 12px;
    }

    .preqform h1 {
        font-size: 28px;
        margin: 20px 0 0 0;
    }

    .preqform h2 {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 8px 0 32px 0;
    }


    .capacity .facility-icons{
            font-size: 20px;
    }

    .formdiv .fullname-table .formdiv_inputvalue table td{
        white-space: nowrap;
    }

    .formdiv .fullname-table .formdiv_inputvalue table .text.textnew.large{
        min-width: 200px !important;
        max-width: 100% !important;
    }


	.calendiv > div {
		position:relative;
		display:inline-block;
		cursor:pointer;
		margin-right:8px;
	}
	.calendiv > div:last-child {
		margin-left:8px;
	}
	.calendiv > div > input[type="text"] {
		background-image:    url(../imgs/icon-calendar.svg);
		background-position: 9px center;
		background-repeat:   no-repeat;
		width: 170px;
		padding-right: 23px;	
		padding-left: 40px;
		cursor:pointer;
	}
	.calendiv > div > input[type="text"][readonly="readonly"] {
		background-color: rgba(255, 255, 255, 0.95);
		color: var(--DarkBlue);
		border: solid 1px var(--GrayBlue);
	}
	.calendiv > div > label {
		display:block;
		font-size:14px;
	}
	.calendiv > div > a {
        width: 9px;
        height: 9px;
        font-family: 'danubius';
        font-size: 9px;
        font-weight: normal;
        line-height: 0px;
        position: absolute;
        display: inline-block;
        right: 12px;
        top: 70%;
        text-decoration: none;
        cursor:pointer;
	}
	.calendiv > div > a::after {
        content: "\e90e";
	}
	.calendiv > div > select {
		padding-bottom:8px;
        padding-top:8px;
        line-height: 1.5;
	}
	
	/* OLD CALENDAR COMPLEX: BEGIN */
            table.calendar_complex { width:300px; margin:0px; }
            table.calendar_complex td, table.calendar_complex th { border:0px !important; padding-top:2px !important; }
            table.calendar_complex td { width:39%; background-color:transparent !important; }
            table.calendar_complex th { width:22%; background-color:transparent !important; }
            table.calendar_complex input { width:78px; height:16px; }
            table.calendar_complex img { vertical-align:middle; border:0px !important; }

            div.calendarholder {
                display:none;
                margin:0px;
                padding:10px 10px;
                position: absolute;
                width:665px !important;
                height: auto !important;
                border:0px;
                border-radius: 4px;
                background: #fff;
                box-shadow: 0 7px 15px rgba(0,0,0,.25);
            }
            div.calendarholder table {
                width:100%;
                margin:0px;
                border-collapse:inherit;
                border-spacing: 0;
                border:0px;
                background-color:transparent;
            }
            div.calendarholder td {
                color:var(--DarkGray);
                padding:6px 12px;
                width:40px;
                height: 40px;
                text-align:center;
                font-size:13px;
                font-weight:normal;
                background-color:#fff;
                border: 1px solid #fff;
                border-collapse:inherit;
            }
            div.calendarholder td.closetab {
                background-color:transparent;
                color:var(--DarkGray);
                padding:0px;
            }
            div.calendarholder td.closetab a {
                font-size: 0;
                position: absolute;
                width: 18px;
                height: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--DarkBlue);
                margin: 0;
                padding: 0;
                border: 0;
                background: transparent;
                top: 20px;
                right: 20px;                
                text-decoration: none;;
            }


            div.calendarholder td.closetab a::after {
                font-family: 'danubius' !important;
                speak: never;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                display: inline-block;
                text-decoration: inherit;
                width: auto;
                min-width: 1em;
                text-align: center;
                -webkit-font-smoothing: antialiased;
                content: "\e91c";
                display: block;
                font-size: 16px;
                color: var(--DarkBlue);
            }


            div.calendarholder td.weekdayname {
                background-color:transparent;
                color:var(--DarkGray);
                font-weight:700;
                font-size:14px;
                text-align:center;
                padding-bottom:4px;
            }
            div.calendarholder td.weekend a {
                color: #b11a29;
            }
            div.calendarholder td.inactive {
                opacity: 0.4;
                color: var(--DarkGray);
                font-weight:normal;
            }

            div.calendarholder td.aover:not(.ininterval):not(.today){ 
                border-radius: 8px;
                border: 1px solid var(--DarkBlue);
            }

            div.calendarholder td.today      { 
                color: var(--DarkGray);
                font-weight: 600;
                background: var(--LightBlue);
                border-radius: 8px;
             }
            div.calendarholder td.ininterval { 
                background: var(--LightBlue);
                border-radius: 0px;
                border-left-color: var(--LightBlue);
                border-right: var(--LightBlue);
                color: var(--DarkGray);
            }

            div.calendarholder td.startday   { 
                background: var(--DarkBlue);
                color: #fff;
                border-radius: 8px 0px 0px 8px;            
            }

            div.calendarholder td.endday     { 
                background: var(--DarkBlue);
                color: #fff;
                border-radius: 0px 8px 8px 0px;
            }

            div.calendarholder td.noday{ 
                background-image:none; 
                background-color:#fff; 
                height: 1px;
            }

            div.calendarholder td.closetab {
                text-align:right;
                font-size:9px;
            }
            div.calendarholder td.betweencell {
                border-right:0px;
            }
            div.calendarholder td.monthname {
                background-color:transparent;
                color:var(--DarkGray);
                text-align:center;
                font-size:14px;
                font-weight:bold;
                text-transform:uppercase;
            }
            div.calendarholder td.monthnavigator {
                background-color:transparent;
                color:var(--DarkGray);
                padding-top:4px;
            }
            div.calendarholder td.monthnavigator a, 
            div.calendarholder td.monthnavigator a:hover, 
            div.calendarholder td.monthnavigator a:visited {
                color:var(--DarkGray);
                text-decoration: none;
            }
            div.calendarholder td.separator1 {
                background-color:transparent;
                font-size:1px;
                padding:0px;
                padding-left:2px;
                border:0px;
                width:3px;
                text-align: center;
                position: relative;
            }

            div.calendarholder td.separator1:after {
                width: 1px;
                background-color: var(--LightBlue);
                content: "";
                display: block;
                height: 100%;
                position: absolute;
                top: 0;    
                left: 8px;        
            }

            div.calendarholder td.separator2 {
                background-color:transparent;
                font-size:1px;
                padding:0px;
                padding-right:2px;
                border:0px;
                width:3px;
            }

            div.calendarholder tfoot td {width: auto !important; text-align:left !important }
	/* OLD CALENDAR COMPLEX: END */

            .gprh-dep {
                position:relative;
            }
            .gprh-dep-tit {
                font-size:16px;
                font-weight:bold;
                line-height: 1.5;
                margin-bottom:20px;
            }
            .gprh-dep-2 {
                position:relative;
            }
            .gprh-dep-2>div, .gprh-dep-2>input {
                display:inline-block;
            }
            .gprh-dep-2>div {
                margin-left:230px;
            }
            .gprh-dep-radios, .gprh-dep-advert {
                display:inline-block;
                width:50%;
                vertical-align:top;
            }
            .gprh-dep-advert {
                width: calc(50% - 26px);
            }
            .gprh-dep-advert > div {
                padding: 6px 10px;
                border-radius: 2px;
                background-color: var(--LightBlue);
                border: solid 1px var(--DarkBlue);
                word-wrap: break-word;
                margin-bottom: 20px;
                max-width: 260px;
            }
            .gprh-dep-advert, .gprh-dep-advert a, .gprh-dep-advert a:visited, .gprh-dep-advert a:hover {
                color: var(--DarkBlue);
                font-weight:normal;
            }
            #_ufh_20200 {
                width: 200px;
                position: absolute;
                top: 0px;
                left: 0px;
                margin-left: 0px;
            }
            .gprh-genders .rdbtn {
                margin-bottom:16px;
            }
            .gprh-genders .rdbtn {
                display:inline-block;
            }
            .gprh-genders .rdbtn:last-child {
                margin-left:20px;
            }
            .gprh-nonc {
                display:block;
            }
            .gprh-nonc input, .gprh-street input {
                width:480px !important;
                max-width: 100%;
            }
            .gprh-bigsubtit {
                font-size: 16px;
                line-height: 1.5;
                margin: 18px 0px;
            }
            .gprh-paddr>div {
                display:inline-block;
                margin:0px;
            }
            .gprh-paddr select, .gprh-paddr input {
                width:235px !important;
            }
            .gprh-litlab {
                margin-top:20px;
            }
            .gprh-postal input {
                width:98px !important;
            }
            .gprh-acceptdea {
                display:inline-block;
                border-radius: 2px;
                background-color: #edf0f2;
                border: solid 1px #dce1e6;
                padding:9px 34px 9px 10px;
                margin-top:24px;
            }
            .gprh-acceptdea a {
                font-size: 12px;
                font-weight: bold;
                color: #004990;
            }



            .footer .payment_service{
                padding-top:40px;

            }

            .footer .payment_service ul{
                display: flex;
                column-gap: 2%;
                padding-top: 20px;
                align-items: center;
            }
            
            .footer .payment_service ul li img{
                height: auto;
                width: 100%;
                display: block;
            }

            .footer .payment_service h5{
                font-size: 12px;
                line-height: 16px;
                text-transform: uppercase;
            }

            #adyen-logo{
                width: 45px;
            }

            #pmgw-logo{
                width: 87px;
            }

            .footer-bottom .payment_service{
                padding-top: 30px;
                margin-top: 30px;
                border-top: 1px solid var(--TextGray-opacity-05);
                text-align: center;
            }

            .footer-bottom .payment_service ul{
                justify-content: center;
            }

    .irb-module-tiles .irb-tiles{
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }


    .irb-module-tiles .irb-tiles .irb-tile{
        width: 100% !important;
        min-width: inherit !important;
        max-width: inherit !important;
        padding: 30px 10px;
        background: #FFFFFF;
        box-shadow: 5px 10px 30px rgba(5, 85, 116, 0.1);
        border-radius: 6px;
        height: auto;
        min-height: 120px;
        cursor: pointer;
    }

    .irb-module-tiles .irb-tiles .irb-tile:hover{
        background: var(--BG-Blue);  
    }

    
    .irb-module-tiles .irb-tiles .irb-tile .irb-columns>a{
        text-decoration: none;
    }

    .irb-module-tiles .irb-tiles .irb-tile .irb-columns{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        color: var(--Blue);
    }

    .irb-module-tiles .irb-tiles .irb-tile .irb-columns .irb-tile-content.irb-tile-text{
        text-align: center;
        width: 100%;
    }

    .irb-module-tiles .irb-tiles .irb-tile .irb-columns .irb-tile-content.irb-tile-text h3{
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        font-weight: 400;
    }

    .irb-module-tiles .irb-tiles .irb-tile:hover .irb-columns .irb-tile-content.irb-tile-text h3{
        font-weight: 600;
    }
    
    .irb-module-tiles .irb-tiles .irb-tile .irb-columns .irb-tile-picture{
        text-align: center;
        width: 100%;
        padding: 0px 0px 15px 0px;
    }

    .t-hover-day-content{
        min-height: 4em;
        top:-53px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gino-header{
        min-height: 98px;
    }

    .hotels-in-destination-block .box a.map-link{
        color: var(--DarkBlue);
        text-decoration: underline;
        font-size: 1rem;
    }

    .result-list-holder.wellness-treatment-list{
        position: relative;
    }


    .tesztanimation{
        background: #ddd;
        height: 152px;
        opacity: 0;
        transition: all .5s ease;
        display: block !important;
    }

    .tesztanimation.animated{
        height: auto;
        opacity: 1;
        transform: translateY(0);
    }

    .right-side.hotel-content.hotel .content-block{
        padding-bottom: 18px !important;
    }


    #infoaboutlover{
        /*padding: 20px !important;*/
    }


    .horizontal-list,
    .container.horizontal-list-container{
        padding-left: 0;
        padding-right: 0;
    }

    .cardnetlogin.formdiv input.text{
        max-width: 100%;
        width: 300px;
    }

    #ocmsform-110 #_ufh_900009_1{
        width: 100px;
    }

    .click-hand{
        width: 20px;
        bottom: 10px;
        right: 10px;
        z-index: 1;
    }

    .management-descript img{
        border-radius: var(--border-radius);
    }


    .offer-list.horizontal-list .result-list .offers-list-line .avail-hotels .price strong{
        color: var(--DarkGray) !important;
    }

    .confrooms-gallery > a{
        text-decoration: none;
    }

    .menu-holder a.cartInHeader{
        text-decoration: none;
        display: flex;
        align-items: center;
        margin-right: 10px;
    } 

    a.cartInHeader>.icon-shopping-cart{
        margin-right: 5px;
    }

    .cartInHeader{
        text-decoration: none !important;
    }

    #desktop-menu .cartInHeader{
        color: #fff;
    }
    
    #desktop-menu .menu.main-menu{
        padding-right: 20px;
    }

    
    body.header-fixed #desktop-menu .headerCart-holder{
        margin-right:30px;
    }

    body.header-fixed #desktop-menu .headerCart-holder,
    body.header-fixed #desktop-menu .search{
        display: none;
    }

    body.header-fixed #sticky-user{
        margin-right: 10px;
    }


    .webshop_sub_category .box-holder{
        row-gap: 40px;
    }

    .ajandekkartyak .image-holder{
        background: #F8FDFF;
        text-align: center;
        width: 100%;
        height: 196px;
        border-radius: var(--border-radius-small);
    }

    .ajandekkartyak .image-holder img{
        height: 100%;
        width: auto;
        max-width: 100%;
        object-fit: cover;
    }

    .ajandekkartyak{
        text-align: center;
    }

    .ajandekkartyak h4{
        padding-bottom: 10px;
        text-align: center;
    }

    .ajandekkartyak .button-holder{
        margin-top: auto;
    }

    .webshop_spec_product_item.webshops_discount_coupon_holder #kedvezmenykupon{
        padding: 20px;
        text-align: right;
        width: 100%;
    }

    .webshop_spec_product_item.webshops_discount_coupon_holder .formdiv {
        border: 0;
        padding: 0;
        margin-bottom: 12px;
    }

    .webshop_spec_product_item.webshops_discount_coupon_holder h4 {
        margin-bottom: 12px;
    }


    .webshop_global_sum_holder,
    .webshop_global_sum_holder>div{
       display:block; 
    }
    
    .webshop_global_sum_holder{
       padding:20px 0;
       flex-direction: column;
    }
    
    .webshop_global_sum{
       padding:12px 0;  
       display:table !important;
       width:100%;         
    }
    .webshop_global_sum > div{
       display:table-cell;
       vertical-align: middle;
       
    }
    
    .webshop_global_sum > div:first-child{
                  width: 32%;
    }
    
    .webshop_global_sum > div:first-child:after{
        display:block;
         height:1px;
         content:"";
         min-width:200px;
         padding: 10px 40px;
    }
   
    .webshop_global_sum.webshop_global_sum_total > div:first-child:after{
                   padding: 25px 40px;
    }
    
    .webshop_global_sum .sum{
      line-height:1;
      padding-right:0;
      padding-left:40px;
    }
    .webshop_global_sum.webshop_global_sum_total .sum{
      line-height:38px;         
    }

    .webshop_global_sum .sumprice{
       font-weight: bold; 
       float:right; 
       padding-right:20px;
     }


     .webshop_global_sum.webshop_global_sum_total .sumprice{
       font-size: 28px;
       font-weight: bold; 
       float:right; 
       padding-right:20px;
     }

     .webshop_global_sum_holder .button-holder{
        margin:0 20px 0 20px;
     }


     .formdiv .notice {
        margin-bottom: 15px;
        margin-top: 5px;
        font-style: italic;
        font-size: 13px;
    }

    .shipping-fields label,
    .payment-fields label,
    .shipping-fields label input,
    .payment-fields label input{
        cursor: pointer;
    }

    .paytypedescript{
        padding-top: 5px;
    }


    .promoart-holder.image-holder:after {
        background: var(--bg-gradient-banner-2);
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 2;
        content: '';
        top: 0;
        left: 0;
    }

    .errors,
    .messages{
       list-style: none;
       padding:0;
       margin:10px 0 20px 0;
    }

    .errors li,
    .messages li{
       list-style: none;
       padding:10px;
       margin:0;
       border-radius: var(--border-radius) !important;
       font-size: 14px;
    }
    
    .errors li{
     background:var(--ErrorRed);
     color:#fff;
    }

    .messages li{
     background:#dff0d8;
     color:#000;
    }


    .discount_orig_price {
        text-decoration: line-through;
        font-size: 86%;
        color: var(--ErrorRed);
        font-weight: normal;
    }

    .orderspecialform .formdiv_inputvalue{
        color: var(--TextGray);
        word-wrap: break-word;
    }

    .orderspecialform-label{
        line-height: 28px;
    }

    .webshop_cart .webshop_product_pic img{
        max-width: 200px;
        width: auto;
    }

    #universalWebshopformdiv .shipping-fields{
        position: relative;
    }
    #universalWebshopformdiv .shipping-fields > div,
    #universalWebshopformdiv .paymode-chkb{
        display: flex;
        column-gap: 10px;
        margin-bottom: 20px;
        width: 100%;
    }

    
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
    .dropdown-content ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .dropdown-content ul li {
        list-style: none;
        padding: 10px 14px;
    }
    
    .dropdown-content ul li a {
        text-decoration: none !important;
    }

    .main-menu li:hover > .dropdown-content {
        display: block;
    }

    .ul-holder .dropdown-content {
        display: block;
        position: relative;
        background: transparent;
        box-shadow: none;
    }

    .ul-holder .dropdown-content ul li{
        font-size: 17px !important;
        color: var(--DarkBlue) !important;
    }


    tr.formdiv_row>.formdiv_inputlabel,
    tr.formdiv_row>.formdiv_inputvalue{
        padding-bottom: 20px;
    }

    .formdiv_row.chkbtables .formdiv_inputvalue table table tr{
        display: flex !important;
        align-items: center;
    }

    .formdiv_row.chkbtables .formdiv_inputvalue table table tr>td{
        width: auto !important;
    }

    .formdiv_row.chkbtables .formdiv_inputvalue table table tr>td>label{
        padding-left: 5px !important;
        padding-right: 15px;
        line-height: 1;
        display: block;
    }


    .universalform.form100 #form_row_input_4 a.noborder{
        display: inline-block;
    }


    .universalform.form100 #form_row_input_4 a.noborder>img{
        margin-top: -15px !important;
    }

    .universalform.form100 #form_row_input_9871789 td{
        display: flex;
        align-items: center;
    }

    .universalform.form100 #form_row_input_9871789 td label{
        font-size: 12px;
    }

    .universalform.form100 #form_row_input_7 td.formdiv_inputvalue table table tr{
        display: flex;
        align-items: center;
    }

    .universalform.form100 #form_row_input_7 td.formdiv_inputvalue table table tr>td{
        width: auto !important;
    }

    .universalform.form100 #form_row_input_7 td.formdiv_inputvalue table table tr>td>label{
        padding-left: 10px;
    }


    .universalform.form100 .form-submit{
        padding-top: 20px;
    }
/* Responsive --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1279px) {
    /* compare */
    :root {
        --table-placeholder: 250px;
    }

    .compare-title{
        padding-bottom:30px;
    }

    .compare-table{
        width:100%;
        overflow-x:auto;
    }

    .compare-title .title{
    width:auto;
    }

    .compare-table-headers{
        margin-top:0px;
        white-space: nowrap;
        padding-bottom:0;
    }


    .compare-table-headers .hotel-info .hotel-name{
    white-space: normal;
    }

    .compare-table-rows{
        white-space: nowrap;
        width:100%;
    }

    .compare-table-rows .facility-line > div,
    .compare-table-headers > div,
    .compare-table-headers > div.placeholder{
        width: var(--table-placeholder);
    }
    .compare-table-headers > div{
        padding-bottom: 48px;
        min-height:inherit;
    }

    .compare-table-rows .facility-line > div{
        white-space: normal;
    }

    .compare-table-rows .facility-line > div:first-child,
    .compare-table-rows .facility-line > div.mtitle{
        width: var(--table-placeholder);
        padding-left:20px;
        margin-left:0px;
    }

    .compare-table-rows .facility-line .facility{
        display:none;
    }

    .compare-hotels{
        position:relative;
    }

    .compare-table .compare-table-headers > div.placeholder{
        position: absolute;
        height: 100%;
        left: 0;
        margin-left: 0px;
        margin-top: -7px;
        background: #fff;
        z-index: 10;
        -webkit-box-shadow: 5px 2px 5px -2px rgba(0, 35, 102, 0.05);
        -moz-box-shadow: 5px 2px 5px -2px rgba(0, 35, 102, 0.05);
        box-shadow: 5px 2px 5px -2px rgba(0, 35, 102, 0.05);
        padding-bottom: 7px;
        display:none;
        opacity: 1;
    }

    .compare-table .compare-table-headers > div.placeholder > div{
        position:absolute;
        bottom:0;
        width:100%;
        background:#fff;
        height:50%;
        z-index:11;
        left:-1px;
    }

    .compare-table .compare-table-headers > div.placeholder > div:after{
        /*border-top: 1px solid var(--LightBlue);*/
        display:block;
        width:100%;
        height:66px;
        content:"";
        position:absolute;
        bottom:0;
        left:0;
    }

    .compare-table .compare-table-headers > div:nth-child(2){
        margin-left:var(--table-placeholder);
    }

    .compare-table .compare-table-rows .facility-line >  div.mtitle{
        position:absolute;
        left:-1px;
        z-index:12;
        width: var(--table-placeholder);
    }


    .compare-table.scrolling .compare-table-headers > div.placeholder{
        display:block;
    }

    .compare-table.scrolling .compare-table-rows .facility-line >  div.mtitle{
        display:inline-block;
        background: var(--LightBlue);
    }

    .compare-table-rows .facility-line.subtitle:first-child > div,
    .compare-table-rows .facility-line.subtitle:first-child > div.mtitle,
    .compare-table .compare-table-rows .facility-group:first-child .facility-line.subtitle > div.mtitle{
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        background: var(--DarkBlue);
    }


    .compare-table.scrolling .compare-table-rows .facility-line.bottom-line >  div.mtitle{
        display:inline-block;
        background: var(--LightBlue);
        height: 82px;
    }
    /* END compare -------------------------------------*/

}


@media (max-width: 1023px) {
    /* heditor_table60 ---------------------------------------------- */

    .heditor_table1,
    .heditor_table1 thead tr td,
    .heditor_table1 tbody tr td,
    .heditor_table1 tbody tr td:first-child,
    .heditor_table1 tbody tr td:last-child{
        display:block;
        width:100%;
    }


    .heditor_table60,
    .heditor_table60 thead tr td,
    .heditor_table60 tbody tr td,
    .heditor_table60 tbody tr td:first-child,
    .heditor_table60 tbody tr td:last-child{
        display:block;
        width:100%;
    }

    .heditor_table60 tbody tr td:first-child,
    .heditor_table60 tbody tr td:last-child{
        padding:0 40px 30px 40px;
    }

    .heditor_table60 thead tr td{
        padding:30px 100px;
    }
    /* END heditor_table60 ---------------------------------------------- */

    /* END heditor_table61 ---------------------------------------------- */
    .heditor_table61 td{
        padding-top:0;
    }
    /* END heditor_table61 ---------------------------------------------- */

    /* kinyitott doboz */
    .white-grey-boxes-opened{
        padding-top:24px;
    }

    .white-grey-boxes-opened > .holder:after,
    .white-grey-boxes-opened > .holder:before{
        left: 24%;
    }

    .white-grey-boxes-opened.p2 > .holder:after,
    .white-grey-boxes-opened.p2 > .holder:before{
        left: 76%;
    }

    .white-grey-boxes-opened .list-line{
    }

    .white-grey-boxes-opened > .holder{
        padding-bottom:0;
    }

    .white-grey-boxes-opened .list-element .holder{
        padding:10px 0px;
        margin:0 19px;
        min-height:inherit;
        border:0;
        border-bottom: solid 1px #cccccc;
        border-radius: 0px;
        vertical-align: middle;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        align-items: center;
        -webkit-align-items:  center;
    }
    .white-grey-boxes-opened .list-element:nth-child(2n) .holder,
    .white-grey-boxes-opened .list-element:nth-child(2n+1) .holder{
        margin:0;
        flex-wrap: wrap;
    }

    .white-grey-boxes-opened .list-element:last-child .holder{
        border-bottom:0;
    }

    .white-grey-boxes-opened .list-element .holder .image-holder{
          vertical-align: top;
          width: 40px;
          height: 40px;
          margin-right: 10px;
          overflow: hidden;
          margin-bottom: 0;
    }

    .white-grey-boxes-opened .list-element .holder > div{
        float:none;
    }

    .white-grey-boxes-opened .list-line .holder .text .time,
    .white-grey-boxes-opened .list-line .holder .text .price,
    .white-grey-boxes-opened .list-element .holder .more-link,
    .white-grey-boxes-opened .list-element .holder .more-link a {
      text-align: center;
      vertical-align: middle;
        font-size: 14px;
        font-weight: normal;

    }

    .white-grey-boxes-opened .list-element .holder .subtitle{
        width:calc(50% - 52px);
        margin:0;
        float:none;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
    }

    .white-grey-boxes-opened .list-element .holder .text{
          width:50%;
          margin:0;
          vertical-align: middle;
    }

    .white-grey-boxes-opened .list-element .holder .more-link{
          width:15%;
          vertical-align: middle;
          text-align: left;
    }

    .white-grey-boxes-opened .list-element .holder .more-link a{
        margin-left:10px;
        display: block;
        text-align: left;
    }

    .white-grey-boxes-opened .list-element .more-link a .fa{
      display:inline-block;
      float:right;
      text-decoration: none;
      margin-top:4px;
    }


    .white-grey-boxes-opened .list-line.head-line2{
       font-size:14px;
       font-weight: bold;
       padding-top:6px;
       padding-bottom:6px;
       text-transform: uppercase;
    }

    .white-grey-boxes-opened .box-lead-text{
      padding-bottom:20px;
    }

    .white-grey-boxes-opened .list-line.head-line2 .list-element .holder{
        padding:0 20px;
        border-bottom:0;
        margin:0;
        min-height:inherit;
    }

    .white-grey-boxes-opened .list-line.head-line2  .list-element .holder .image-holder{
        height:1px;
        border:0;
        margin-right: 12px;
    }

    .white-grey-boxes-opened .list-line.head-line2 .holder .subtitle,
    .white-grey-boxes-opened .list-line.head-line2 .holder .text .time,
    .white-grey-boxes-opened .list-line.head-line2 .holder .text .price {
        font-weight: bold;
        margin-bottom: 0;
    }

    /* compare */
    .compare-table-headers .image-replacer{
        height: auto;
        padding-bottom: 100%;
    }


    .compare-table-headers .hotel-info .hotel-name .fa{
        display:none;
    }

    /* END compare */

    .box-holder .box.drop-down-boxes>a {
        padding-right: 25px;
        width: calc(100% - 45px);
    }


    .content-block.wellness-treatment-list .box.w3b.white-grey-boxes{
        width: 50% !important;
    }

    .treatments .boxed-list .box-holder .text-holder>div {
        padding: 0;
    }

}


@media (max-width: 991px) {

    .booking-holder .booking-box .formline3.opened .bookingback{
        background: transparent url(../imgs/icon-arrow-left-blue.svg) left center no-repeat;
        border-radius: 0;
        width: auto;
        height: auto;
        padding-left:46px;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: var(--DarkBlue);
    }


    .ui-autocomplete.ui-widget-content{
        --bs-gutter-x: 1.5rem;
        --padding-l: 25px;
        width: calc(100% - 2*(var(--bs-gutter-x) * 0.5) - 2*var(--padding-l)) !important;
        left: calc((var(--bs-gutter-x) * 0.5) + var(--padding-l)) !important;
    }


    .container.hotel-info-line{
        max-width: 100%;
    }

    .content-submenu-section.position-sticky{
        z-index: 1000;
        background: var(--Blue-new);
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 20px 15px;
        box-shadow: 5px 10px 30px 0px rgba(88, 88, 90, 0.10);
    }
    
    .bigCol.left-side .content-submenu-section.position-sticky {
        width: 100%;
        position: fixed !important;
        left: 0;
    }
    
    .content-submenu-section.position-sticky .content-submenu{
        background: #fff;
        border-color: #fff;
    }
    
    
    .content-submenu-section.position-sticky .content-submenu-inner{
        max-height: calc(100vh - (2 * var(--content-margin-top)));
        overflow:hidden;
        overflow-y: auto;
    }
    
    

}

@media (max-width: 767px) {

    .compare-list-holder .compare-text p {
        display: none !important;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
    }

    .compare-list-holder .compare-text p#text3 {
        display: block !important;
    }

    .content-block.lead-text.row.meetings-and-events,
    .content-block.lead-text.row.meetings-and-events>div[class^="col-"]{
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

}

@media only screen and (max-width: 679px) {
        /* heditor_table58 ---------------------------------------------- */
          .heditor_table58,
          .heditor_table58 td{
              display:block;
              width:100% !important;
          }
        /* END heditor_table58 ---------------------------------------------- */
  
    :root {
        --table-placeholder: 160px;
    }

    .content-block:not(.boxed-list), 
    .content-block-border-bottom, 
    .content-block-border-bottom.lead-text, 
    .content-block.lead-text {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 25px;
    }
    
    .content-block.full-width{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    
    .heditor_table60 thead tr td,
    .heditor_table60 tbody tr td,
    .heditor_table60 tbody tr td:first-child,
    .heditor_table60 tbody tr td:last-child{
       padding-left:15px;
       padding-right:15px;

    }

    .heditor_table60 thead tr td{
       font-size:20px;
       padding:25px 15px;
    }



    /* compare */
    .compare-title{
    padding:0 20px 20px 20px;
    text-align: left;
    }

    .compare-title .title{
    padding-top: 20px;
    padding-bottom: 5px;
    }


    .compare-table-rows{
        border-left:0;
        border-right:0;
        border-radius:0;
    }

    .compare-table-rows .facility-line > div,
    .compare-table-headers > div,
    .compare-table-headers > div.placeholder{
        width: var(--table-placeholder);
        min-width:auto;
        min-height:auto;
    }

    .compare-table-headers > div{
        vertical-align: top;
    }


    .compare-table-headers .button-holder .book{
    margin:0;
    width:auto;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    }

    .compare-table-headers .hotel-info .hotel-name .fa{
    display:none;
    }

    .compare-table-rows .facility-line > div:first-child,
    .compare-table-rows .facility-line > div.mtitle {
        width: var(--table-placeholder);
        padding-left: 20px;
        margin-left: 0px;
        word-break: break-word;
    }

    .compare-table .compare-table-headers > div:nth-child(2){
        margin-left: var(--table-placeholder);
    }

    .compare-table .compare-table-headers > div.placeholder{
        width: var(--table-placeholder);
        min-width:initial;
    }
    .compare-table .compare-table-rows .facility-line >  div.mtitle{
    width: var(--table-placeholder);
    }

    .compare-table .compare-table-rows .facility-group:first-child .facility-line.subtitle > div.mtitle{
    border-top-left-radius: 0px;
    }

    .compare-table-rows .facility-line > div{
    font-size: 14px;
    }

    .compare-table-rows .facility-line.subtitle > div:first-child,
    .compare-table-rows .facility-line.subtitle > div.mtitle{
        font-size: 16px;
    }

    .compare-table-headers .button-holder{
    display: block;
    }

    .compare-table-headers .button-holder .offers{
        display:none;
    }

    .compare-table-rows .btn-hotel-details{
    padding-top:6px;
        padding-bottom:6px;
    }

    .compare-table-rows .btn-hotel-details .fa{
            margin-left: 5px;
    }

    .compare-table-rows .facility-line > div {
    white-space: normal;
    }
    /* END compare */

    /* heditor_table59 ---------------------------------------------- */
      .heditor_table59,
      .heditor_table59 td{
          display:block;
          width:100%;
      }

      .heditor_table59 td .facilities-title{
          margin-top:20px;
      }
      ul.content-facilities{
        padding-left:0;
      }
      ul.content-facilities li{
        white-space: initial;
      }
    /* END heditor_table59 ---------------------------------------------- */


    .heditor_table61,
    .heditor_table61 table,
    .heditor_table61 tbody,
    .heditor_table61 thead,
    .heditor_table61 tr,
    .heditor_table61 td,
    .heditor_table61 th,
    .heditor_table61 tbody tr td:first-child,
    .heditor_table61 tbody tr td:last-child{
       display:block;
       width:100%;
       padding-left:0;
       padding-right:0;

    }

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


    /* kinyitott doboz */
    .mobile-back-button{
        display:block;
    }

    .white-grey-boxes-opened.popup-layer {
        padding-top: 0;
        background-color: #edf0f2;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1210;
        overflow: auto;   
        position: fixed;   
        display: block;  
    }   
    
    .result-list-holder.wellness-treatment-list .white-grey-boxes-opened.popup-layer {
        position: fixed !important;    
        top: 0 !important
    }


    .white-grey-boxes-opened .list-element{
        background:#fff;
    }


         .white-grey-boxes-opened > .holder{
             background:none;
             border:0;
         }

         .white-grey-boxes-opened.popup-layer > .holder{
             padding-bottom:24px;

         }


         .white-grey-boxes-opened  > .holder:after,
         .white-grey-boxes-opened  > .holder:before,
         .white-grey-boxes-opened.p2 > .holder:after,
         .white-grey-boxes-opened.p2 > .holder:before,
         .white-grey-boxes-opened.p3 > .holder:after,
         .white-grey-boxes-opened.p3 > .holder:before{
             display:none;
         }

         .white-grey-boxes-opened > .holder .title{
            margin-top:27px;
            margin-bottom:27px;
         }

         .white-grey-boxes-opened .list-element{
             margin-bottom:12px;
         }

         .white-grey-boxes-opened .list-element .holder{
            border-bottom:0;
         }

         .white-grey-boxes-opened .list-element:nth-child(2n) .holder,
         .white-grey-boxes-opened .list-element:nth-child(2n+1) .holder,
         .white-grey-boxes-opened .list-element .holder{
             margin:0;
             padding:12px 6px 6px 6px;
             display: block;
         }
         .white-grey-boxes-opened .list-element .holder > div {
             float: left;
         }

         .white-grey-boxes-opened .list-element .holder .image-holder{
             width: 80px;
             height: 80px;
             margin-right:10px;
             margin-bottom:10px;
         }

         .white-grey-boxes-opened .list-element .holder .subtitle,
         .white-grey-boxes-opened .list-element .holder .text{
             width: calc(100% - 94px);
             margin-bottom:6px;
         }

         .white-grey-boxes-opened .list-element .holder .subtitle{
             font-size: 16px;
             font-weight: bold;
             line-height: 1.5;

         }

         .white-grey-boxes-opened .list-line .holder .text .time{
             text-align: left;
         }

         .white-grey-boxes-opened .list-line .holder .text .price{
             text-align:right
         }

         .white-grey-boxes-opened .list-element .holder .more-link{
             width:100%;
              text-align:right
         }

         .white-grey-boxes-opened .list-element .holder .more-link a{
             display:inline-block;
             margin-left:0;
         }

         .white-grey-boxes-opened .list-element .more-link a .fa{
           display:none;
         }
         /* END kinyitott doboz */



     /* END fehér-szürke boxok*/

     .info-bubble-holder{
        position:inherit;
    }

    .info-bubble-holder .info-bubble{
       top:inherit;
       bottom:inherit;
        width: calc(100% - 10px);
        margin: 5px;
       left:0;

    }

    .info-bubble-holder .info-bubble .arrows{
        top:0px;
        left:50%;
    }


    .info-bubble-holder.bubble-horizontal{
        position:relative;
    }

    .info-bubble-holder.bubble-horizontal  .info-bubble{
       width:100%;
       margin: 0;
    }

    .info-bubble-holder .info-bubble::after,
    .info-bubble-holder .info-bubble::before{
       display:none;
    }


    .info-bubble-holder.bubble-horizontal .info-bubble .arrows{
        height:18px;
        width:50px;
        left:50%;
        top:0;
        margin-left:-25px;
        margin-top:0;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble .arrows:after{
        transform: rotate( 135deg );
        -moz-transform: rotate( 135deg );
        -ms-transform: rotate( 135deg );
        -o-transform: rotate( 135deg );
        -webkit-transform: rotate( 135deg );
        left:50%;
        margin-left:-8px;
        top:0px;
    }

    .info-bubble-holder.bubble-horizontal .info-bubble::before{
           height: 18px;
           width: 50px;
           margin-left: -25px;
           margin-top:0;
    }


    .box-holder .box.w2b.drop-down-boxes {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 12px;
        height: auto;
    }    

    .box-holder .box.w2b.drop-down-boxes>a {
        padding: 0 20px;
        margin: 18px 0;
        height: auto;
        min-height: 24px;
    }

    /* extrainfo a hoteleknél:BEG */
    div#extrainfo {
        width:calc(100% - 2px);
        height:40px;
    }
    div#extrainfo-a { display:none; }
        #extrainfo-titletext {
            padding: 13px 0px 0px 44px;
        font-size: 14px;
    }
    #extrainfo-inner {
        overflow-y:scroll;
        position: fixed;
        width: calc(100% - 22px);
        margin-left: 2px;
    }
    /* extrainfo a hoteleknél:END */

    .meetings-capacity-holder{
        border-top: 1px solid var(--LightBlue);
        border-bottom: 1px solid var(--LightBlue);
        margin-top:30px;
    }
    .meetings-capacity-holder>div{
        padding-bottom: 10px;
    }


    .treatments .boxed-list .box-holder .text-holder>div.over-layer-content {
        padding: 0px;
    }

    .webshop_global_sum{
        display:block !important;
    }
    
    .webshop_global_sum > div{
        display:block;
    }
    
    .webshop_global_sum > div:first-child{
       display:none;
    }
    
    .webshop_global_sum .sum{
        padding-left:20px;
    }
    .webshop_cart .webshop_global_sum_holder .button-holder{
        text-align: center;
        margin:0 20px;
        width:calc(100% - 40px);
    }
    

}

@media (max-width: 575px) {
    .form-row textarea,
    .form-row select,
    .formdiv_row .formdiv_inputvalue input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]){
        width: 100%;
        min-width: 100%;
    }

    .irb-athree4 > .irb-columns{
        flex-direction: column;
    }

    .irb-athree4 > .irb-columns > .irb-column{
        width: 100% !important;
    }

    .t-datepicker-days {
        width: 90vw;
        left: 5vw !important;
        top: calc(var(--content-margin-top) + 10px) !important;
        position: fixed;
    }

    .t-datepicker .t-year-check-in,
    .t-datepicker .t-year-check-out,
    .t-datepicker .t-month-check-in,
    .t-datepicker .t-month-check-out, 
    .t-datepicker .t-day-check-in,
    .t-datepicker .t-day-check-out{
        font-size: 12px;
    }

    .t-datepicker .t-date-check-in .t-date-info-title:has(+.t-year-check-in),
    .t-datepicker .t-date-check-out .t-date-info-title:has(+.t-year-check-out) {
       width: 10px;
       overflow: hidden;
    }

    div.calendarholder{
        left: 0 !important;
        width: 100% !important;
        
    }

}



/* MIN width --------------------------------------------*/


@media (min-width: 481px) {
    .t-datepicker-days .t-table-wrap{
        padding-bottom: 0;
        margin-bottom: 0;
        margin-left: 1%;
        margin-right: 1%;
        border: 0;
    }

    .t-datepicker-days .t-table-wrap:first-child{
        border: 0;
        border-right: 1px solid var(--LightBlue);
        margin-right: 0;
        padding-right: 1%;
        padding-bottom: 0;
        margin-bottom: 0;
    }

}



/* Small devices sm (landscape phones, 576px and up) --------------------------------------------*/
@media (min-width: 576px) {
    :root {
        --container-width: 540px;
    }

    .dhcoupons-item .wrapper,
    .promoart-holder .wrapper{
        max-width: var(--container-width);
    }

    .sm-w-auto{
        width: auto !important;
    }
    
    
    .sm-w-25{
        width: 25% !important;
   }

   .sm-w-30{
    width: 30% !important;
    }

    .sm-w-40{
        width: 40% !important;
    }

   .sm-w-50{
        width: 50% !important;
   }

   .sm-w-60{
    width: 60% !important;
   }

   .sm-w-70{
    width: 70% !important;
    }

   .sm-w-75{
        width: 75% !important;
   }

   .sm-w-100{
        width: 100% !important;
   }

   .sm-w-auto{
    width: auto !important;
    }

    .sm-position-absolute{
        position: absolute !important;
    }

    .sm-position-relative{
        position: relative !important;
    }

    .sm-position-inherit{
        position: inherit !important;
    }


    .sm-fs-10{
        font-size: 10px !important;
    }
    
    .sm-fs-12{
        font-size: 12px !important;
    }

    .sm-fs-14{
        font-size: 14px !important;
        line-height: 1.5em  !important;
    }

    .sm-fs-16{
        font-size: 16px !important;
        line-height: 1.5em  !important;
    }

    .sm-fs-18{
        font-size: 18px !important;
    }

    .sm-fs-20{
        font-size: 20px !important;
    }


    .sm-fs-24{
        font-size: 24px !important;
    }

    .sm-fs-28{
        font-size: 28px !important;
    }

    .sm-lh-1{
        line-height: 1em  !important;
    }

    .sm-lh-1-25{
        line-height: 1.25em  !important;
    }


    .sm-column-count-2{
        column-count: 2;
        column-gap: 3em;
    }

    .sm-column-count-3{
        column-count: 2;
        column-gap: 3em;
    }

    .sm-column-count-4{
        column-count: 2;
        column-gap: 3em;
    }


    .sm-padding-b-100p{
        padding-bottom: 100% !important;
    }

    .sm-padding-b-66p{
        padding-bottom: 66% !important;
    }

    .sm-padding-b-200p{
        padding-bottom: 200% !important;
    }

    .sm-padding-b-84p{
        padding-bottom: 84% !important;
    }

    .sm-shadow-box{
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        background-color: #fff;
        margin-top:30px;
        margin-bottom: 30px;
    }

    .table-holder{
        width: 100%;
    }
    .table-gradient-helper{
        padding-right: 0;
    }

    .sm-align-left{
        text-align: left;
    }
    
    .sm-align-right{
        text-align: right;
    }
    .sm-align-center{
        text-align: center;
    }
    
}

/* Medium devices md (tablets, 768px and up) --------------------------------------------*/
@media (min-width: 768px) {
    :root {
        --content-margin-top: 70px;
        --sticky-content-margin-top: 70px;
        --container-width: 720px;
    }


   .promoart-holder .wrapper.subpagepromo{
        left: 50%;
        transform: translateX(-50%);
   }

    .md-w-25{
        width: 25% !important;
   }

   .md-w-30{
    width: 30% !important;
    }

    .md-w-40{
        width: 40% !important;
    }

   .md-w-50{
        width: 50% !important;
   }

   .md-w-60{
    width: 60% !important;
    }

   .md-w-70{
    width: 70% !important;
    }

   .md-w-75{
        width: 75% !important;
   }

   .md-w-100{
        width: 100% !important;
   }

   .md-w-auto{
    width: auto !important;
    }


    .md-h-25{
        height: 25% !important;
    }

    .md-h-30{
        height: 30% !important;
    }

    .md-h-40{
        height: 40% !important;
    }

    .md-h-50{
        height: 50% !important;
    }

    .md-h-60{
        height: 60% !important;
    }

    .md-h-70{
        height: 70% !important;
    }

    .md-h-75{
        height: 75% !important;
    }

    .md-h-100{
        height: 100% !important;
    }

    .md-h-auto{
        height: auto !important;
    }



    .md-fs-10{
        font-size: 10px !important;
    }

    .md-fs-12{
        font-size: 12px !important;
    }

    .md-fs-14{
        font-size: 14px !important;
        line-height: 1.5em  !important;
    }

    .md-fs-16{
        font-size: 16px !important;
        line-height: 1.5em  !important;
    }

    .md-fs-18{
        font-size: 18px !important;
    }

    .md-fs-20{
        font-size: 20px !important;
    }


    .md-fs-24{
        font-size: 24px !important;
    }

    .md-fs-28{
        font-size: 28px !important;
    }

    .md-lh-1{
        line-height: 1em  !important;
    }

    .md-lh-1-25{
        line-height: 1.25em  !important;
    }


    .md-position-absolute{
        position: absolute !important;
    }

    .md-position-relative{
        position: relative !important;
    }

    .md-position-inherit{
        position: inherit !important;
    }


    .md-bg-linear-gradient-1{
        background: linear-gradient(89.9deg, #898586 37.75%, rgba(138, 134, 135, 0.3) 59.31%, rgba(196, 196, 196, 0) 66.99%) !important;
        transform: matrix(-1, 0, 0, 1, 0, 0) !important;
    }

    .md-bg-linear-gradient-2{
        background: linear-gradient(342.13deg, #74787B 13.56%, #999A9B 34.72%, rgba(174, 172, 173, 0.87) 48.85%, rgba(196, 196, 196, 0) 75.53%) !important;
        transform:  translateY(145px);
    }


    .md-gap-10{
        column-gap: 10px;
        row-gap: 10px;
    }

    .md-gap-15{
        column-gap: 15px;
        row-gap: 15px;
    }

    .md-gap-20{
        column-gap: 20px;
        row-gap: 20px;
    }

    .md-gap-25{
        column-gap: 25px;
        row-gap: 25px;
    }

    .md-gap-30{
        column-gap: 30px;
        row-gap: 30px;
    }

    .md-column-gap-10{
        column-gap: 10px;
    }

    .md-row-gap-10{
        row-gap: 10px;
    }

    .md-column-gap-15{
        column-gap: 15px;
    }

    .md-row-gap-15{
        row-gap: 15px;
    }

    .md-column-gap-25{
        column-gap: 25px;
    }

    .md-row-gap-25{
        row-gap: 25px;
    }


    .md-column-gap-30{
        column-gap: 30px;
    }

    .md-row-gap-30{
        row-gap: 30px;
    }

    .md-padding-b-100p{
        padding-bottom: 100% !important;
    }

    .md-padding-b-66p{
        padding-bottom: 66% !important;
    }

    .md-padding-b-200p{
        padding-bottom: 200% !important;
    }

    .md-padding-b-84p{
        padding-bottom: 84% !important;
    }

    .md-position-static{
        position: static !important;
    }

    .md-position-relative{
        position: relative !important;
    }

    .md-position-absolute{
        position: absolute !important;
    }

    .md-position-fixed{
        position: fixed !important;
    }

    .md-position-sticky{
        position: sticky !important;
    }

    .md-shadow-box{
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        background-color: #fff;
        margin-top:30px;
        margin-bottom: 30px;
    }

    .md-align-left{
        text-align: left;
    }
    
    .md-align-right{
        text-align: right;
    }
    .md-align-center{
        text-align: center;
    }
    

    .nopr-swiper-wrapper .swiper-slide{
        /*height: 46vw;*/
    }

    .btn-2-one-row {
        width: 100%;
        flex-wrap: wrap;
        row-gap: 10px;
        justify-content: space-between;
        padding-top: 20px;
        margin-top: auto;
    }

    .btn-2-one-row>div{
        width: 100%;
    }

    .btn.btn-big{
        padding: 14px 36px;
    }


    .more-images-icon{
        right: 20px;
        bottom: 20px;
    }

    .md-column-count-2{
        column-count: 2;
        column-gap: 3em;
    }

    .md-column-count-3{
        column-count: 2;
        column-gap: 3em;
    }

    .md-column-count-4{
        column-count: 2;
        column-gap: 3em;
    }

    .promoart-holder.has-meeting-form>.translateY--50.start-0.w-100>.container{
        padding-right: 350px;
    }

    .promoart-holder:has(#meeting-header-form)>.translateY--50.start-0.w-100>.container{
        padding-right: 350px;
    }

    /* BEGIN Hotel list ----------------------------------------------------*/

    .hotel-list-line{
        display: flex;
    }

    .hotel-list-line .image-slider{
        width: 30%;
        min-height: inherit;
    }

    .result-list .image-slider .swiper{
        height: 100%;
    }

    .result-list .image-slider .swiper-slide>a>div{
        min-height: inherit;
        height: 100%;
        width: 100%;
    }


    .hotel-list-line .text-holder{
        width: 70%;
        padding: 0;
        padding-left: 20px;
    }


    .hotel-list-line .hotel-info1{
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .hotel-list-line .hotel-info1>div.col-right{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hotel-list-line .hotel-info1 .hotel-rates{
        margin-left: auto;
        background: var(--LightOrange);
        border-radius: var(--border-radius-small);
        padding: 4px 10px 4px 17px;
        font-weight: bold;
    }

    .hotel-filters-wrapper{
        flex-wrap: nowrap;
    }

    .hotel-filters-wrapper>div{
        width: auto;
    }

    .hotel-filters-wrapper>div.filter-wrapper{
        width: 100%;
        padding-right: 30px;
    }

    .hotel-loc .hotel-map{
        color: var(--DarkBlue);
    }

    .hotel-loc .hotel-map{
        font-size: 14px;
        font-weight: 600;
    }

    .hotel-loc .hotel-map>i:before{
        margin: 0;
    }

    .hotel-loc .hotel-map>span{
        padding-left: 8px;
        text-decoration: underline;
    }

    .hotel-list-line .compare>label{
        padding-left: 10px;
        font-weight: 400;
        font-size: 14px;
        color: var(--DarkBlue);
        white-space: nowrap;
    }

    .hotel-info3 .price,
    .hotel-info3 .price>b{
        font-size: 20px;
    }

    .filter-location .placeholder-text{
        width: 100%;
    }

    #filter-location-layer{
        max-width: 300px;
    }

    .PressItem .bigInnerRow .hotel-gallery,
    .hotel-gallery {
        height: 30vw;
    }

    .PressItem .bigInnerRow .hotel-gallery>div.col2.d-flex>div>a,
    .hotel-gallery>div.col2.d-flex>div>a {
        height: calc((30vw - 5px) / 2);
    }

    .hotel-services-list{
        --hsl-col-num: 3;
    }

    .career-steps{
        --cr-col-num: 4;
    }
    
    .career-steps .career-step-item>div{
        color: var(--Blue);
        font-size: 14px;
        line-height: 22px;    
    }

    .career-steps .career-step-item img{
        width: 80px;
    }

    .hotel-info1 .compare{
        padding-top: 34px;
    }

    /* Hotel ratings ----------------------------------------------------*/

    .hotel-text-reviews,
    .hotel-reviews-list>div{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
    }

    .hotel-reviews .button-holder{
        padding-top: 15px;
    }

    .hotel-reviews .button-holder .btn.btn-secondary{
        width: auto !important;
        min-height: 50px;
        padding: 15px 17px;
    }


    .full-reviews-list .list-line .review-categ-infos.hotel-reviews-list{
        width: 100%;
    }

    /* END Hotel list ---------------------------------------------------*/

    .hotel-page .hero-section .text-holder > div:last-child{
        height: 100%;
    }

    .form-offers{
        display: flex;
        column-gap: 30px;
        padding: 30px;
    }

    .form-offers .form-elem{
        width: 33%;
        justify-content: space-between;
        padding-bottom: 4px;
    }

    /* Begin offers list ----------------------------------------------------------------------*/

    .offer-list .result-list{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
        row-gap: 50px;
    }

    .offers-list-line{
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
    }


    .offers-list-line .facilities-holder{
        padding-top: 1em;
    }

    .offers-list-line .price-holder{
        margin-top: auto;
    }

    .offer-list .list-line .price-holder:not(.price-1-row) .price>strong:before{
        display: none;
    }

    .offer-list .list-line .price-holder:not(.price-1-row) .price>span:first-child{
        display: block;
        width: 100%;
        line-height: 24px;
    }

    .offers-list-line .avail-button{
        margin-top: auto;
    }
    /* End offers list ----------------------------------------------------------------------*/

    /* Destinations page ----------------------------------------------------------------------*/
        /* Destinations home page ----------------------------------------------------------------------*/
        .grid-5{
            display: grid;
            row-gap: 15px;
            column-gap: 15px;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto;
            grid-auto-flow: row;
        }

        .grid-5>div{
            height: 100%;
        }

        .grid-5>div:first-child{
            grid-column: 1/3;
            height: 50vw;

        }
        /* END Destinations home page ----------------------------------------------------------------------*/



    .grid-3-col{
        --h-col-gap: 10px;
        --h-row-gap: 20px;
        --h-col-num: 3;
        display: flex;
        column-gap: var(--h-col-gap);
        row-gap: var(--h-row-gap);
        flex-wrap: wrap;
    }


    .grid-3-col > .hotel-card{
        padding: 0;
        border: 0;
        width: calc((100% / var(--h-col-num)) - ((var(--h-col-gap) / var(--h-col-num)) * (var(--h-col-num) - 1)));
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .hotel-card .image-slider{
        height: 160px;
        min-height: 160px;
    }

    .hotel-card .hotel-info3 .price>b:before,
    .hotel-card .hotel-info3 .price>b:after{
        display: none;
    }


    .hotel-card .hotel-loc .hotel-map,
    .hotel-card .hotel-loc .hotel-map>span{
        color: var(--TextGray);
        text-decoration: none;
    }

    .hotel-card .hotel-info3 .price-holder{
        padding-top: 18px !important;
    }


    .hotel-card .hotel-info3 .price{
        font-size: 14px;
        display: flex;
        flex-direction: column;

    }
    .hotel-card .hotel-info3 .price>b {
        font-size: 20px;
    }

    .hotel-card .button-holder{
        padding-top: 18px;
    }

    .hotel-card .hotel-info3 .price-holder,
    .hotel-card .button-holder {
        width: 100% !important;
    }

    .hotel-card .button-holder {
        flex-wrap: wrap;
        row-gap: 10px;
        justify-content: space-between;
        padding-top: 20px !important;
        margin-top: auto;
    }


    .hotels-in-destination-block > .hotel-card .hotel-name{
        min-height: 68px;
    }
    /* END Destinations page ----------------------------------------------------------------------*/

    /* Főoldali hírlevél doboz ----------------------------------------------------------------------*/
    #newsletterblock-up{
        padding: 10px 0;
    }

    #newsletterblock-mobtitle,
    #newsletterblock-title{
        font-size: 24px;
        line-height: 34px;
    }

    #newsletterblock-mobtitle>div,
    #newsletterblock-title>div{
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    #nlregform-oneline .nlr-i0{
        display: flex;
        position: relative;
    }

    #newsletterblock-oneline .nlr-i3{
        width: 100%;
    }

    #newsletterblock-oneline .nlr-i3 input.text {
        width: 100%;
        padding-right: 130px;
    }

    #nlregform-oneline .nlr-i0 .button-holder{
        position: absolute;
        right: 0;
    }

    #newsletterblock-oneline.nl-in-big-mode .nlr-i0{
        flex-wrap: wrap;
    }

    #newsletterblock-oneline.nl-in-big-mode .gdpr-online{
        width: 100%;
        margin-top: 0px;
    }

    #newsletterblock-oneline.nl-in-big-mode .nlr-i1,
    #newsletterblock-oneline.nl-in-big-mode .nlr-i3{
        width: calc(50% - 60px);
        padding-right: 20px;
    }

    #newsletterblock-oneline.nl-in-big-mode .nlr-i3 input.text{
        padding-right: 20px;
    }

    #newsletterblock-oneline.nl-in-big-mode .button-holder{
        position: relative;
    }

    .hidden:has(> #nlrintop-content) {
        background: rgba(0, 16, 46, 0.8);
        backdrop-filter: blur(2.5px);
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 10000;
    }

    #nlrintop-content{
        width: 80%;
        height: auto;
        max-width: 540px;
        max-height: 480px;
        margin: auto;
        position: relative;
        top: 50% !important;
        transform: translateY(-50%);
        left: inherit !important;
        padding: 40px;
        border-radius: 6px;
    }

    #nlregform-inhead{
        max-width: 350px;
        margin: auto;
    }

    #nlrintop-content-close{
        right: 20px;
        top: 20px;
    }
    /* END Főoldali hírlevél doboz ----------------------------------------------------------------------*/

    .directions-sights-collapse .row>div[class^="col-"]:first-child>div,
    .directions-sights-collapse .row>div[class^="col-"]>div {
        padding-top: 0px !important;
        padding-bottom: 30px !important;
        border: 0;
        height: 100%;
    }


    .destination-event-search .full-reviews-filter ul{
        column-gap: 25px;
    }

    /* popup layer ------------------------------------------------------------------------*/
    .popup-layer{
        background: rgba(0, 16, 46, 0.8);
        backdrop-filter: blur(2.5px);
    }

    .popup-layer .layer-container{
        max-height: 80vh;
        height: auto;
        height: -webkit-fill-available;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 6px;
        padding: 60px 15px 40px 25px;
    }

    .destination-content.destination-event-content .popup-layer .layer-inner-content{
        margin-top: 45px;
        max-height: calc(80vh - 45px - 25px);
        height: auto;
    }

    .destination-content.destination-event-content .popup-layer .layer-container{
        padding-left: 25px;
        padding-right: 15px;
        height: auto;
    }

    /* END popup layer ----------------------------------------------------------------------*/


    .spm-assign-desc:not(.spm-assign-desc-opened){
        max-height: 220px;
    }

    .spm-read-more, .spm-read-more:visited{
        padding-top: 4rem;
    }


    .collapse-bottom-border-list li{
        font-size: 16px;
    }

    .with-hero.meeting-and-events-page .content-header{
        margin-bottom: 20px;
    }

    #meeting-header-form{
        width: auto;
        left: inherit;
        right: calc((100% - var(--container-width)) / 2);
        bottom: inherit;
        max-width: 360px;
        top: 50%;
        transform: translateY(-50%);
    }

    .language_cz #meeting-header-form,
    .language_sk #meeting-header-form{
        max-width: 400px;
    }


    /* Meetings and event pages ------------------------------------------------------------------------*/
    .meeting-hotel-list-collapse .confrooms-row{
        display: flex;
        flex-wrap: wrap;
    }

    .meeting-hotel-list-collapse .confrooms-row .confrooms-img,
    .meeting-hotel-list-collapse .confrooms-row .confrooms-prop{
        width: 50%;
        padding-top: 0;
    }


    .meeting-hotel-list-collapse .confrooms-row .confrooms-sizes{
        width: 100%;
    }


    .meeting-hotel-list .collapse-block .collapse-title>span>div{
        width: auto;
        padding-right: 20px;
    }

    .meeting-hotel-list .collapse-block .collapse-title>span>div:last-child{
        margin-left: auto;
    }

    #fixed-compare-list-holder .compare-list-holder,
    .confroom-enquiry-list-holder{
        display: flex;
        flex-direction: row;
        column-gap: 20px;
        justify-content: space-between;
    }

    #fixed-compare-list-holder .compare-list-holder .button-holder>.btn,
    .confroom-enquiry-list-holder .button-holder>.btn{
        padding: 14px 35px;
    }

    .compare-list-holder .compare-text p#text3{
        display: none !important;
    }

    .selected-list-elements .elem .image-holder{
        width: 50px;
        height: 50px;
        background-color: var(--DarkBlue);
        margin-right: 10px;
        border-radius: var(--border-radius-small);
        display: block;
    }
    /* END Meetings and event pages ------------------------------------------------------------------------*/

    /* Meeting form */
    #ocmsform-31{
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
    }

    #ocmsform-31 .formdiv_row{
        width: calc(50% - 15px);
    }

    #ocmsform-31 .formdiv_row.w-50{
        width: calc(50% - 15px) !important;
    }

    #ocmsform-31 .submit,
    #ocmsform-31 .formdiv_row.gdpr-row{
        width: 100% !important;
    }

    #ocmsform-31 .formdiv_row.formdiv_row2cells{
        width: 100%;
    }


    #ocmsform-31 .calendiv{
        gap: 30px;
    }

    #ocmsform-31 .calendiv>div{
        width: calc(50% - 15px);
    }

    #ocmsform-31 .submit .btn{
        width: auto;
        margin-top: 20px;
    }

    #ocmsform-31 #form_row_input_19 .calendiv{
        width: 100%;
        display: flex;
        column-gap: 30px;
    }

/*
    #ocmsform-31 #form_row_input_11,
    #ocmsform-31 #form_row_input_12,
    #ocmsform-31 #form_row_input_19 .calendiv>div{
        width: calc(25% - 22px) !important;
    }*/

    #ocmsform-31 #form_row_input_20 .formdiv_inputvalue{
        padding-right: 14px;
    }


    /* END Meeting form */

    /* Blokkos tartalmak ----------------------------------------------------------------------------------*/
    .promoart-holder.YoutubePromo.dt-only{
        display: block;
    }

    .promoart-holder.m-only{
        display: none !important;
    }



    .bigInnerRow {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 0;
    }

    .box-holder .box.w2b,
    .box-holder .box.w3b,
    .box-holder .box.w4b,
    .irb-module .box.w3b,
    .bigInnerRow .col.box.w2b,
    .bigInnerRow .box.w2b,
    .bigInnerRow .col.box.w3b,
    .bigInnerRow .box.w3b,
    .bigInnerRow .col.box.w4b,
    .bigInnerRow .col.box.w-sz-33,
    .bigInnerRow .box.w4b{
       flex: 0 0 auto;
       width: 33.33333333% !important;
       max-width: 100%;
       padding-right: calc(var(--bs-gutter-x) * .5);
       padding-left: calc(var(--bs-gutter-x) * .5);
       margin-top: var(--bs-gutter-y);
    }

    .box-holder .box.w2b,
    .bigInnerRow .col.box.w2b,
    .bigInnerRow .box.w2b{
        width: 50% !important;
    }

    .bigInnerRow .col.box.w4b,
    .bigInnerRow .box.w4b{
        width: 50% !important;
    }




    .bigInnerRow .col.image-holder-w33 .image-holder{
        height: auto;
        min-height: 180px;
    }

    .bigInnerRow .col.image-holder-w33 .image-holder .of-cover,
    .bigInnerRow .col.image-holder-w33 .image-holder img{
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }

    .content-block.boxed-list  .box-holder,
    .roll-down-content-holder  .box-holder,
    .bigInnerRow .col.image-holder-w33 .content-block .box-holder,
    .bigInnerRow .content-block.boxed-list  .box-holder{
        display: flex;
    }


    .boxed-list .box-holder>div.image-holder {
        width: 41%;
        height: auto;
    }

    .boxed-list .box-holder>div.image-holder .of-cover{
        position: absolute;
        left: 0;
        top: 0;
    }

    .boxed-list .box-holder>div.text-holder {
        width: 59%;
        padding: 20px 20px 20px 0;
    }

    .bigInnerRow .col.image-holder-w33 .content-block .box-holder .image-holder{
        width: calc(33.33333333% - (var(--bs-gutter-x) * .5));
    }
    .bigInnerRow .col.image-holder-w33 .content-block .box-holder .text-holder{
        width: calc(66.66666667% + (var(--bs-gutter-x) * .5));
        padding-left: var(--bs-gutter-x);
        padding-right: 0;
    }

    .bigInnerRow .col.image-holder-w33 .content-block.box-img-right  .box-holder,
    .bigInnerRow .content-block.boxed-list.box-img-right  .box-holder,
    .content-block.boxed-list.box-img-right  .box-holder{
        flex-direction: row-reverse;
    }

    .bigInnerRow .col.image-holder-w33 .content-block.box-img-right .box-holder .text-holder{
        padding-right: var(--bs-gutter-x);
        padding-left: 0;
    }

    .bigInnerRow .col.image-holder-w33 .image-holder{
        margin-bottom: 0;
    }

    .meeting-tour-link:after{
        right: 20px;
        bottom: 20px;
        font-size: 16px;
        padding: 13px 30px 13px 57px;
        background-position: 30px center;
    }

    .image-holder-w33 .boxed-list .text-holder, 
    .image-holder-w50 .boxed-list .text-holder{
        margin-top: 0;
    }

    .image-holder-w33 .boxed-list:not(.box-img-right) div.text-holder, 
    .image-holder-w50 .boxed-list:not(.box-img-right) div.text-holder{
        padding-left: 20px;
    }


    .roll-down-content-holder  .box-holder,
    .hotels-in-destination-block .box-holder-scroller .box-holder-overflow{
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .t-box-holder-scroller:not(.m-box-holder-scroller) .box-holder-overflow{
        width: calc(100% + var(--bs-gutter-x)) !important;
    }

    .roll-down-content-holder  .box-holder .box.w3b,
    .hotels-in-destination-block .box-holder-scroller .box-holder-overflow .box.w4b {
        flex: 0 0 auto;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

    .box-holder .box.w2b,
    .bigInnerRow .box.w2b,
    .hotels-in-destination-block .box-holder-scroller .box-holder-overflow .box.w4b {
        width: 50%;
    }

    .roll-down-content-holder  .box-holder .box.w3b{
        width: 33.33333333%;
    }

    .roll-down-content-holder  .box-holder .box.w2b{
        width: 50%;
    }

    .right-side.hotel-content .content-block.boxed-list .box-holder .text-holder>div {
        padding: 0px 40px;
    }


    /* Blokkos hotel gallery -----------------------------------------------*/
        .bigInnerRow .hotel-gallery{
            margin-top: 20px;
        }

        .bigInnerRow .hotel-gallery .mini-images{
            --mini-images-gap: 10px;
            display: grid;
            row-gap: var(--mini-images-gap);
            grid-template-columns: calc(50% - var(--mini-images-gap)) auto auto;
            grid-template-rows: 125px 125px;
            grid-auto-flow: column;
        }


        .bigInnerRow .hotel-gallery .mini-images>a:nth-child(3) {
            grid-column: 1;
            grid-row: 1 / 3;
            height: auto;
            margin-right: var(--mini-images-gap);
            border-radius: 6px 0px 0px 6px;
        }
        .bigInnerRow .hotel-gallery .mini-images>a:nth-child(4),
        .bigInnerRow .hotel-gallery .mini-images>a:nth-child(5) {
            border-radius: 0px 0px 0px 0px;
            display: flex;
            margin-right: 5px;
        }

        .bigInnerRow .hotel-gallery .mini-images>a:nth-child(6) {
            border-radius: 0px 6px 0px 0px;
            display: flex;
            margin-left: 5px;
        }

        .bigInnerRow .hotel-gallery .mini-images>a:nth-child(7) {
            border-radius: 0px 0px 6px 0px;
            display: flex;
            margin-left: 5px;
        }


    /* END Blokkos hotel gallery -----------------------------------------------*/

    .bigInnerRow.lead-text .descript>ul,
    .lead-text>ul,
    .spm-assign-desc-opened ul{
        margin: 0;
        list-style: none;
        padding: 0;
        margin-top: 12px;
    }

    .bigInnerRow.lead-text .descript>ul li,
    .lead-text>ul li,
    .spm-assign-desc-opened ul li {
        padding-left: 20px;
        position: relative;
        list-style: none;

    }

    .bigInnerRow.lead-text .descript>ul li:before,
    .lead-text>ul li:before,
    .spm-assign-desc-opened ul li:before {
        content: "-";
        margin-top: 2px;
        line-height: 16px;
        vertical-align: middle;
        position: absolute;
        left: 0;
    }
    /* END Blokkos tartalmak ----------------------------------------------------------------------------------*/

    .container.bigRow .bigCol.left-side{
        margin-top: 0;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }


    .press-releases{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .press-releases .list-line{
        display: flex;
        flex-direction: column;
    }

    .press-releases .list-line .list-info{
        padding-top: 15px;
    }

    .press-releases .list-line .list-info .title{
        font-size: 18px;
        line-height: 24px;
    }

    .press-releases .list-line .button-holder{
        margin-top: auto;
    }

    .press-releases .list-line .text{
        padding: 21px 0;
    }

    .press-releases .list-line .img-holder{
        height: 196px;
    }


    .bigInnerRow .box .img50insidetitle .text-holder{
        padding-top: 10px;
        padding-bottom: 30px;
        border-bottom: 0px;
    }


    :root{
        --best-price-width: 160px;
    }

    .bigInnerRow .WithBestPriceTitle .hotel-best-price>span {
        font-size: 16px;
    }

    .bigInnerRow .WithBestPriceTitle .hotel-best-price .icon-pricequarantee {
        width: 40px;
        height: 41px;
    }

    /* Webshopok ------------------------------------------------------*/
    .dhcp_list_item{
        display: flex;
    }
    
    .collectmecoupons_form_holder .personal_data,
    .dhcoupons_form_holder .personal_data{
        position: relative;
    }

    .collectmecoupons_form_holder .collectmecoupons_megj,
    .dhcoupons_form_holder .dhcoupons_megj {
        position: absolute;
        left: 58%;
        padding: 6px 10px;
        width: 40%;
        margin-top: -40px;
    }

    .processmenu .mname{
        display: block;
        width: calc(100% - 50px);
    }

    .processmenu .inactive-step .mname{
        color: var(--GrayBlue);
    }

    .processmenu a{
        display: flex;
        column-gap: 10px;
        align-items: center;
    }

    .webshop_spec_product_item{
        display: flex;
    }

    .webshop_spec_product_item .webshop_product_pic_holder {
        width: 40%;
        border: 0;
        border-right: 1px solid var(--LightBlue);
        padding: 25px 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .webshop_spec_product_item .webshop_product_desc_holder{
        width: 60%;
    }

    .webshop_spec_product_item .button-holder{
        width: auto;
        padding-top: 0;
    }

    .webshop_spec_product_item .webshop_spec_product_price{
        justify-content: flex-start;
    }

    .webshop_spec_product_item .webshop_spec_product_price_holder{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 10px;
    }

    .webshop_spec_product_item .webshop_spec_product_price_holder.closed{
        display: none;
    }

    .hirlevel-oldalak .bigCol ul.liboldupp, 
    #page-issues-3937 .bigCol ul.liboldupp, 
    #page-issues-4755 .bigCol ul.liboldupp, 
    #page-issues-1138 .bigCol ul.liboldupp, 
    #page-issues-3899 .bigCol ul.liboldupp, 
    #page-issues-4725 .bigCol ul.liboldupp{
        display: flex;
        justify-content: space-evenly;
        column-gap: 10px;
    }

    .hirlevel-oldalak  .bigCol ul.liboldupp li, 
    #page-issues-3937 .bigCol ul.liboldupp li, 
    #page-issues-4755 .bigCol ul.liboldupp li, 
    #page-issues-1138 .bigCol ul.liboldupp li, 
    #page-issues-3899 .bigCol ul.liboldupp li, 
    #page-issues-4725 .bigCol ul.liboldupp li {
        display: flex;
        vertical-align: top;
        text-align: center;
        column-gap: 15px;
    }

    ul.ccheck li::before{
        content: '\e909';
        display: block;
        font-size: 16px;
        font-family: danubius;
    }

    .boxed-list .box-holder.hide-text-mobil .text-holder{
        display: block;
    }


    body.issue-4836 .promoart-holder>.container>.container{
        left: 50%;
        transform: translateX(-50%);
    }

    .hotels-in-destination-block .box.w3b .image-holder,
    .box-holder .box.w2b  .image-holder,
    .box-holder .box.w4b  .image-holder{
        height: 216px;
    }
    
    
    .meetings-capacity-holder{
        margin-top: 0;
    }
 
    .conference-room-list .box-holder{
        row-gap: 50px;
    }


    .magazin-swiper .swiper-slide .img-holder{
        height: 225px;
    }

    .gallery-3-in-row>*{
        width: 33%;
        height: 18vw;
    }
    
    .right-side.hotel-content.hotel .gallery-3-in-row .img-holder{
        width: auto;
        height: 18vw;
    }

    .ajanlatok-swiper-wrapper .swiper-slide{
        height: 400px;
        /*width: 300px !important;*/
        width: 40%;
    }

    .ajanlatok-swiper-wrapper>.swiper:after{
        width: calc(100% - (80% + 60px));
    }


    .popup-layer .wrapper {
        width: var(--container-width);
        margin: auto;
        height: auto;
        max-height: 80%;
        position: relative;
        top: 50% !important;
        transform: translateY(-50%);
        left: inherit !important;
        border-radius: 6px;    
        overflow: hidden;
        overflow-y: auto;
    }

    .white-grey-boxes-opened .head-line{
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }


    .offer-list.horizontal-list .result-list{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .offer-list.horizontal-list .result-list .offers-list-line{
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }

    .offer-list.horizontal-list .list-line>.text-holder {
        width: 70%;
        padding: 0;
        padding-left: 10px;
    }

    .offer-list.horizontal-list .list-line > a{
        width: 30%;
        min-height: inherit;  
        height: auto;  
    }


    /* heditor_table1 ---------------------------------------------- */
    .heditor_table1 .row .col.m3{
        width: 25% !important;
    }

    .ajandekkartyak > .d-flex{
        height: 100%;
    }

    .ajandekkartyak .text-holder{
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}


/* Large devices lg (desktops, 992px and up) --------------------------------------------*/
@media (min-width: 992px) {
    :root {
        --sticky-content-margin-top: 100px;
        --border-radius: 6px;
        --border-radius-small: 6px;
        --container-width: 960px;
        --breadcrumb-height: 68px;
    }

    .navibar-container{
        display: block;
    }

    .w-920{
        max-width: 920px !important;
    }


    h1{
        font-size: 32px;
        line-height: 42px;
    }

    .h1{
        font-size: 32px !important;
        line-height: 42px !important;
    }

    h2{
        font-size: 30px;
        line-height: 40px;
    }

    .h2{
        font-size: 30px !important;
        line-height: 40px !important;
    }

    h3{
        font-size: 24px;
        line-height: 34px;
    }

    .h3{
        font-size: 24px !important;
        line-height: 34px !important;
    }

    .subtitle1{
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .subtitle2{
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .dh-card .text-holder .text-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 26px;
    }

    .lg-position-absolute{
        position: absolute !important;
    }

    .lg-position-relative{
        position: relative !important;
    }

    .lg-position-inherit{
        position: inherit !important;
    }


    .lg-fs-10{
        font-size: 10px !important;
    }

    .lg-fs-12{
        font-size: 12px !important;
    }

    .lg-fs-14{
        font-size: 14px !important;
        line-height: 1.5em  !important;
    }
    .lg-fs-16{
        font-size: 16px !important;
        line-height: 1.5em  !important;
    }

    .lg-fs-18{
        font-size: 18px !important;
    }

    .lg-fs-20{
        font-size: 20px !important;
    }


    .lg-fs-24{
        font-size: 24px !important;
    }

    .lg-fs-28{
        font-size: 28px !important;
    }


    .lg-w-auto{
        width: auto !important;
    }
    

    .lg-w-25{
        width: 25% !important;
   }

   .lg-w-30{
    width: 30% !important;
    }

    .lg-w-40{
        width: 40% !important;
    }

   .lg-w-50{
        width: 50% !important;
   }

   .lg-w-60{
    width: 60% !important;
    }

   .lg-w-70{
    width: 70% !important;
    }

   .lg-w-75{
        width: 75% !important;
   }

   .lg-w-100{
        width: 100% !important;
   }

   .lg-w-auto{
        width: auto !important;
    }


    .lg-h-25{
        height: 25% !important;
    }

    .lg-h-30{
        height: 30% !important;
    }

    .lg-h-40{
        height: 40% !important;
    }

    .lg-h-50{
        height: 50% !important;
    }

    .lg-h-60{
        height: 60% !important;
    }

    .lg-h-70{
        height: 70% !important;
    }

    .lg-h-75{
        height: 75% !important;
    }

    .lg-h-100{
        height: 100% !important;
    }

    .lg-h-auto{
        height: auto !important;
    }





    .lg-column-count-2{
        column-count: 2;
        column-gap: 3em;
    }

    .lg-column-count-3{
        column-count: 2;
        column-gap: 3em;
    }

    .lg-column-count-4{
        column-count: 2;
        column-gap: 3em;
    }


    .lg-shadow-box{
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        background-color: #fff;
        margin-top:30px;
        margin-bottom: 30px;
    }


    .lg-bg-linear-gradient-1{
        background: linear-gradient(89.9deg, #898586 37.75%, rgba(138, 134, 135, 0.3) 59.31%, rgba(196, 196, 196, 0) 66.99%) !important;
        transform: matrix(-1, 0, 0, 1, 0, 0) !important;
    }

    .lg-bg-linear-gradient-2{
        background: linear-gradient(342.13deg, #74787B 13.56%, #999A9B 34.72%, rgba(174, 172, 173, 0.87) 48.85%, rgba(196, 196, 196, 0) 75.53%) !important;
        transform:  translateY(145px);
    }

    .lg-gap-10{
        column-gap: 10px;
        row-gap: 10px;
    }

    .lg-gap-15{
        column-gap: 15px;
        row-gap: 15px;
    }

    .lg-gap-20{
        column-gap: 20px;
        row-gap: 20px;
    }


    .lg-gap-25{
        column-gap: 25px;
        row-gap: 25px;
    }

    .lg-gap-30{
        column-gap: 30px;
        row-gap: 30px;
    }


    .lg-column-gap-10{
        column-gap: 10px;
    }

    .lg-row-gap-10{
        row-gap: 10px;
    }


    .lg-column-gap-15{
        column-gap: 15px;
    }

    .lg-row-gap-15{
        row-gap: 15px;
    }

    .lg-column-gap-25{
        column-gap: 25px;
    }

    .lg-row-gap-25{
        row-gap: 25px;
    }

    .lg-column-gap-30{
        column-gap: 30px;
    }

    .lg-row-gap-30{
        row-gap: 30px;
    }

    .lg-padding-b-100p{
        padding-bottom: 100% !important;
    }

    .lg-padding-b-66p{
        padding-bottom: 66% !important;
    }

    .lg-padding-b-200p{
        padding-bottom: 200% !important;
    }

    .lg-padding-b-84p{
        padding-bottom: 84% !important;
    }

    .lg-position-static{
        position: static !important;
    }

    .lg-position-relative{
        position: relative !important;
    }

    .lg-position-absolute{
        position: absolute !important;
    }

    .lg-position-fixed{
        position: fixed !important;
    }

    .lg-position-sticky{
        position: sticky !important;
    }

    .box-img{
        display: flex;
    }

    .box-img.box-img-l .first,
    .box-img.box-img-r .second{
        width: 68%;
        height: 100%;
        padding-right: 75px;
    }
    .box-img.box-img-l .second,
    .box-img.box-img-r .first{
        width: 32%;
    }

    .lg-align-left{
        text-align: left;
    }
    
    .lg-align-right{
        text-align: right;
    }
    .lg-align-center{
        text-align: center;
    }

    /* DH tabbox----------------------------------------------------*/

    .dh-tabbox{
        display: flex;
        flex-direction: row;
    }

    .dh-tabbox.virtual-tours{
        position: relative;
        padding-left: 33%;
    }

    #dh-tabbox-virtual-tours{
        margin:0;
        height: 100%;
        position: absolute;
        width: 33%;
        left:0;
        top:0;
    }

    #dh-tabbox-virtual-tours .btn{
        padding: 20px 10px;
    }
    /* Begin Slider ----------------------------------------------------*/
    .hero-section .swiper{
        height: 740px;
    }


    .hero-slider .swiper-nav{
        max-width: var(--container-width);
        margin: auto;
        position: relative;
    }

    .hero-slider .swiper-nav,
    .hero-slider .swiper-pagination{
        bottom: 15.27% !important;
    }

    .swiper-slide-inner-txt {
        width: 100% !important;
        max-width: var(--container-width);
        display: flex;
        flex-direction: column;
    }

    .swiper-slide-inner-txt .btn{
        padding: 8px 30px;
    }

    .hero-section .hero-text{
        font-weight: 600;
        font-size: 50px;
        line-height: 70px;
        padding-bottom: 30px;
    }

    .swiper-slide-inner-txt .hero-text,
    .swiper-slide-inner-txt .more-wraper-center{
        width: 50%;
    }

    .swiper-slide-inner-txt.text-center .hero-text,
    .swiper-slide-inner-txt.text-center .more-wraper-center{
        margin: auto;
    }

    .swiper-slide-inner-txt.text-end .hero-text,
    .swiper-slide-inner-txt.text-end .more-wraper-center{
        margin-left: auto;
    }

    /* END Slider ----------------------------------------------------*/

    .magazin-swiper .swiper-wrapper{
        margin-bottom: 60px;
    }

    .swiper-nav.swiper-nav-bottom{
        bottom: 0px;
    }

    .swiper-nav.swiper-nav-bottom .swiper-button-next,
    .swiper-nav.swiper-nav-bottom .swiper-button-prev{
        font-size: 24px;
        bottom: 0;
        padding: 0px 3px;
    }

    .swiper-nav.swiper-nav-bottom .swiper-button-next{
        margin-left: 20px;
    }


    .swiper-horizontal>.swiper-scrollbar.dh-horizontal-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal.dh-horizontal-scrollbar{
        width: calc(100% - 85px);
        left: 85px;
        bottom: 10px;
        height: 4px;
    }

    .swiper-nav-bottom [class^="icon-"],
    .swiper-nav-bottom [class*=" icon-"],
    .swiper-nav-bottom [class^="icon-"]:before,
    .swiper-nav-bottom [class*=" icon-"]:before{
        margin: 0;
        line-height: 1;
        width: 10px;
    }

    .nopr-swiper-wrapper{
        max-width: var(--container-width);
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .nopr-swiper-wrapper .swiper-slide{
        /*height: 31.25vw;*/
    }


    .swiper-nav.swiper-nav-bottom .swiper-button-next.swiper-button-disabled,
    .swiper-nav.swiper-nav-bottom .swiper-button-prev.swiper-button-disabled{
        opacity: 0.3;
    }


    .book-direct{
        height: 280px;
        padding: 40px 75px;
    }

    .book-direct .icon-holder{
        padding: 0;
    }


    .offers-2-cont{
        max-width: var(--container-width);
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .offers-2-cont .first{
        width: 35%;
        margin: 0;
        padding: 0 100px 0 0;
    }

    .offers-2-cont .second{
        width: 65%;
        margin: 0;
        padding: 0;
    }

    .offers-2-cont .first ul{
        padding:20px 0;
    }

    .offers-2-cont .first ul li>div{
        padding-left: 25px;
        border-left: 3px solid transparent;
        color: var(--TextGray);
        font-weight: 400;
        font-size: 24px;
        line-height: 34px;
        margin: 20px 0;
    }

    .offers-2-cont .first ul li>div:hover,
    .offers-2-cont .first ul li>div.active{
        border-color: var(--Orange);
        /*font-weight: 600;*/
    }


    /* BEGIN Hotel list ---------------------------------------------------*/
    .filter-location{
        min-width: 300px;
    }



    .result-list .hotel-list-line{
        padding: 40px 0;
    }

    .hotel-list-line .hotel-info3{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        padding-top: 20px;
    }

    .hotel-info3 .price-holder,
    .hotel-info3 .button-holder{
        /*width: 50%;*/
        padding-top: 0;
    }

    .hotel-info3 .button-holder>div{
        width: auto;
    }

    .hotel-info3 .button-holder>div>.btn{
        line-height: 1;
        width: auto;
        min-width: 120px;
    }

    .hotel-info3 .button-holder{
        justify-content: flex-end;
    }

    .hotel-list-line .image-slider{
        width: 31%;
        min-height: 189px;
    }

    .hotel-list-line .text-holder{
        padding-left: 30px;
    }


    .found-desk{
        padding-top: 20px;
    }

    .hotel-filters-wrapper{
        padding-bottom: 40px;
    }

    .filter-overlayer{
        background: rgba(0, 16, 46, 0.8);
        backdrop-filter: blur(2.5px);
        padding: 5%;

    }

    .filter-overlayer-inner{
        background: #fff;
        padding: 50px;
        border-radius: var(--border-radius-small);
    }

    .filter-overlayer-title{
        text-align: center;
        padding: 0 80px;
    }

    #filter-overlayer-close{
        right: 63px;
        top: 63px;
    }

    .hotel-filters-holder{
        margin-top: 50px;
        height: calc(100% - 95px);
    }

    #filter_your_search .filter-overlayer-inner{    
        max-width: 960px;
    }

    /* END Hotel list ---------------------------------------------------*/
    .hotel-page .hero-section .img-holder{
        max-height: 460px;
    }

    .hotel-page .hero-section .text-holder > div:last-child{
        align-items: center;
        justify-content: flex-end;
    }

    .hotel-page .arrival-dep,
    .hotel-page .arrival-dep>div{
        height: auto;
        width: auto;
    }

    .hotel-info-line .btn,
    .hotel-page .arrival-dep{
        height: 50px;
    }

    .hotel-info-line .btn{
        padding: 10px 50px;
    }

    .hotel-page .arrival-dep>div{
        padding-left: 25px;
        padding-right: 30px;
        min-width: 125px;
    }

    .hotel-services-list{
        --hsl-col-num: 5;
    }

    .career-steps{
        --cr-col-num: 4;
    }
    

    .content-submenu-section{
        background: #EDECEC;
        box-shadow: 5px 10px 30px 0px rgba(88, 88, 90, 0.10);
    }

    .content-submenu-section.position-sticky{
        z-index: 1000;
    }

    .bigCol.left-side .content-submenu-section.position-sticky{
        width: 100%;
        position: fixed !important;
        left: 0;
    }

    .content-submenu-section .content-submenu{
        border: 0;
        border-radius: 0;
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .content-submenu-inner{
        position: relative;
        display: block !important;
        width: 100%;
        max-width: 100%;
        border: 0;
        border-radius: 0;
        padding: 0;
        background: transparent;
    }

    .content-submenu-inner>ul{
        display: flex;
        justify-content: flex-start;
    }

    .content-submenu-title{
        display: none !important;
    }

    .content-submenu-inner>ul .submenu_holder{
        display: none;
    }

    .content-submenu{
        font-weight: 400;
    }

    .content-submenu li.has_submenu,
    .content-submenu li.has_submenu .icon-down-open-big,
    .content-submenu li.has_submenu>a{
        width: auto;
    }

    .content-submenu li.active .icon-down-open-big{
        background: transparent;
    }


    .content-submenu-inner>ul ul{
        box-shadow: 5px 5px 30px rgba(0, 35, 102, 0.05);
        border-radius: var(--border-radius-small);
        background: var(--Blue-new);
    }

    .content-submenu ul li>a{
        font-weight: normal;
        white-space: nowrap;
    }

    .content-submenu ul ul li>a{
        white-space: normal;
    }

    .content-submenu ul li:first-child>a{
        padding-left: 0;
    }

    .content-submenu li:hover>a,
    .content-submenu li.active>a{
        background: transparent;
        text-decoration: underline;
    }

    .content-submenu li.active>a{
        font-weight: 600;
    }

    .content-submenu-inner>ul>li{
        margin-left: 20px;
    }

    .content-submenu-inner>ul>li:first-child{
        margin-left: 0;
    }

    .content-submenu-inner>ul>li>a{
        padding-left: 0;
        padding-right: 0;
    }

    .content-submenu-inner ul>li.has_submenu>a{
        padding-right: 10px;
    }

    .content-submenu-inner ul>li.has_submenu{
        display: flex;
        align-items: center;
    }

    .content-submenu-inner>ul>li.has_submenu>span{
        display: block;
        cursor: pointer;
        font-size: 16px;
        transition: all 0.2s ease-out;  
    }


    .content-submenu-inner>ul>li.has_submenu>span:before{
        margin: 0 !important;
    }

    .content-submenu ul ul{
        padding-left: 0;
    }


    .content-submenu-inner>ul ul a{
        padding-top: 0;
        padding-bottom: 0;
    }

    .content-submenu-inner>ul .submenu_holder{
        display: none;
        position: absolute;
        top: 100%;
        width: 300px;
        padding-top: 20px;
    }

    .content-submenu-inner>ul>li.has_submenu:hover .submenu_holder{
        display: block;
    }


    .content-submenu-inner>ul>li.has_submenu ul{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 10px 20px;
        border-radius: 6px;
        background: #EDECEC;
        box-shadow: 5px 5px 30px 0px rgba(0, 35, 102, 0.05);
    }

    .content-submenu-inner>ul>li.has_submenu ul li a{
        color: var(--DarkBlue);
        font-size: 14px;
        font-weight: 400;
        padding:7px 0;
    }

    .content-submenu-inner>ul>li.has_submenu ul li.has_submenu a{
        padding-right: 10px;
    }

    .content-submenu-inner>ul>li.has_submenu ul li>a:hover,
    .content-submenu-inner>ul>li.has_submenu ul li.active>a{
        font-weight: 600;
        text-decoration: none;
    }

    .content-submenu-inner>ul>li.has_submenu:hover li.has_submenu .submenu_holder{
        top: inherit;
        left: 100%;
        padding-left: 5px;
        padding-top: 0px;
        margin-top: 50px;
    }

    .content-submenu-inner>ul>li.has_submenu{
        flex-wrap: nowrap;
    }

    .content-submenu-inner ul>li.has_submenu.opened>a{
        font-weight: 600;
    }

    .content-submenu-inner>ul>li.has_submenu.opened>span{
        transform: rotate(180deg);
        transition: all 0.2s ease-out;   
    }

    .PressItem .bigInnerRow .hotel-gallery,
    .hotel-gallery{
        height: 258px;
    }

    .PressItem .bigInnerRow .hotel-gallery>div.col2>div,
    .PressItem .bigInnerRow .hotel-gallery>div.col1 a,
    .hotel-gallery>div.col2>div,
    .hotel-gallery>div.col1 a{
        height: 100%;
    }

    .PressItem .bigInnerRow .hotel-gallery>div.col2.d-flex>div>a,
    .hotel-gallery>div.col2.d-flex>div>a{
        height: calc((258px - 5px) / 2);
        width: 100%;
    }


    .list-style-checkmark li{
        column-gap: 12px;
    }

    .form-offers .form-elem select{
        padding: 15px 35px 15px 10px;
        background-position: calc(100% - 20px)
    }

    /* Begin offers list ----------------------------------------------------------------------*/

    .offer-list .result-list{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .offer-list .list-line > a{
        height: 196px;
    }
    /* End offers list ----------------------------------------------------------------------*/


    .hotel-swiper-nav{
        display: block;
    }


    /* Destinations page ----------------------------------------------------------------------*/
         /* Destinations home page ----------------------------------------------------------------------*/
         .grid-5{
            display: grid;
            row-gap: 15px;
            column-gap: 15px;
            grid-template-columns: calc(40% - 15px) auto auto;
            grid-template-rows: 255px 255px;
        }

        .grid-5>div{
            height: 100%;
        }

        .grid-5>div:first-child{
            grid-column: 1;
            grid-row: 1 / 3;
            height: auto;
        }

        /* END Destinations home page ----------------------------------------------------------------------*/



    .grid-3-col {
        --h-col-gap: 30px;
        --h-row-gap: 50px;
        --h-col-num: 3;
    }



    .hotel-card .button-holder {
        width: 50%;
        padding-top: 0;
    }

    .hotel-card .button-holder>div{
        width: auto;
    }

    /* End Destinations page ----------------------------------------------------------------------*/

    .btn-2-one-row>div{
        --bh-col-gap: 20px;
        --bh-col-num: 2;
        width: calc((100% / var(--bh-col-num)) - ((var(--bh-col-gap) / var(--bh-col-num)) * (var(--bh-col-num) - 1)));
    }

    .room-arrival-dep .button-holder .btn{
        padding: 10px 50px;
        height: 50px;
    }

    /* Hotel contact page ------------------------------------------------------------------------*/
    .hotel-contact-list{
        flex-direction: row;
        flex-wrap: wrap;
    }

    /* END Hotel contact page ------------------------------------------------------------------------*/

    .with-hero.meeting-and-events-page .content-header{
        margin-bottom: 0px;
    }


    /* Meetings and event pages ------------------------------------------------------------------------*/
    .meeting-hotel-list-collapse .confrooms-row .confrooms-img{
        width: 35%;
    }

    .meeting-hotel-list-collapse .confrooms-row .confrooms-sizes{
        width: 25%;
    }

    .meeting-hotel-list-collapse .confrooms-row .confrooms-prop{
        width: 40%;
        padding-top: 0;
        padding-right: 30px;
    }
    /* END Meetings and event pages ------------------------------------------------------------------------*/

    /* Blokkos tartalmak ----------------------------------------------------------------------------------*/

    .container.bigRow{
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .container.bigRow>.row{
        margin: 0;
    }

    .container.bigRow>.row>.bigCol:not(.left-side){
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
    }

    .container.bigRow>.row>.bigCol.left-side>.bigInnerRow,
    .container.bigRow>.row>.bigCol.left-side>.bigInnerRow>.col{
        margin: 0;
        padding: 0;
    }

    .hotels-in-destination-block .box-holder-scroller .box-holder-overflow .box.w4b {
        width: 25%;
    }


    /* END Blokkos tartalmak ----------------------------------------------------------------------------------*/

    /* Photoswipe layer ----------------------------------------------------------------------------------*/
        .pswp--open .pswp__bg{
            background: rgba(0, 16, 46, 0.80);
            backdrop-filter: blur(2.5px);
        }

        .pswp__img{
            border-radius: var(--border-radius-small);
        }
    /* END Photoswipe layer ----------------------------------------------------------------------------------*/


    .press-releases{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .has-promo .navibar-container{
        position:relative;
        left: 0;
        top: 0;
        transform: none;
    }

    .navibar-container:has(+.content>.promoart-holder){
        position:relative;
        left: 0;
        top: 0;
        transform: none;
    }

    .promoart-holder{
        min-height: inherit;
    }

    body.has-breadcrumb .promoart-holder{
        margin-top: calc(-1 * var(--breadcrumb-height));
    }

    .promoart-holder.has-meeting-form{
        min-height: 400px;

    }

    .promoart-holder:has(#meeting-header-form){
        min-height: 400px;
    }

    .promoart-holder .promoart-img{
        position: relative;
    }

    .promoart-holder.has-meeting-form .promoart-img{
        position: absolute;
    }

    .promoart-holder:has(#meeting-header-form) .promoart-img{
        position: absolute;
    }


    /* Webshopok ------------------------------------------------------*/
    .webshop_right_cart_block{
        order:2;
        width: 25% !important;
    }
    .webshop_left_block{
        order:1;
        width: 75% !important;
    }

    .webshop_right_cart_block>.webshops_cart_box,
    .webshop_left_block>.IssueHolder{
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        background-color: #fff;
        margin-bottom: 30px;
        padding: 20px;
        border-radius: var(--border-radius-small) !important;
        overflow: hidden;
    }

    .webshop_right_cart_block>.webshops_cart_box{
        margin-right: 0;
    }

    /* DEP menü ----------------------------------------------------------------*/
    .dep-menu-holder .dep_icon_menu{
        max-width: 920px;
        margin: auto !important;
        padding: 5px 0 !important;
    }

    .dep_icon_menu .dep-jm-title{
        display: none !important;
    }

    .dep_icon_menu ul{
        display: flex;
        column-gap: 15px;
        align-items: center;
    }

    .dep_icon_menu ul li a>[class^="icon-"]{
        font-size: 22px;
    }

    .dep-menu-holder:after{
        display: none;
    }
    /* END DEP menü ----------------------------------------------------------------*/

    .bigInnerRow .col.box.w4b,
    .bigInnerRow .box.w4b,
    .hotels-in-destination-block .box-holder-scroller .box-holder-overflow .box.w4b {
        width: 25% !important;
    }


    .hirlevel-oldalak  .container.bigRow>.row,
    #page-issues-3937 .container.bigRow>.row,
    #page-issues-3899 .container.bigRow>.row,
    #page-issues-4725 .container.bigRow>.row,
    #page-issues-4755 .container.bigRow>.row,
    #page-issues-1138 .container.bigRow>.row{
        display: grid;
        max-width: var(--container-width);
        margin: auto;
        column-gap: 30px;
        grid-template-columns: 32% 68%;
    }

    .hirlevel-oldalak  .container.bigRow>.row>.bigCol:nth-child(3),
    #page-issues-3937 .container.bigRow>.row>.bigCol:nth-child(3),
    #page-issues-3899 .container.bigRow>.row>.bigCol:nth-child(3),
    #page-issues-4755 .container.bigRow>.row>.bigCol:nth-child(3),
    #page-issues-1138 .container.bigRow>.row>.bigCol:nth-child(3),
    #page-issues-4725 .container.bigRow>.row>.bigCol:nth-child(3){
        display: none;
    }


    .n-nl-left .bigInnerRow{
        margin-top: 0;
    }

    .n-nl-left{
        text-align: left;
        padding-bottom: 100px;
    }

    .hirlevel-oldalak   .bigCol ul.liboldupp,
    #page-issues-3937 .bigCol ul.liboldupp, 
    #page-issues-3899 .bigCol ul.liboldupp, 
    #page-issues-4755 .bigCol ul.liboldupp, 
    #page-issues-1138 .bigCol ul.liboldupp, 
    #page-issues-4725 .bigCol ul.liboldupp{
        flex-direction: column;
    }

    .n-nl-left a{
        color: var(--DarkGray);
    }

    .n-nl-right .gdpr-row{
        margin-bottom: 40px !important;
    }

    .n-nl-right #nlregform-normal .formdiv .row:not(.requi){
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
    }

    .hirlevel-oldalak  ul.alrsubs,
    .n-nl-left ul.alrsubs,
    #page-issues-3937 .bigCol .alrsubs, 
    #page-issues-3899 .bigCol .alrsubs, 
    #page-issues-4755 .bigCol .alrsubs, 
    #page-issues-1138 .bigCol .alrsubs, 
    #page-issues-4725 .bigCol .alrsubs{
        margin: 36px 0 10px 0;
        list-style: none;
        border: 1px solid #d6d9db;
        border-radius: 2px;
        background: transparent url(/inc/vws/dh/imgs/icon-link-chevron.png) no-repeat right center;
        cursor: pointer;
        transition: all .5s;
        display: block;
        padding: 15px 30px 15px 15px;
        background-position: center right 15px;
    }    


    
    .n-nl-left ul.alrsubs li {
        margin: 0px;
    }

    .n-nl-left ul.alrsubs li:first-child {
        font-size: 24px;
        font-weight: 300;
    }

    .content-block.collect-me-redemption-list,
    .content-block.collect-me-filter{
        padding-left: 0;
        padding-right: 0;
    }

    .collect-me-filter-row{
        column-gap: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .collect-me-filter-row .filter-group{
        margin: 0;
        padding: 10px;
        position: relative;
    }

    .collect-me-filter-row .filters{
        position: absolute;
        left: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        padding: 20px;
        border-radius: var(--border-radius-small) !important;
        margin-top: 15px;
        z-index: 10;
    }

    .collect-me-redemption-list .white-grey-boxes-opened>.holder{
        margin-right: calc(var(--bs-gutter-x) * .5);
        margin-left: calc(var(--bs-gutter-x) * .5);
    }
    
    .collect-me-redemption-list .white-grey-boxes-opened .list-element .holder{
        margin-left: 0;
        margin-right: 0;
    }

    #CollectMePontbevaltas{
        display: none;
    }

    .collect-me-redemption-list .white-grey-boxes-opened .list-element>.holder{
        height: 100%;
    }
    .collect-me-redemption-list .white-grey-boxes-opened .list-element .holder .image-holder,
    .collect-me-redemption-list .white-grey-boxes-opened .list-element .holder .subtitle,
    .collect-me-redemption-list .white-grey-boxes-opened .list-element .holder .text{
        float: left;
    }

    .page-karrier .IssueHolder{
        max-width: 920px !important;
        margin: auto;
    }

    .content-block.seo-text{
        padding-top: 70px;  
    }


    /* Hírlevél beállítások oldal -----------------------------------------------------------*/
    .issue-3717 .nlsetup{
        display: flex;
        flex-wrap: nowrap;
        column-gap: 30px;
    }

    .issue-3717 .nlsetup .nlsetup-div{
        width: 50%;
    }

    .issue-3717 .formdiv_row.gdpr-row{
        margin-bottom: 0!important;
    }

    .issue-3717 .nlsetup .nlsetup-div{
        margin-top:0px;
    }


    /* END Hírlevél beállítások oldal -----------------------------------------------------------*/
    
    /* Booking box ----------------------------------------------------*/

    body.booking-form-overlayer .booking-box.opened{
        background: rgba(0, 16, 46, 0.80);
        backdrop-filter: blur(2.5px);
    }

    body.booking-form-overlayer .booking-box.opened:before,
    body.booking-form-overlayer .booking-box.opened:after{
        display: none;
    }    

    body.booking-form-overlayer .formline0{
        position:relative;
        margin-top: 100px;
    }
    /* End Booking box ----------------------------------------------------*/
    

    .full-reviews-list .list-line .hotel-reviews-list>div{
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 10px;
    }

    .full-reviews-list .list-line .hotel-reviews-list>div .rating-holder{
        padding:8px 0;
        border-right: 1px solid var(--LightBlue);
        border-radius: 0;
    }

    .full-reviews-list .list-line .hotel-reviews-list>div .rating-holder:nth-child(3n){
        border-right: 0;
    }


    .full-reviews-list .list-line .hotel-reviews-list>div .rating-title{
        width: 52%;
        line-height: 1.5;
        padding-right: 10px;
        font-size: 12px;
    }

    .full-reviews-list .list-line .hotel-reviews-list>div .rating-line{
        width: 30%;
    }

    .formdiv .fullname-table .formdiv_inputvalue table .text.textnew.large {
        min-width: 400px !important;
        max-width: 100% !important;
    }   
    
    
        /* Begin footer --------------------------------------------*/
        .footer{
            padding-top: 70px;
            padding-bottom: 16px;
        }
    
        .footer .footer-links{
            display: flex;
            width: 100%;
        }
    
        .footer .footer-menu .collapse{
            display: block !important;
            padding-top: 20px;
        }
    
        .footer .footer-bottom .footer-placeholder,
        .footer .footer-links .social-links {
            width: 25%;
            text-align: left;
            padding-right: 20px;
        }
    
        .footer-bottom-text,        
        .footer .footer-menu{
            width: 82%;
            padding: 0;
        }
    
        .footer .footer-menu>div>div{
            border: 0;
            padding: 0 20px 0 0;
        }
    
        .footer .footer-menu>div>div:last-child{
            padding-right: 0;
        }
    
        .footer .footer-logo{
            padding: 0 0 25px 0;
        }
    
        .footer .footer-menu h5>a::after{
            display: none;
        }
    
        .footer .footer-menu ul>li{
            padding-top: 0;
            padding-bottom: 15px;
        }
        .footer .footer-menu ul>li:last-child{
            padding-bottom: 0;
        }
        
        .footer .footer-menu a{
            font-size: 12px;
            line-height: 16px;
        }
    
        .footer .footer-bottom-menu>ul>li,
        .footer .footer-bottom-menu>ul{
            border:0;
            padding: 0;
        }
    
        .footer .footer-bottom-menu>ul{
            display: flex;
            gap: 10px;
            flex-direction: row;
            flex-wrap: wrap;
        }
    
        .footer .copyright-text{

        }
    
        .footer .footer-bottom-menu{
            width: 100%;
        }

        .footer-bottom-text{
            display: flex;
        }   

        .footer .footer-bottom{
            padding-top: 0;
        }

        .footer-links .footer-menu .collapse{
            padding-bottom: 40px;
        }
        /* End footer --------------------------------------------*/

        .irb-module-tiles .irb-tiles{
            grid-template-columns: 1fr 1fr 1fr;
        }

        .compare-title h1{
            font-size: 30px;
        }

        body.booking-form-overlayer .ui-autocomplete.ui-widget-content{
            top: 260px !important;
        }

        .gprh-dep-advert > div {
            float: right;
        }
}
/* X-Large devices xl (large desktops, 1200px and up) --------------------------------------------*/
@media (min-width: 1200px){
    :root {
        /*--content-margin-top: calc(120px + 40px);  menu-holder height + blue-line height */
        --content-margin-top: 120px;
        --sticky-content-margin-top: 100px;
        --container-width: 1110px;
        --best-price-width: 240px;
    }

    .promoart-holder .wrapper,
    .container.bigRow>.row>.bigCol:not(.left-side),
    #fixed-compare-list-holder .wrapper,
    .container{
        max-width: var(--container-width);
        padding-left: 0;
        padding-right: 0;
    }

    .container.bigRow>.row>.bigCol.right-side{
        max-width: 920px;
    }


    .xl-w-auto{
        width: auto !important;
    }
    
    .xl-w-25{
        width: 25% !important;
   }

   .xl-w-30{
    width: 30% !important;
    }

    .xl-w-40{
        width: 40% !important;
    }

    .xl-w-50{
        width: 50% !important;
    }

    .xl-w-60{
        width: 60% !important;
    }

   .xl-w-70{
        width: 70% !important;
   }


   .xl-w-75{
    width: 75% !important;
    }


   .xl-w-100{
        width: 100% !important;
   }

   .xl-w-auto{
        width: auto !important;
    }


    .xl-h-25{
        height: 25% !important;
    }

    .xl-h-30{
        height: 30% !important;
    }

    .xl-h-40{
        height: 40% !important;
    }

    .xl-h-50{
        height: 50% !important;
    }

    .xl-h-60{
        height: 60% !important;
    }

    .xl-h-70{
        height: 70% !important;
    }

    .xl-h-75{
        height: 75% !important;
    }

    .xl-h-100{
        height: 100% !important;
    }

    .xl-h-auto{
        height: auto !important;
    }



    .lh-xlg {
        line-height: 3rem !important;
    }

    .xl-position-absolute{
        position: absolute !important;
    }

    .xl-position-relative{
        position: relative !important;
    }

    .xl-position-inherit{
        position: inherit !important;
    }

    .xl-fs-10{
        font-size: 10px !important;
    }

    .xl-fs-12{
        font-size: 12px !important;
    }

    .xl-fs-14{
        font-size: 14px !important;
        line-height: 1.5em  !important;
    }

    .xl-fs-16{
        font-size: 16px !important;
        line-height: 1.5em  !important;
    }

    .xl-fs-18{
        font-size: 18px !important;
    }

    .xl-fs-20{
        font-size: 20px !important;
    }


    .xl-fs-24{
        font-size: 24px !important;
    }

    .xl-fs-28{
        font-size: 28px !important;
    }

    .xl-lh-1{
        line-height: 1em  !important;
    }

    .xl-lh-1-25{
        line-height: 1.25em  !important;
    }


    .xl-column-count-2{
        column-count: 2;
        column-gap: 3em;
    }

    .xl-column-count-3{
        column-count: 2;
        column-gap: 3em;
    }

    .xl-column-count-4{
        column-count: 2;
        column-gap: 3em;
    }



    .xl-bg-linear-gradient-1{
        background: linear-gradient(89.9deg, #898586 37.75%, rgba(138, 134, 135, 0.3) 59.31%, rgba(196, 196, 196, 0) 66.99%) !important;
        transform: matrix(-1, 0, 0, 1, 0, 0) !important;
    }

    .xl-bg-linear-gradient-2{
        background: linear-gradient(342.13deg, #74787B 13.56%, #999A9B 34.72%, rgba(174, 172, 173, 0.87) 48.85%, rgba(196, 196, 196, 0) 75.53%) !important;
        transform:  translateY(145px);
    }

    .xl-gap-10{
        column-gap: 10px;
        row-gap: 10px;
    }

    .xl-gap-15{
        column-gap: 15px;
        row-gap: 15px;
    }

    .xl-gap-20{
        column-gap: 20px;
        row-gap: 20px;
    }

    .xl-gap-25{
        column-gap: 25px;
        row-gap: 25px;
    }

    .xl-gap-30{
        column-gap: 30px;
        row-gap: 30px;
    }


    .xl-column-gap-10{
        column-gap: 10px;
    }

    .xl-row-gap-10{
        row-gap: 10px;
    }

    .xl-column-gap-15{
        column-gap: 15px;
    }

    .xl-row-gap-15{
        row-gap: 15px;
    }

    .xl-column-gap-25{
        column-gap: 25px;
    }

    .xl-row-gap-25{
        row-gap: 25px;
    }


    .xl-column-gap-30{
        column-gap: 30px;
    }

    .xl-row-gap-30{
        row-gap: 30px;
    }

    .xl-padding-b-100p{
        padding-bottom: 100% !important;
    }

    .xl-padding-b-66p{
        padding-bottom: 66% !important;
    }

    .xl-padding-b-200p{
        padding-bottom: 200% !important;
    }

    .xl-padding-b-84p{
        padding-bottom: 84% !important;
    }


    .xl-position-static{
        position: static !important;
    }

    .xl-position-relative{
        position: relative !important;
    }

    .xl-position-absolute{
        position: absolute !important;
    }

    .xl-position-fixed{
        position: fixed !important;
    }

    .xl-position-sticky{
        position: sticky !important;
    }

    .xl-shadow-box{
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        background-color: #fff;
        margin-top:30px;
        margin-bottom: 30px;
    }

    .xl-align-left{
        text-align: left;
    }
    
    .xl-align-right{
        text-align: right;
    }
    .xl-align-center{
        text-align: center;
    }



    .menu-wrapper{
        background: var(--DarkBlue);
    }


    #dh-header-logo,
    #header-bookin-btn > .btn,
    #sticky-user,
    #open-hamburger-menu{
        display: none;
    }

    .hero-with-slider header{
        background: rgba(0, 92, 134, 0.1);
        backdrop-filter: blur(5px);
    }

    .hero-with-slider .menu-wrapper,
    .hero-with-slider header .menu-holder{
        background: transparent;
    }

    #dh-header-logo-l,
    header .menu-holder .top-menu .third-menu .search,
    #menu-user{
        display: block;
    }

    .top-menu .third-menu .search{
        position: relative;
    }

    body.hero-with-slider{
        margin-top: 0;
    }

    .third-menu,
    .top-menu,
    header .menu-holder,
    #desktop-menu{
        display: flex;
        align-items: center;
    }

    header .menu-holder{
        position: relative;
        flex-wrap: wrap;
        justify-content: flex-end;
        height: 120px;
    }

    header .menu-holder .top-menu .scroller,
    header .menu-holder .top-menu {
        display: flex;
        flex-direction: row;
        height: auto;
        width: auto;
        overflow: initial;
        margin: 0px;
        padding: 0;
        order: inherit;
    }

    header .menu-holder .top-menu{
        padding: 18px 0 17px 0;
        border-bottom: 1px solid rgba(18, 126, 162, 0.3);
        justify-content: flex-end;
        line-height: 1;
    }

    .hero-with-slider header .menu-holder .top-menu{
        border-color: rgba(255, 255, 255, 0.3);
    }

    header .menu-holder .top-menu .scroller,
    header .menu-holder .top-menu .third-menu{
        flex-direction: row;
        order: inherit;
    }

    .menu-wrapper{
        padding: 0;
    }

    header .third-menu{
        margin-left: 50px;
    }

    .nav-item{
        padding:0 15px;
        font-weight: 600;
        margin-bottom: 0;
    }

    header .menu-holder .top-menu ul.nav{
        flex-direction: row;
    }

    #desktop-menu .main-menu .nav .nav-item:last-child{
        padding-right: 0;
    }

    #desktop-menu .nav-item{
        padding: 0;
        margin:0 15px;
    }

    .scroller .secondary-menu .nav-item{
        margin-bottom: 20px;
        padding-left: 0;
    }

    .secondary-menu .nav-item{
        font-size: 12px;
        font-weight: 400;
    }

    .secondary-menu .nav-item:first-child{
        padding-left: 0;
    }

    .scroller .secondary-menu{
        margin-top: 0;
    }

    #hamburger-menu{
        z-index: 1400;
        right:-100%;
        display: block;
        max-width: 705px;
        position: fixed;
        left: inherit;
        transition: 1s;
    }


    #hamburger-menu.opened{
        right:0;
        transition: 1s;
    }

    #hamburger-menu .langmenu.opened,
    #hamburger-menu .langlist,
    #hamburger-menu .third-menu{
        width: 100%;
    }

    #hamburger-menu .third-menu{
        position: relative;
        padding-right: 30px;
    }

    #hamburger-menu .langlist li{
        width: auto;
        padding-right:40px;
    }

    #hamburger-menu .langlist li:last-child{
        padding-right:0px;
    }



    #hamburger-menu{
        padding: 90px 130px 67px 95px;
    }

    #hamburger-menu .top-menu {
        height: 100%;
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    #langmenu2{
        margin-left: 0;
    }

    #close-hamburger-menu, #close-hamburger-menu a#nav-close{
        top:0;
        right: 32px;
    }

    .menu-holder .top-menu .scroller{
        padding-right: 30px;
    }

    #desktop-menu-bookin-btn{
        display: block;
        margin-left: 30px;
    }


    body.hotel:not(.header-fixed) #desktop-menu-bookin-btn{
        display: none;
    }


    .allasajanlat-btn,
    #desktop-menu-bookin-btn .btn.btn-small{
        border-radius: var(--border-radius-small);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 125% */
        min-width: 130px;
        margin-top: -2px;
    }

    #desktop-menu{
        padding: 0;
        width: 100%;
        justify-content: flex-end;
    }
    #desktop-menu>ul{
        padding-top:20px;
        padding-bottom: 20px;
    }

    /* langmenu */
    .langmenu{
        margin-left: 24px;
        display: flex;
        align-items: center;
    }

    #header-main .langmenu .langselector,
    #header-main .langmenu .langselector:hover,
    .langmenu .langselector{
        color:#fff;
        padding-right: 0px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .langmenu .langselector:after{
        margin-left: 15px;
    }
    /* end langmenu */


    body.header-fixed .header-blue-line{
        display: none !important;
    }

    body.header-fixed #header-main,
    body.header-fixed #header-main .menu-wrapper{
        height: 100px;
        background: #fff;
    }

    body.header-fixed #header-main{
        box-shadow: 5px 10px 30px rgba(136, 136, 187, 0.1);

    }

    body.header-fixed header .menu-holder .top-menu,
    body.header-fixed #dh-header-logo-l{
        display: none;
    }

    body.header-fixed #dh-header-logo,
    body.header-fixed #sticky-user,
    body.header-fixed #sticky-user .search,
    body.header-fixed #sticky-user .langmenu,
    body.header-fixed #header-bookin-btn > .btn{
        display: block;
    }

    body.header-fixed #header-bookin-btn{
        width: auto;
        height: 40px;
    }


    body:not(.header-fixed) #header-bookin-btn{
        width: auto !important;
        height: auto !important;
    }

    body.header-fixed #header-main .logo-holder{
        order:1;
    }


    body.header-fixed #header-main .menu-holder{
        order:2;
        position: relative;
        z-index: 10;
        background: #fff;
        height: auto;
        max-width: 705px;
        margin-left: auto;
    }

    body.header-fixed #sticky-user {
        order:4;
        position: relative;
        z-index: 1000;
    }

    body.header-fixed #header-bookin-btn{
       order:5;
       display: block;
    }

    body.header-fixed .allasajanlat-btn,
    body.header-fixed #header-bookin-btn > .btn{
        font-size: 14px;
        border-radius: var(--border-radius-small);
        white-space: nowrap;
        line-height: 22px;
        margin-top: 0;
    }

    body.header-fixed #header-main .menu-holder .nav-link:focus,
    body.header-fixed #header-main .menu-holder .nav-link:hover,
    body.header-fixed #header-main .menu-holder a.nav-link{
        color: var(--DarkBlue);
        font-size: 14px;
        font-weight: 600;
    }

    body.header-fixed #sticky-user{
        display: flex;
        align-items: center;
    }

    body.header-fixed #header-main #sticky-user .langmenu .langselector,
    body.header-fixed #header-main #sticky-user .langmenu .langselector:hover,
    body.header-fixed #header-main #sticky-user .langmenu .langselector{
        color: var(--DarkBlue);
    }

    body.header-fixed #header-main #sticky-user .langmenu .langselector{
        margin-right: 20px;
    }

    body.header-fixed #header-main #sticky-user .langmenu .langselector:after{
        /*content: '\f107';*/
        content: "\e914";
        background: transparent;
        font-family: "danubius";
        font-style: normal;
        font-weight: normal;
        speak: never;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: var(--DarkBlue);
        width: 12px;
        height: 20px;
        margin-left: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    body.header-fixed #sticky-user .search>a>span{
        margin: 0 20px;
        color: var(--DarkBlue);
        font-size: 20px;
    }


    body.header-fixed #header-main #sticky-user .langmenu.opened .langlist{
        margin-top: 65px;
    }

    body.header-fixed #header-main #sticky-user .header-search-form{
        right: inherit;
        left: -642px;
        background: #fff;
        border:1px solid var(--DarkBlue);
        top: -3px;
        z-index: 1000;
    }


    body.header-fixed #desktop-menu-bookin-btn{
        display: none;
    }
    /* Booking box ----------------------------------------------------*/

    body.booking-overlayer .main-header{
        z-index: 1030;
    }

    .hero-with-slider .booking-holder .booking-box,
    .booking-holder{
        background: #FFFFFF;
        box-shadow: 5px 10px 30px rgba(136, 136, 187, 0.1);
        width: calc(100% - 30px);
        display: block;
        margin:0 15px;
        padding: 0;
    }

    .booking-holder{
        width: 100%;
        margin: 0;
    }
    .content-header .booking-holder .container{
        display: flex;
        justify-content: flex-end;
        position: relative;
    }


    .booking-holder{
        display: none;
    }

    .hero-with-slider .booking-holder,
    .booking-form-overlayer .booking-holder{
        display: block;
    }

    .booking-holder .booking-box{
        display: flex;
        border: 1px solid var(--BlueGray);
        border-radius: var(--border-radius-small);
        padding: 4px 4px 4px 20px;
        margin: 18px 0;
        position: absolute;
        top: 0;
        background: #fff;
    }

    .booking-holder .booking-box{
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }


    body.hero-with-slider .booking-holder .mobile-numofperson-box:before,
    body.hero-with-slider .booking-holder .date-holder .calendar-holder>a,
    body.hero-with-slider .booking-holder .t-datepicker .t-dates>a,
    body.hero-with-slider .booking-holder .destination-holder label,
    body.hero-with-slider .booking-holder .GuestSelectorOpener i:first-of-type,
    
    body.booking-form-overlayer .booking-holder .mobile-numofperson-box:before,
    body.booking-form-overlayer .booking-holder .date-holder .calendar-holder>a,
    body.booking-form-overlayer .booking-holder .t-datepicker .t-dates>a,
    body.booking-form-overlayer .booking-holder .destination-holder label,
    body.booking-form-overlayer .booking-holder .GuestSelectorOpener i:first-of-type{
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        padding: 0;
        cursor: pointer;
    }

    body.hero-with-slider .booking-holder .destination-holder label img,
    body.booking-form-overlayer .booking-holder .destination-holder label img{
        width: 18px;
    }

    .booking-holder .booking-box .formline0{
        display: flex;
        padding-right: 98px;
        position: relative;
        flex-direction: column;
    }

    .booking-holder .booking-box .formline0>.button-holder{
        right: 0px;
        top: 0;
        position: absolute;
        display: flex;
        align-items: center;
    }

    body.hero-with-slider .booking-holder .booking-box .formline0>.button-holder,
    body.booking-form-overlayer  .booking-holder .booking-box .formline0>.button-holder{
        height: 92px;
    }


    .booking-holder .booking-box .spec-rate-code-content.opened,
    .booking-holder .booking-box .formline3.opened .mobile-numofperson-box .text{
        display: flex;
    }
    .booking-holder .booking-box .formline1{
        display: flex;
        align-items: center;
    }

    .booking-holder .booking-box .spec-rate-code{
        display: none;
    }

    .booking-holder .booking-box input:not([type='submit']),
    .form-row input:not([type='submit']){
        border: 0;
        margin: 0;
        font-size: 0.75rem;
        line-height: 1.5em;
        margin-left: 10px;
        display: inline-flex;
        align-items: center;
        background-repeat: no-repeat;
        color: var(--DarkBlue);
        border: 0;
    }

    .booking-holder .mobile-numofperson-box,
    .booking-holder .destination-holder,
    .booking-holder .date-holder,
    .booking-holder .t-datepicker{
        border:0;
        padding:0;
        margin: 0;
        border-radius: 0;
    }

    .booking-holder .destination-holder{
        border-right: 1px solid var(--BlueGray);
        padding:0 20px 0 0;
        align-items: center;
    }


    .booking-holder .date-holder,
    .booking-holder .t-datepicker{
        margin-left: 26px;
    }


    .booking-holder .t-datepicker .t-dates,
    .booking-holder .date-holder .calendar-holder{
        width: auto;
    }

    .booking-holder .booking-box input.destination,
    .form-row input.destination{
        cursor: pointer;
    }

    .booking-holder .booking-box input.destination{
        padding-left: 55px;
    }


    .booking-holder .booking-box .formline3.opened .spec-rate-code-content .done-button-holder .btn,
    body:not(.hero-with-slider):not(.booking-form-overlayer) .booking-holder .btn.booking-search-submit{
        padding: 5px 12px;
        font-weight: 600;
        font-size: 14px;
        width: 86px;
    }

    .booking-holder .booking-box .formline2{
        width: auto !important;
        height: auto!important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end;
    }
    .booking-holder .booking-box .formline3.opened{
        position: unset;
        background: transparent;
        padding: 0;
        display: flex;
    }

    .booking-holder .mobile-numofperson-box{
        margin: 0 20px;
        align-items: center;
        width: 100%;
        cursor: pointer;
    }

    .booking-holder  .t-datepicker .t-dates,
    .booking-holder .date-holder .calendar-holder {
        padding-right: 20px;
        border-right: 1px solid var(--LightBlue);
        align-items: center;
    }

    .booking-holder .date-holder .calendar-holder {
        max-width: 155px;
    }

    .booking-holder  .t-datepicker .t-dates>a,
    .booking-holder .date-holder .calendar-holder>a{
        background: var(--LightBlue) url(../imgs/icon-calendar.svg) center no-repeat;
    }

    body:not(.hero-with-slider):not(.booking-form-overlayer) .booking-holder .t-datepicker .t-dates>a,
    body:not(.hero-with-slider):not(.booking-form-overlayer) .booking-holder .date-holder .calendar-holder>a{
        background: transparent url(../imgs/icon-calendar.svg) center no-repeat;
        width:20px;
        height:17px;
        border-radius: 0;
        padding: 0;
    }

    .hero-with-slider .booking-holder .mobile-numofperson-box:before{
        background-size: 20px;
    }

    body:not(.hero-with-slider):not(.booking-form-overlayer) .booking-holder .mobile-numofperson-box:before{
        background-color: transparent;
        width: 20px;
        height: 20px;
        padding: 0;
    }


    .destination-holder input.destination{
        margin-left: 0 !important;
        padding: 0;
    }

    .booking-holder .t-datepicker input.t-input,
    .booking-holder .date-holder .calendar-holder>input{
        padding-left: 0;
        cursor: pointer;
    }

    .booking-holder .t-datepicker input.t-input{
        display: none;
    }

    .booking-holder .t-check-in .t-date-info-title,
    .booking-holder .t-check-out .t-date-info-title{
        padding-left: 20px;
    }

    body.hero-with-slider .booking-holder{
        background: transparent;
        box-shadow: none;
        margin-top: -75px;
        margin-bottom: 180px;
    }

    .booking-form-overlayer .booking-holder .booking-box,
    .hero-with-slider .booking-holder .booking-box{
        margin: 0;
        width: 100%;
        padding: 30px;
        border: 0;
        border-radius: var(--border-radius);
        box-shadow: 5px 10px 30px rgba(5, 85, 116, 0.1);
    }

    body:not(.hero-with-slider):not(.booking-form-overlayer).booking-overlayer .booking-holder .booking-box{
        box-shadow: 5px 10px 30px rgba(5, 85, 116, 0.1);
    }


    .booking-holder .booking-box .mobile-numofperson-box .text{
        white-space: nowrap;
        width: 100%;
        justify-content: flex-end;
    }

    .hero-with-slider .booking-holder .booking-box .date-holder,
    .hero-with-slider .booking-holder .booking-box .t-datepicker,
    .hero-with-slider .booking-holder .booking-box .destination-holder,
    body.booking-form-overlayer .booking-holder .booking-box .date-holder,
    body.booking-form-overlayer .booking-holder .booking-box .t-datepicker,
    body.booking-form-overlayer .booking-holder .booking-box .destination-holder{
        border: 1px solid var(--BlueGray);
        padding: 25px 20px;
        border-radius: var(--border-radius);
        height: 92px;
    }

    .hero-with-slider .booking-holder .booking-box .destination-holder:before,
    body.booking-form-overlayer  .booking-holder .booking-box .destination-holder:before{
        left: 20px;
        top: 25px;
    }

    .booking-holder .booking-box .destination-holder:before,
    .booking-holder .mobile-numofperson-box:before,
    .booking-holder .date-holder .calendar-holder>a,
    .booking-holder .t-datepicker .t-dates>a,
    .booking-holder .destination-holder label{
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }


    .hero-with-slider .booking-holder .t-datepicker .t-dates,
    .hero-with-slider .booking-holder .date-holder .calendar-holder,
    body.booking-form-overlayer .booking-holder .t-datepicker .t-dates,
    body.booking-form-overlayer .booking-holder .date-holder .calendar-holder{
        border:0;
    }



    .hero-with-slider .booking-holder .booking-box .formline1,
    body.booking-form-overlayer .booking-holder .booking-box .formline1{
        justify-content: space-between;
        width: calc(100% - 30px);
    }

    .booking-holder .formline1 + a{
        margin-top: 10px;
    }


    .booking-holder .formline1 + a:has(+ .formline3:not(.opened)) {
        margin-bottom: 0;
    }

    body.header-fixed .booking-holder{
        /*display: none;*/
    }



    body:not(.hero-with-slider):not(.booking-form-overlayer) .booking-holder .destination-holder label{
        cursor: pointer;
        padding: 0;
        background: transparent;
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }

    .booking-holder .booking-box .formline3.opened{
        height: auto;
    }

    .booking-holder .booking-box .formline3.opened{
        width: 100%;
        padding: 40px 0px 20px 0px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .hero-with-slider .booking-holder .booking-box .formline3.opened,
    body.booking-form-overlayer .booking-holder .booking-box .formline3.opened{
        padding: 40px 30px 20px 0px;
        column-gap: 70px;
    }


    body.booking-form-overlayer .booking-holder .booking-box .formline3.opened{
        padding-right: 0;
    }


    .booking-holder .booking-box .formline3.opened .numofp{
        margin: 20px 0;
        width: auto;
    }

    .booking-holder .booking-box .formline3.opened .bookingback + .numofp,
    .booking-holder .booking-box .formline3.opened .childline + .numofp{
        padding-right: 30px;
        min-width: 140px;
    }


    .booking-holder .booking-box .formline3.opened .numofp:has(+.childline) {
        width: 48%;
    }

    .booking-holder .booking-box .formline3.opened>.numofp>a.btn-minus{
        margin-left: 20px;
    }

    .booking-holder .booking-box .formline2 .numofp label{
        padding-right: 20px;
    }

    .booking-holder .booking-box .formline3.opened>div:has(+ div.spec-rate-code){
        width: 100%;
        border-top: 1px solid var(--LightBlue);
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }


    .booking-box .childline.opened{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 20px;
    }

    .booking-holder .booking-box .formline3 .childline .child_select{
        width: calc((100% - 30px) / 3);
    }


    .booking-holder .booking-box .spec-rate-code-content,
    .booking-holder .booking-box .spec-rate-code{
        width: 100%;
    }

    .booking-holder .booking-box .formline3>.done-button-holder{
        display: none !important;
    }

    .booking-holder .booking-box .spec-rate-code-content{
        justify-content: space-between;
        border-top:1px solid var(--LightBlue);
    }

    .booking-holder .booking-box .formline3.opened .spec-rate-code{
        display: block;
    }

    .booking-holder .booking-box .formline3.opened .spec-rate-code:not(.opened){
        justify-content: flex-end;
        display: flex;
    }


    .booking-holder .booking-box .formline3.opened .spec-rate-code-content .done-button-holder .btn{
        width: 100%;
        height: 40px;
    }

    .booking-holder .booking-box .spec-rate-code-content div input{
        padding:10px;
    }
    .booking-holder .booking-box .spec-rate-code-content>div{
        width: 25%;
        padding-right: 10px;
    }

    .booking-holder .booking-box .formline3.opened .spec-rate-code-content .done-button-holder{
        padding-right: 0px;
        align-items: flex-end;
    }

    .ui-autocomplete.ui-widget-content{
        margin-top: 20px;
        width: 446px !important;
        z-index: 100000;
    }

    .ui-autocomplete.ui-widget-content li.ui-menu-item.link-chevron-right{
        padding: 2px 20px;
    }

    body.hero-with-slider .booking-holder .t-datepicker,
    body.hero-with-slider .booking-holder .date-holder,
    body.booking-form-overlayer .booking-holder .t-datepicker,
    body.booking-form-overlayer .booking-holder .date-holder{
        margin-left: 30px;
    }

    .booking-holder .destination-holder,
    .booking-holder .t-datepicker{
        width: 50%;
    }


    body.hero-with-slider .booking-holder .booking-box .formline3.opened .formline3,
    body.booking-form-overlayer .booking-holder .booking-box .formline3.opened .formline3{
        border:0;
        width: 100%;
        top: 127px;
        left: 0;
        padding-right: 158px;
        box-shadow: 5px 10px 30px rgba(5, 85, 116, 0.1);
    }

    .booking-holder .booking-box .formline3.opened .spec-rate-code{
        margin-top: 30px;
    }

    body.hero-with-slider:not(.header-fixed) .formline1 .button-holder,
    body.booking-form-overlayer:not(.header-fixed) .formline1 .button-holder{
        width: 98px;
    }

    body.hero-with-slider .booking-holder .mobile-numofperson-box,
    body.booking-form-overlayer .booking-holder .mobile-numofperson-box{
            margin:0;
            padding: 25px 20px;
    }

    body.hero-with-slider .booking-holder .t-datepicker.opened,
    body.hero-with-slider .booking-holder .t-datepicker .t-dates.opened,
    body.hero-with-slider .booking-holder .date-holder .calendar-holder.opened,
    body.hero-with-slider .booking-holder .destination-holder.opened,
    
    body.booking-form-overlayer .booking-holder .t-datepicker.opened,
    body.booking-form-overlayer .booking-holder .t-datepicker .t-dates.opened,
    body.booking-form-overlayer .booking-holder .date-holder .calendar-holder.opened,
    body.booking-form-overlayer .booking-holder .destination-holder.opened{
        background-color: var(--LightBlue);
    }

    body.hero-with-slider .booking-holder .mobile-numofperson-box.opened:before,
    body.hero-with-slider .booking-holder .date-holder .calendar-holder.opened>a,
    body.hero-with-slider .booking-holder .destination-holder.opened label,

    body.booking-form-overlayer .booking-holder .mobile-numofperson-box.opened:before,
    body.booking-form-overlayer .booking-holder .date-holder .calendar-holder.opened>a,
    body.booking-form-overlayer .booking-holder .destination-holder.opened label{
        background-color: var(--Blue-new);
    }

    .booking-holder .booking-box .formline3.opened .spec-rate-code.added:not(.opened) .spec-rate-code-added{
        display: inline-flex;
    }

    .booking-holder .booking-box .formline3.opened .spec-rate-code .spec-rate-code-added,
    .booking-holder .booking-box .formline3.opened .spec-rate-code .spec-rate-code-button{
        width: auto;
        padding: 9px;
        font-size: 14px;
    }
    .booking-holder .booking-box .formline3 .bookingback{
        display: none;
    }



    body.header-fixed:not(.booking-form-overlayer) .ui-autocomplete.ui-widget-content{
        position: absolute;
        z-index: 50;
        margin-top: 10px;
    }


    body.header-fixed.booking-form-overlayer .ui-autocomplete.ui-widget-content{
        position: fixed;
        /*top: 100px !important;*/
        top: 255px !important;
        margin-left: 28px;
    }


    .hero-section .hotel-info-line .container.text-holder{
        max-width: var(--container-width) !important;
    }

    body.booking-form-overlayer{
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    body.booking-form-overlayer .booking-box.opened{
        border-radius: 0;
    }

    body.booking-form-overlayer .booking-holder .booking-box-title,
    body.booking-form-overlayer .formline0{
        max-width: var(--container-width);
        margin-left: auto;
        margin-right: auto;
        left: inherit;
        bottom: inherit;
        top: inherit;
    }

    body.booking-form-overlayer .booking-holder .booking-box-title{
        position: relative;
        margin-top: 50px;
    }
    body.booking-form-overlayer .booking-box.opened #bookigFormClose{
        right: calc((100vw - var(--container-width)) / 2);
        top: 40px;
        width: 65px;
        height: 65px;
        border-radius: 100%;
        background: var(--DarkGray, #3F3F3F);        
    }

    body.booking-form-overlayer .booking-box.opened #bookigFormClose:after{
        font-size: 20px;
    }

    body.booking-form-overlayer .booking-box .formline0{
        width: 100%;
        margin-top: 48px;
        padding: 30px 170px 30px 30px;
    }

    body.booking-form-overlayer .booking-holder .booking-box .formline0>.button-holder{
        right: 30px;
        top: 30px;
    }

    body.booking-form-overlayer .booking-holder .booking-box .formline1{
        width: 100%;  
    }    

    /* End Booking box ----------------------------------------------------*/

    .dh-card{
        height: 100%;
        margin: 0;
    }

    .offers-2-cont{
        display: flex;
    }

    .offers-2-cont .menu-holder{
        flex: 0 0 auto;
        width: 35%;
    }

    .offers-2-cont .slider-holder{
        flex: 0 0 auto;
        width: 65%;
    }

    .dh-card .text-holder{
        font-size: 1rem;

    }


    /*megamenu ----------------------------------------------------------------------*/
    #desktop-menu .nav-item.has-megamenu:hover > .megamenu{
        display: block;
    }

    .megamenu{
        position: fixed;
        z-index: 11100;
        width: 100%;
        left:0;
        padding-top: 0px;
    }

    .positioner{
        margin: 9px 0 0 0;
        background: #fff;
        box-shadow: 5px 10px 30px rgba(136, 136, 187, 0.1);
        padding: 0px 0 40px 0;
    }

    .megamenu .container{
        margin: 0px auto 0px auto;
        padding: 5px 0 0 0;
        max-height: calc(100vh - 260px);
        overflow: hidden;
        overflow-y: auto;
    }

    .megamenu .submenu-list li,
    .megamenu .submenu-inner,
    .megamenu .submenu-list a,
    .megamenu .submenu-list span{
        padding: 0;
        margin: 0;
        color: var(--DarkBlue);
    }

    .megamenu  .menu-subtitle a,
    .megamenu .submenu-list a,
    .megamenu .submenu-list .megamenu-button {
        text-decoration: none;
        color: var(--DarkBlue);
        display: block;
    }

    .megamenu .submenu-list .megamenu-button{
        font-weight: 600;
        font-size: 14px;
        width: 100%;
        background: #fff;
        border: 0;
        padding: 10px 20px;
        text-align: left;
        margin: 10px 0;
        line-height: 1;
    }

    .megamenu .submenu-list .megamenu-button:hover,
    .megamenu .submenu-list .megamenu-button.active{
        background: var(--LightBlue);
        border-radius: 6px;
    }

    .megamenu .submenu-list .megamenu-button.megamenu-blue-button,
    .megamenu .submenu-list .megamenu-button.megamenu-blue-button:hover{
        background: var(--Blue);
        border-radius: 6px;
        color: #fff;
        display: flex;
        align-items: center;
        width: 100%;
    }
    
    .megamenu .submenu-list .megamenu-button.megamenu-blue-button>i{
        margin-right: 5px;
    }


    .megamenu .menu-subtitle{
        padding: 0 20px;
        margin-top: 15px;
    }

    .megamenu .more-link{
        font-weight: 600;
        font-size: 12px;
        color: var(--Orange);
        text-decoration: underline;
        margin: 15px 20px;
        display: inline-block;
    }


    .nopr-swiper-wrapper .swiper-slide{
        /*height: 255px;*/
    }

    .directions-sights-collapse .row>div[class^="col-"]:first-child>div,
    .directions-sights-collapse .row>div[class^="col-"]>div {
        padding-top: 0px !important;
        padding-bottom: 30px !important;
        border: 0;
        height: 100%;
    }


    .popup-layer .layer-container{
        max-height: 60vh;
        padding: 90px 55px 90px 65px;
    }

    .popup-layer .layer-close-btn{
        right: 20px;
        top: 20px;
    }

    .destination-content.destination-event-content .popup-layer .layer-container{
        max-height: 80vh;
        padding-right: 55px;
        padding-left: 65px;
    }


    /* Destinations home page ----------------------------------------------------------------------*/
    .grid-5{
        display: grid;
        row-gap: 30px;
        column-gap: 30px;
        grid-template-columns: calc(40% - 30px) auto auto;
        grid-template-rows: 255px 255px;
        grid-auto-flow: column;
    }

    /* END Destinations home page ----------------------------------------------------------------------*/

    /* Meetings and event pages ------------------------------------------------------------------------*/
    .meeting-hotel-list-collapse .confrooms-row .confrooms-img{
        width: 30%;
    }

    .meeting-hotel-list-collapse .confrooms-row .confrooms-sizes{
        width: 30%;
    }

    .meeting-hotel-list-collapse .confrooms-row .confrooms-prop{
        width: 40%;
        padding-top: 0;
        padding-right: 30px;
    }
    /* END Meetings and event pages ------------------------------------------------------------------------*/

    .promoart-holder {
        min-height: inherit;
    }

    .promoart-holder.hero-section.position-relative {
        margin-bottom: 20px;
    }


    .promoart-holder .promoart-img {
        position: relative;
    }


    .bigInnerRow .WithBestPriceTitle .hotel-best-price .icon-pricequarantee {
        height: auto;
        width: 60px;
    }

    :root{
        --best-price-width: 160px;
    }
    .bigInnerRow .WithBestPriceTitle>.text-holder>.hotel-best-price{
        right: 10px;
    }


    /* Webshopok ------------------------------------------------------*/
    .dhcp_list_item>div.image-holder{
        width: calc(100% / 3);
    }

    .dhcp_list_item>div.list_of_products{
        width: calc((100% / 3) * 2);
    }

    .dhcp_list_item>div.list_of_products>.dhcp_prod_cont{
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 100%;
    }

    .dhcp_list_item>div.list_of_products .dhcp{
        height: 100%;
        display: flex;
        align-items: center;
        padding: 30px;
    }

    .dhcp_list_item>div.list_of_products .dhcp:first-child{
        border-bottom: 0;
        border-right: solid 1px var(--LightBlue);
    }

    .dhcp_list_item>div.list_of_products .dhcp>div{
        width: 100%;
    }

    .career-steps .career-step-item,
    .hotel-services-list>li.wbtu-block{
        min-height: 160px;
    }


    .box.all-inclusive-hotel-content .image-holder{
        height: 200px !important;
    }

    body.issue-4836 .promoart-holder>.container>.container{
        bottom: 40px;
    }

    .content.hotel-list-page{
        padding-bottom: 120px;
        position: relative;
        z-index: 5;
    }

    .awards .box-holder-overflow ul{
        justify-content: center;
    }

    .footer .footer-bottom-menu>ul{
        gap: 20px;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    body.has-promo .content>.container .dep-menu-holder,
    body.has-promo .content>.container.main.bigRow .bigCol.left-side .content-submenu-section:not(.position-sticky),
    body.has-promo .content>.container .content-submenu-section:not(.position-sticky){
        margin-top: -20px !important;
    }

    body.has-promo .content>.container.main.bigRow~.container.main.bigRow .content-submenu-section,
    body.has-promo .content>.container.main.bigRow:not(:first-child) .content-submenu-section{
        margin-top: 0px !important;
    }


}


/*  XX-Large devices xxl (larger desktops, 1400px and up) --------------------------------------------*/
@media (min-width: 1400px){
    .xxl-w-auto{
        width: auto !important;
    }
    
    .xxl-w-25{
        width: 25% !important;
   }

   .xxl-w-30{
    width: 30% !important;
    }

    .xxl-w-40{
        width: 40% !important;
    }


   .xxl-w-50{
        width: 50% !important;
   }

   .xxl-w-60{
    width: 60% !important;
    }

   .xxl-w-75{
        width: 75% !important;
   }

   .xxl-w-100{
        width: 100% !important;
   }

   .xxl-w-auto{
        width: auto !important;
    }

    .xxl-h-25{
        height: 25% !important;
    }

    .xxl-h-30{
        height: 30% !important;
    }

    .xxl-h-40{
        height: 40% !important;
    }

    .xxl-h-50{
        height: 50% !important;
    }

    .xxl-h-60{
        height: 60% !important;
    }

    .xxl-h-70{
        height: 70% !important;
    }

    .xxl-h-75{
        height: 75% !important;
    }

    .xxl-h-100{
        height: 100% !important;
    }

    .xxl-h-auto{
        height: auto !important;
    }


    .xxl-position-absolute{
        position: absolute !important;
    }

    .xxl-position-relative{
        position: relative !important;
    }

    .xxl-position-inherit{
        position: inherit !important;
    }


    .xxl-fs-10{
        font-size: 10px !important;
    }


    .xxl-fs-12{
        font-size: 12px !important;
    }

    .xxl-fs-14{
        font-size: 14px !important;
        line-height: 1.5em  !important;
    }

    .xxl-fs-16{
        font-size: 16px !important;
        line-height: 1.5em  !important;
    }


    .xxl-fs-18{
        font-size: 18px !important;
    }

    .xxl-fs-20{
        font-size: 20px !important;
    }

    .xxl-fs-24{
        font-size: 24px !important;
    }

    .xxl-fs-28{
        font-size: 28px !important;
    }


    .xxl-lh-1{
        line-height: 1em  !important;
    }

    .xxl-lh-1-25{
        line-height: 1.25em  !important;
    }


    .xxl-column-count-2{
        column-count: 2;
        column-gap: 3em;
    }

    .xxl-column-count-3{
        column-count: 2;
        column-gap: 3em;
    }

    .xxl-column-count-4{
        column-count: 2;
        column-gap: 3em;
    }



    .xxl-gap-10{
        column-gap: 10px;
        row-gap: 10px;
    }

    .xxl-gap-15{
        column-gap: 15px;
        row-gap: 15px;
    }

    .xxl-gap-20{
        column-gap: 20px;
        row-gap: 20px;
    }

    .xxl-gap-25{
        column-gap: 25px;
        row-gap: 25px;
    }

    .xxl-gap-30{
        column-gap: 30px;
        row-gap: 30px;
    }


    .xxl-column-gap-10{
        column-gap: 10px;
    }

    .xxl-row-gap-10{
        row-gap: 10px;
    }

    .xxl-column-gap-15{
        column-gap: 15px;
    }

    .xxl-row-gap-15{
        row-gap: 15px;
    }

    .xxl-column-gap-25{
        column-gap: 25px;
    }

    .xxl-row-gap-25{
        row-gap: 25px;
    }

    .xxl-column-gap-30{
        column-gap: 30px;
    }

    .xxl-row-gap-30{
        row-gap: 30px;
    }

    .xxl-padding-b-100p{
        padding-bottom: 100% !important;
    }

    .xxl-padding-b-66p{
        padding-bottom: 66% !important;
    }

    .xxl-padding-b-200p{
        padding-bottom: 200% !important;
    }

    .xxl-padding-b-84p{
        padding-bottom: 84% !important;
    }

    .xxl-position-static{
        position: static !important;
    }

    .xxl-position-relative{
        position: relative !important;
    }

    .xxl-position-absolute{
        position: absolute !important;
    }

    .xxl-position-fixed{
        position: fixed !important;
    }

    .xxl-position-sticky{
        position: sticky !important;
    }

    .xxl-shadow-box{
        box-shadow: 5px 10px 30px 0px rgba(5, 85, 116, 0.10);
        background-color: #fff;
        margin-top:30px;
        margin-bottom: 30px;
    }

    .xxl-align-left{
        text-align: left;
    }
    
    .xxl-align-right{
        text-align: right;
    }
    .xxl-align-center{
        text-align: center;
    }

}


.booking-holder .booking-box .formline3 .childline .child_title,
.booking-holder .date-holder{
    display: none !important;
}

@media (min-width: 1921px) {
    .main-header,
    body>.page{
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
    }

    body{
        background: #f2f2f2 !important;
    }

}



/* IBR ----------------------------------------------------------------------------------*/
.irb-twocols-image > div,
.ibr-SocialBlock{
    position: relative;
}

.irb-section>.irb-row{
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

.irb-section>.irb-row>.irb-columns>.irb-column>.irb-module{
    padding-bottom: 30px;
}

.irb-row.irb-twocols-holder .irb-picture{
    border-radius: var(--border-radius-small);
    overflow: hidden;
    width: 100%;
    position: relative;
}

.irb-column.irb-twocols-text-holder .irb-twocols-text{
    /*color: var(--TextGray);*/
    font-size: 1rem;
}

.irb-column.irb-twocols-text-holder .irb-twocols-text h1,
.irb-column.irb-twocols-text-holder .irb-twocols-text h2,
.irb-column.irb-twocols-text-holder .irb-twocols-text h3,
.irb-column.irb-twocols-text-holder .irb-twocols-text h4{
    padding-bottom: 20px;
    color: var(--DarkGray);
}

.irb-title-center .irb-block-title{
    text-align: center;
}

h2.irb-block-title{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    padding-bottom: 20px;
}

h3.irb-block-title{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    padding-bottom: 20px;
}

.bg-radial-gradient-1-after>div{
    position: relative;
    z-index: 3;
}

.gradient-img-bg-section{
    --bs-gutter-x: 1.5rem;
    padding: 30px 15px;
    width: calc(100% - var(--bs-gutter-x));
    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);
    overflow: hidden;
}

.irb-row.d-flex>.irb-columns{
    display: flex;
    column-gap: 15px;
}

.gradient-img-bg-section .btn{
    min-width: 120px;
}

.irb-section>.irb-row.fiveItem1big4small>.irb-columns>.irb-column>.irb-module,
.irb-row.fiveItem1big4small .irb-module{
    padding: 0;
    margin: 0 0 30px 0;
}

.irb-row.fiveItem1big4small .dh-card{
    margin: 0 0 0px 0;
}

.irb-row.fiveItem1big4small .irb-columns .irb-column:first-child .dh-card .img-holder{
    padding-bottom: 120% !important;
}


.ibr-image-text-slider .img-holder{
    max-height: 185px;
}

.ibr-image-text-slider .swiper-slide a{
    text-decoration: none;
}

.ibr-image-text-slider .swiper-slide .text-holder .slide-title{
    padding-top: 20px;
    color: var(--DarkGray);
}

.ibr-image-text-slider .swiper-slide .text-holder .slide-text{
    padding-top:30px;
}

.ibr-image-text-slider .swiper-slide .text-holder{
    margin-bottom: 60px;
}

.ibr-image-text-slider .swiper-horizontal>.swiper-scrollbar.dh-horizontal-scrollbar {
    width: calc(100% - (1.5rem * 0.5) - 60px);
    left: 60px;
    top:inherit;
    bottom:15px;
}


.ibr-image-text-slider .swiper-pagination{
    width: 60px;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 50;
    font-size: 14px;
    color:var(--DarkBlue);
    text-align: left;
    height: 30px;
    line-height: 30px;
}

.ibr-image-text-slider .swiper-pagination .swiper-pagination-current{
    font-size: 18px;
    font-weight: 600;
}

.irb-module .destination-2column-block .box{
    color: var(--TextGray);
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--LightBlue);
}

.irb-module .destination-2column-block .box .image-holder {
    height: auto;
    min-height: 184px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 55%;
}

.irb-module .destination-2column-block .box .title {
    color: var(--DarkGray);
    position: relative;
    z-index: 5;
    padding: 10px 0px;
}

.irb-module .destination-2column-block .box .text-holder {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    align-items: flex-end;
}

.irb-module .destination-2column-block .box .text-holder:after{
    width:100%;
    content:"";
}

.irb-module .destination-2column-block .box .text-holder .text{
    width: 100%;
    padding-top:10px;
    display: none;
}

.irb-module .destination-2column-block .box .text-holder .price {
    font-weight: 600;
    font-size: 20px;
    color: var(--DarkGray);
    line-height: 24px;
}


.irb-module .destination-2column-block .box .button-holder{
    padding-top: 30px;
}

.irb-module .destination-2column-block .box .availability,
.irb-module .destination-2column-block .box .location{
    display: flex;
    column-gap: 10px;
    padding-bottom: 10px;
}

.irb-module .destination-2column-block .box .availability>span,
.irb-module .destination-2column-block .box .location>span{
    min-width: 20px;
}


.irb-module-anyslider .spec-labels {
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.irb-module-anyslider .spec-labels .discount,
.irb-module-anyslider .spec-labels .all-inclusive,
.irb-module-anyslider .spec-labels .new{
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    border-radius: 4px;
    line-height: 18px;
    padding: 0 10px;
}

.irb-module-anyslider .spec-labels .discount{
    background: var(--Discount-blue);
}

.irb-module-anyslider .spec-labels .all-inclusive{
    background: #12A299;
}

.irb-module-anyslider .spec-labels .new{
    background: var(--LightBlue);
    color: var(--DarkGray);
}


.irb-module-anyslider .child-discount .slide-title{
    font-weight: 600;
    color: var(--DarkGray);
    padding-bottom: 10px;
}

.irb-module-anyslider .child-discount .slide-title>div{
    font-weight: 400;
    color: var(--TextGray);
}

.irb-module-anyslider .child-discount .text-holder{
    padding-top:20px;
}

.irb-module-anyslider .child-discount .text-holder .slide-text{
    font-size: 14px;
    color: var(--TextGray);
}
.irb-module-anyslider .child-discount .text-holder .slide-text .btn{
    color: #fff;
    font-size: 14px;
}

.irb-module-anyslider .child-discount .text-holder .slide-text .btn.btn-secondary{
    color: var(--DarkBlue);
    background: var(--LightBlue);
}

.irb-module-anyslider .child-discount .text-holder .slide-text ul>li{
    padding: 10px 0;
    border-bottom: 1px solid var(--LightBlue);
}

.irb-module-anyslider .child-discount .text-holder .slide-text ul>li:last-child{
    border: 0;
    padding-bottom: 20px;
}


.gradient-kartya-row .irb-columns{
    column-gap: 30px;
}

.irb-module.gradient-kartya{
    padding: 0 0 100% 0 !important;
    margin: 0;
    position: relative;
    background-size: cover;
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.irb-module.gradient-kartya:after{
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    background: var(--bg-gradient-1);
}

.irb-module.gradient-kartya .irb-block-title{
    position: absolute;
    padding: 20px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3em;
    color: #fff;
}

.irb-module.gradient-kartya .irb-block-content{
    display: none;
}





@media (min-width: 576px){
    .irb-section>.irb-row,
    .gradient-img-bg-section{
        max-width: 540px;
    }

    .gradient-img-bg-section{
        margin-left: auto;
        margin-right: auto;
    }



}

@media (min-width: 768px) {
    .gradient-img-bg-section,
    .irb-section>.irb-row{
        max-width: 720px;
    }


    .irb-module.irb-module-twocols .irb-block-content>.irb-row>.irb-columns{
        column-gap: 30px;
        display: flex;
    }

    .irb-twocols-holder > .irb-columns > .irb-column{
        display: flex;
    }

    .irb-module.text-vertical-center .irb-column.irb-twocols-text-holder{
        align-items: center !important;
    }

    .irb-module.text-vertical-start .irb-column.irb-twocols-text-holder{
        align-items: flex-start !important;
    }

    .irb-module.text-vertical-start .irb-column.irb-twocols-text-holder{
        align-items: flex-end !important;
    }

    .irb-module.irb-module-default.text-vertical-center{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }

    h2.irb-block-title{
        font-size: 30px;
        line-height: 44px; /* 146.667% */
    }


    h3.irb-block-title{
        font-size: 24px;
        line-height: 34px; /* 141.667% */
    }

    .irb-row.fiveItem1big4small .irb-columns .irb-column:first-child .dh-card .img-holder{
        padding-bottom: 100% !important;
    }


    .irb-row.fiveItem1big4small .dh-card{
        margin: 0;
    }

    .irb-row.fiveItem1big4small>.irb-columns{
        column-gap: 30px;
    }

    .irb-row.fiveItem1big4small>.irb-columns>.irb-column{
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        width: 28.75%;
    }

    .irb-row.fiveItem1big4small>.irb-columns>.irb-column:first-child{
        width: 42.5%;
    }

    .irb-row.fiveItem1big4small>.irb-columns .irb-block-content .dh-card,
    .irb-row.fiveItem1big4small>.irb-columns .irb-block-content{
        height: 100%;
    }

    .irb-row.fiveItem1big4small>.irb-columns>.irb-column:first-child .text-holder:not(.hover-text-holder){
        padding-right: 17%;
    }

    .irb-row.fiveItem1big4small>.irb-columns>.irb-column:first-child .text-holder.hover-text-holder{
        justify-content: flex-end !important;
    }

    .ibr-image-text-slider .swiper-slide .swiper-slide-inner-content{
        display: grid;
        grid-template-columns: 57% 1fr;
        column-gap: 30px;
    }

    .ibr-image-text-slider .img-holder{
        max-height: inherit;
        min-height: 356px;
    }

    .ibr-image-text-slider .img-holder img{
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .ibr-image-text-slider .swiper-slide .text-holder .slide-title{
        padding-top: 0;
    }

    .ibr-image-text-slider .swiper-slide .text-holder{
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 30px 0;
    }

    .ibr-image-text-slider .swiper-horizontal>.swiper-scrollbar.dh-horizontal-scrollbar{
        display: none !important;
    }

    .ibr-image-text-slider .swiper-nav.swiper-nav-bottom{
        right: 0;
        left: inherit;
    }

    .ibr-image-text-slider .swiper-pagination{
        left: calc(57% + 30px);
    }

    .irb-module .destination-2column-block .box-holder{
        display: grid;
        column-gap: 30px;
        row-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .irb-module .destination-2column-block .box{
        border-bottom: 0;
        padding-bottom: 40px;
    }


    .irb-module .destination-2column-block .box .text-holder .from{
        width: 100%;
    }


    .irb-module-anyslider .child-discount .swiper-slide{
        height: auto;
    }

    .irb-module-anyslider .child-discount .swiper-slide-inner-content{
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .irb-module-anyslider .child-discount .text-holder{
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .irb-module-anyslider .child-discount .text-holder .slide-text{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }

    .irb-module-anyslider .child-discount .text-holder .slide-text ul>li:last-child{
        padding-bottom: 40px;
    }



}

@media (min-width: 992px){
    .irb-section>.irb-row,
    .gradient-img-bg-section{
        max-width: var(--container-width);
    }

    .collectmecoupons_form_holder .collectmecoupons_megj,
    .dhcoupons_form_holder .dhcoupons_megj {
        left: 50%;
    }

}

@media (min-width: 1200px){
    .irb-section>.irb-row,
    .gradient-img-bg-section{
        max-width: var(--container-width);
    }

    .irb-section>.irb-row{
        padding-left: 0;
        padding-right: 0;
    }


}

/* END IBR ----------------------------------------------------------------------------------*/


.formdiv_rowspec {
	position: absolute;
	left: -50000px;
	top: -50000px;
}