@import url('./mnp.css');
:root {
--primary_color: #3F3F3F;
--secondary_color: #EC724B;
--DarkGray: #3F3F3F;
--Orange: #EC724B;
--TextGray: #7D7E80;
--TextGray2: #333;
--DarkBlue: #005C86;
--Blue: #127EA2;
--GrayBlue: #B8CCE3;
--Blue-new: #CDE6ED;
--LightBlue: #E3F1F7;
--BG-Blue: #F8FDFF;
--Discount-blue: #1232A2;
--BlueGray: #E1EEF3;
--PurpleBlue: #D7E3FB;
--DarkOrange: #EB6236;
--LightOrange: #FFE6D0;
--Inactive-Gray: #F5F5F5;
--Blue-limited: #D5EFFF;
--Free-cancel: #EFDEFF;
--Cannot-cancel: #FFF4CB;
--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.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-light-grey: #f2f2f2;
}
:root {
--content-margin-top: 70px;
--sticky-content-margin-top: 70px;
--breadcrumb-height: 58px;
--container-width: 100%;
--header-height: 70px;
}
*[id]{
scroll-margin-top: 100px;
}
body{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
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) 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{
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-linear-gradient-bubbles{
background: linear-gradient(0deg, rgba(180, 200, 110, 1) 62.08%, rgba(17, 125, 165, 0) 87.38%) !important;
transform: translateY(5%);
}
.bubbles-box{
min-height: 520px;
}
@media screen and (min-width: 450px){
.bg-linear-gradient-bubbles{
transform: translateY(15%);
}
}
@media screen and (min-width: 570px){
.bg-linear-gradient-bubbles{
transform: translateY(25%);
}
}
@media screen and (min-width: 768px){
.bg-linear-gradient-bubbles{
background: linear-gradient(90.11deg, rgba(180, 200, 110, 1) 62.08%, rgba(17, 125, 165, 0) 68.38%) !important;
transform: translateY(0);
}
.bubbles-box{
min-height: auto;
}
}
.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;
}
.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;
}
a{
color: var(--DarkBlue);
opacity: 1;
}
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;
}
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%;
width: 100%;
}
textarea {
max-width: 100%;
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;
}
.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;
height: 40px;
padding-top: 0;
padding-bottom: 0;
}
.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 .formdiv_inputvalue input.text.textnew.large{
min-width: 4em;
}
.IssueHolder .IssueContent,
.irb-block-content{
color: var(--TextGray);
}
.IssueHolder .IssueContent b,
.IssueHolder .IssueContent strong,
.IssueHolder .IssueContent h1,.IssueHolder .IssueContent .h1,
.IssueHolder .IssueContent h2,.IssueHolder .IssueContent .h2,
.IssueHolder .IssueContent h3,.IssueHolder .IssueContent .h3,
.IssueHolder .IssueContent h4,.IssueHolder .IssueContent .h4,
.IssueHolder .IssueContent h5,.IssueHolder .IssueContent .h5,
.irb-block-content b,
.irb-block-content strong,
.irb-block-content h1,.irb-block-content .h1,
.irb-block-content h2,.irb-block-content .h2,
.irb-block-content h3,.irb-block-content .h3,
.irb-block-content h4,.irb-block-content .h4,
.irb-block-content h5,.irb-block-content .h5,
.text-TextGray b,
.text-TextGray strong,
.text-TextGray h1,.text-TextGray .h1,
.text-TextGray h2,.text-TextGray .h2,
.text-TextGray h3,.text-TextGray .h3,
.text-TextGray h4,.text-TextGray .h4,
.text-TextGray h5,.text-TextGray .h5,
.text-TextGray2 b,
.text-TextGray2 strong,
.text-TextGray2 h1,.text-TextGray .h1,
.text-TextGray2 h2,.text-TextGray .h2,
.text-TextGray2 h3,.text-TextGray .h3,
.text-TextGray2 h4,.text-TextGray .h4,
.text-TextGray2 h5,.text-TextGray .h5{
color: var(--DarkGray);
}
.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;
}
.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;
}
.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;
}
.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: var(--TextGray-opacity-05);
}
.dh-scrollbar::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 4px;
}
.dh-scrollbar.scrollbar-blue::-webkit-scrollbar-track{
background: var(--Blue-new);
}
.dh-scrollbar.scrollbar-blue::-webkit-scrollbar-thumb {
background: var(--DarkBlue);
}
.hide-scroller::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.hide-scroller {
-ms-overflow-style: none;
scrollbar-width: none;
}
@supports not selector(::-webkit-scrollbar) {
.dh-scrollbar{
scrollbar-color: #fff var(--TextGray-opacity-05);
scrollbar-width: thin;
}
.dh-scrollbar.scrollbar-blue{
scrollbar-color: var(--DarkBlue) var(--Blue-new);
}
.hide-scroller{
scrollbar-width: none;
}
}
.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;
}
#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::placeholder{
color: var(--GrayBlue);
}
#mobile-main-menu .search-input:focus,
#mobile-main-menu .search-input:active{
background: #fff url(../imgs/icon-magnifyingglass-blue.svg) 10px center no-repeat;
background-size: 25px;
}
#mobile-main-menu .search-input:focus::placeholder,
#mobile-main-menu .search-input:active::placeholder{
color: var(--DarkBlue);
}
#mobile-main-menu .search-input{
padding-left: 40px;
background-size: 25px;
}
.header-search-form{
background: #FFFFFF;
border-radius: 6px;
position: absolute;
right: 0;
top: -9px;
width: 0;
display: flex;
align-items: center;
height: 40px;
transition: all 0.4s ease-in-out;
z-index: 0;
overflow: hidden;
}
.header-search-form .search-input{
border: 0;
border-radius: 0;
padding:0 12px;
font-size: 14px;
line-height: 18px;
width: 100%;
display: block;
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;
display: none;
background: #fff;
height: 100%;
line-height: 38px;
}
#sticky-user .header-search-form.opened,
.top-menu .header-search-form.opened{
width: 740px;
display: flex;
transition: all 0.4s ease-in-out;
z-index: 10;
}
.header-search-form.opened .search-input,
.header-search-form.opened .icon-close{
display: block;
}
#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);
}
#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: 30px;
}
#sticky-user .search,
#sticky-user .langmenu{
display: none;
}
#header-main .logo-holder{
height: 40px;
display: inline-flex;
align-items: center;
}
.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;
}
#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: 15px;
height: 15px;
overflow: hidden;
position: relative;
text-indent: -10000px;
background: transparent;
border: 0;
}
.submenu-toggler:after,
.submenu-toggler:before{
content:'';
border-top: 1px solid #FFFFFF;
display: block;
position: absolute;
top:50%;
left:0;
width:100%;
height: 0;
border-radius: 1px;
opacity: 0.7;
}
.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-top: 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: #fbc696;
text-decoration: underline !important;
}
body.header-fixed #header-bookin-btn{
visibility: visible;
}
.footer{
background: var(--DarkGray);
padding:40px 0;
color: #fff;
font-size: 12px;
}
.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;
}
.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-destination-pin.svg) center center no-repeat;
position: absolute;
left: 15px;
top: 15px;
background-size: 20px;
}
.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.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;
flex-wrap: wrap;
}
.ui-datepicker {
border-radius: 0;
border: 0;
padding: 10px 20px;
color: #58585a;
width: auto;
}
.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: 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 {
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: 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: 100%;
z-index: 1;
}
body.booking-form-overlayer .booking-box.opened:after{
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;
top: 75px;
left: 15px;
border-radius: var(--border-radius);
width: calc(100% - 30px);
}
.hero-with-slider .content-header{
display: flex;
flex-direction: column-reverse;
}
.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.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{
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);
}
.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;
}
.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 .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;
}
.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{
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;
}
.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 .swiper-slide a{
text-decoration: none;
color: var(--TextGray);
}
.magazin-swiper .swiper-slide a:hover .magazin-title{
text-decoration: underline;
}
.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;
font-weight: 400;
font-size: 12px;
line-height: 20px;
}
.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;
}
.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 .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;
}
.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%;
}
.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;
}
select.selectbox{
border: 1px solid var(--GrayBlue);
font-size: 14px;
line-height: 21px;
padding: 10px;
color: var(--DarkBlue);
font-weight: 600;
}
.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;
}
.result-list .hotel-name a:hover{
text-decoration: underline;
}
.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-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;
}
.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;
}
.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{
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,
.confrooms-row .confrooms-img .img-holder .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,
.confrooms-row .confrooms-img .img-holder .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;
text-transform: uppercase;
}
.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;
}
.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;
}
.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']>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;
}
.table-holder{
width: 100%;
overflow: auto;
position: relative;
margin-bottom: 1rem;
padding-bottom: 10px;
}
.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;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(249,250,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(249,250,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(249,250,255,1) 100%);
}
.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 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 thead th *,
.heditor_table8 thead td *{
color: #fff !important;
}
.heditor_table8 tbody tr:nth-child(odd) td {
background: var(--LightBlue);
}
.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;
}
.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;
}
.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;
}
.find-your-room .spec-labels,
.ajanlatok-swiper-wrapper .spec-labels,
.offer-list .list-line .spec-labels{
position: absolute;
z-index: 3;
top: 10px;
left: 10px;
display: flex;
flex-direction: column;
row-gap: 10px;
}
.find-your-room .discount,
.find-your-room .all-inclusive,
.ajanlatok-swiper-wrapper .discount,
.ajanlatok-swiper-wrapper .all-inclusive,
.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;
}
.find-your-room .discount,
.ajanlatok-swiper-wrapper .discount,
.offer-list .list-line .discount{
background: var(--Discount-blue);
}
.find-your-room .all-inclusive,
.ajanlatok-swiper-wrapper .all-inclusive,
.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;
}
.ajanlatok-swiper-wrapper .spec-info,
.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;
}
.hero-section .hero-text{
padding-bottom: 15px;
}
.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;
}
.formdiv .newchecks{
column-gap: 10px;
}
.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;
}
.grid-5{
display: grid;
row-gap: 15px;
grid-template-columns: 1fr;
}
.grid-5>div{
height:77vw;
}
.grid-5>div:first-child{
height: 111vw;
}
.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 .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;
color: #fff;
}
.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;
}
.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;
}
.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,
.destination-events-block .offers-list-line .text-style-2{
text-transform: capitalize;
}
.destination-attractions-block .img-holder{
height: 200px;
}
.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,
body.hide-scrollbar .hero-section.position-relative{
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: calc(60vh - 90px - 90px);
margin: 0 var(--l-margin-right) 0 auto;
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc((var(--bs-gutter-x) * .5) - var(--l-margin-right));
}
.destination-event-content{
margin: 25px 0 50px 0;
}
.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;
scrollbar-color: var(--DarkBlue) var(--Blue-new);
}
}
.popup-layer .wrapper::-webkit-scrollbar-track {
background: var(--Blue-new);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
}
.popup-layer .wrapper::-webkit-scrollbar-thumb {
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;
}
.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;
}
.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{
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;
}
.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;
}
.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;
}
.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-more-gallery,
.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{
text-decoration: none;
}
.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;
}
#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;
}
.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;
}
.promoart-holder figure{
margin-bottom: 0;
}
.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;
}
.IssueContent img{
max-width: 100%;
height: auto;
}
.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;
justify-content: center;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
#desktop-menu-bookin-btn{
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-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 img.promoart-img{
position: absolute;
object-fit: cover;
}
.promoart-holder .promoart-img img.of-cover{
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: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;
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;
}
.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: 0;
font-weight: 600;
line-height: 26px;
position: relative;
}
.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;
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: space-around;
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);
}
.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 .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 .product_sum_line .price,
.orderspecialform .product_line>div {
width: calc(100% / 3);
}
.orderspecialform .personal_info .row>div{
margin-bottom: 12px;
}
.orderspecialform .product_line {
display: flex;
flex-wrap: wrap;
column-gap: 10;
}
.orderspecialform .product_line .prod_name{
font-size: 18px;
font-weight: 600;
color: var(--DarkGray);
width: 100%;
padding-bottom: 15px;
}
.orderspecialform .product_line .prod_subtotal{
font-weight: 600;
text-align: right;
}
.orderspecialform .product_line .prod_num{
text-align: right;
}
.orderspecialform .product_sum_line{
padding-top: 20px;
margin-top: 20px;
padding-bottom: 20px;
border-top: 1px solid var(--LightBlue);
display: flex;
justify-content: space-between;
width: 100%;
column-gap: 10px;
}
.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 {
max-width: 200px;
}
.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_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-size: 28px;
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;
}
.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;
}
.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);
}
.spectooltip.tooltip{
opacity: 1 !important;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--DarkGray);
padding: 0;
margin: 0;
cursor: pointer;
}
#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;
scrollbar-color: var(--DarkBlue) var(--Blue-new);
}
}
#cboxWrapper::-webkit-scrollbar-track {
background: var(--Blue-new);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
}
#cboxWrapper::-webkit-scrollbar-thumb {
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;
}
.buttonlink {
display: inline-block;
text-decoration: none;
}
.buttonlink:hover {
text-decoration: none;
}
.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;
}
.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));
}
.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;
}
.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);
}
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: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 .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-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 .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;
}
.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;
}
.box-holder .box.drop-down-boxes>a{
position:relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
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.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;
}
.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;
justify-content: flex-end;
}
.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 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%;
}
.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;
}
.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;
}
body.header-fixed #sticky-user .search>a{
text-decoration: none;
}
.awards  ul,
.awards ul li {
list-style: none;
margin: 0;
padding: 0;
}
.awards ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.awards  ul li {
font-size: 0;
}
.awards  ul li img{
max-width: 100%;
}
.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;
}
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";
color:#ffffff;
font-size: 18px;
position: absolute;
top: 0px;
right: 0px;
padding: 12px 12px 11px 12px;
font-weight: bold;
}
.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: 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 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%;
}
.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-desaturate {
-webkit-filter: grayscale(100%);
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;
}
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 }
.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;
flex-direction: column;
}
.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;
}
.t-today::after,
.t-today .t-hover-day-content{
display: none;
}
.t-today:hover::after{
display: block;
}
.t-today:hover .t-hover-day-content{
display: flex;
}
.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;
}
.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;
opacity: 1;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition:opacity 0.5s ease-in-out;
}
.social-swiper-wrapper .dh-card:hover .click-hand{
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition:opacity 0.5s ease-in-out;
opacity: 0;
}
.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;
}
.accomm-contact-block i[class*="icon-"]{
position: relative;
top: 3px;
}
a.bookmark{
text-decoration: none;
color: inherit;
}
#ocmsform-29 .formdiv_inputvalue select{
width: 100%;
background-color: #fff;
}
#ocmsform-31 .formdiv_row.gdpr-row .formdiv_inputlabel.aftaster{
font-size: 14px;
}
.drop-down-content{
margin-top:6px;
}
.drop-down-content input[type=checkbox]{
display:none;
}
.drop-down-content-holder {
border-radius: 2px;
border: solid 1px #cccccc;
vertical-align: middle;
text-align: left;
background: transparent;
margin-bottom: 0;
padding:20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.drop-down-content-holder .headline{
position:relative;
}
.drop-down-content-holder  .headline p>a{
font-weight: normal;
color: #58585A;
}
.drop-down-content label{
position: absolute;
display: block;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #58585A;
right:0px;
top: 50%;
margin-top: -10px;
line-height: 20px;
font-family: "danubius";
font-size: 20px;
vertical-align: top;
text-align: center;
cursor: pointer;
width: 13px;
height: 20px;
}
.drop-down-content label:after{
content: "\f107";
}
.drop-down-content-holder .opencontent{
display:none;
margin-top:18px;
border-top:1px solid #cccccc;
padding-top:30px;
}
.drop-down-content input:checked + .drop-down-content-holder{
background:#fff;
}
.drop-down-content input:checked + .drop-down-content-holder label:after{
content: "\f106";
}
.drop-down-content input:checked + .drop-down-content-holder .opencontent{
display:block;
}
.dragon-boxes .col{
width:50% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align:bottom;
position:relative;
padding-top:20px;
padding-bottom:20px;
}
.dragon-boxes .col .dragon-images .spacer{
width:100%;
vertical-align:bottom;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
}
.dragon-boxes .col .dragon-images .spacer img{
max-width:100%;
max-height:500px;
margin:0;
padding:0;
}
.dragon-boxes .drop-down-content-holder{
padding:0;
margin:10px 0 0 0;
}
.dragon-boxes .drop-down-content label{
position:relative;
display:inline-block;
width:100%;
height:auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #fff;
right: inherit;
top: inherit;
margin: auto;
vertical-align: middle;
font-family: "Open Sans";
vertical-align: middle;
text-align: left;
cursor: pointer;
padding:8px 40px 8px 20px;
margin:0;
border-radius: 2px;
border:0;
background-color: #4e9f9c;
}
.dragon-boxes .drop-down-content label:after {
position: absolute;
display: block;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #fff;
right: 20px;
top: 50%;
margin-top: -10px;
line-height: 20px;
font-family: danubius;
font-size: 20px;
vertical-align: top;
text-align: center;
cursor: pointer;
width: 13px;
height: 20px;
content: "\f107";
}
.dragon-boxes .drop-down-content-holder .opencontent{
margin: 0px 0px 20px 0px;
border-top: 1px solid #cccccc;
padding: 30px 20px 20px;
border: solid 1px #cccccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background:#fff;
}
.dragon-boxes .drop-down-content-holder .opencontent .close-icon{
font-size: 14px;
font-weight: normal;
color: #4e9f9c;
position:absolute;
right:20px;
top:10px;
text-decoration: none;
}
.dragon-boxes .drop-down-content input:checked + .drop-down-content-holder{
background:transparent;
}
.dragon-boxes  .drop-down-content input:checked + .drop-down-content-holder label{
background:#246260;
}
.dragon-boxes  .drop-down-content input:checked + .drop-down-content-holder .opencontent{
position:absolute;
bottom:50px;
left:0.5%;
}
.dragon-boxes .opencontent:before {
content: '';
position: absolute;
border-style: solid;
border-width: 12px 11px 0px;
border-color: #cccccc transparent;
display: block;
width: 0;
z-index: 0;
bottom: -13px;
right:5%;
margin-left: -11px;
}
.dragon-boxes .opencontent:after {
content: '';
position: absolute;
border-style: solid;
border-width: 12px 11px 0px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -12px;
right:5%;
margin-left: -11px;
}
.helpful-links {
background: var(--LightBlue);
border-radius: var(--border-radius);
}
.spectooltip{
display: inline-block;
text-decoration: underline;
}
.danubius .tooltip-closer:before{
font-family: "danubius" !important;
content: "\e956" !important;
color: var(--DarkBlue) !important;
font-size: 14px !important;
}
.danubius .tooltip-closer{
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
right: 5px !important;
}
.content-block.dining-blocks .separator-line:last-child{
display: none;
}
#ocmsform-162 #form_row_input_23{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
#open-hamburger-menu{
margin-left: 10px;
}
.hotel-content.hotel-offers-single>a.text-Orange.text-decoration-none.fw-semibold{
padding-bottom: 20px;
display: block;
}
.find-your-room .room-list>div{
padding-bottom: var(--bs-gutter-x);
}
.find-your-room .room-list .img-holder{
height: 192px;
}
.find-your-room .room-list .room-name{
position: absolute;
bottom: 10px;
left: 10px;
z-index: 3;
color: #fff;
}
.find-your-room .room-list .explore-the-rooms .find-your-perfectroom{
height: 100%;
width: 100%;
border: 1px solid var(--Blue);
border-radius: var(--border-radius);
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
text-decoration: none;
flex-direction: column;
}
.find-your-room .room-list .explore-the-rooms .find-your-perfectroom>span{
padding: 20px;
font-size: 30px;
}
.find-your-room .room-list .explore-the-rooms .find-your-perfectroom:hover{
background: var(--BG-Blue);
}
.irb-row.bubbles-row>.irb-columns .irb-twocols-text-holder{
padding: 20px;
}
.irb-youtube-player-wrapper {
position: relative;
}
.irb-youtube-player-wrapper .irb-youtube-player {
background-color: #c6c6c6;
background-position: center -60px;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 0;
margin: 0;
max-width: 100%;
overflow: hidden;
padding-bottom: 56.23%;
position: relative;
cursor: pointer;
}
.irb-youtube-player-wrapper .irb-youtube-player img {
border: none;
bottom: 0;
cursor: pointer;
display: block;
height: 100%;
left: 0;
margin: auto !important;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
transition: .4s all;
width: 100%;
object-fit: cover;
object-position: center;
z-index: 1;
}
.irb-youtube-player-wrapper .irb-youtube-player .irb-youtube-player-icon{
position: absolute;
width: 100px;
height: 100px;
display: flex;
font-size: 40px;
color: #003a2f;
z-index: 2;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.irb-youtube-player-wrapper .irb-youtube-player iframe {
background: 0 0;
height: 100%;
left: 0;
margin: 0 !important;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.irb-youtube-moreinfo{
padding: 20px;
}
.irb-youtube-moreinfo .logo-div-row{
padding-bottom: 30px;
}
.irb-youtube-moreinfo .logo-div-row .yt-more-link{
padding: 15px;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
}
.irb-youtube-moreinfo .logo-div-row .yt-more-link>a>span{
content: url(../imgs/yt-arrow.png);
margin-right: 10px;
}
.irb-youtube-moreinfo h2{
color:#336158;
padding-bottom: 30px;
}
.irb-youtube-description{
color:#333333;
padding-bottom: 20px;
}
.ibr-row.bubbles-row .ibr-row.ibr-twocols-holder .ibr-picture figure > img,
.ibr-row.bubbles-row .ibr-row.ibr-twocols-holder .ibr-picture,
.irb-section.video-section .irb-row.irb-twocols-holder .irb-picture,
.irb-section.video-section .irb-row.irb-twocols-holder .irb-picture figure > img{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.irb-section.video-section .irb-module.inactive{
position: relative;
}
.irb-section.video-section .irb-module.inactive:before{
content: '';
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0, 16, 46, .60);
border-radius: var(--border-radius);
overflow: hidden;
}
.ibr-row.bubbles-row{
column-gap: 60px;
margin-top: 60px;
}
.ibr-row.bubbles-row .ibr-row.ibr-twocols-holder,
.ibr-row.bubbles-row .ibr-row.ibr-twocols-holder > .ibr-column{
display: flex;
flex-direction: column;
width: 100%;
}
.ibr-row.bubbles-row .ibr-row.ibr-twocols-holder .ibr-twocols-image > div{
position: relative;
}
.ibr-row.bubbles-row .ibr-column.ibr-twocols-text-holder{
padding: 20px;
margin: 0;
}
.ibr-row.bubbles-row .btn{
padding: 8px 13px !important;
margin-top: 30px;
text-transform: none !important;
font-weight: 600;
font-size: 1rem;
line-height: 1.25em;
color: #ffffff !important;
background-color: #ec724b !important;
border-radius: 10px !important;
}
.ibr-row.bubbles-row>.ibr-column>.ibr-module{
border-radius: 6px !important;
height: 100%;
position: relative;
}
.ibr-row.bubbles-row .ibr-column .ibr-twocols-button{
text-align: center;
}
.ibr-row.bubbles-row .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h1,
.ibr-row.bubbles-row .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h2,
.ibr-row.bubbles-row .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h3,
.ibr-row.bubbles-row .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h4{
padding-bottom: 20px;
}
.ibr-row.bubbles-row>.ibr-column>.ibr-module.bubbles-lightgreen{
background: #afcb51;
}
.ibr-row.bubbles-row .bubbles-lightgreen .ibr-column.ibr-twocols-text-holder{
color: #333333 !important;
}
.ibr-row.bubbles-row .bubbles-lightgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h1,
.ibr-row.bubbles-row .bubbles-lightgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h2,
.ibr-row.bubbles-row .bubbles-lightgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h3,
.ibr-row.bubbles-row .bubbles-lightgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h4{
color: #005f48 !important;
}
.ibr-row.bubbles-row>.ibr-column>.ibr-module.bubbles-green{
background: #557b25;
}
.ibr-row.bubbles-row .bubbles-green .ibr-column.ibr-twocols-text-holder{
color: #fff !important;
}
.ibr-row.bubbles-row .bubbles-green .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h1,
.ibr-row.bubbles-row .bubbles-green .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h2,
.ibr-row.bubbles-row .bubbles-green .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h3,
.ibr-row.bubbles-row .bubbles-green .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h4{
color: #cdd421 !important;
}
.ibr-row.bubbles-row>.ibr-column>.ibr-module.bubbles-deepgreen{
background: #00957d;
}
.ibr-row.bubbles-row .bubbles-deepgreen .ibr-column.ibr-twocols-text-holder{
color: #fff !important;
}
.ibr-row.bubbles-row .bubbles-deepgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h1,
.ibr-row.bubbles-row .bubbles-deepgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h2,
.ibr-row.bubbles-row .bubbles-deepgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h3,
.ibr-row.bubbles-row .bubbles-deepgreen .ibr-column.ibr-twocols-text-holder .ibr-twocols-text h4{
color: #003a2f !important;
}
.irb-section.video-section .irb-module.inactive{
position: relative;
}
.ibr-row.bubbles-row>.ibr-column>.ibr-module.inactive:before{
content: '';
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0, 16, 46, .60);
border-radius: var(--border-radius);
overflow: hidden;
}
body[data-pageid="accomms-10-1-10-0"].hide-scrollbar main.content>section>.container.w-920,
body[data-pageid="accomms-9-1-9-0"].hide-scrollbar main.content>section>.container.w-920{
position:static !important;
}
body[data-pageid="accomms-10-1-10-0"].hide-scrollbar main.content>section>.container.w-920 .popup-layer.bg-pale-grey-two-opacity,
body[data-pageid="accomms-9-1-9-0"].hide-scrollbar main.content>section>.container.w-920 .popup-layer.bg-pale-grey-two-opacity{
padding-top: 0!important;
}
body[data-pageid="accomms-10-1-10-0"].hide-scrollbar main.content>section>.container.w-920 .popup-layer.bg-pale-grey-two-opacity>.wrapper,
body[data-pageid="accomms-9-1-9-0"].hide-scrollbar main.content>section>.container.w-920 .popup-layer.bg-pale-grey-two-opacity>.wrapper{
display: flex;
align-items: center;
}
body[data-pageid="accomms-10-1-10-0"].hide-scrollbar #header-main,
body[data-pageid="accomms-9-1-9-0"].hide-scrollbar #header-main{
display: block !important;
}
body[data-pageid="accomms-10-1-10-0"].hide-scrollbar main.content>section>.container.w-920 .popup-layer.bg-pale-grey-two-opacity>.wrapper .over-layer-content .text-holder,
body[data-pageid="accomms-9-1-9-0"].hide-scrollbar main.content>section>.container.w-920 .popup-layer.bg-pale-grey-two-opacity>.wrapper .over-layer-content .text-holder{
width: 100%;
}
.content-block.result-list-holder.wellness-beauty-list .box-holder .box.w2b .image-holder{
position: relative;
}
#ocmsform-452 #form_row_input_1 .formdiv_inputvalue  table,
#ocmsform-452 #form_row_input_1 .formdiv_inputvalue  table tbody,
#ocmsform-452 #form_row_input_1 .formdiv_inputvalue  table tr,
#ocmsform-452 #form_row_input_1 .formdiv_inputvalue  table td,
#ocmsform-452 #form_row_input_1 .formdiv_inputvalue  table th{
display: block;
width: 100%;
text-align: left !important;
padding: 0 !important;
margin: 0 !important;
}
#ocmsform-452 #form_row_input_1 .formdiv_inputvalue  table tr{
margin-bottom: 20px !important;
}
.BubblesVideoModul .BigVideoHolder { width: 60%; margin: 0 auto 30px auto;}
.BubblesVideoModul iframe { width: 100%; height: 25vw;}
.BubblesVideoModul .ThumbVideoHolder{ margin: auto; position: relative; width: 80%}
.BubblesVideoModul .ThumbVideoHolder:after{
position: absolute;
background-repeat: no-repeat;
background-position: center;
background-color: rgba(0,0,0,0.3);
background-image: url('/w/dh_new/latest/imgs/icons/icon-youtube.svg');
background-size: 15%;
content: "";
width: 100%;
height: 100%;
z-index: 2;
top:0;
left: 0;
}
.BubblesVideoModul .ThumbVideoHolder>img { width: 100%;}
.BubblesVideoModul .video-title { width: 80%; margin:auto; min-height: 58px;text-align: center;}
a.friends_discount{
display: inline-flex !important;
align-items: center;
gap: 5px;
padding: 5px;
border-radius: 5px;
text-decoration: none;
font-size: 13px;
height: auto !important;
color: #00a992;
width: auto !important;
align-self: flex-start;
}
a.friends_discount>img{
width: 14px;
}
a.friends_discount.text-white{
background: #00a992;
}
.IssueHolder .IssueContent a.friends_discount b{
color: #00a992;
}
.IssueHolder .IssueContent a.friends_discount.text-white b{
color: #fff;
}
.offers-list-line .bubbles-club{
flex: 1
}
.firends_popup p{
margin-bottom: 15px;
display:flex;
gap: 5px;
align-items:center
}
#cboxLoadedContent .firends_popup p img{
border-radius: 0;
}
.destination-content .calendar-row .d-md-flex{ flex-direction: column }
.destination-event-search .calendar-row .calendar-holder.first {padding-right: 0}
.destination-event-search input::placeholder { color: var(--DarkBlue) }
.destination-event-search .full-reviews-filter ul ul{ padding-left: 12px}
.destination-events-block a:not(.text-style-2) { text-decoration: none;  }
.destination-events-block.offer-list .list-line>a { height: 120px  }
.destination-events-block.offer-list .result-list { column-gap: 15px }
.destination-events-block .offers-list-line { background-color: #fafafa; border-radius: var(--border-radius-small)  }
.destination-events-block .offers-list-line.highlighted { background-color: #cde6ed; }
.IssueContent .offers-list-line img, .IssueContent .offers-list-line .box-rounded  {  border-bottom-right-radius: 0px;border-bottom-left-radius: 0px }
.destination-event-content>#filter_show_check:checked~.destination-event-search{ display: block !important;position: fixed;width: 100%;height: 100%;z-index: 100001; top: 0; background: #fff; left: 0; margin: 0;  overflow: auto; padding-top:15px}
@media (max-width: 1279px) {
: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{
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;
}
}
@media (max-width: 1023px) {
.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;
}
.heditor_table61 td{
padding-top:0;
}
.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 > .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;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
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-table-headers .image-replacer{
height: auto;
padding-bottom: 100%;
}
.compare-table-headers .hotel-info .hotel-name .fa{
display:none;
}
.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;
}
.dragon-boxes .col .dragon-images .spacer{
padding:0;
}
.dragon-boxes .col .dragon-images .spacer img{
max-height:460px;
}
.dragon-boxes .drop-down-content-holder{
padding:0;
margin:10px 0 0 0;
}
.dragon-boxes  .drop-down-content input:checked + .drop-down-content-holder .opencontent{
left:0;
}
.dragon-boxes .col:nth-child(even)  .drop-down-content input:checked + .drop-down-content-holder .opencontent{
left:3%;
}
.dragon-boxes .opencontent:before,.dragon-boxes .opencontent:after{
right:4.5%;
}
}
@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;
}
.calendiv.gprh-calendiv>div:first-child{
margin-bottom: 10px;
}
.irb-classmodifier .result-list .offers-list-line:last-child{
padding:0;
margin:0;
}
.irb-twocols-text-holder > div{
padding-top: 0 !important;
}
.irb-module.container.horizontal-list-container{
padding-bottom: 0 !important;
}
.find-your-room .room-list>div:not(:first-child):not(.explore-the-rooms){
display: none;
}
.BubblesVideoModul .BigVideoHolder { width: 80%; }
.BubblesVideoModul iframe { height: 40vw }
.firends_popup p.firends_popup_button{
flex-direction: column;
}
.firends_popup p.firends_popup_button a{
width: 100%;
}
}
@media (max-width: 679px) {
.heditor_table58,
.heditor_table58 td{
display:block;
width:100% !important;
}
: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-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;
}
.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;
}
.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;
}
.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;
}
.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;
}
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;
}
.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;
}
.dragon-boxes{
border:0;
}
.dragon-boxes .col{
width:100% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: bottom;
position:relative;
border-radius: 2px;
background-color: #ffffff;
box-shadow: 0 2px 4px 0 rgba(44, 54, 64, 0.12);
border: solid 1px rgba(255, 255, 255, 0.1);
margin-bottom: 24px;
}
.dragon-boxes .drop-down-content-holder .headline{
padding-right:0;
border:0;
}
.dragon-boxes .col .dragon-images .spacer{
display:inline-block;
width:100%;
vertical-align:bottom;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:0 10%;
text-align: center;
}
.dragon-boxes .col .dragon-images .spacer img{
max-width:100%;
max-height:350px;
margin:0;
padding:0;
}
.dragon-boxes .drop-down-content-holder{
padding:0;
margin:15px 0 0 0;
border:0;
border-radius:0;
}
.dragon-boxes .drop-down-content label{
font-size: 18px;
font-weight: bold;
color: #58585A;
vertical-align: middle;
cursor: pointer;
padding:16px 40px 8px 20px;
margin:0;
border-radius: 0px;
border:0;
border-top:2px solid #cccccc;
background-color: transparent;
}
.dragon-boxes .drop-down-content label:after {
color: #58585A;
content: "\f107";
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-ms-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.drop-down-content input:checked+.drop-down-content-holder label:after {
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-ms-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
transform: rotate(180deg);
}
.dragon-boxes .drop-down-content-holder .opencontent{
padding: 0 20px;
border: 0;
margin:0;
width:auto;
display:block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-ms-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
max-height:0;
background:#fff;
overflow:hidden;
}
.dragon-boxes .drop-down-content-holder .opencontent img:first-child{
display:none;
}
.dragon-boxes .drop-down-content-holder .opencontent .close-icon{
display:none;
}
.dragon-boxes  .drop-down-content input:checked + .drop-down-content-holder label{
background:transparent;
}
.dragon-boxes  .drop-down-content input:checked + .drop-down-content-holder .opencontent,
.dragon-boxes .col:nth-child(even)  .drop-down-content input:checked + .drop-down-content-holder .opencontent{
position:relative;
bottom:inherit;
left:inherit;
max-height: 50000px;
max-height: 500vh;
}
.dragon-boxes .opencontent:before,.dragon-boxes .opencontent:after {
display:none;
}
}
@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;
}
}
@media (max-width: 350px) {
#sticky-user{margin-right:0;}
}
@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;
}
}
@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;
}
}
@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;
}
.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;
}
.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-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%;
}
.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;
}
.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;
}
.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;
}
.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;
}
#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;
}
.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{
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;
}
.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;
}
.language_sk .content-header .booking-holder .booking-search-submit{
font-size: 12px;
padding: 16px 10px;
}
.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;
}
#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_20 .formdiv_inputvalue{
padding-right: 14px;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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: 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 .row .col.m3{
width: 25% !important;
}
.destination-event-search .calendar-holder select,
.destination-event-search .calendar-holder label{
width: 100%;
}
.destination-event-search .calendar-holder.first{
padding-right: 30px;
}
.hp-career-box.dh-card .text-holder{
max-width: 60%;
}
.hotel-content.hotel-offers-single .list-line.single-offer-box .button-holder .avail-button{
text-align: left;
}
}
@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{
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;
}
.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;
}
.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;
}
.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);
}
.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{
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;
}
.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 10px;
min-width: 180px;
}
.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)
}
.offer-list .result-list{
grid-template-columns: 1fr 1fr 1fr;
}
.offer-list .list-line > a{
height: 196px;
}
.hotel-swiper-nav{
display: block;
}
.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;
}
.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;
}
.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-list{
flex-direction: row;
flex-wrap: wrap;
}
.with-hero.meeting-and-events-page .content-header{
margin-bottom: 0px;
}
.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;
}
.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%;
}
.pswp--open .pswp__bg{
background: rgba(0, 16, 46, 0.80);
backdrop-filter: blur(2.5px);
}
.pswp__img{
border-radius: var(--border-radius-small);
}
.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;
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 img.promoart-img,
.promoart-holder .promoart-img img.of-cover,
.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;
}
.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-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;
}
.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;
}
.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;
}
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;
}
.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;
}
.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: 18%;
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 .footer-bottom-menu{
width: 100%;
}
.footer-bottom-text{
display: flex;
}
.footer .footer-bottom{
padding-top: 0;
}
.footer-links .footer-menu .collapse{
padding-bottom: 40px;
}
.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;
}
.hp-career-box.dh-card .text-holder{
max-width: 695px;
}
.hotel-page.with-hero .navibar-container{
padding-bottom: 0 !important;
}
.hotel-page.with-hero .navibar-container>nav{
max-width: 70%;
}
.hotel-page.with-hero .hotel-action-line .hotel-action,
.hotel-page.with-hero .hotel-action-line .hotel-best-price,
.hotel-page.with-hero .hotel-rating-line .hotel-rates{
position: relative;
top: -28px;
}
.hotel-page .hero-section .hotel-info-line{
bottom: 30px;
}
}
@media (min-width: 1200px){
:root {
--content-margin-top: 120px;
--sticky-content-margin-top: 100px;
--container-width: 1110px;
--best-price-width: 240px;
--sticky-header-height: 80px;
}
.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;
align-items: flex-start;
}
body.karrier header .menu-holder{
align-items: center;
}
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);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 50px;
min-width: 130px;
margin-top: 0px;
height: 50px;
}
#desktop-menu{
padding: 0;
width: 100%;
justify-content: flex-end;
}
#desktop-menu>ul{
padding-top:20px;
padding-bottom: 20px;
}
.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;
}
body.header-fixed .header-blue-line{
display: none !important;
}
body #header-main,
body #header-main .menu-wrapper{
height: 120px;
}
body.header-fixed #header-main,
body.header-fixed #header-main .menu-wrapper{
height: var(--sticky-header-height);
background: #fff;
}
#header-main,
body.header-fixed #header-main{
transition: height .2s ease-in-out;
}
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 #dh-header-logo,
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;
}
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);
white-space: nowrap;
display: inline-flex;
align-items: center;
height: 40px;
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: "\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: -668px;
background: #fff;
top: -7px;
z-index: 0;
border:1px solid var(--DarkBlue);
visibility: hidden;
}
body.header-fixed #header-main #sticky-user .header-search-form.opened{
z-index: 1000;
visibility: visible;
width: 720px;
}
body.header-fixed #desktop-menu-bookin-btn{
display: none;
}
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: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: 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%;
}
.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;
}
#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: 19px 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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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 ul{
justify-content: center;
}
.footer .footer-bottom-menu>ul{
gap: 20px;
flex-wrap: nowrap;
justify-content: space-between;
}
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;
}
body.language_cz .booking-box .btn.booking-search-submit{
font-size: 13px;
padding: 16px 10px;
}
}
@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;
}
}
.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;
max-width: 100%;
}
.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{
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;
padding-bottom: 20px;
}
h3.irb-block-title{
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
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;
}
.irb-module.irb-module-twocols .irb-block-content>.irb-row.irb-twocols-holder-imgtop-textbottom>.irb-columns{
flex-direction: column;
}
.irb-row.bubbles-row>.irb-columns{
column-gap: 60px;
}
.irb-row>.irb-columns>.irb-column>.irb-module.irb-module-twocols{
height: 100%;
}
h2.irb-block-title{
font-size: 30px;
line-height: 44px;
}
h3.irb-block-title{
font-size: 24px;
line-height: 34px;
}
.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;
}
}
.formdiv_rowspec {
position: absolute;
left: -50000px;
top: -50000px;
}
.formdiv_rowspec, .formdiv_rowspec * {
pointer-events: none;
}
.tbl-w100 {
width: 100%;
}
.responsivetable .table-holder {
max-width: calc(100vw - var(--bs-gutter-x));
border-radius:var(--border-radius-small);
}
.irb-button100 .button-holder .btn {
width: 100%;
}
.irb-m-picfirst .irb-columns {
display: grid;
grid-template-columns: 100%;
grid-gap: 0;
}
.irb-m-picfirst .irb-columns .irb-twocols-image {
order: 1;
margin-bottom: 20px;
}
.irb-m-picfirst .irb-columns .irb-twocols-text-holder {
order: 2;
}
.lg-backdrop {
background-color: #00102ecc;
}
.lg-img-wrap .lg-object.lg-image {
max-height: calc(100% - 80px);
border-radius: var(--border-radius-small);
}
#lg-counter {
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
cursor: pointer;
color: #fff;
font-size: 18px;
padding: 5px 7px 6px;
}
.lg-actions .lg-next {
right: 6px;
}
.lg-actions .lg-prev {
left: 6px;
}
.lg-toolbar .lg-icon {
width: 40px;
}
#infoaboutfriends img{
border-radius: 0 !important;
margin-right: 10px;
}