/* CSS utf-8 ő  font-family: "Lexend", sans-serif          font-family: ui-sans-serif,system-ui,sans-serif*/
/* @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap'); */

BODY {font-family: ui-sans-serif,system-ui,sans-serif; font-size:16px; color:#475569; padding:0px; margin:0px; text-align:center;}

HTML, BODY {position:relative; height:100vh;}

A {color:#0f172a; text-decoration:none;}
A:HOVER {color:#0284c7; text-decoration:underline;}

.news .news_h1, H1.news, 
H1 {font-size:6rem; line-height:6.4rem; font-weight:800; color:#333333; letter-spacing: -.025em; padding:0px; margin:0px 0px 30px 0px;}
H2 {font-size:24px; line-height:30px; font-weight:normal; color:#333333; padding:0px; margin-bottom:15px;}
H3 {font-size:14px; line-height:18px; margin:30px 0 10px 0;}
H4 {margin:0;}

.headlinetext {font-size:22px; line-height:28px; color:#666666; font-weight:400; margin:35px 0;}

.nodisplay {display:none;}
.nounder {text-decoration:none;}
.hand {cursor:pointer;}
.small {font-size:9px;}
.clear {clear:both;}
.nodisplay {display:none;}

.button1 {color:#f1f1f1; font-size:16px; line-height:24px; font-weight:bold; padding:10px 35px 10px 35px; background-color:#0f172a; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; cursor:pointer; text-decoration:none; border:0px;}
.button1:HOVER {color:#ffffff; text-decoration:none; background:#000000;}
.button2 {font-size:12px; line-height:16px; color:#333; text-transform:uppercase; background-color:#ddd; padding:5px 40px; text-decoration:none; font-weight:700; border-radius:5px;}
.button2:HOVER {color:#333;} 
                                                                         
.info1 {padding:10px; padding-left:40px; font-size:14px; line-height:1  8px; background:url(/images/icons/info_hint.gif) no-repeat 17px 11px; background-color:#FFFFA6; color:#CA5927;}

.textgradient1 {background: linear-gradient(to right, #77afbb 0%, #bca079 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* 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:100%; justify-content:center; align-items:center;}
.modalwindow .mwcontent .mwconlypic IMG {max-width:100%; max-height:100%;}
.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;}

/* SLIDESHOW -----------------------------------------------------------------*/
.ici_slideshow_window {display:none; height:100%; width:100%; position:fixed; z-index:16000; top:0; background:rgba(237,237,237,.97); cursor:pointer;}

.ici_slideshow_window .ici_slideshow_window_close {width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute; right:20px; top:10px; z-index:1;}
.ici_slideshow_window .ici_slideshow_window_close:hover::before, 
.ici_slideshow_window .ici_slideshow_window_close:hover::after {background: #EE3E36;}
.ici_slideshow_window .ici_slideshow_window_close::before, 
.ici_slideshow_window .ici_slideshow_window_close::after {position:absolute; height:3px; width:100%; top:50%; left:0; margin-top:-1px; background:#666666; content:'';}
.ici_slideshow_window .ici_slideshow_window_close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_content {display:table; border:none; height:100vh; width:100vw;}
.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:100%;}
.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:#333333; 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:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container .ici_slideshow_arrow {margin-top:20px; height:45px; width:45px; cursor:pointer; border-right:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_next:HOVER .ici_slideshow_arrow {border-right:2px solid #333333; border-top:2px solid #333333;}

.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:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container .ici_slideshow_arrow {height:45px; width:45px; margin-left:30px; margin-top:20px; cursor:pointer; border-left:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_previous:HOVER .ici_slideshow_arrow {border-left:2px solid #333333; border-top:2px solid #333333;}

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

.pagecontainer {width:1280px; margin:0 auto; text-align:left;} 

.allcontainer {width:100%; height:100%;}

.headcontainer {width:100%; height:80px; -webkit-box-shadow: 2px -3px 22px 3px rgba(146,146,146,0.27); 
box-shadow: 2px -3px 22px 3px rgba(146,146,146,0.27);}
.head {position:relative; display:flex; justify-content:space-between; height:80px; background-color:#ffffff;}
.head .headercolumn1 {height:80px; display:flex; align-items:center;}
.head .headercolumn1 .hlogo {width:136px; height:24px; margin-left:4px; margin-right:43px;}
.head .headercolumn1 .hlogo IMG {width:136px; height:24px;}
.head .headercolumn2 {height:80px; display:flex; align-items:center; justify-content:center;}
.head .headercolumn2 .hmenu1 {display:flex; justify-content:space-between; list-style-type:none; padding-left:0;}
.head .headercolumn2 .hmenu1 .hmenuitem {display:inline-block; color:#333;}
.head .headercolumn2 .hmenu1 .hmenuitem A {font-size:16px; line-height:20px; color:#333333; text-decoration:none; padding:5px 10px; border-radius:5px; margin-right:5px;}
.head .headercolumn2 .hmenu1 .hmenuitem A:HOVER {color:#ffffff; text-decoration:none; background-color:#59a96a;}
.head .headercolumn2 .hmenu1 .hmenuitemselected A {background-color:#f1f1f1;}
.head .headercolumn2 .hmenu1 .hmenuitemselected A:HOVER {background-color:#f1f1f1; color:#000000;}
.head .headercolumn2 .hmenu2 {padding-left:0; display:none;}
.head .headercolumn2 .hmenu2 .hmenuitem {display:inline-block; color:#333;}
.head .headercolumn2 .hmenu2 .hmenuitem A {color:#333; text-decoration:none;}
.head .headercolumn2 .hmenu2 .hmenuitem .login {color:#333333; background-image:url(/images/icons/user7.svg); background-size:23px; background-repeat:no-repeat; background-position:8px center; background-color:#f2f2f2; padding:12px 8px 12px 40px; border-radius:5px;}
.head .headercolumn3 {height:80px; display:flex; align-items:center; justify-content:right;}
.head .hburger {display:none;}
.route {font-size:12px; color:#fff; margin:13px 0 20px 0;}
.route A {color:#fff; text-decoration:none;}
.route A:HOVER {text-decoration:underline;}
.route SPAN {padding: 0 7px;}

.head .hfirstsent {position:absolute; top:18px; left:214px; width:180px; border-left:1px solid #cccccc; height:30px; padding-left:18px;}
.head .hfirstsent .fsline1 {padding-top:5px; font-size:12px; color:#666666;}
.head .hcontact {font-family:arial; font-size:11px; text-align:right;}
.head .hcontact A {color:#999999; border-bottom:1px dotted #ffffff; margin-right:20px; text-decoration:none;}
.head .hcontact A:HOVER {color:#000000; text-decoration:none; border-bottom:1px dotted #cccccc;}
.head .hcontact .htel {background:url(/images/BOOKING/icon_phone_gray.png) no-repeat 0px 0px; padding-left:14px;}
.head .hcontact .htel:HOVER {background:url(/images/BOOKING/icon_phone_black.png) no-repeat 0px 0px;}
.head .hcontact .hmail {background:url(/images/BOOKING/icon_mail_gray.png) no-repeat 0px 2px; padding-left:18px;}
.head .hcontact .hmail:HOVER {background:url(/images/BOOKING/icon_mail_black.png) no-repeat 0px 2px;}

.noheadpicsep {background-color:#f3f3f3; height:30px; margin-bottom:20px;}

.menucontainer {position:relative; border-bottom:0px solid #e5e5e5; background-color:#f1f1f1; margin-bottom:20px; height:43px;}
.menucontainer .menu {position:relative;}

.menutabs {position:absolute; padding-top:9px; height:34px; overflow:show; font-size:14px; line-height:14px;}
.menutabs UL {margin:0; padding:0; list-style-type:none;}
.menutabs LI {float:left;}
.menutabs LI .menuitem {display:block;  text-decoration:none; margin:0; padding:5px 10px 5px 10px; color:white; margin-right:10px; color:#999999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.menutabs LI .homeiconlink {padding:2px 10px 5px 10px;}
.menutabs LI .homeiconlink .homeicon {background:url(/images/HOTELV5/home_lightgray.png) no-repeat 0px 0px;}
.menutabs LI .selected {background-color:#f8f8f8; color:#000000;}
.menutabs LI .selected .homeicon {background:url(/images/HOTELV5/home3.png) no-repeat 0px 0px;}

.menutabs LI .menupanel {display:none; position:absolute; margin-top:-5px; width:220px; background:#f8f8f8; padding:10px 13px 13px 13px; z-index:330;
-moz-border-radius-bottomleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; 
-webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px; 
border-bottom-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; 
}
.menutabs LI:HOVER .menuitem {color:#000000; background-color:#f8f8f8;}
.menutabs LI:HOVER .issubmenu {padding-bottom:15px;}
.menutabs LI:HOVER .menupanel {display:block;}
.menutabs LI:HOVER .menupanel .mpmenuitems {}
.menutabs LI:HOVER .menupanel .mpmenuitems UL {margin:0; padding:0; list-style-type:none;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI {float:none; padding-bottom:3px; padding-top:4px;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI .mpmenuitem {font-size:14px; font-weight:600; color:#000000; text-transform:none; text-decoration:none;}

.content {}
.contentfull {}
.content .left {float:left; width:300px;}
.content .right {float:right; width:860px;}

.mainhead1 {text-align:center; margin-bottom:6rem;}
.mainhead1 .subtitle {font-size:0.875rem; line-height:1.25rem; color: #09a6ec; font-weight:600; text-transform:uppercase; margin-bottom: 0.8rem;}
.mainhead1 .title {margin-bottom: 1.4rem;}
.mainhead1 .title H2 {font-size:3rem; line-height:3rem; font-weight:700; color:#0f172a; letter-spacing: -.025em; padding:0px; margin:0px;}
.mainhead1 .text {}

.bigpromocontainer {position:relative; width:100%; height:90vh; background-size:cover; background-position:center; background-repeat:no-repeat;}
.bigpromocontainer .bigpromocover {position:absolute; top:0px; left:0px; z-index: 0; width:100%; height:100%; background-color: rgba(57, 57, 57, 0.44);}
.bigpromocontainer .pagecontainer {height: 100%; text-align: center; z-index: 100; position: absolute; width: 100%; display: flex; justify-content: center;}
.bigpromocontainer .bigpromo {display: flex; flex-direction: column; justify-content: center; height: 100%; color:#ffffff; max-width: 800px;}
.bigpromocontainer .bigpromo .subtitle {margin-bottom: 30px;}
.bigpromocontainer .bigpromo .subtitle SPAN {color:#ffffff; padding:10px 20px; border:1px solid rgba(255,255,255,0.5); font-size:13px; line-height:16px; font-weight:300; border-radius: 100px; background-color: rgba(255,255,255,0.3);}
.bigpromocontainer .bigpromo .title H1 {color:#ffffff;}
.bigpromocontainer .bigpromo .text {font-size:1.4rem; color:#ffffff;}

.hometourscontainer {background-color:#f8fafc; padding:6rem 0rem;}

.toursblock1 {display:grid; justify-content:center; grid-template-columns:1fr 1fr 1fr; grid-column-gap:2rem; grid-row-gap:2rem;}
.tourbox1 {border-radius: 1.5rem; overflow:hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color:#ffffff;}
.tourbox1 .pic {width:100%; height: 224px; overflow:hidden;}
.tourbox1 .pic IMG {width:100%; height: 224px; object-fit:cover;}
.tourbox1 .info {padding: 1.5rem;}
.tourbox1 .info .title {font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin-bottom: 0.8rem;}
.tourbox1 .info .text {font-size: 0.875rem; line-height: 1.25rem; margin-bottom:1.25rem;}
.tourbox1 .info .price {display:flex; justify-content: space-between;  font-size: 0.875rem; line-height: 1.25rem; margin-bottom:1.75rem; align-items: center; color:#64748b;}
.tourbox1 .info .price .value .pricenums {font-size: 1.6rem; line-height: 1.6rem; font-weight: 700; color:#0f172a;}
.tourbox1 .info .more {font-size: 0.875rem; line-height: 1.25rem;}
.tourbox1 .info .more .button1 {display: block; text-align: center;}

.footercontainer {margin-top:2rem; background-color:#0f172a; padding-top:4rem; padding-bottom:3rem;}
.footer {display:grid; justify-content:center; grid-template-columns:2fr 1fr 1fr 1fr; grid-column-gap:30px; font-size:0.9rem; line-height:1rem; color:#94a3b8;}
.footer A {color:#94a3b8;}
.footer .fbox .title {color:#ffffff; font-size:1rem; line-height:1.1rem; margin-bottom:15px;}
.footer .fbox .content {display:flex; flex-direction:column;}

.footersubconteiner {border-top:1px solid #1e293b; background-color:#0f172a; padding-bottom:6rem;}
.footersub {display:flex; justify-content: space-between; padding-top:1rem; color:#94a3b8; font-size:0.9rem; line-height:1rem;}
.footersub A {color:#94a3b8;}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width:768px) and (max-width:1023px) {*/
@media (max-width:1023px) {

    .mobilemenu {display:table-cell; position:fixed; width:100%; height:100%; left:0; top:0; overflow-y:scroll; background-color:#fff; z-index:3000; text-align:left; padding:17px 0px 20px 0px;}
    .mobilemenu .close_overlay_x {position:absolute; display:block; top:10px;right:10px; width:30px; height:30px; background-image:url(/images/icons/close_x_hotel2.svg); background-repeat:no-repeat; background-size:30px; z-index:10100;}
    .mobilemenu .mobilemenulogo {display:block; position:relative; padding-left:14px; margin-bottom:50px;}
	.mobilemenu .mobilemenulogo A {display:block; width:136px; height:24px; background-image: url(/pictures/microsites/1/79/hotel2_logo6.png); background-size:contain; background-repeat:no-repeat;}
    
    
    .mobilemenu .mobilemenuinner {position:relative;}
	.mobilemenu .mobilemenuinner .mobilemenuclose {display:flex; justify-content:flex-end; margin-top:30px; margin-right:10px;}
	.mobilemenu .mobilemenuinner .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#555;}
	.mobilemenu .mobilemenuinner .mobilemenulogo {position:relative; padding-left:10px; margin-top:10px; margin-bottom:20px;}
	.mobilemenu .mobilemenuinner .mobilemenulogo IMG {width:240px; height:auto;}
	.mobilemenu .mobilemenuinner UL {list-style-type:none; margin:0; padding:0;}
	.mobilemenu .mobilemenuinner UL LI {margin:0px; padding:0px; border-bottom:1px solid #cccccc;}
	.mobilemenu .mobilemenuinner UL LI A {display:block; text-decoration:none; text-transform:uppercase; font-size:22px; line-height:22px; font-weight:600; color:#59a96a; padding:10px 0px 10px 10px;}
	.mobilemenu .mobilemenuinner UL LI A:HOVER {color:#f062ac;}
	.mobilemenu .mobilemenuinner UL LI A.menusign {background-image:url(/images/arrowleft_white.png); background-repeat:no-repeat; background-position:right 13px; background-size:20px; margin-right:5px;}
	.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:#426a90; padding:15px 0px 15px 0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI {margin:0px; padding:0px; border-bottom:0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A {display:block; font-size:18px; line-height:18px; font-weight:600; color:#ffffff; padding:10px 0px 10px 40px; text-transform:none;}
	.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 10px 60px;}
	.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 {position:relative; font-size:14px; line-height:20px; color:#000; padding:30px 10px 50px 10px;}
	.mobilemenu .mobilemenuinner .mobilemenufooter A {color:#000;}

	.button1 {display:inline-block; font-size:16px; line-height:20px; font-weight:bold; padding:10px 35px 10px 35px; text-align:center;}
    
    .head .headercolumn2 {display:none;}
    .head .hburger {display:block; position:absolute; top:9px; right:5px; width:40px; height:30px; cursor:pointer;}
	.head .hburger SPAN {display:inline-block; width:100%; height:6px; background:#272b2b; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.head .hburger SPAN:BEFORE {content:''; position:absolute; left:0px; top:-11px; width:100%; height:6px; background:#272b2b; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.head .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:11px; width:100%; height:6px; background:#272b2b; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}

	.pagecontainer {box-sizing:border-box; width:100%; padding:0px 10px;}
    .content {display:flex; flex-direction:column;}
    .content .left {float:none; width:100%; order:2;}
    .content .right {float:none; width:100%; order:1;}

/* HOTEL ADATLAP OLDAL --------------------------------------------------------*/

	.hotelhead {display:block; margin-bottom:20px;}
	
	.hotelhead .hotelinfo {font-size:16px; line-height:20px;}
	.hotelhead .hotelinfo H1 {font-size:28px; line-height:34px;}
	.hotelhead .hotelinfo .address {background-size:16px; background-position:1px 2px; padding-left:22px;}
	.hotelhead .hotelinfo .website {background-size:16px; background-position:1px 3px; padding-left:22px;}
	.hotelhead .hotelreviews {display:block; width:100%;}

	.hotelsubhead {display:block; margin-bottom:10px;}
	.hotelsubhead .hotelindexpic {width:100%; height:auto; margin-bottom:10px;}
	.hotelsubhead .hotelindexpic A {width:100%; height:220px; display:block;}
	.hotelsubhead .hotelindexpic A IMG {width:100%; height:220px;}
	.hotelsubhead .hotelsubheadboxes {display:grid; grid-template-columns:1fr 1fr; grid-column-gap:10px;}
	.hotelsubhead .hotelsubheadboxes2 {display:block;}
	.hotelsubhead .hotelsubheadboxes .offer {width:100%; height:280px; padding:5px; justify-content:center;}
	.hotelsubhead .hotelsubheadboxes .offer .offerpiccontainer {width:100%; height:120px;}
	.hotelsubhead .hotelsubheadboxes .offer .offerpiccontainer .offerpic {width:100%; height:120px;}
	.hotelsubhead .hotelsubheadboxes .offer .offerpiccontainer .offerpic .offerpicpic {width:100%; height:120px; }
	.hotelsubhead .hotelsubheadboxes .offer .offerpiccontainer .offerpic .offerpicpic IMG {width:auto; height:120px;}
	.hotelsubhead .hotelsubheadboxes .offer .offerpiccontainer .offerpic .offerpictext {display:none;}
	.hotelsubhead .hotelsubheadboxes .offer .offerprice {font-size:40px; line-height:40px;}
	.hotelsubhead .hotelsubheadboxes .offer .offercurrency {font-size:16px; line-height:20px;}
	.hotelsubhead .hotelsubheadboxes .offer .offerbutton .button1 {font-size:16px; line-height:20px; padding:8px 20px;}

	.hotelsubhead .hotelsubheadboxes2 .emptyblock {display:none;}


    .hotellist2 {grid-row-gap:40px; margin-bottom:40px;}
    .hotellist2 .hotellistitem {flex-direction:column;}
    .hotellist2 .hotellistitem .hotellistitemsection1 {grid-template-columns:1fr;}
    .hotellist2 .hotellistitem .hotellistitemsection1 .pic {width:100%; height:170px;}
    .hotellist2 .hotellistitem .hotellistitemsection1 .hotellistinfo2 .infobox1 H3 {margin:10px 0;}
    .hotellist2 .hotellistitem .hotellistitemsection1 .ratingbox2 {padding:7px;}
    .hotellist2 .hotellistitem .hotellistitemsection1 .ratingbox2 .ratingnumber {width:32px; height:32px; font-size:16px;}
    .hotellist2 .hotellistitem .hotellistitemsection1 .ratingbox2 .ratinglove {margin-left:10px;}
    .hotellist2 .hotellistitem .hotellistitemsection1 .hotellistinfo2 .infobox1 .text {margin-bottom:10px;}
    .hotellist2 .hotellistitem .hotellistitemsection1 .hotellistinfo2 .infobox2 {margin-bottom:10px;}
    .hotellist2 .hotellistitem .hotellistitemsection2 {width:100%; justify-content:space-between;}
    .hotellist2 .hotellistitem .hotellistitemsection2 .box1 {width:100%;}
    .hotellist2 .hotellistitem .hotellistitemsection2 .giftbox {width:100%; margin-left:0; margin-right:10px;}
    .hotellist2 .hotellistitem .hotellistitemsection2 .pricebox {width:100%; margin-left:0;}
    .hotellist2 .hotellistitem .hotellistitemsection2 .askbox {width:100%; margin-left:0;}
    .hotellist2 .hotellistitem .hotellistitemsection2 .askbox .text {margin-top:20px; font-size:15px; font-weight:bold;}
    
    .hotellist2 .hotellistitem .hotellistitembox1 {grid-template-columns:1fr; margin-bottom:20px;}
    .hotellist2 .hotellistitem .hotellistitembox1 .pic {width:100%; height:150px;}
    .hotellist2 .hotellistitem .hotellistitembox1 .hotellistinfo2 {margin-top:10px;}
    .hotellist2 .hotellistitem .hotellistitembox1 .hotellistinfo2 .infobox1 .text {margin-top:5px;}
    .hotellist2 .hotellistitem .hotellistitembox2 {display:flex;}
    .hotellist2 .hotellistitem .hotellistitembox2 .giftbox1 {margin-left:0; width:100%; margin-right:20px;}
    .hotellist2 .hotellistitem .hotellistitembox2 .box1 {width:100%;}
    .hotellist2 .hotellistitem .hotellistitembox2 .pricebox1 {margin-left:0; width:100%;}
    .hotellist2 .hotellistitem .hotellistitembox2 .askbox1 {margin-left:0; width:100%;}

    .sheetblock1 .packagelist1 {grid-template-columns:1fr;}
    .packagebox1 .row1 .packagedata .description {height:auto;}
    .packagebox1 .row1 .packagedata .description .overlay {display:none;}
    
    .objectbox3container {grid-template-columns:1fr 1fr;}
    .objectbox4container {grid-template-columns:1fr 1fr;}
	.objectbox5container {display:block; margin-bottom:0px;}

    .objectbox3 {width:100%;}
    .objectbox3 .pic {width:100%;}

	.objectbox3 .pic {width:100%; height:auto;}
	.objectbox3 .pic .piccont {width:100%; height:auto;}
	.objectbox3 .pic .piccont A {display:block; width:100%; height:120px;}
	.objectbox3 .pic .piccont A IMG {width:100%; height:120px;}
	.objectbox3 .info .title A {font-size:14px; line-height:18px;}
	.objectbox3 .info .title .lead {font-size:12px; line-height:16px;}

	.objectbox5 {width:100%; margin-bottom:30px;}
	.objectbox5 .pic {width:100%; height:200px;}
	.objectbox5 .pic .piccont {width:100%; height:200px;}
	.objectbox5 .pic .piccont A {display:block; width:100%; height:200px;}
	.objectbox5 .pic .piccont A IMG {width:100%; height:200px;}
	.objectbox5 .pic .badges .badge .icon {width:40px; height:40px; font-size:18px; font-weight:700;}
	.objectbox5 .pic .badges .badge .item {font-size:14px; line-height:14px;padding:4px 6px 4px 40px;}
	.objectbox5 .info .title A {font-size:18px; line-height:22px;}
	.objectbox5 .info .title .lead {font-size:14px; line-height:18px;}
    
/*
    .hoteldatamenu {margin-top:0; margin-bottom:20px; flex-direction:column;}
    .hoteldatamenu LI {margin:0; margin-bottom:10px;}
    .hoteldatamenu LI:last-child {margin-bottom:0;}
    .hoteldataitem {flex-direction:column;}
    .hoteldataitem .hoteldataitembox2 {display:grid; grid-template-columns:1fr; grid-row-gap:20px;}
    
    .hoteldataitem .hoteldataitembox1 {margin-bottom:20px;}
    .hoteldataitem .hoteldataitembox2 {flex-direction:column;}
    .hoteldataitem .hoteldataitembox2 .offer {margin-left:0; width:100%;}
    
    .hoteldataitem .hoteldataitembox2 .offer .offerpiccontainer {width:100%;}
    .hoteldataitem .hoteldataitembox2 .offer .offertitle1 {font-size:15px;}
    .hoteldataitem .hoteldataitembox2 .offer .offerpiccontainer .offerpic {width:100%;}
    .hoteldataitem .hoteldataitembox2 .offer .offerpiccontainer .offerpic .offerpicpic {width:100%;}
    .hoteldataitem .hoteldataitembox2 .offer .offerpiccontainer .offerpic .offerpicpic IMG {width:100%; height:auto;}
*/

    .box1container {grid-template-columns:1fr 1fr; grid-row-gap:10px; grid-column-gap:10px;}
    .box1container .box1 {width:100%;}
    .box1container .box1 IMG {width:100%;}
    
    .box2container {grid-template-columns:repeat(auto-fit, 60px); grid-column-gap:10px; grid-row-gap:10px;}
    
    .description {margin-bottom:30px;}
    
    .sheetblock1 .packagelist1 {margin-top:10px;}
    
    .roomscontainer .rooms {grid-template-columns:1fr 1fr; grid-column-gap:20px; grid-row-gap:20px;}
    .roomscontainer .rooms .box1 .pic {width:100%; height:auto; box-sizing:border-box;}
    .roomscontainer .rooms .box1 .pic A {display:block; width:100%; height:auto;}
    .roomscontainer .rooms .box1 .pic A IMG {width:100%; height:auto; margin:0px; object-fit:cover;}
    
    .giftcontainer {margin-top:20px; margin-bottom:15px;}
    .giftcontainer .gifttitle {display:unset;}
    .giftcontainer .gifttitle H3 {margin-right:0;}
    .giftcontainer .gifttitle > SPAN {margin-top:5px;}
    .giftrow {grid-template-columns:1fr;}
    .giftrow .box1 {width:100%; height:auto; grid-template-columns:1fr;}
    .giftrow .box1 .pic {width:100%; border-radius:5px 5px 0 0;}
    .giftrow .box1 .pic IMG {width:100%; height:auto;}
    .giftrow .box1 .info {border-radius:0; border-left:1px solid #dedede; border-top:0;}
     
    .packagebox1 {width:100%;}

    .houserule P SPAN {width:50%;}
    
    .footer {grid-template-columns:repeat(auto-fit, minmax(30%, 1fr)); grid-row-gap:30px; padding:10px;}
    .footer .fbox .title {margin-bottom:5px;}
    
/* ICIDATERANGECALENDAR ------------------------------------------------------*/
    .calendar {padding-bottom:1px;}
    .calendaroverlay {margin-top:-1px;}
    .calendaroverlay .pagecontainer {padding:0;} 
    .calendarposition {height:100vh;}
    .calendarcontainer {margin:10px;}
    
    .calendarcontainer .months {grid-template-columns:100%; justify-content:center;}
    .calendarcontainer .months .line {display:none;}
    .calendarcontainer .calendartable2, .calendarcontainer .calendartable3 {display:none;}
    .calendarcontainer .calendartable .monthcontainer .cell .day {width:33px; height:33px;}
    .calendarcontainer .calendartable .monthcontainer .cell .cell {height:33px;}
    
}