/* CSS utf-8 ő */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');

:root {
     --heading-font:"Google Sans Flex", sans-serif;
     --heading-font-uppercase:none;
}

HTML {height:100%;}
BODY {font-family:"Google Sans Flex", sans-serif; font-size:19px; line-height:29px; font-weight:300; color:#00305b; background-color:#ffffff; border:0px; padding:0px; margin:0px; height:100%;}

A {color:#b71d44; text-decoration:none;}
A:HOVER {color:#000000; text-decoration:underline;}

H1 {font-family:var(--heading-font); font-size:42px; line-height:50px; font-weight:500; color:#00305b; margin:0px 0px 30px 0px; padding:0px;}
H2 {font-family:var(--heading-font); font-size:30px; line-height:36px; font-weight:400; color:#00305b;}
H3 {font-family:var(--heading-font); font-size:24px; line-height:30px; font-weight:300; color:#999999; padding-bottom:0px; margin-bottom:10px;}

H1 .hnote, H2 .hnote, H3 .hnote {font-family:var(--heading-font); font-size:12px; font-weight:normal; color:#999999;}
H2 .hlabel1, H3 .hlabel1 {font-family:var(--heading-font); font-size:18px; line-height:20px; font-weight:bold; color:#ffffff; background-color:#999999; padding:2px 8px 2px 8px;}

B {font-weight: 600;}

.hidden {display:none;}
.bold {font-weight:bold;}
.hand {cursor:pointer;}
.price {color:#008800;}
.discount {color:#ff0000;}
.info1 {padding:10px; padding-left:40px; font-size:14px; line-height:18px; background:url(/images/icons/info_hint.gif) no-repeat 17px 14px; background-color:#FFFFA6; color:#CA5927;}
.info2 {padding:10px; padding-left:40px; font-size:16px; line-height:24px; background:url(/images/icons/info_hint.gif) no-repeat 17px 14px; background-color:#FFFFA6; color:#CA5927; font-weight:bold;}
.info3 {padding:10px; font-size:16px; line-height:22px; background-color:#FFFFA6; color:#000000; margin-bottom:20px;}
.info3 B {font-weight:700;}
.error1 {padding:10px; font-size:14px; line-height:18px; background-color:#FF0000; color:#ffffff; margin-bottom:10px;}
.error2 {padding:10px; font-size:14px; line-height:18px; background-color:#fbcfcf; color:#ff0000; margin-bottom:10px;}
.clear {clear:both;}
.small {font-size:12px; line-height:20px;}
.linethrough {text-decoration:line-through;}
.roomsigngreen {background-color:#008800;}
.roomsignyellow {background-color:#ffbf00;}
.roomsignred {background-color:#ff0000;}
.youtubefull {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.youtubefull IFRAME {position:absolute; top:0; left:0; width:100%; height:100%;}
.packageextra {color:#ff5a00;}
.noscroll {overflow-y:hidden;}
.select1 {font-size:28px; font-weight:600; background-color:#8ee5fa;}
.note1 {padding:15px; padding-left:20px; font-size:1.25rem; line-height:1.7rem; background-color:#00305b; color:#ffffff; display: inline-block; width: 100%; box-sizing: border-box;}

.button1 {display:inline-block; text-transform:none; font-size:18px; line-height:26px; font-weight:700; color:#ffffff; padding:12px 36px 12px 36px; border-radius:0px; background-color:#15305a; background-repeat:no-repeat; cursor:pointer; background-image:linear-gradient(45deg, #e49034 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out, border 400ms ease-in-out; }
.button1:HOVER {color:#ffffff; text-decoration:none; background-position:0; background-color:#e49034;}
.button2 {background-color:#e49034; }
.button2:HOVER {background-color:#15305a;}

.button1disabled {color:#ffffff; background-color: #4e4e4e;}
.button1disabled:HOVER {color:#ffffff; background-color:#4e4e4e;}

.button_click {color:transparent; background-image:url(/images/icons/loading.png); background-size:20px; background-color:#d7d7d7; background-position:center; cursor:wait;}
.button_click:HOVER {color:transparent; background-image:url(/images/icons/loading.png); background-color:#d7d7d7; background-position:center; cursor:wait;}

/* 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;}

/* TAB -----------------------------------------------------------------------*/
.icitab {border-bottom:1px solid #cccccc; margin-bottom:40px; padding-left:10px;}
.icitab .icitabtab {display:inline-block; border:1px solid #cccccc; padding:4px 10px 4px 10px; border-bottom:0px; margin-right:5px; color:#666666; font-size:16px; line-height:20px; font-weight:600; background-color:#f1f1f1;}
.icitab .icitabtab:HOVER {text-decoration:none;}
.icitab .icitabtabactive {border-bottom:1px solid #ffffff; margin-bottom:-1px; padding-top:8px; padding-bottom:6px; font-size:20px; line-height:20px; background-color:#ffffff;}

.maincontainer {width:100%; height:100vh; overflow-y:scroll; scroll-snap-type:y mandatory; scroll-behavior:smooth;}
.maincontainer .mouse {position:absolute; bottom:50px; left:50%; margin-left:-31px; width:40px; height:70px; border:2px solid #ffffff; border-radius:60px; z-index:100;}
.maincontainer .mouse::BEFORE {content:''; width:10px; height:10px; position:absolute; top:0px; background:#ffffff; left:50%; transform:translateX(-50%); border-radius:50%; opacity:1; animation:mouse 2s infinite;}

.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;}

.mobilemenu {display:table-cell; position:fixed; width:100%; height:100%; left:0; top:0; background-color:#ffffff; z-index:3000; text-align:left; overflow-y:auto;}
.mobilemenu .mobilemenucontainer {width:100%; display:flex; flex-direction:column; align-items:flex-start;}
.mobilemenu .mobilemenucontainer .mmhead {height:80px; border-bottom:1px solid #e2e2e2; margin-bottom:50px; width:100%; position:fixed; background-color:#ffffff;}
.mobilemenu .mobilemenucontainer .mmhead .mmhlogo {position:absolute; top:10px; left:10px;}
.mobilemenu .mobilemenucontainer .mmhead .mmhlogo IMG {content:url(/pictures/microsites/1/166/hotelandmore_footerlogo.svg); height:50px;}
.mobilemenu .mobilemenucontainer .mmcontent {display:grid; grid-template-columns:3fr 4fr 3fr; grid-column-gap:80px; width:100%; margin-top:130px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav {}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL {list-style-type:none; margin:0px; padding:0px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL LI {margin-bottom:10px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL LI A {display:block; padding:15px 10px 15px 40px; font-size:32px; line-height:28px; font-weight:400;}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL LI A:HOVER {background-color:#f1f1f1;}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL LI UL {}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL LI UL LI {margin-bottom:5px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL LI UL LI A {display:block; padding:5px 10px 5px 70px; font-size:16px; line-height:22px; font-weight:400;}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools {}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmuser {margin-bottom:35px;}

.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking {}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking {}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dhead {margin-bottom:30px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dhead .dtitle {font-size:22px; line-height:18px; font-weight:400; /*color:#333333;*/ margin-bottom:20px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dhead .dtext {font-size:16px; line-height:22px; font-weight:300; margin-bottom:10px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dbuttons {display:grid; grid-template-columns:1fr 1fr; grid-column-gap:20px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dbuttons .dbutton {margin-bottom:20px;}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dbuttons .dbutton .button1 {display:flex; column-gap: 10px; align-items: center;}
.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dbuttons .dbutton .button1 IMG {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(133deg) brightness(92%) contrast(116%);}

.mobilemenu .mobilemenucontainer .mmcontent .mminfo {}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks {}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks .dtoollinks {}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks .dtoollinks .dhead {margin-bottom:30px;}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks .dtoollinks .dhead .dtitle {font-size:16px; line-height:14px; font-weight:300; /*color:#666666;*/ margin-bottom:20px;}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks .dtoollinks .dlinks {}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks .dtoollinks .dlinks UL {list-style-type:none; margin:0px; padding:0px;}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks .dtoollinks .dlinks UL LI {margin-bottom:5px;}
.mobilemenu .mobilemenucontainer .mmcontent .mminfo .mmtoollinks .dtoollinks .dlinks UL LI A {display:block; padding:0px 0px 0px 0px; font-size:19px; line-height:29px; font-weight:300;}
.mobilemenu .mobilemenucontainer .mmfooter {font-size:16px; line-height:22px; font-weight:300; color:#999999; border-top:1px solid #e2e2e2; margin-top:50px; padding-top:50px; padding-bottom:100px; width:100%; text-align:center;}
.mobilemenu .mobilemenucontainer .mmfooter .hotelname {font-size:28px; line-height:32px; font-weight:400; color:#333333; margin-bottom:10px;}
.mobilemenu .mobilemenucontainer .mmfooter .hoteladdress {font-size:20px; line-height:26px; font-weight:300; color:#666666; margin-bottom:20px;}
.mobilemenu .mobilemenucontainer .mmfooter .hotellinks {margin-bottom:20px; padding:0px 120px;}
.mobilemenu .mobilemenucontainer .mmfooter .hmlogos {margin-bottom:20px;}
.mobilemenu .mobilemenucontainer .mmfooter .hotelcredit {font-size:14px; line-height:20px; font-weight:300; color:#999999;}
.mobilemenu .mobilemenucontainer .mmfooter .hotelcredit IMG {vertical-align:middle; padding-bottom:7px;}

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

.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:600; text-decoration:none; margin-left:0px; padding:5px 12px 5px 12px; color:#ffffff; background-image:linear-gradient(45deg, rgba(228,144,52,0.8) 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:#b71d44;}
.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;}

.headcontainer2 {background-color:#15305a; box-shadow:1px 10px 27px 0px rgba(66,105,133,0.1); transition:background 400ms ease-in-out;}
.headcontainer2 .hnav .hburger A SPAN {background:#333333;}
.headcontainer2 .hnav .hloyalty A {color:#333333; background-image:linear-gradient(45deg, rgba(33,33,33,0.5) 50%, transparent 50%);}
.headcontainer2 .hnav .hloyalty A SPAN {background-image:url(/images/icons/profile1.svg);}
.headcontainer2 .hnav .hloyalty A:HOVER {color:#ffffff;}
.headcontainer2 .hnav .hloyalty A:HOVER SPAN {background-image:url(/images/icons/profile1white.svg);}
.headcontainer2 .hnav .hbooking A {color:#333333; background-image:linear-gradient(45deg, rgba(33,33,33,0.9) 50%, transparent 50%);}
.headcontainer2 .hnav .hbooking A:HOVER {color:#ffffff;}
.headcontainer2 .hnav .hbooking A:HOVER SPAN {background-image:url(/images/icons/calendar11white.svg);}
.headcontainer2 .hnav .hbooking A SPAN {background-image:url(/images/icons/calendar11.svg);}
.headcontainer2 .hnav .hreservation A {color:#333333; background-image:linear-gradient(45deg, rgba(33,33,33,0.9) 50%, transparent 50%);}
.headcontainer2 .hnav .hreservation A:HOVER {color:#ffffff;}
.headcontainer2 .hnav .hreservation A:HOVER SPAN {background-image:url(/images/icons/restaurant1white.svg);}
.headcontainer2 .hnav .hreservation A SPAN {background-image:url(/images/icons/restaurant1.svg);}
.headcontainer2 .hnav .hinterest A {color:#333333; background-image:linear-gradient(45deg, #0f5942 50%, transparent 50%);}
.headcontainer2 .hnav .htablebooking A {color:#333333; background-image:linear-gradient(45deg, #c69c6c 50%, transparent 50%);}
.headcontainer2 .hmenu .menutabs LI .menuitem {color:#ffffff; background-image: linear-gradient(45deg, rgba(228,144,52,0.8) 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out;}
.headcontainer2 .hmenu .menutabs LI .selected {background-color:#b71d44;}
.headcontainer2 .hmenu .menutabs LI:HOVER .menuitem {color:#ffffff}

.headnavcontainer {position:fixed; height:80px; width:auto; z-index:3001; top:0px; right:0px;}
.headnavcontainer .hnav {display:flex; position:absolute; top:15px; right:35px; height:50px;}
.headnavcontainer .hnav .hhome {display:none;}
.headnavcontainer .hnav .hhome A {padding-left:15px; padding-right:15px; display:flex; height:50px; align-items:center; justify-content:center;}
.headnavcontainer .hnav .hvmsz {margin-right: 20px;}
.headnavcontainer .hnav .hsocial {display: flex; align-items: center; column-gap: 10px; margin-right: 20px;}
.headnavcontainer .hnav .hsocial IMG {width:30px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(133deg) brightness(92%) contrast(116%);}
.headnavcontainer .hnav .hsocial A {line-height: 0px;}
.headnavcontainer .hnav .hburger {position:relative; display:block; width:50px; height:50px; cursor:pointer; z-index:4000;}
.headnavcontainer .hnav .hburger A {display:block; position:absolute; top:0px; left:0px; height:50px; width:50px; box-sizing:border-box;}
.headnavcontainer .hnav .hburger A SPAN {position:absolute; left:14px; width:22px; height:2px; background:#ffffff; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; backface-visibility:hidden;}
.headnavcontainer .hnav .hburger A SPAN:nth-child(1) {top:17px;}
.headnavcontainer .hnav .hburger A SPAN:nth-child(2) {top:24px;}
.headnavcontainer .hnav .hburger A SPAN:nth-child(3) {top:31px;}
.headnavcontainer .hnav .hburger A:HOVER {background-color:rgba(33,33,33,0.3);}
.headnavcontainer .hnav .hburgeropened {position:relative;}
.headnavcontainer .hnav .hburgeropened A {}
.headnavcontainer .hnav .hburgeropened A SPAN:nth-child(2) {opacity:0;}
.headnavcontainer .hnav .hburgeropened A SPAN:nth-child(1) {top:24px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
.headnavcontainer .hnav .hburgeropened A SPAN:nth-child(3) {top:24px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);}
.headnavcontainer .hnav .hbooking A {padding-left:15px; padding-right:15px; display:flex; height:50px; align-items:center; justify-content:center; color:#ffffff; font-size:18px; line-height:24px; font-weight:300; text-transform:uppercase; background-image:linear-gradient(45deg, #333333 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out;}
.headnavcontainer .hnav .hbooking A:HOVER {text-decoration:none; background-position:0;}
.headnavcontainer .hnav .hbooking A SPAN {padding-left:29px; background-image:url(/images/icons/calendar11white.svg); background-repeat:no-repeat; background-size:23px; background-position:left center; transition:background-image 400ms ease-in-out;}
.headnavcontainer .hnav .hreservation A {padding-left:15px; padding-right:15px; display:flex; height:50px; align-items:center; justify-content:center; color:#ffffff; font-size:18px; line-height:24px; font-weight:300; text-transform:uppercase; background-image:linear-gradient(45deg, #333333 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out;}
.headnavcontainer .hnav .hreservation A:HOVER {text-decoration:none; background-position:0;}
.headnavcontainer .hnav .hreservation A SPAN {padding-left:29px; background-image:url(/images/icons/restaurant1white.svg); background-repeat:no-repeat; background-size:23px; background-position:left center; transition:background-image 400ms ease-in-out;}
.headnavcontainer .hnav .hinterest A {padding-left:15px; padding-right:15px; display:flex; height:50px; align-items:center; justify-content:center; color:#ffffff; font-size:18px; line-height:24px; font-weight:300; text-transform:uppercase; background-image:linear-gradient(45deg, #333333 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out;}
.headnavcontainer .hnav .hinterest A:HOVER {text-decoration:none; background-position:0;}
.headnavcontainer .hnav .htablebooking A {padding-left:15px; padding-right:15px; display:flex; height:50px; align-items:center; justify-content:center; color:#ffffff; font-size:18px; line-height:24px; font-weight:300; text-transform:uppercase; background-image:linear-gradient(45deg, #c69c6c 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out;}
.headnavcontainer .hnav .htablebooking A:HOVER {text-decoration:none; background-position:0;}
.headnavcontainer .hnav .hlang {display:block; width:auto; height:auto; padding:5px 0px 5px 0px;}
.headnavcontainer .hnav .hlang .hlselected {display:block; padding-top:8px; padding-right:10px;text-align:left; font-size:18px; line-height:27px; font-weight:300; color:#ffffff; text-transform:uppercase; margin-bottom:10px;}
.headnavcontainer .hnav .hlang .hlselected SPAN {display:inline-block; padding-left:10px; padding-right:17px; background-image:url(/images/icons/arrow1white_right.png); background-repeat:no-repeat; background-position:right 5px;}
.headnavcontainer .hnav .hlang .hlselected IMG {display:none;}
.headnavcontainer .hnav .hlang .hlpanel {display:none; background-color:rgba(33,33,33,0.3); box-sizing:border-box;}
.headnavcontainer .hnav .hlang .hlpanel UL {list-style-type:none; margin:0px; padding:0px;}
.headnavcontainer .hnav .hlang .hlpanel UL LI {padding:0px; margin:0px;}
.headnavcontainer .hnav .hlang .hlpanel UL LI A {display:block; border-bottom:0px; padding:5px 7px 10px 10px; text-align:left; font-size:18px; line-height:27px; font-weight:300; color:#ffffff; text-transform:uppercase;}
.headnavcontainer .hnav .hlang .hlpanel UL LI A SPAN {display:inline-block; height:100%; vertical-align:middle; padding-right:19px; background-image:url(/images/icons/arrow1white_right.png); background-repeat:no-repeat; background-position:right 6px;}
.headnavcontainer .hnav .hlang .hlpanel UL LI A IMG {display:inline-block; vertical-align:middle;}
.headnavcontainer .hnav .hlang .hlpanel UL LI A:HOVER {color:#ffffff; text-decoration:none;}
.headnavcontainer .hnav .hlang .hlpanel UL LI A:HOVER SPAN {padding-right:14px;}
.headnavcontainer .hnav .hlang:HOVER {background-color:rgba(33,33,33,0.3);}
.headnavcontainer .hnav .hlang:HOVER .hlselected {cursor:pointer;}
.headnavcontainer .hnav .hlang:HOVER .hlselected SPAN {background-image:url(/images/icons/arrow1white_down.png); background-repeat:no-repeat; background-position:right 9px;}
.headnavcontainer .hnav .hlang:HOVER .hlpanel {display:block;}
/* flag nelkul */
.headnavcontainer .hnav .hlang .hlselected IMG {display:none;}
.headnavcontainer .hnav .hlang .hlpanel UL LI A IMG {display:none;}
/* menupanel */

.headnavcontainermenupanel .hnav .hburger A SPAN {background:#333333;}
.headnavcontainermenupanel .hnav .hloyalty A {color:#333333; background-image:linear-gradient(45deg, rgba(33,33,33,0.5) 50%, transparent 50%);}
.headnavcontainermenupanel .hnav .hloyalty A SPAN {background-image:url(/images/icons/profile1.svg);}
.headnavcontainermenupanel .hnav .hloyalty A:HOVER {color:#ffffff;}
.headnavcontainermenupanel .hnav .hloyalty A:HOVER SPAN {background-image:url(/images/icons/profile1white.svg);}
.headnavcontainermenupanel .hnav .hbooking A {color:#333333; background-image:linear-gradient(45deg, rgba(33,33,33,0.9) 50%, transparent 50%);}
.headnavcontainermenupanel .hnav .hbooking A:HOVER {color:#ffffff;}
.headnavcontainermenupanel .hnav .hbooking A:HOVER SPAN {background-image:url(/images/icons/calendar11white.svg);}
.headnavcontainermenupanel .hnav .hbooking A SPAN {background-image:url(/images/icons/calendar11.svg);}

.headnavcontainermenupanel .hnav .hreservation A {color:#333333; background-image:linear-gradient(45deg, rgba(33,33,33,0.9) 50%, transparent 50%);}
.headnavcontainermenupanel .hnav .hreservation A:HOVER {color:#ffffff;}
.headnavcontainermenupanel .hnav .hreservation A:HOVER SPAN {background-image:url(/images/icons/restaurant1white.svg);}
.headnavcontainermenupanel .hnav .hreservation A SPAN {background-image:url(/images/icons/restaurant1.svg);}

.headnavcontainermenupanel .hnav .hinterest A {color:#333333; background-image:linear-gradient(45deg, #0f5942 50%, transparent 50%);}
.headnavcontainermenupanel .hnav .htablebooking A {color:#333333; background-image:linear-gradient(45deg, #c69c6c 50%, transparent 50%);}

.headnavcontainermenupanel .hnav .hlang .hlselected {color:#333333;}
.headnavcontainermenupanel .hnav .hlang .hlselected SPAN {background-image:url(/images/icons/arrow1_right.png);}
.headnavcontainermenupanel .hnav .hlang .hlpanel {background-color:rgba(33,33,33,0.3);}
.headnavcontainermenupanel .hnav .hlang .hlpanel UL LI A {color:#333333;}
.headnavcontainermenupanel .hnav .hlang .hlpanel UL LI A SPAN {background-image:url(/images/icons/arrow1_right.png);}
.headnavcontainermenupanel .hnav .hlang .hlpanel UL LI A:HOVER {color:#ffffff;}
.headnavcontainermenupanel .hnav .hlang:HOVER {background-color:rgba(33,33,33,0.3);}
.headnavcontainermenupanel .hnav .hlang:HOVER .hlselected SPAN {background-image:url(/images/icons/arrow1_down.png);}

.headnavcontainermenupanel .hmenu .menutabs LI .menuitem {color:#333333; background-image: linear-gradient(45deg, rgba(33,33,33,0.7) 50%, transparent 50%); background-position:100%; background-size:400%; transition:background 400ms ease-in-out, color 400ms ease-in-out;}
.headnavcontainermenupanel .hmenu .menutabs LI .selected {background-color:#f1f1f1;}
.headnavcontainermenupanel .hmenu .menutabs LI:HOVER .menuitem {color:#ffffff}

/* BREADCRUMB ----------------------------------------------------------------*/
.breadcrumb {display:flex; justify-content:space-between; align-items:center; padding:20px 0px 0px 0px; font-size:16px; line-height:20px; margin:0px 0px 30px 0px; font-weight:400;}
.breadcrumb OL {display:inline-block; list-style:outside none none; margin:0; padding:0px;}
.breadcrumb OL LI {display:inline; margin:0px 5px 0px 5px; padding:0px;}
.breadcrumb OL LI:first-child {margin-left:0;}
.breadcrumb OL LI A {color:#636363; text-decoration:underline;}
.breadcrumb OL LI .currentpostitle {display:inline-block; color:#b7b7b7; text-decoration:none;}
.breadcrumb OL LI .btext {display:inline-block; color:#b7b7b7;}
.breadcrumb OL LI .btext A {color:#b7b7b7; text-decoration:underline;}
.breadcrumb OL LI .btext A:HOVER {color:#666666;}
.breadcrumb OL .sep {margin:0 7px;}

.breadcrumb .bright {display:flex; justify-content:flex-end; align-items:center;}
.breadcrumb .bright .bpricecalendar {display:block; margin-right:20px; font-size:16px; line-height:20px; font-weight:400; padding:5px 30px 5px 10px; text-transform:uppercase; color:#636363; text-decoration:underline; background-image:url(/images/icons/calendar1.svg); background-repeat:no-repeat; background-size:23px; background-position:center right;}
.breadcrumb .bright .bbooking {font-size:30px; line-height:38px; font-weight:800;}
.breadcrumb .bright .bbooking:HOVER {}

.breadcrumbindex {display:none;}

.newsbigheadcontainer {position:relative; margin:0 auto; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:10;}
.newsbigheadcontainer .newsbigheadcover {position:absolute; top:0px; left:0px; width:100%; height:400px; background-color:rgba(96,96,96,0.5);}
.newsbighead {display:table; max-width:1600px; width:100%; height:400px; text-align:center;}
.newsbighead .headtext {display:table-cell; width:100%; vertical-align:middle; padding-bottom:100px;}
.newsbighead .headtext H2 {font-size:56px; line-height:60px; font-weight:900; color:#ffffff; text-transform:uppercase; margin-bottom:40px;}
.newsbighead .headtext H3 {font-size:32px; line-height:40px; font-weight:600; color:#ffffff; margin-bottom:50px;}

.contentcontainer {}
.content {clear:both; padding-bottom:30px;}
.content .maincont {width:860px; float:right; margin-left:20px;}
.content .maincontfull {width:1180px;}
.content .boxcont {position:relative; width:300px; float:left;}
.content .boxcontnoheadpic {margin-top:0px;}

.leftbox {margin-bottom:20px; padding:0px;}
.leftbox .lbtitle {font-weight:normal; padding:0px 0px 4px 0px; margin-bottom:10px; border-bottom:1px solid #f4f1ea; text-transform:uppercase; color:#333333; font-size:16px; line-height:20px;}
.leftbox .lbcontent {font-size:14px; line-height:20px;}
.leftbox .lbcontent .lbctitle {font-size:14px; line-height:20px; font-weight:bold; color:#333333;}
.leftbox .lbcontent OL {padding:0px; margin:10px 0px 10px 10px; line-height:18px;}
.leftbox .lbcontent OL LI {padding-bottom:5px;}
.leftbox .lbcontent UL {list-style-type:none; padding:0px; margin:10px 0px 10px 0px; line-height:18px;}
.leftbox .lbcontent UL LI {padding-bottom:5px; background:url(/images/arrow1small_gray2.png) no-repeat 0px 5px; padding-left:14px;}
.leftbox .lbtitlesep {}
.leftbox .lbcontent .boxmore {margin-top:5px; font-size:11px; text-align:right;}
.leftbox .lbcontent .boxmore A {margin-left:15px; padding-left:20px; background:url(/images/arrow1.gif) no-repeat 0px 5px;}
.leftbox .lbcontent .boxmore2 {margin-top:20px; font-size:11px;}


/* FOTOALBUM NAV / CSAK FOTOALBUM OLDALON ------------------------------------*/
.albumnav {display:flex; justify-content:center; height:40px;}
.albumnavtop {margin-bottom:30px;}
.albumnavbottom {margin-top:30px;}
.albumnav .albumbackward {width:33%; margin-right:20px; float:left; cursor:pointer;}
.albumnav .albumtop {width:33%; margin-right:20px; float:left; cursor:pointer;}
.albumnav .albumforward {width:33%; float:left; cursor:pointer;}
.albumnavlink {color:#ffffff; padding:6px 12px 5px 12px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; height:31px;}
.albumnavlink .albumnavlinkt1 {font-size:11px; line-height:14px; color:#c0c0c0;}
.albumnavlink .albumnavlinkt2 {font-size:13px; line-height:16px; font-weight:bold; height:17px; overflow:hidden;}
.albumnavlink .albumnavlinkt2 A {color:#8b8b8b; text-decoration:none;}
.albumnavlinkbackward {text-align:left; padding-left:40px; background:url(/images/icons/arrow1_left_gray.svg) no-repeat; background-position:left 15px center; background-size:15px; background-color:#f3f3f3;}
.albumnavlinktop {text-align:center; background:url(/images/icons/arrow1_up_gray.svg) no-repeat; background-position:top 6px center; background-size:15px; padding-top:5px; background-color:#f3f3f3;}
.albumnavlinkforward {text-align:right; padding-right:39px; background:url(/images/icons/arrow1_right_gray.svg) no-repeat; background-position:right 15px center; background-size:15px; background-color:#f3f3f3;}

.albumnavlinkbackward:HOVER {background:url(/images/icons/arrow1_left_white.svg) no-repeat; background-position:left 15px center; background-size:15px;}
.albumnavlinktop:HOVER {background:url(/images/icons/arrow1_up_white.svg) no-repeat; background-position:top 6px center; background-size:15px;}
.albumnavlinkforward:HOVER {background:url(/images/icons/arrow1_right_white.svg) no-repeat; background-position:right 15px center; background-size:15px;}

.albumnavlink:HOVER {color:#ffffff; background-color:#4a8edb;}
.albumnavlink:HOVER .albumnavlinkt1 {color:rgba(255, 255, 255, 0.75);}
.albumnavlink:HOVER .albumnavlinkt2 A {color:#ffffff; text-decoration:none;}

.albumnavlinkempty {background-color:#ffffff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px dashed #b3b3b3; width:100%; margin-right:20px; float:left; height:38px;}

.footercontainer {background-color:#15305a; padding:50px 0px;}
.footercontainer A {color:#FFFFFF;}
.footercontainer A:HOVER {color:#f1f1f1;}

.footer {display:grid; grid-template-columns:700px 270px auto; column-gap:30px; margin-bottom:30px; font-size:16px; line-height:26px; color:#9fb1c1;} 
.footer .footerinfo1 .footerlogo A {}
.footerdisclamier {text-align:center; font-size:16px; line-height:26px;}
.footercredit {text-align:center; font-size:16px; line-height:26px;}

/* NYITOLAP ------------------------------------------------------------------*/
.bigpromo {text-align:center; width:800px; z-index:100;}
.bigpromo .pic {margin-bottom:45px;}
.bigpromo .info .title H1 {font-size:72px; line-height:72px; font-weight:500; margin-bottom:40px; text-transform:var(--heading-font-uppercase);}
.bigpromo .info .title H1 A {color:#ffffff;}
.bigpromo .info .title H1 A:HOVER {text-decoration:none;}
.bigpromo .info .text {font-size:28px; line-height:32px; color:#ffffff; margin-bottom:50px; padding:0px 100px;}
.bigpromo .info .text .slogan {padding: 35px 0px 10px 0px; font-size: 2.5rem; line-height: 2.9rem; font-weight: 700;}
.bigpromo .info .more {margin-bottom:50px;}
.bigpromo .info .tools {display:flex; justify-content: space-between; padding:40px 80px; background-color:rgba(183,29,68,0.0);}
.bigpromo .info .tools .button1 {font-size:18px; line-height:24px; font-weight:600; padding:12px 26px 12px 26px; box-sizing: border-box; display:flex; column-gap: 10px; align-items: center;}
.bigpromo .info .tools .button1 IMG {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(133deg) brightness(92%) contrast(116%);}
.bigpromo .info .tools2 {display:flex; justify-content: space-between; padding:40px 80px; justify-content: center;}

.openingcontainer {background-color:#f2f0f0;}
.opening {display:grid; grid-template-columns: 2fr 2fr 1fr; grid-gap:20px; padding:40px 0px;}
.opening .obox {padding:20px; background-color:#f2f0f0; border-radius:0px; }
.opening .obox H2 {font-size:24px; line-height:32px; font-weight:800; margin-bottom:20px; text-transform:var(--heading-font-uppercase); border-bottom:2px solid #b71d44; padding-bottom:10px;}
.opening .obox P {}
.opening .obox P B {font-weight:600;}

.homegiftcardcontainer1 {background-color:#f2f0f0; padding:50px 0px;}

.homeaboutcontainer {background-color:#f2f0f0;}
.homeabout {display:grid; grid-template-columns:auto 450px; grid-column-gap:80px; padding:120px 0px;}
.homeabout .infobox1 {}
.homeabout .infobox1 .info {}
.homeabout .infobox1 .info .pretitle {font-weight:500; font-size:15px; line-height:20px; text-transform:uppercase; margin-bottom:17px;}
.homeabout .infobox1 .info .title {font-family:var(--heading-font); font-weight:500; font-size:52px; line-height:60px; text-transform:var(--heading-font-uppercase); margin-bottom:30px;}
.homeabout .infobox1 .info .title A {}
.homeabout .infobox1 .info .text {margin-bottom:30px;}
.homeabout .infobox1 .info .more {margin-bottom:30px;}
.homeabout .infobox1 .info .sublinks {}
.homeabout .infobox1 .info .sublinks UL {list-style-type:none; padding:0px; margin:0px;}
.homeabout .infobox1 .info .sublinks UL LI {}
.homeabout .infobox1 .info .sublinks UL LI A {font-size:15px; font-weight:700; background-image:url(https://www.svgrepo.com/show/466032/right-arrow.svg); background-repeat:no-repeat; background-position:right 0px; background-size:20px; padding-right:30px;}
.homeabout .hapic .pic IMG {width:450px; height:650px; object-fit: cover;}

.homeevents {grid-template-columns:450px auto;}

.homegallerycontainer {padding:50px 0px 80px 0px; margin:0 auto; background-color:#ffffff;}
.homegallery H2 {text-align:center; margin-bottom:40px;}
.homegallery .piclist1 {display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:280px 304px 280px 384px; grid-gap:20px;}
.homegallery .piclist1 .p IMG {width:100%; height:100%; object-fit:cover;}
.homegallery .piclist1 .p1 {grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:3;}
.homegallery .piclist1 .p3 {grid-column-start:3; grid-column-end:3; grid-row-start:2; grid-row-end:4;}
.homegallery .piclist1 .p7 {grid-column-start:2; grid-column-end:4; grid-row-start:4; grid-row-end:4;}

.promoboxblockcontainer {padding:30px 0px 20px 0px; background-color:#b71d44;}

.promobox1 {position:relative; background-color:#b71d44; padding:20px 20px; margin-bottom:40px; display:grid; grid-template-columns:180px 1fr auto; column-gap:40px;}
.promobox1 .pic {border-radius:210px; overflow:hidden; height:180px; width: 180px;}
.promobox1 .pic IMG {width:180px; height:180px; object-fit:cover;}
.promobox1 .info {display: flex; flex-direction: column; justify-content: center;}
.promobox1 .info .title {font-size:38px; line-height:46px; font-weight:700; margin-bottom:15px;}
.promobox1 .info .title A {color:#ffffff;}
.promobox1 .info .text {margin-bottom:25px; color:#f1f1f1;}
.promobox1 .more {display: flex; flex-direction: column; justify-content: center;}
.promobox1 .more .button1 {color:#333333; background-color:#ffffff;}

.promobox1light {grid-template-columns:120px 1fr;}
.promobox1light .pic {height:120px;}
.promobox1light .pic IMG {width:120px; height:120px;}
.promobox1light .info .more {display:none;}

.promobox2block {display:grid; grid-auto-columns:auto; grid-template-columns:repeat(3, 1fr); grid-column-gap: 40px;}
.promobox2 {position:relative; margin-bottom:40px;}
.promobox2 .pic {height:40px; margin-bottom:20px;}
.promobox2 .pic IMG {width:40px; height:40px;}
.promobox2 .info {}
.promobox2 .info .title {font-size:26px; line-height:36px; font-weight:700; margin-bottom:5px;}
.promobox2 .info .title A {}
.promobox2 .info .text {font-size:16px; line-height:26px;}


.homeinfotext1container {background-color:#f2f0f0;}
.homeinfotext1 {padding:80px 0px; text-align:center;}

.infoboxblock1 {display:grid; grid-template-columns:560px auto; grid-column-gap:80px; height:560px; padding:50px 0px;}
.infoboxblock1 .pic {position:relative; width:560px; height:560px; overflow:hidden;}
.infoboxblock1 .pic .glink {position:absolute; top:0px; left:0px; display:flex; width:100%; height:100%; align-items:center; justify-content:center; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.infoboxblock1 .pic IMG {width:560px; height:560px; object-fit:cover; opacity:1.0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.infoboxblock1 .pic:HOVER .glink {}
.infoboxblock1 .pic:HOVER IMG {opacity:0.6; transform:scale(1.2);}

.infoboxblock1 .info {display:flex; align-items:center;}
.infoboxblock1 .info .infocont {}
.infoboxblock1 .info .infocont .title {font-family:var(--heading-font); font-weight:500; font-size:42px; line-height:50px; text-transform:var(--heading-font-uppercase); margin-bottom:30px;}
.infoboxblock1 .info .infocont .title .titletext {padding-right:20px;}
.infoboxblock1 .info .infocont .text {font-size:19px; line-height:29px; font-weight:300; margin-bottom:40px;}

.infoboxblock2 {}
.infoboxblock2 .pic {}
.infoboxblock2 .info {}


.homevideocontainer {max-width:1600px; margin:0 auto;}
.homevideocontainer .maintitle1 {text-align:center; padding:80px 0px 20px 0px;}

.screencontent {text-align:center; z-index:100; width:100%;}
.screencontent .screeninfo .title {font-family:var(--heading-font); font-size:38px; line-height:46px; text-transform:var(--heading-font-uppercase); margin-bottom:40px;}
.screencontent .screeninfo .title A {color:#ffffff;}
.screencontent .screeninfo .title A:HOVER {text-decoration:none; }
.screencontent .screeninfo .text {font-size:22px; line-height:28px; font-weight:300; color:#ffffff; margin-bottom:60px; padding:0px 150px; box-sizing:border-box;}
.screencontent .screeninfo .more {}
.screencontent .screeninfo .reviews {width:800px; margin:0 auto;}

.screencontentlight .screeninfo .title A {color:#666666;}
.screencontentlight .screeninfo .text {color:#838383;}

.screen {position:relative; height:100vh;}
.screen .cover {position:absolute; height:100vh; width:100%; background-color:rgba(21,48,90,0.5); display:flex; align-items:center; z-index:10;}
.screen .sidemenupanel {position:absolute; bottom:50px; right:20px; z-index:20;}
.screen .sidemenupaneldark UL LI A {color:#666666;}
.screen .sidemenupaneldark UL LI A:AFTER {background-color:#333333;}

.screenrooms .screencontent .screeninfo .title {background-image:url(/images/icons/bed2.svg); background-repeat:no-repeat; background-size:60px; background-position:center 0px; padding-top:90px; margin-top:-90px;}

.screenstart {background-size:cover; background-position:center center; background-repeat:no-repeat;}
.screenreviews {background-image:url(/images/HOTELV5/HNMV5/bg_home_review.png); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.screenrooms {background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.screenprices {padding-top:60px;}
.screencontainer {position:relative; height:100vh;}


.firstpageview1 {display:grid; grid-template-columns:1fr 1fr; column-gap:20px; row-gap:20px; margin-bottom:40px;}

.firstpageviewBOX1 {position:relative; width:100% !important; height:360px !important; margin-right:0px !important; padding-bottom:0px !important;}
.firstpageviewBOX1 .pic {position:relative; width:100%; height:360px; overflow:hidden; background-color:#f1f1f1; margin-bottom:10px; filter:brightness(75%); transition:0.5s;}
.firstpageviewBOX1 .pic IMG {width:100%; height:360px; object-fit:cover; transition:transform .5s;}
.firstpageviewBOX1 .info {position:absolute; bottom:0px; left:0px; width:100%; background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);}
.firstpageviewBOX1 .info .name {font-size:24px; line-height:28px; font-weight:400; text-transform:uppercase; text-align:center; padding:20px 20px; margin-bottom:0px;}
.firstpageviewBOX1 .info .name A {text-decoration:none; color:#ffffff;}
.firstpageviewBOX1:HOVER .pic {filter:brightness(100%); transition:0.5s;}
.firstpageviewBOX1:HOVER .pic IMG {transform: scale(1.2);}


.boxlast {margin-right:0px;}
.lastbox {margin-right:0px;}
.noscroll {overflow:hidden;}
.show {display:block; opacity:1;}
.noshow {display:none; opacity:0;}

.cookieaccept {position:fixed; bottom:0; width:100%; background-color:#333333; z-index:999999999; padding-top:10px; padding-bottom:10px;}
.cookieaccept .cookieaccept_content {max-width:940px; margin:0 auto; position:relative; color:#ffffff; font-size:14px; line-height:18px; text-align:left;}
.cookieaccept .cookieaccept_content .cookieccepttext {display:block; width:700px; float:left;}
.cookieaccept .cookieaccept_content .cookiecceptnav {width:200px; float:right; text-align:left;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton {display:block; margin-bottom:10px; padding-top:5px;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton .button1 {margin-left:10px; font-size:12px; text-decoration:none;}

/* SLIDESHOW -----------------------------------------------------------------*/
.ici_slideshow_window {display:none; height:100%; width:100%; position:fixed; z-index:16000; top:0; background:rgba(33,33,33,.95); cursor:pointer; justify-content:center; align-items:center;}

.ici_slideshow_window .ici_slideshow_window_close {width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute; right:20px; top:20px; z-index:1; background-image:url(/images/icons/close1_white.svg); background-repeat:no-repeat; background-size:40px;}
.ici_slideshow_window .ici_slideshow_window_content {display:table; border:none; height:100vh; width:100vw; max-width:90%; max-height:90%;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container {display:table-cell; vertical-align:middle; text-align:center;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic {display:inline-block; max-width:1600px;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic IMG {max-width:100%; max-height:85vh;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_text {display:inline-block; max-width:1200px; font-size:16px; line-height:22px; color:#ffffff; padding:10px 50px 10px 50px;}

.ici_slideshow_window .ici_slideshow_window_next {height:100%; width:200px; position:absolute; right:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container {position:absolute; right:40px; top:45%; height:65px; width:65px; float:none;}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container .ici_slideshow_arrow {height:65px; width:65px; cursor:pointer; background-image: url(/images/icons/next3.svg); background-size:65px; background-repeat:no-repeat; opacity:0.7;}
.ici_slideshow_window .ici_slideshow_window_next:HOVER .ici_slideshow_arrow {opacity:1;}

.ici_slideshow_window .ici_slideshow_window_previous {height:100%; width:200px; position:absolute; left:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container {position:absolute; left:40px; top:45%; height:65px; width:65px; float:none;}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container .ici_slideshow_arrow {height:65px; width:65px; cursor:pointer; background-image: url(/images/icons/next3.svg); background-size:65px; background-repeat:no-repeat; opacity:0.7; transform:rotate(180deg);}
.ici_slideshow_window .ici_slideshow_window_previous:HOVER .ici_slideshow_arrow {opacity:1;}

.ici_accordion {border-top:1px solid #cacaca;}
.ici_accordion .ici_accordion-item {border-bottom:1px solid #cacaca;}
.ici_accordion .ici_accordion-item BUTTON {cursor:pointer; position:relative; display:block; text-align:left; width:100%; padding:20px 10px; color:#666666; font-size:20px; line-height:26px; font-weight:600; border:none; background:none; outline:none;}
.ici_accordion .ici_accordion-item BUTTON:HOVER {color:#000000;}
.ici_accordion .ici_accordion-item BUTTON::AFTER {color:#000000; border:1px solid #000000;}
.ici_accordion .ici_accordion-item BUTTON[aria-expanded='true'] {border-bottom:1px solid #000000; background-color:#000000; color:#ffffff;}
.ici_accordion .ici_accordion-item BUTTON[aria-expanded='true'] .icon::after {width:0;}
.ici_accordion .ici_accordion-item BUTTON[aria-expanded='true'] + .ici_accordion-content {opacity:1; max-height:1200px; transition:all 200ms linear; will-change:opacity, max-height;}
.ici_accordion .ici_accordion-title {padding:1em 2em 1em 0;}
.ici_accordion .ici_accordion-item BUTTON .icon {display:inline-block; position:absolute; top:18px; right:10px; width:22px; height:22px; border:1px solid ; border-radius:22px;}
.ici_accordion .ici_accordion-item BUTTON .icon::before {display:block; position:absolute; content:''; top:10px; left:6px; width:10px; height:2px; background-color:#999999;}
.ici_accordion .ici_accordion-item BUTTON .icon::after {display:block; position:absolute; content:''; top:6px; left:10px; width:2px; height:10px; background-color:#999999;}
.ici_accordion .ici_accordion-content {padding:0px 10px; opacity:0; max-height:0; overflow:hidden; transition:opacity 200ms linear, max-height 200ms linear; will-change:opacity, max-height;}

.accordion {margin-bottom:20px; box-sizing:border-box; border:0px solid #cccccc;}
.accordion .accordionhead {position:relative; box-sizing:border-box; padding:10px; cursor:pointer; background-color:#f1f1f1; font-weight:700;}
.accordion .accordionhead .accordionarrow {position:absolute; top:20px; right:15px; display:block; width:6px; height:6px; border:solid #666666; border-width:0 3px 3px 0; display:inline-block; padding:3px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.accordion .accordionhead:HOVER {background-color:#999999; color:#ffffff;}
.accordion .accordionhead:HOVER A {color:#ffffff;}
.accordion .accordionhead:HOVER .profilecard1 .info .title {color:#ffffff;}
.accordion .accordionhead:HOVER .profilecard1 .info .title .nickname {color:#ffffff;}
.accordion .accordionhead:HOVER .accordionarrow {border-color:#ffffff;}
.accordion .accordionheadopened .accordionarrow {top:10px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.accordion .accordioncontent {display:none; box-sizing:border-box; padding:0px; background-color:#f7f7f7; font-size:18px; line-height:26px;}
.accordion .accordioncontent .accordioncontentcontainer {padding:30px;}

.siteload {display:none; width:100%; height:100vh; background-image:url(/images/icons/loading.png); background-size:20px; background-position:center; background-repeat:no-repeat; cursor:wait; background-color:rgb(212, 212, 212, 0.7); z-index:99999999; position:fixed; top:0; left:0;}

@media (max-width:1440px){
	.headcontainer .hmenu .menutabs LI .menuitem {padding:5px 6px 5px 6px; font-size:13px;}
}

@media (max-width:1280px){
    .headcontainer .hmenu {display:none;}
}

@media (max-width:1023px){


	BODY {font-size:16px; line-height:24px; font-weight:400;}

    H1 {font-size:28px; line-height:34px; font-weight:400;}
    H2 {font-size:22px; line-height:28px; font-weight:400;}
    H3 {font-size:18px; line-height:24px; padding-bottom:0px; margin-top:30px; margin-bottom:10px;}

    .button1 {display:inline-block; box-sizing:border-box; margin-bottom:10px;}

    .breadcrumb {grid-template-columns:auto auto; padding-top:0px; margin-bottom:35px;}
    .breadcrumbcontainer {margin-top:10px;}
	.breadcrumbcontainerhome {display:none;}

	.pagecontainer {box-sizing:border-box; width:100%; padding:0px 10px 0px 10px; margin:0 auto; text-align:left;} 

	.mobilemenu .mobilemenucontainer .mmhead {height:72px;}
	.mobilemenu .mobilemenucontainer .mmcontent {display:block; margin-top:80px;}
	.mobilemenu .mobilemenucontainer .mmcontent .mmnav {margin-bottom:30px; border-bottom:1px solid #e2e2e2; padding-bottom:30px;}
	.mobilemenu .mobilemenucontainer .mmcontent .mmnav UL LI A {padding-left:30px;}
	.mobilemenu .mobilemenucontainer .mmcontent .mmtools {padding:0px 30px; margin-bottom:30px; border-bottom:1px solid #e2e2e2;}
	.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmuser .dloyalty .dbuttons {display:block;}
	.mobilemenu .mobilemenucontainer .mmcontent .mmtools .mmbooking .dbooking .dbuttons {display:block;}
	.mobilemenu .mobilemenucontainer .mmcontent .mminfo {padding:0px 30px;}
	.mobilemenu .mobilemenucontainer .mmfooter {text-align:left; padding:50px 20px 100px 30px; box-sizing:border-box;}
	.mobilemenu .mobilemenucontainer .mmfooter .hotellinks {padding:0px;}

    .cookieaccept {position:fixed; bottom:0; width:100%; background-color:#333333; z-index:999999999; padding-top:10px; padding-bottom:10px;}
    .cookieaccept .cookieaccept_content {font-size:13px; line-height:20px; padding:10px;}
    .cookieaccept .cookieaccept_content .cookieccepttext {display:block; width:100%; float:left;}
    .cookieaccept .cookieaccept_content .cookiecceptnav {width:auto;}
    .cookieaccept .cookieaccept_content .cookiecceptnav .canbutton {display:block; margin-bottom:10px; padding-top:5px;}
    .cookieaccept .cookieaccept_content .cookiecceptnav .canbutton .button1 {margin-left:10px; font-size:12px; text-decoration:none;}	

    .headcontainer {height:72px; background-color:#15305a;}
	.headcontainer .hlogo {position:absolute; top:10px; left:10px;}
    .headcontainer .hmenu {display:none;}
	.headcontainernoimagebg {}
	.headholder {height:105px;}

	.headnavcontainer .hnav {top:12px; right:12px;}
	.headnavcontainer .hnav .hloyalty A {padding:0px 5px 0px 10px;}
	.headnavcontainer .hnav .hloyalty A SPAN {display:block; width:0px; height:30px; overflow:hidden;}
	.headnavcontainer .hnav .hbooking A {padding:0px 5px 0px 10px;}
	.headnavcontainer .hnav .hbooking A SPAN {display:block; width:0px; height:30px; overflow:hidden;}
/*	.headnavcontainer .hnav .hbooking {display:none;} */
	.headnavcontainer .hnav .hreservation A {padding:0px 5px 0px 10px;}
	.headnavcontainer .hnav .hreservation A SPAN {display:block; width:0px; height:30px; overflow:hidden;}
	.headnavcontainer .hnav .hinterest {display:none;}

	.headnavcontainer .hnav .hlang {}
	.headnavcontainer .hnav .hlang .hlselected {padding-right:0px;}
	.headnavcontainer .hnav .hlang .hlselected SPAN {padding-right:10px; background-image:none;}
	.headnavcontainer .hnav .hlang .hlpanel {background-color:rgba(33,33,33,1);}
	.headnavcontainer .hnav .hlang .hlpanel UL LI A SPAN {padding-right:5px; background-image:none;}
	.headnavcontainer .hnav .hlang .hlpanel UL LI A:HOVER SPAN {padding-right:5px;}
	.headnavcontainer .hnav .hlang:HOVER {background-color:rgba(33,33,33,1);}
	.headnavcontainer .hnav .hlang:HOVER .hlselected SPAN {background-image:none;}

	.appscontainer {text-align:left;}

	.maincontainer {width:100%; height:auto; overflow-y:auto; scroll-snap-type:none;}	

	.maincontfull .fotolapoz1 {display:none;}
	.maincontfull {width:100% !important;}

	.newsbigheadcontainer {height:300px;}
	.newsbigheadcontainer .newsbigheadcover {height:300px;}
	.newsbighead {height:300px;}
	.newsbighead .headtext {padding-bottom:20px;}

	.content .boxcont {width:100%; float:none;}
	.content .maincont {width:100%; float:none; margin-left:0px; margin-bottom:30px;}
    .content .maincontfull {width:100%;}
	.content .left {width:100%; float:none;}
	.content .right {width:100%; float:none; margin-right:0px;}
	.contentfull .left {display:none;}
	.contentfull .right {width:100%; margin-right:0px; float:none;}

	.screenprices {}

	.screen {min-height:100vh; height:auto;}

	.bigpromo {width:100%; padding: 0px 20px; box-sizing: border-box;}
    .bigpromo .info .title H1 {font-size:28px; line-height:34px; margin-bottom: 10px;}
    .bigpromo .info .text {font-size:18px; line-height:25px; padding:0px 10px; margin-bottom: 20px;}
	.bigpromo .info .text .slogan {padding: 10px 0px 10px 0px; font-size: 1.5rem; line-height: 1.9rem; font-weight: 700;}

	.screencontent .screeninfo .title {font-size:22px; line-height:30px;}
	.screencontent .screeninfo .text {font-size:16px; line-height:22px; padding:0px 20px; margin-bottom:30px;}
	.screencontent .screeninfo .reviews {width:100%;}

	.bigpromo .info .tools {flex-direction: column; padding: 0px 10%;}	
	.bigpromo .info .tools2 {padding: 20px 10%;;}	

	.opening {display:block;}

	.promobox1 {display:block; margin-bottom:0px;}
	.promobox1 .pic {height:120px; width: 120px; margin-bottom:20px;}
	.promobox1 .pic IMG {width:120px; height:120px; object-fit:cover;}
	.promobox1 .info .title {font-size:28px; line-height:36px;}
	.promobox1 .info .title A {color:#ffffff;}
	.promobox1 .info .text {margin-bottom:25px; color:#f1f1f1;}
	.promobox1 .more {display: flex; flex-direction: column; justify-content: center;}
	.promobox1 .more .button1 {color:#333333; background-color:#ffffff; display:inline-block; text-align:center;}

	.homeabout {display:block; padding: 60px 0px;}
	.homeabout .infobox1 .info .title {font-weight: 500; font-size: 46px;}
	.homeabout .hapic .pic IMG {width: 100%; height: 250px;}

	.homeevents .infobox1 .pic {margin-bottom:20px;}

	.homegallery H2 {margin-bottom:30px;}
    
	.homegallery .piclist1 {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:unset; grid-gap:20px;}
	.homegallery .piclist1 .p IMG {width:100%; height:auto; object-fit:cover;}
	.homegallery .piclist1 .p1 {grid-column-start:unset; grid-column-end:unset; grid-row-start:unset; grid-row-end:unset;}
	.homegallery .piclist1 .p3 {grid-column-start:unset; grid-column-end:unset; grid-row-start:unset; grid-row-end:unset;}
	.homegallery .piclist1 .p7 {grid-column-start:unset; grid-column-end:unset; grid-row-start:unset; grid-row-end:unset;}		

	.firstpageview1 {display:block;}

	.footer {display:block; font-size:16px; line-height:22px;} 
	.footer .footerinfo1 {margin-bottom:40px;} 
	.footerdisclamier {text-align:left; font-size:16px; line-height:22px;}
	.footercredit {text-align:left; font-size:16px; line-height:22px;}	
}


@media (max-width:799px){
	.homerooms1 {width:100%; display:grid; grid-template-columns:1fr 1fr;}
}

@media (max-width:639px){
	.homerooms1 {width:100%; display:block;}

}

@media (min-width:1281px) and (max-width:1920px){
/*	.overlaybox1 {height:600px;}*/
	.overlaybox1 .onright .onlrow1 {font-size:44px; line-height:46px;}
	.overlaybox1 .onright .onlrow2 {font-size:32px; line-height:36px;}
}

@media (min-width:1024px) and (max-width:1280px){
/*	.overlaybox1 {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;}

	.slider-step {height: 66px; margin-bottom: -66px; position: absolute; bottom: 120px; right: 670px; width: 200px;}	
}

/*@media (max-width:1023px) {*/
@media (max-width:1023px) {
	.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;}
}

@media (min-width:768px) and (max-width:1023px) and (orientation:landscape){
	.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;}
}

@media (min-width:481px) and (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: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;}

	.headnavcontainer .hnav .hvmsz IMG {content:url(/images/vizimentok_logo2.svg);}
}
}

.nodisplay {display:none;}

@keyframes mouse {
  from{
    opacity: 1;
    top: 7px;
  }
  to{
    opacity: 0;
    top: 60px;
  }
}

/* SITE ----------------------------------------------------------------------*/
.headcontainer .hlogo IMG {content:url(/images/fedelzet_bisztro_logo.png); width:150px;}
.headcontainer2 .hlogo IMG {content:url(/images/fedelzet_bisztro_logo.png); width:95px;}
.headcontainer2 .hlogo {top:7px;}
.headcontainernoimagebg .hlogo IMG {content:url(/images/fedelzet_bisztro_logo.png);}
.mobilemenu .mobilemenucontainer .mmhead .mmhlogo IMG {content:url(/images/fedelzet_bisztro_logo.png); width:53px;}

@media (max-width:1023px){
	.headcontainer .hlogo IMG {width:53px;}
	.headcontainer2 .hlogo IMG {width:53px;}
}