/* CSS utf-8  */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

BODY {font-family:'Outfit', sans-serif; font-size:20px; line-height:34px; color:#333333; padding:0px; margin:0px; text-align:center;}

/* 0d5bc7 */
/* 1155cc */
/* 01a4e9 */
A {color:#1680b4; text-decoration:none;}
A:HOVER {color:#617f96; text-decoration:underline;}

A.more1 {display:block; padding:10px 20px 10px 10px; background:url(/images/arrow1_gray1_p10.png) no-repeat center right;}
A.more1:HOVER {color:#ffffff; text-decoration:none; background:url(/images/arrow1_white_p10.png) no-repeat center right; background-color:#246e82;}

A.biglink1 {display:block; padding:10px 20px 10px 10px; background:url(/images/arrow1_gray1_p10.png) no-repeat center right; margin-bottom:20px; background-color:#ededed; font-weight:bold; font-size:16px;}
A.biglink1 .pretext1 {display:block; font-weight:normal; font-size:11px; color:#666666;}
A.biglink1:HOVER {color:#ffffff; text-decoration:none; background:url(/images/arrow1_white_p10.png) no-repeat center right; background-color:#246e82;}
A.biglink1:HOVER .pretext1 {color:#cccccc;}
A.biglink1m1 {margin-bottom:5px;}

H1 {font-size:24px; line-height:28px; color:#000000; font-weight:normal;}
H2 {font-size:20px; line-height:24px; color:#000000; font-weight:normal;}
H3 {font-size:16px; line-height:20px; color:#000000; font-weight:bold;}

.nodisplay {display:none;}
.nounder {text-decoration:none;}
.hand {cursor:pointer;}
.small {font-size:9px;}
.clear {clear:both;}
.youtubefull {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.youtubefull IFRAME {position:absolute; top:0; left:0; width:100%; height:100%;}

/* MODALWINDOW ---------------------------------------------------------------*/
.modalwindow {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(33,33,33,0.95); z-index:999999; display:none; justify-content:center; align-items:center;}
.modalwindow .mwcontent {width:100%; max-width:940px; background-color:#ffffff; display:block; padding:20px; max-height:50%; overflow-y:scroll;}
/*.modalwindow .mwcontent {max-width:90%; max-height:90%; display:block;}*/
.modalwindow .mwcontent .mwconlypic {max-width:100%; max-height:90vh; justify-content:center; align-items:center;}
.modalwindow .mwcontent .mwconlypic IMG {max-width:100%; max-height:88vh;}
.modalwindow .close_overlay_x {position:absolute; display:block; top:30px; right:30px; width:40px; height:40px; background-image:url(/images/icons/close1_white.svg); background-repeat:no-repeat; background-size:40px; z-index:10100;}

/* OVERLAYWINDOW -------------------------------------------------------------*/
.overlaywindow .mwcontent {width:auto; max-width:90%; max-height:90%; background-color:transparent; display:block; padding:0px; overflow-y:auto;}

.overlaybox1 {z-index:999999;}
.overlaybox1 {display:grid; grid-template-columns:50% 50%; width:80%; height:auto; /*800px*/ background-color:#ffffff; color:#000000; margin: 0 auto;} 
.overlaybox1 .onleft {width:100%; height:100%;}
.overlaybox1 .onleft .onpic {width:100%; height:100%; font-size: 0px; line-height: 0px;}
.overlaybox1 .onleft .onpic IMG {width:100%; height:100%; object-fit:cover;}
.overlaybox1 .onright {display:flex; align-items:baseline; justify-content:center; flex-direction:column; width:100%; height:100%; box-sizing:border-box; padding:40px; background-color:#ffffff;}
.overlaybox1 .onright .onlrow1 {font-size:48px; line-height:50px; font-weight:bold; margin-bottom:40px; text-transform:uppercase;}
.overlaybox1 .onright .onlrow2 {font-size:36px; line-height:40px; font-weight:bold; margin-bottom:80px;}
.overlaybox1 .onright .onlrow3 {margin-bottom:40px;}
.overlaybox1 .onright .onlrow3 .button1 {font-size:24px; line-height:28px; font-weight:normal; padding:10px 50px;}
.overlaybox1 .onright .onlrow4 {font-size:12px; line-height:16px; font-weight:normal; padding-top:0px; display:none;}

.pagecontainer {width:1180px; margin:0 auto; text-align:left;}
.pagecontainerscreen {width:1180px; height:100vh; margin:0 auto; text-align:left; display:flex; justify-content:center; align-items:center; padding:0px 20px; box-sizing:border-box;}

.headcontainer {position:fixed; height:80px; width:100%; z-index:1000;}
.headcontainer .hlogo {position:absolute; top:16px; left:30px;}
.headcontainer .hlogo A {color:#ffffff;}
.headcontainer .hmenu {position:absolute; top:23px; left:230px;}
.headcontainernoimagebg {}
.headholder {height:105px;}
.headcontainer2 {background-color:#717171;}

.headcontainer .hmenu .menutabs {}
.headcontainer .hmenu .menutabs UL {margin:0; padding:0; text-transform:uppercase; font-weight:700; list-style-type:none; margin-right:-15px;}
.headcontainer .hmenu .menutabs LI {position:relative; float:left;}
.headcontainer .hmenu .menutabs LI .menuitem {display:block; font-size:18px; line-height:24px; font-weight:300; text-decoration:none; margin-left:0px; padding:5px 12px 5px 12px; color:#ffffff; background-image:linear-gradient(45deg, rgba(33,33,33,0.3) 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out;}
.headcontainer .hmenu .menutabs LI .selected {background-color:rgba(33,33,33,0.3);}
.headcontainer .hmenu .menutabs LI .homeiconlink {display:none; background-image:url(/images/icons/house1_black.svg); background-position:12px 9px; background-repeat:no-repeat; background-size:18px; width:20px; height:25px;}
.headcontainer .hmenu .menutabs LI .homeiconlinkselected {background-image:url(/images/icons/house1_black.svg);}

.headcontainer .hmenu .menutabs LI .menupanel {display:none; position:absolute; top:40px; width:220px; padding:10px 13px 13px 13px; z-index:330; background-color:#000000;}
.headcontainer .hmenu .menutabs LI:HOVER .menuitem {text-decoration:none; background-position:0;}
.headcontainer .hmenu .menutabs LI:HOVER .selected {}
/*.menutabs LI:HOVER .issubmenu {padding-bottom:15px; background-color:#000000; color:#231f20;}*/
.headcontainer .hmenu .menutabs LI:HOVER .menupanel {display:none; margin-top:-7px;}
.headcontainer .hmenu .menutabs LI:HOVER .menupanel .mpmenuitems {}
.headcontainer .hmenu .menutabs LI:HOVER .menupanel .mpmenuitems UL {margin:0; padding:0; list-style-type:none;}
.headcontainer .hmenu .menutabs LI:HOVER .menupanel .mpmenuitems UL LI {float:none; padding-left:20px; font-size:18px; line-height:22px; background:url(/images/HOTELV5/arrow5whiteright10px.png) no-repeat 0px 12px; padding-bottom:3px; padding-top:0px;}
.headcontainer .hmenu .menutabs LI:HOVER .menupanel .mpmenuitems UL LI .mpmenuitem {font-weight:bold; color:#ffffff; text-transform:none; text-decoration:none; display:block; padding:5px 0px 5px 0px;}
.headcontainer .hmenu .menutabs LI:HOVER .menupanel .mpmenuitems UL LI .mpmenuitem:HOVER {text-decoration:underline;}

.contentcontainer {}
.content {clear:both; padding-bottom:30px;}

.footercontainer {background-color:#f1f1f1; padding:40px 0px 20px 0px; padding-top:40px; border-top:0px solid #dddddd;}
.footer {font-size:14px; line-height:20px; color:#999999; border-top:1px solid #eeeeee; text-align: center;}

.footer .footerinfo1 {}
.footer A {color:#666666;}


/* NYITOLAP ------------------------------------------------------------------*/

.spotifyplaylists {display: grid; grid-template-columns:repeat(2,1fr); grid-column-gap: 20px;}

@media (max-width:1299px) {

	.pagecontainer {width:1024px;}

	.overlaybox1 .onright .onlrow1 {font-size:36px; line-height:40px;}
	.overlaybox1 .onright .onlrow2 {font-size:24px; line-height:30px; margin-bottom:60px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:20px; line-height:24px; padding:10px 40px;}

	.content .maincont {width:694px;}
}

@media (max-width:1055px) {

    H1 {font-size:30px; line-height:36px;}
    H2 {font-size:22px; line-height:28px;}

    .pagecontainer {box-sizing:border-box; width:100%; padding:0 10px;}

	.overlaybox1 {width:94%; /*height:400px;*/}
	.overlaybox1 .onright .onlrow1 {font-size:36px; line-height:40px;}
	.overlaybox1 .onright .onlrow2 {font-size:24px; line-height:30px; margin-bottom:60px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:20px; line-height:24px; padding:10px 40px;}
    
    .mobilemenu {display:table-cell; position:fixed; width:100%; height:100%; left:0; top:0; overflow-y:scroll; background-color:#333333; z-index:3000; text-align:left;}
    .mobilemenu .close_overlay_x {position:absolute; display:block; top:10px;right:10px; width:30px; height:30px; background-image:url(/images/icons/close_x.svg); background-repeat:no-repeat; background-size:30px; z-index:10100;}
    .mobilemenu .close_overlay_x2 {display:block; width:15px; height:15px; background-image:url(/images/icons/close_x.svg); background-repeat:no-repeat; background-size:contain; margin-right:10px;}
    .mobilemenu .mobilemenuclose {text-align:right; margin:20px 0; padding:0 10px;}
    .mobilemenu .mobilemenuinner {margin-top:30px;}
    .mobilemenu .mobilemenuinner .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#555;}
	
    .mobilemenu .mobilemenucontainer {width:100%; display:flex; flex-direction:column; align-items:flex-start;}
    .mobilemenu .mobilemenucontainer .mobilemenuupper {box-sizing:border-box; width:100%; display:grid; grid-template-columns:2fr auto auto; padding:0 10px; margin-top:10px;}
    .mobilemenu .mobilemenucontainer .mobilemenuupper .login {width:65%; display:flex; align-items:center; justify-content:space-between; font-size:14px; line-height:18px; font-weight:bold; color:#fff; background-color:rgba(255, 255, 255, 0.25); border-radius:25px; padding-top:2px; padding-bottom:2px; padding-left:10px;}
    .mobilemenu .mobilemenucontainer .mobilemenuupper .login .img {background-image:url(/images/mobilemenu/user.svg); width:28px; height:28px; background-size:contain; background-repeat:no-repeat; background-position:center;}
    .mobilemenu .mobilemenuupper .hlang {position:absolute; display:block; right:40px; top:0; width:auto; z-index:1000; padding:5px 10px 5px 10px; border:1px solid transparent;}
    .mobilemenu .mobilemenuupper .hlang .hlselected {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/mobilemenu/arrow1white_right.png); background-repeat:no-repeat; background-position:right 12px;}
    .mobilemenu .mobilemenuupper .hlang .hlselected SPAN {display:inline-block; height:100%; vertical-align:middle; padding-right:10px;}
    .mobilemenu .mobilemenuupper .hlang .hlselected IMG {display:inline-block; vertical-align:middle;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel {display:none;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL {list-style-type:none; margin:0px; padding:0px;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI {}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px; margin:10px 0px 10px 0px;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A SPAN {display:inline-block; height:100%; vertical-align:middle; padding-right:10px;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A IMG {display:inline-block; vertical-align:middle;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A:HOVER {color:#ffffff; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px; text-decoration:none;}
    .mobilemenu .mobilemenuupper .hlang:HOVER {background-color:#f9f9f9; border:1px solid #cccccc;}
    .mobilemenu .mobilemenuupper .hlang:HOVER .hlselected {cursor:pointer; background-image:url(/images/icons/arrow1_down.png); background-repeat:no-repeat; background-position:right 18px; border-bottom:1px solid #cccccc;}
    .mobilemenu .mobilemenuupper .hlang:HOVER .hlpanel {display:block;}

    /* text nelkul */
    .mobilemenu .mobilemenuupper .hlang {position:absolute; display:block; right:40px; top:0; width:auto; z-index:1001; padding:5px 10px 5px 10px; border:1px solid transparent;}
    .mobilemenu .mobilemenuupper .hlang .hlselected {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/mobilemenu/arrow1white_right.png); background-repeat:no-repeat; background-position:right 12px;}
    .mobilemenu .mobilemenuupper .hlang .hlselected SPAN {display:none;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A SPAN {display:none;}

    .mobilemenu .mobilemenucontainer .mobilemenubuttons {width:100%; display:flex; justify-content:center; margin-bottom:35px; flex-wrap:wrap; column-gap:20px; row-gap:20px;}
    .mobilemenu .mobilemenucontainer .mobilemenubuttons .button4 {background-color:#ffffff;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons {box-sizing:border-box; width:100%; display:grid; grid-template-columns:repeat(4, 20%); grid-column-gap:25px; padding-right:10px; border-top:1px solid rgba(255, 255, 255, 0.25); padding-top:20px; justify-content:space-between;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon {position:relative; display:flex; flex-direction:column; align-items:center;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon:HOVER {text-decoration:none;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon .img {width:30px; height:30px; background-size:cover;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon .text {color:#fff; font-size:9px; line-height:13px; font-weight:700; text-transform:uppercase; text-align:center; margin-top:7px;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon .number {position:absolute; right:3px; top:-10px; display:flex; justify-content:center; align-items:center; width:24px; height:24px; color:#fff; font-size:12px; line-height:12px; font-weight:800; background-color:#ff0000; border-radius:50%;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon1 .img {background-image:url(/images/mobilemenu/house.svg);}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon2 .img {background-image:url(/images/mobilemenu/discount.svg);}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon3 .img {background-image:url(/images/mobilemenu/loyalty.svg);}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon4 .img {background-image:url(/images/mobilemenu/offer.svg);}
    .mobilemenu .mobilemenulogo {display:flex; align-items:flex-start; justify-content:center; margin:30px 0; width:100%;}
	.mobilemenu .mobilemenulogo A {display:block; background-repeat:no-repeat; background-size:contain;}
	.mobilemenu .mobilemenulang {display:flex; align-items:center; height:30px;}

    .mobilemenulang .hlang {display:block; z-index:1001; border:1px solid transparent;}
	.mobilemenulang .hlang .hlselected {display:block; border-bottom:0px;  font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px;}
	.mobilemenulang .hlang .hlselected SPAN {}
	.mobilemenulang .hlang .hlpanel UL LI A SPAN {}
    
    .mobilemenulang .hlang {position:relative; background:#ededed; font-size:16px; line-height:20px; font-weight:400;}
    .mobilemenulang .hlang .hlselected {border-bottom:0px; padding:0px 0px 0px 33px; text-align:right; color:#717171; background-color:#ededed; background-position:8px 3px; background-repeat:no-repeat; background-size:15px;}
    .mobilemenulang .hlang .hlselectedflag_hu {background-image:url(/images/icons/flags2/hu.svg);}
    .mobilemenulang .hlang .hlselectedflag_en {background-image:url(/images/icons/flags2/en.svg);}
    .mobilemenulang .hlang .hlselectedflag_de {background-image:url(/images/icons/flags2/de.svg);}
    .mobilemenulang .hlang .hlselectedflag_ro {background-image:url(/images/icons/flags2/ro.svg);}
    .mobilemenulang .hlang .hlselectedflag_sk {background-image:url(/images/icons/flags2/sk.svg);}
    .mobilemenulang .hlang .hlselectedflag_pl {background-image:url(/images/icons/flags2/pl.svg);}
    .mobilemenulang .hlang .hlselectedflag_ru {background-image:url(/images/icons/flags2/ru.svg);}
    .mobilemenulang .hlang .hlpanel {display:none; position:absolute; top:27px; right:0px; background-color:#dddddd; width:150px;}
    .mobilemenulang .hlang .hlpanel UL {list-style-type:none; margin:0px; padding:0px;}
    .mobilemenulang .hlang .hlpanel UL LI {float:none; padding:0px; margin:0px;}
    .mobilemenulang .hlang .hlpanel UL LI .lang {display:block; text-align:right; font-size:16px; line-height:20px; font-weight:400; color:#1f1f1f; padding:5px 10px 5px 5px; margin:0px;}
    .mobilemenulang .hlang .hlpanel UL LI .lang SPAN {padding-left:33px; background-position:8px 3px; background-repeat:no-repeat; background-size:15px;}
    .mobilemenulang .hlang .hlpanel UL LI .lang_hu SPAN {background-image:url(/images/icons/flags2/hu.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_en SPAN {background-image:url(/images/icons/flags2/en.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_de SPAN {background-image:url(/images/icons/flags2/de.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_ro SPAN {background-image:url(/images/icons/flags2/ro.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_sk SPAN {background-image:url(/images/icons/flags2/sk.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_pl SPAN {background-image:url(/images/icons/flags2/pl.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_ru SPAN {background-image:url(/images/icons/flags2/ru.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang:HOVER {color:#000000; background-color:#ededed; text-decoration:none;}
    .mobilemenulang .hlang:HOVER {background-color:#dddddd;}
    .mobilemenulang .hlang:HOVER .hlselected {cursor:pointer; background-color:#dddddd; padding-bottom:4px;}
    .mobilemenulang .hlang:HOVER .hlpanel {display:block;}
    
    .mobilemenu .mobilemenuinner {}
    .mobilemenu .mobilemenuinner .mobilemenuclose {text-align:right; margin:20px 0; padding:0 10px;}
    .mobilemenu .mobilemenuinner .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#fff;}
	.mobilemenu .mobilemenuinner UL {list-style-type:none; margin:0; padding:0;}
	.mobilemenu .mobilemenuinner UL LI {margin:0px; padding:0px; border-bottom:1px solid rgba(255, 255, 255, 0.25);}
	.mobilemenu .mobilemenuinner UL LI A {display:block; text-decoration:none; text-transform:uppercase; font-size:18px; line-height:24px; font-weight:900; color:#fff; padding:10px;}
	.mobilemenu .mobilemenuinner UL LI A:HOVER {color:#fff;}
    .mobilemenu .mobilemenuinner UL LI A.menusign {background-image:url(/images/HOTELV5/arrow5whiteright10px.png); background-repeat:no-repeat; background-position:right center; background-size:20px;}
    .mobilemenu .mobilemenuinner UL LI A.opened {background-image:url(/images/HOTELV5/arrow5whitetop10px.png); background-repeat:no-repeat; background-position:right 5px center; background-size:20px;}
	.mobilemenu .mobilemenuinner UL LI A.nomenusign {display:inline-block; width:20px; height:20px; margin-right:5px;}
	.mobilemenu .mobilemenuinner UL LI A.selected .sub0menusign {}
	.mobilemenu .mobilemenuinner UL LI UL {margin-top:0px; background-color:rgba(255, 255, 255, 0.25);}
    .mobilemenu .mobilemenuinner UL LI UL LI {margin:0px; padding:0px;}
    .mobilemenu .mobilemenuinner UL LI UL LI:last-child {border-bottom:0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A {display:block; font-size:16px; line-height:22px; font-weight:600; color:#ffffff; text-transform:unset; padding-left:20px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A.menusign {background-image:url(/images/arrowleft_white.png); background-repeat:no-repeat; background-position:10px 13px; background-size:18px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A.nomenusign {}
	.mobilemenu .mobilemenuinner UL LI UL LI A.selected {}
	.mobilemenu .mobilemenuinner UL LI UL LI UL {font-size:0.8em; font-weight:400; line-height:1.5em; color:#666666; margin-top:1.6em; margin-bottom:1.6em; background-color:#ee9c22; padding:10px 0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI UL LI {margin:0 0 0.7em 0; padding:0; border-bottom:0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI UL LI A {text-transform:none; padding-left:0px; padding-bottom:0em;}
    .mobilemenu .mobilemenuinner .mobilemenufooter {font-size:16px; line-height:22px; color:#ffffff; padding:30px 10px 30px 10px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelname {font-weight:bold;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotellinks {margin:20px 0; font-size:12px; line-height:16px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelsponsors {display:flex; align-items:flex-start; margin-bottom:25px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelsponsors IMG {width:auto; height:40px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelsponsors .sponsor {display:block; margin-right:25px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelcredit {display:flex; flex-direction:column; font-size:10px; line-height:16px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelcredit IMG {width:auto; height:23px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter A {color:#ffffff;}
    .mobilemenu .mobilemenuinner .mobilemenuclose A {display:flex; justify-content:flex-end; align-items:center;}

	.messagebox {flex-direction:column; row-gap:32px;}

	.headcontainermobile {display:block; height:60px;}

	.headcontainer {position:fixed; background-image:none; background-color:#333333; height:60px; border-bottom:0px solid #cccccc;}

	.head {height:60px;}

	.head .hlogo A IMG {width:150px; height: auto;}

    .head .hburgermenu {display:block; position:absolute; top:10px; right:10px;}
    .head .hburgermenu .hburger {display:block; width:40px; height:30px; cursor:pointer; margin-bottom:10px;}
    .head .hburgermenu .hburger SPAN {display:inline-block; width:100%; height:6px; background:#666666; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.head .hburgermenu .hburger SPAN:BEFORE {content:''; position:absolute; left:0px; top:-11px; width:100%; height:6px; background:#666666; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.head .hburgermenu .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:11px; width:100%; height:6px; background:#666666; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}

	.head .sitemenu {display:none;}
	.head .sitemenu .hburgermenu {display:block;}

	.head .hbuttons {display:block; position:absolute; top:14px; right:40px;}
	.head .hbuttons UL {list-style-type:none; padding:0px; margin:0px;}
	.head .hbuttons UL LI {float:left; margin-right:10px;}
	.head .hbuttons UL LI A {font-size:16px; line-height:20px; font-weight:400; color:#5b5b5b; text-transform:uppercase; padding:4px 16px 3px 16px;}
	.head .hbuttons UL LI .interest {display:none; background-color:#999999; color:#ffffff;}
	.head .hbuttons UL LI .booking {background-color:#999999; color:#ffffff; font-weight:700;}
	.head .hbuttons UL LI .login {display:none; background-color:#cccccc; font-weight:700; padding:4px 6px 3px 28px; background-image:url(/images/icons/user8.svg); background-position:3px 3px; background-repeat:no-repeat; background-size:20px;}
	.head .hbuttons UL LI .login:HOVER {background-color:#ffffff;}
	
    .content .maincont {width:100%;}

}

@media (max-width:767px) {
	.overlaybox1 {display:block; width:90%; height:80%;}  
	.overlaybox1 .onleft {height: 30vh;}
	.overlaybox1 .onright {height: 50vh; padding:20px;}
	.overlaybox1 .onright .onlrow1 {font-size:26px; line-height:28px; margin-bottom:20px;}
	.overlaybox1 .onright .onlrow2 {font-size:20px; line-height:26px; margin-bottom:40px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:18px; line-height:22px; padding:10px 40px;}
}	

@media (max-width:640px) {
}

@media (max-width:480px){
	.overlaybox1 {display:block; width:90%; height:80%;}  
	.overlaybox1 .onleft {height: 30vh;}
	.overlaybox1 .onright {height: 50vh; padding:20px;}
	.overlaybox1 .onright .onlrow1 {font-size:20px; line-height:24px; margin-bottom:20px;}
	.overlaybox1 .onright .onlrow2 {font-size:16px; line-height:20px; margin-bottom:20px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:18px; line-height:22px; padding:10px 40px;}
}