/*
style.hotel.css
*/

.maincntr.h{padding:60px 0}
.maincntr.h .gallery .sidel{padding-right:0}
.maincntr.h .gallery .sider{padding-left:0}
.maincntr.h .gallery .swiper-container{width:100%;padding-bottom:30px;overflow:hidden}
.maincntr.h .gallery .swiper-container .swiper-slide img{display:block;max-width:100%;/*height:auto;*/margin:0 auto;}
.maincntr.h .gallery .swiper-container .swiper-slide .counter{position: absolute;right:5px;top:5px;color:#fff;z-index:1}
.maincntr.h .gallery .swiper-container .hotel-tipp{left:0;width:350px;top:30px;border-top-left-radius:0;border-bottom-left-radius:0}

@media(max-width:768px){
.maincntr.h .gallery .swiper-container .hotel-tipp{top:5px}
.maincntr.h .gallery .swiper-container .swiper-slide img{height:auto}
}

.maincntr.h .diagramm.prices{height:280px}

.maincntr.h .details .title{padding:0 10px 10px 10px;}
.maincntr.h .details .title h1{font-size:200%;font-weight:bold;margin:-10px 0 0 0;}
.maincntr.h .details .description{border-radius:20px;margin:25px 15px 0 15px;font-size:16px;line-height:17px}

.maincntr.h.favorite .addtofav{
	display: none;
	width: 50px;
	height: 50px;
	position: absolute;
	text-align: center;
	border-radius: 100%;
	border: solid 2px #5D5D5D;
	color: #5D5D5D;
	font-size:30px;
	line-height: 45px;
}
.maincntr.h .addtofav:hover{cursor:pointer}
.maincntr.h .addtofav.added:before{color:#5D5D5D}
.maincntr.h .addtofav.added:before{content:"\e821";color:#F1B800}

.maincntr.h.favorite .details .title{position:relative;padding-right:70px}
.maincntr.h.favorite .details .addtofav{display:inline-block;right:10px;top:5px}


.maincntr.h .details .stars{font-size:14pt;}
.maincntr.h .details .stars span{margin:0 3px; color: #F1B800}
.maincntr.h .details .stars span:first-child{margin-left:0}
.maincntr.h .details .stars span:last-child{margin-right:0}
.maincntr.h .details .id{font-size:12pt;}

@media(max-width:991px){	
.maincntr.h.favorite .details .title{margin-bottom:10px;padding:0}
.maincntr.h.favorite .details .addtofav{display:none}
}

@media(max-width:768px){	
.maincntr.h.favorite .subtitle{position:relative;clear:both;padding-left:70px;line-height:20px;text-align:left}
.maincntr.h.favorite .subtitle .addtofav{display:inline-block;left:2px;top: 50%;margin-top:-25px;}
}

@media(max-width:380px){	
.maincntr.h .details .description{font-size:15px;padding-left:5px;padding-right:5px;}
}


.maincntr.h .section.dates{margin-top:40px;}


.maincntr.h .scroll-to-prices{display:none;position:fixed;bottom:25px;right:5px;width:50px;height:50px;background-color:rgba(255,165,0,.5);border-radius:100%;text-align:center;z-index:2;animation:bounce .5s infinite alternate;-webkit-animation:bounce .5s infinite alternate}
.maincntr.h .scroll-to-prices span{font-size:175%;color:#fff;line-height:32px}
.maincntr.h .scroll-to-prices span::after{content:"Árak";position:absolute;bottom:-1px;left:0;right:0;text-align:center;font-size:14px}
@media(min-width:991px){.maincntr.h .scroll-to-prices{bottom:40px;}.maincntr.h .scroll-to-prices:hover{background-color:rgba(255,165,0,1);cursor:pointer;}}

.maincntr.h .preload-div{background-image:url(images/ajax-loader-giant.gif);background-color:#fff;background-repeat:no-repeat;background-position:center center;}
.maincntr.h .touropcode{display:inline;font-size:80%;}

/* pagination */
.maincntr.h .pagination{margin:20px 0 0 0;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:5px;font-size:20px;}
.maincntr.h .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;background-color:#fff;border:1px solid #D8D8D8}
.maincntr.h .page-link:not(.active):hover{background-color:#F1B800;color:#fff;cursor:pointer;}
.maincntr.h .page-item:not(.active):last-child:hover .page-link{background:#00BFBB;color:#fff;}
.maincntr.h .page-item:not(.active):first-child:hover .page-link{background:#F1B800;color:#fff;}

.maincntr.h .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem; color:#F1B800;}
.maincntr.h .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem; color:#00BFBB}
.maincntr.h .page-item.active .page-link{z-index:1;color:#fff;background-color:#00BFBB}
.maincntr.h .page-item .dots{font-size:14pt;line-height:33px;padding:0 10px}
.maincntr.h .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#D8D8D8}

@media(max-width:991px)
{
	.maincntr.h{padding:10px 0}
	
	.maincntr.h .details{margin-bottom:10px;}
	.maincntr.h .details .title{padding:0;margin-top:10px;margin-bottom:5px}
	.maincntr.h .details .title h1{font-size:140%;}
	.maincntr.h .details .description{margin:0;}
	.maincntr.h .details .id{font-size:100%;}
	
	.maincntr.h .section.dates{margin-top:0;}

	.maincntr.h .gallery{box-shadow:none;}
	.maincntr.h .gallery .sidel,.maincntr.h .gallery .sider{padding-left:15px;padding-right:15px}

}

@media(max-width:768px)
{
	.maincntr.h .section.dates{background:#f8f8f8;max-width:100%;margin:15px 0}
	.maincntr.h .section.dates h2{font-size:200%;text-align:center;}
}

.maincntr.h .filterbuttons{padding:10px;}
.maincntr.h .filterbuttons.monthslider{margin-top:-20px;}

.maincntr.h .filterbuttons .title{font-size:200%;color:#fff;text-align:center;margin-bottom:30px;}
.maincntr.h .filterbuttons .title h2{font-weight:700;background:linear-gradient(to left,#00BFBB 10%,#FFE488 50%,#F1B800 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:gray;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.2s linear infinite;animation-iteration-count: 10;display:inline-block}

@media(max-width:768px)
{
	.maincntr.h .filterbuttons .title h2{font-size:120%;}
}

@media(max-width:400px)
{
	.maincntr.h .filterbuttons .title h2{font-size:100%;}
}

.maincntr.h .filterbuttons ol{list-style-type:none;}
.maincntr.h .filterbuttons ol>li{position:relative;display:block;height:120px;z-index:0;padding-left:50px}
.maincntr.h .filterbuttons ol>li[data-step="1"]{z-index:3}
.maincntr.h .filterbuttons ol>li[data-step="2"]{z-index:2}
.maincntr.h .filterbuttons ol>li[data-step="3"]{z-index:1}
.maincntr.h .filterbuttons ol>li:after{position:absolute;font-family:"Open Sans",sans-serif;font-weight:600;font-size:20px;left:0;top:12px;width:40px;height:40px;line-height:40px;text-align:center;z-index:1;color:#fff;border-radius:50%;content:attr(data-step);background-color:#F1B800;counter-increment:li-counter}
.maincntr.h .filterbuttons ol>li.pulse:after{animation: circle-pulse 1s infinite;}	
.maincntr.h .filterbuttons ol>li:before{content:"";border-left:1px solid#F1B800;position:absolute;left:19px;height:100%;top:12px;bottom:0;}
.maincntr.h .filterbuttons ol>li:last-child:before{display:none;}

@media(max-width:991px)
{
	.maincntr.h .filterbuttons ol>li[data-step="3"]:before{display:block;}
}


.maincntr.h .filterbutton{position:relative;display:block;height:64px;padding:9px 115px 9px 9px;box-shadow:0 0 5px #D8D8D8;background:#fff;}
.maincntr.h .filterbutton .button{position:absolute;right:5px;top:9px;bottom:9px;width:55px;height:auto;padding:0;margin:0;font-size:130%;text-align:center;line-height:32px;padding:5px;border-radius:20px;}
.maincntr.h .filterbutton .button.prev{right:63px;}
.maincntr.h .filterbutton .button.chg{width:130px;}
.maincntr.h .filterbutton .button:hover, .maincntr.h .filterbutton .button:hover select{cursor:pointer}
.maincntr.h .filterbutton.disabled{opacity:.4;}
.maincntr.h .filterbutton.disabled .button,.maincntr.h .filterbutton .button.disabled{opacity:.2;cursor:no-drop;}
.maincntr.h .filterbutton .preview{position:relative;font-size:150%;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.maincntr.h .filterbutton .preview:before{font-family:fontello;margin-right:15px;color:#F1B800;}
.maincntr.h .filterbutton .preview select{opacity:0;}

.maincntr.h .filterbutton .preview.date .month{
	position: absolute;
	bottom: -10px;
}

.maincntr.h .filterbutton .preview.date .year {
	font-size: 14px;
	position: absolute;
	top: -10px;
}

.maincntr.h .filterbutton select{cursor:pointer;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;font-size:140%;opacity:0;}
.maincntr.h .filterbutton.disabled select{display:none !important;}

.maincntr.h .filterbutton .dropdown{display:none;background:#fff;position:absolute;left:100px;top:100%;max-height:400px;box-shadow:0 1px 4px #4D4D4D;margin-top:-5px;z-index:3;overflow-x:hidden;overflow-y:auto;width:calc(100% - 100px)}
.maincntr.h .filterbutton .dropdown ul li{display:block;padding:5px 5px 5px 15px;list-style-type:none;color:#4D4D4D;font-size:10pt;text-align:left;border-bottom:solid 1px #f0f0f0}
.maincntr.h .filterbutton .dropdown ul li:not(.disabled):not(.selected):hover{background:#f0f0f0;cursor:pointer;}
.maincntr.h .filterbutton .dropdown ul li.disabled{cursor:default;color:#dddddd;}
.maincntr.h .filterbutton .dropdown ul li.selected{background:#F1B800;color:#fff;}
.maincntr.h .filterbutton.disabled .dropdown{display:none !important;}

.maincntr.h .filterbutton[data-name="nights"] .preview:before{content:"\f186"}
.maincntr.h .filterbutton[data-name="board"] .preview:before{content:"\f0f5"}
.maincntr.h .filterbutton[data-name="tabs"] .preview:before{content:"\e812"}
.maincntr.h .filterbutton[data-name="departure"] .preview:before{content:"\e813"}
.maincntr.h .filterbutton[data-name="departure"][data-traveltype="2"] .preview:before{content:"\e81c"}
.maincntr.h .filterbutton[data-name="departure"][data-traveltype="3"] .preview:before{content:"\e800"}

@keyframes textclip{100%{background-position:-200% center}}

@media(max-width:1279px)
{
	.maincntr.h .filterbuttonstitle{margin-top:15px;margin-bottom:15px;}
	.maincntr.h .filterbutton{margin-bottom:15px;}
}

@media(min-width:992px)
{
	.maincntr.h .filterbutton select{display:none;}
	.maincntr.h .filterbutton .dropdown.active{display:block;}
}

@media(max-width:991px)
{
	.maincntr.h .filterbuttons ol>li{height:84px;}
	.maincntr.h .filterbutton .button.chg{width:115px;}
}

@media(max-width:768px)
{
	.maincntr.h .filterbutton{margin:0;box-shadow:none;border-bottom:solid 1px #D8D8D8;}
	.maincntr.h .filterbutton.noborder{border-bottom:none}
}

@media(max-width:320px)
{
	.maincntr.h .filterbuttons ol>li{padding-left:0}
	.maincntr.h .filterbuttons ol>li:before,.maincntr.h .filterbuttons ol li:after{display:none !important;}
}


.chganim{-webkit-animation:effect_scale 500ms ease 1;animation:effect_scale 500ms ease 1}
@keyframes effect_scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}

.maincntr.h .monthcalendar{position:relative;}
.maincntr.h .monthcalendar .monthbuttons .monthbutton{position:relative;display:inline-block;background:#f8f8f8;border:solid 1px #E1E1E1;margin-bottom:-1px;margin-right:1px;width:80px;padding:2px;height:40px;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;text-align:center;z-index:0}
.maincntr.h .monthcalendar .monthbuttons .monthbutton:hover{cursor:pointer}
.maincntr.h .monthcalendar .monthbuttons .monthbutton.active{background:#fff;border-bottom:solid 1px #fff;z-index:1;height:50px;font-weight:700}
.maincntr.h .monthcalendar .monthtab{display:none}
.maincntr.h .monthcalendar .monthtab.active{display:block}
.maincntr.h .monthcalendar .monthslider{position:relative;font-size:16px;background:#fff;color:#5D5D5D;border:solid 1px #E1E1E1;padding:5px 15px;margin-bottom:-1px;}
.maincntr.h .monthcalendar .monthslider .preafter{font-size:80%;line-height:30px;}
.maincntr.h .monthcalendar .monthslider .name{display:inline-block;width:200px;font-weight:700; margin:5px 0px 5px 0px}
.maincntr.h .monthcalendar .monthslider .icon:hover{cursor:pointer}
.maincntr.h .monthcalendar table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
.maincntr.h .monthcalendar table thead tr td{text-align:center;padding:2px;background:#fcfcfc;border:solid 1px #E1E1E1}
.maincntr.h .monthcalendar table tbody tr td{height:70px;position:relative;border:solid 1px #E1E1E1}
.maincntr.h .monthcalendar table tbody tr td .inner{background:#FFF;height:100%;display:block;font-size:16px;position:relative;padding:5px 25px 5px 5px;margin:1px;}
.maincntr.h .monthcalendar table tbody tr td .inner .napszam{font-size:11px;position:absolute;left:2px;top:0px;}
.maincntr.h .monthcalendar table tbody tr td.inactive .inner{background:#fcfcfc;color:#da6161}
.maincntr.h .monthcalendar table tbody tr td.inactive .inner .napszam{color:#797979}
.maincntr.h .monthcalendar table tbody tr td.today .inner{border:solid 3px #f1b800}
.maincntr.h .monthcalendar table tbody tr td.today .inner::after{content:"Mai nap";position:absolute;left:20px;top:3px;font-size:10px}
.maincntr.h .monthcalendar table tbody tr td.available .inner{background:#00BFBB;color:#fff}
.maincntr.h .monthcalendar table tbody tr td.available .inner:hover{cursor:pointer}
.maincntr.h .monthcalendar table tbody tr td.available .inner .napszam{color:#fff}

.maincntr.h .monthcalendar table tbody tr td.available .inner .icon.icon-right-open {
	background: rgba(0,0,0,.1);
	font-size: 22px;
	width: 25px;
	text-align: center;
	line-height: 65px;
	border-bottom-right-radius: 10px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}

.maincntr.h .monthcalendar table tbody tr td.available .inner .price-details {
	position: absolute;
	top: 15px;
	right: 25px;
	left: 5px;
	font-size: 70%;
	text-align: center;
	line-height: 13px;
}

.maincntr.h .monthcalendar table tbody tr td.available .inner .price-text {
	position: absolute;
	top: 38px;
	right: 24px;
	left: 5px;
	font-size: 15px;
	text-align: center;
	font-weight: 700;
	line-height:16px;}

.maincntr.h .monthcalendar table tbody tr td.available .inner .price-text small{font-size:50%;}
.maincntr.h .monthcalendar table tbody tr td.available .inner .price-text s{font-size:10px;text-decoration:line-through;font-weight:normal;display:block;margin-top:-9px;}
.maincntr.h .monthcalendar table tbody tr td.available .inner .price-check{position:absolute;top:40px;right:25px;left:5px;font-size:60%;text-align:center;display:none;}
.maincntr.h .monthcalendar table tbody tr td.available .inner:hover .price-text{color:#00DFDA}
.maincntr.h .monthcalendar table tbody tr td.available .inner:hover .price-text:before{content:"Kalkuláció";color:#fff;position:absolute;left:0;right:0}

.maincntr.h .monthcalendar table tbody tr td.available .discount{position:absolute;top:-5px;right:0;padding:0 .5em;font-size:10pt;line-height:1.875em;border-radius:.313em 0 0 .313em;background:#F1B800;color:#fff;box-shadow:-1px 2px 3px rgba(0,0,0,0.5); font-weight:bold; z-index:1}
.maincntr.h .monthcalendar table tbody tr td.available .discount:before,.maincntr.h .monthcalendar table tbody tr td.available .discount:after{position:absolute;content:'';display:block}
.maincntr.h .monthcalendar table tbody tr td.available .discount:before{width:.469em;height:100%;padding:0 0 2.3em;top:0;right:-.469em;background:inherit;border-radius:0 .313em .313em 0}
.maincntr.h .monthcalendar table tbody tr td.available .discount:after{width:.313em;height:.313em;background:rgba(0,0,0,0.35);bottom:-.313em;right:-.313em;border-radius:0 .313em .313em 0;}

.maincntr.h .monthcalendar table tbody tr td.available .reszletek{position:absolute;bottom:100%;left:50%;width:140px;color:#5D5D5D;background:#fff;line-height:25px;text-align:center;border-radius:5px;margin-left:-30px;margin-bottom:10px;padding:5px;line-height:1.6;box-shadow:1px 1px 5px #999;display:none;font-size:9pt;z-index:2}
.maincntr.h .monthcalendar table tbody tr td.available:hover .inner{background:#00DFDA}
.maincntr.h .monthcalendar table tbody tr td.available:hover .inner .price-check{display:block;}
.maincntr.h .monthcalendar table tbody tr td.available:hover .inner .price-text{top:26px;font-size:80%;}
.maincntr.h .monthcalendar table tbody tr td.available:hover .reszletek{display:block}
.maincntr.h .monthcalendar table tbody tr td.available:hover .inner .price-details{display:none;}
.maincntr.h .monthcalendar table tbody tr td.available .reszletek .osszar{color:#fff;font-size:16px;background:#009100;border-radius:5px 5px 0 0;border-bottom:1px solid #F1B800;margin-bottom:2px;padding-bottom:15px;display:block}
.maincntr.h .monthcalendar table tbody tr td.available .reszletek .artart{display:block;}
.maincntr.h .monthcalendar table tbody tr td.available .reszletek .ketforear{color:#00bfbb;font-size:20px;font-weight:bold;}
.maincntr.h .monthcalendar table tbody tr td.available .reszletek .icons{display:block;text-align:center;font-size:80%;}
.maincntr.h .monthcalendar table tbody tr td.available .reszletek .icon{font-size:225%;line-height:30px;margin:0 1px;}
.maincntr.h .monthcalendar table tbody tr td.available .reszletek:after{right:80px;bottom:-25px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0, 0, 0, 0);border-top-color:#fff;border-width:30px;transform:rotate(136deg);}
@media(min-width:1200px) {
	.maincntr.h .calendars{background:#f8f8f8;padding:10px;}
}


.maincntr.h .weekcalendar .weektab{display:none;}
.maincntr.h .weekcalendar .weektab.active{display:block;}
.maincntr.h .weekcalendar .days {box-sizing: border-box;margin-top: 10px;text-align:center;}
.maincntr.h .weekcalendar .days .title{font-size:16px;margin-bottom:15px;}
.maincntr.h .weekcalendar .days .day{display:block;height:80px;margin:0 0 20px 0;}
.maincntr.h .weekcalendar .days .day .inner{position:relative;width:100%;height:100%;/*overflow:hidden;*/background:#00BFBB;padding:8px;box-shadow:0 3px 3px #f0f0f0;text-align:center;white-space:nowrap;border-radius:5px;padding-right:55px;}

.maincntr.h .weekcalendar .days .day .inner .discount{position:absolute;top:-10px;right:0;padding:0 .5em;font-size:12pt;font-weight:bold; line-height:1.875em;border-radius:.313em 0 0 .313em;background:#F1B800;color:#fff;box-shadow:-1px 2px 3px rgba(0,0,0,0.5);z-index:1}
.maincntr.h .weekcalendar .days .day .inner .discount:before,.maincntr.h .weekcalendar .days .day .inner .discount:after{position:absolute;content:'';display:block}
.maincntr.h .weekcalendar .days .day .inner .discount:before{width:.469em;height:100%;padding:0 0 2.3em;top:0;right:-.469em;background:inherit;border-radius:0 .313em .313em 0}
.maincntr.h .weekcalendar .days .day .inner .discount:after{width:.313em;height:.313em;background:rgba(0,0,0,0.35);bottom:-.313em;right:-.313em;border-radius:0 .313em .313em 0;box-shadow:inset -1px 2px 2px rgba(0,0,0,0.3)}

.maincntr.h .weekcalendar .days .day .inner .icon{background:rgba(0,0,0,.1);width:55px;text-align:center;line-height:52px;position:absolute;right:0;top:0;bottom:0}
.maincntr.h .weekcalendar .days .day .inner .icon:before{content:'\e847';color:#fff;line-height:80px;font-size:200%}
.maincntr.h .weekcalendar .days .day .inner .date{display:block;color:#D8D8D8}
.maincntr.h .weekcalendar .days .day.offer .inner .price{display:block;font-size:170%;color:#fff;font-weight:bold;}
.maincntr.h .weekcalendar .days .day.offer .inner .price small{font-size:60%;font-weight:normal;}
.maincntr.h .weekcalendar .days .day.offer .inner .price s{display:block;font-size:12px;text-decoration:line-through;font-weight:normal}
.maincntr.h .weekcalendar .days .day.offer .inner .details{color:#fff;font-size:90%;}
.maincntr.h .weekcalendar .days .day.offer .inner .date{text-align:left;color:#fff;}
.maincntr.h .weekcalendar .days .day:not(.offer){opacity:.9}
.maincntr.h .weekcalendar .pager{position:absolute;top:30%;font-size:315%;color:#5F5F5F}
.maincntr.h .weekcalendar .pager.pglft{left:-10px;}
.maincntr.h .weekcalendar .pager.pgrgt{right:-10px}

.maincntr.h .section.description{margin-top:50px;font-size:14px;text-align:justify;line-height:25px;word-wrap:anywhere}
.maincntr.h .section.description .box{background:#f8f8f8;padding:20px;}
.maincntr.h .section.description .mainimg{width:58.333333%;margin:-20px 20px 10px -20px;}
.maincntr.h .section.description .mainvid{margin:-20px 20px 10px -20px;}
.maincntr.h .section.description ul{margin:10px 30px;}
.maincntr.h .section.description h2{font-size:120%;margin-bottom:10px;}
.maincntr.h .section.description h3{font-size:110%;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.maincntr.h .section.description h4{font-size:100%;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.maincntr.h .section.description a{text-decoration:underline;color:#00BFBB}
.maincntr.h .section.description a:hover{background:#00BFBB;color:#fff;text-decoration:none}

@media(max-width:768px)
{
	.maincntr.h .section.description .mainimg,.maincntr.h .section.description .mainvid{display:block;width:100%;margin:0 0 15px 0;}
	.maincntr.h .section.description{margin:0;padding:0;max-width:100%}
}

.maincntr.h .section.location{margin-top:50px;}
.maincntr.h .section.location h3{font-size:120%; padding-top:15px;}
.maincntr.h .section.location .box{display:table;width:100%;font-size:13pt;}
.maincntr.h .section.location .box .r{display:table-row;}
.maincntr.h .section.location .box .r .c{display:table-cell;vertical-align:top;}
.maincntr.h .section.location .box .r .c.gray{padding:20px;width:41.66666667%;background:#f8f8f8;}

@media(max-width:768px)
{
	.maincntr.h .section.location .box,
	.maincntr.h .section.location .box .r,
	.maincntr.h .section.location .box .r .c,
	.maincntr.h .section.location .box .r .c.gray{display:block;width:100%;background:#f8f8f8;}
	.maincntr.h .section.location .box .r .c:not(.gray){padding:10px;background:#f8f8f8;}
	.maincntr.h .section.location{margin:15px 0 0 0;padding:0;max-width:100%}
	.maincntr.h .section.location h2{font-size:100%;}
}

.maincntr.h .section.pricagraph{margin-top:50px;}
.maincntr.h .section.pricagraph h3{font-size:120%;}
.maincntr.h .section.pricagraph .box{display:table;width:100%;font-size:13pt;}
.maincntr.h .section.pricagraph .box .r{display:table-row;}
.maincntr.h .section.pricagraph .box .r .c{display:table-cell;vertical-align:top;}
.maincntr.h .section.pricagraph .box .r .c.gray{padding:20px;width:41.66666667%;background:#f8f8f8;}

@media(max-width:768px)
{
	.maincntr.h .section.pricagraph .box,
	.maincntr.h .section.pricagraph .box .r,
	.maincntr.h .section.pricagraph .box .r .c,
	.maincntr.h .section.pricagraph .box .r .c.gray{display:block;width:100%}
	.maincntr.h .section.pricagraph .box .r .c:not(.gray){padding:10px;background:#f8f8f8;}
	.maincntr.h .section.pricagraph{margin:15px 0 0 0;padding:0;max-width:100%}
	.maincntr.h .section.pricagraph h2{font-size:100%;}
}

.maincntr.h .section.temperature{margin-top:50px;}
.maincntr.h .section.temperature h3{font-size:120%;padding-top:15px}
.maincntr.h .section.temperature .box{display:table;width:100%;font-size:13pt;}
.maincntr.h .section.temperature .box .r{display:table-row;}
.maincntr.h .section.temperature .box .r .c{display:table-cell;vertical-align:top;}
.maincntr.h .section.temperature .box .r .c.gray{padding:20px;width:41.66666667%;background:#f8f8f8;}

@media(max-width:768px)
{
	.maincntr.h .section.temperature .box,
	.maincntr.h .section.temperature .box .r,
	.maincntr.h .section.temperature .box .r .c,
	.maincntr.h .section.temperature .box .r .c.gray{display:block;width:100%;}
	.maincntr.h .section.temperature .box .r .c:not(.gray){padding:10px;background:#f8f8f8;}
	.maincntr.h .section.temperature{margin:15px 0 0 0;padding:0;max-width:100%}
	.maincntr.h .section.temperature h2{font-size:100%;}
}


/* weather */
	
.maincntr.h .section.weather{margin-top:50px;}
.maincntr.h .section.weather{font-family:'Roboto',sans-serif;text-align:center;}
.maincntr.h .section.weather .icon{position:relative;display:inline-block;font-size:400%;line-height:90px}
.maincntr.h .section.weather .teaser h3{font-size:200%}
.maincntr.h .section.weather .teaser small{font-size:150%;line-height:35px;}
.maincntr.h .section.weather .teaser .betweens{border-top:solid 1px #D8D8D8;border-bottom:solid 1px #D8D8D8;padding:10px;margin-top:5px;font-size:160%;}
.maincntr.h .section.weather .wbox{background-repeat:no-repeat;background-position:center;text-align:center;padding:30px 5px;box-shadow:1px 1px 5px #D8D8D8;border-radius:25px;margin-top:30px;}
.maincntr.h .section.weather .wbox .title{font-size:150%}
.maincntr.h .section.weather .wbox .actual-weather{font-size:130%}
.maincntr.h .section.weather .wbox .actual-temperature{font-size:250%;font-weight:bold;line-height:60px;}
.maincntr.h .section.weather .wbox .actual-temperature-water{font-size:250%;font-weight:bold;line-height:60px;}
.maincntr.h .section.weather .wbox .line{display: block;height:1px;border-top:solid 1px #D8D8D8;margin:10px 0;}
.maincntr.h .section.weather .wbox .icon-swimming{font-size:400%;line-height:50px;}

@media(max-width:768px)
{		
	.maincntr.h .section.weather{padding:0;}
	.maincntr.h .section.weather .teaser h2{font-size:130%;}
	.maincntr.h .section.weather .swiper-container{padding:10px;white-space:nowrap;overflow:hidden;}
	.maincntr.h .section.weather .wbox{display:inline-block;width:100%;box-shadow:0px 0px 10px #aaa;}
}




/* rating */

.section.diverate{margin-top:20px;}
.section.diverate .box{position:relative;text-align:left;color: #fff;padding:30px;font-size:13pt;text-align:center;z-index:1;}
.section.diverate .box h2 {font-size:22pt;margin: 10px 0 30px;}
.section.diverate .box .teaser{padding:25px;}
.section.diverate .box .rnum{font-size: 42pt;font-weight: bold;line-height:45px;}
.section.diverate .box .rstars{font-size:18pt;line-height:35px;}

.section.diverate .box .rdesc{margin:10px 0;font-style:italic;padding:0 30px;}
.section.diverate .box .rdesc .rdescmore{display:none;}
.section.diverate .box .rdesc .rdescmore.active{display:inline;}
.section.diverate .box .rauth{font-weight:bold;margin-bottom:15px;}

.section.diverate .box2{background:#f8f8f8;padding:20px;}
.section.diverate .rtbl.ratingglobals{display:table;width:100%;font-size:110%}
.section.diverate .rtbr{display:table-row;}
.section.diverate .rtbc{display:table-cell;width:33%;padding:20px;border-right:solid 1px #D8D8D8;vertical-align:top;}
.section.diverate .rtbc:last-child{border:none;}

.section.diverate .box2 .average-rating{font-size: 42pt;font-weight: bold;line-height:45px;}
.section.diverate .box2 .star-rating{font-size:26pt;line-height:45px;}
.section.diverate .box2 .details-rating{display:block;font-size:130%;margin-bottom:20px;}

.section.diverate .box2 .mediagroups .mediagroup .media{background:#fff;padding:30px 0;border-radius:25px;margin-top:15px;border:solid 1px #D8D8D8;box-shadow:1px 3px 3px #D8D8D8;font-size:120%;}

@media(max-width:768px)
{
	
	.maincntr.h .section.weather .teaser small{font-size:115%;}
	
	.section.diverate .rtbl,.section.diverate .rtbc,.section.diverate .rtbr{display:block;width:100%;padding:0;}
	.section.diverate .rtbc,.section.diverate .rtbc:last-child{padding:10px 0;border-right:none;border-bottom:solid 2px #D8D8D8;}
	
	.maincntr.h .section.diverate{margin:15px 0 0 0;padding:0;max-width:100%}
	
	.section.diverate .box .rnum{font-size:200%}
	.section.diverate .box .rstars{font-size:90%}
	.section.diverate .box .rdesc{padding:0;text-align:justify;}

	.section.diverate .box2 .average-rating{font-size:200%;}
	.section.diverate .box2 .star-rating{font-size:110%}
	.section.diverate .box2 .details-rating{font-size:110%;margin-bottom:10px;}
}


.mediagroups .mediagroup{display:none;}
.mediagroups .mediagroup.active{display:block;}  
.mediagroups .mediagroup .media .lside{text-align:center;border-right:solid 1px #D8D8D8;}
.mediagroups .mediagroup .media .rside{padding-right:30px}
.mediagroups .mediagroup .media .more-rateings-link:hover{cursor:pointer}
.mediagroups .mediagroup .more-comments{display:none;margin:0;padding: 10px;line-height:25px;}
.mediagroups .mediagroup .media .media-avatar{border:solid 2px #D8D8D8;color:#D8D8D8;border-radius:5px;font-size:360%;width:60px;height:60px;display:inline-block;line-height:50px;}
.mediagroups .mediagroup .media .media-user-name{display:block;margin-top:10px;font-weight:bold;}
.mediagroups .mediagroup .media .media-user-avg{display:block;}
.mediagroups .mediagroup .media .media-user-description{margin:10px 0;font-style:italic;}
.mediagroups .mediagroup .media .media-user-dates{font-weight:bold;}

@media(min-width:991px)
{
	.mediagroups .mediagroup .media .rside{padding:0 50px 0 35px}
}

@media(max-width:991px)
{
	.mediagroups .mediagroup .media .lside,.mediagroups .mediagroup .media .rside{padding:0 25px;border:none;}
	.mediagroups .mediagroup .media .media-user-dates{text-align:center;border-top:solid 2px #D8D8D8;margin-top:5px;padding-top:10px;font-size:14px;}
	.mediagroups .mediagroup .media .media-user-dates .media-user-avg{font-size:100%;}
	.mediagroups .mediagroup .media .media-user-description{font-size:14px;}	
}



.maincntr.h .mindts{padding:0 15px;margin-top:10px;margin-bottom:-10px;font-size:13px}
.maincntr.h .mindts a{color:#00BFBB;text-decoration:underline;font-size:12pt}
.maincntr.h .mindts a:hover{background:#00BFBB;color:#fff;}

@media(max-width:991px)
{
	.maincntr.h .mindts{padding: 15px 0;background:#fff;margin-top:0;font-size:14px}
}
.personicon{margin-right:3px;color:#f1b800;cursor:default}
.personicon.small{font-size:150%}
.personicon.big{font-size:200%}


/* Külső keret és alapstílus */
.table {
  /*border: 1px solid #dee2e6 !important;*/  /* Kék színű vastag keret */
  border-radius: 8px !important;          /* Kerekített sarkok */
  overflow: hidden !important;            /* A kerekítés miatt */
}

/* Cellák keretei (a table-bordered miatt) */
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6 !important;   /* Világosszürke belső vonalak */
}

.maincntr.h .section.description .mainvid{margin:-20px 20px 10px -20px;}
.maincntr.h .section.description ul{margin:10px 30px;}
.maincntr.h .section.description h2{font-size:120%;margin-bottom:10px;}
.maincntr.h .section.description h3{font-size:110%;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.maincntr.h .section.description h4{font-size:100%;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.maincntr.h .section.description a{text-decoration:underline;color:#00BFBB}
.maincntr.h .section.description a:hover{background:#00BFBB;color:#fff;text-decoration:none}

@media(max-width:768px)
{
	.maincntr.h .section.description .mainimg,.maincntr.h .section.description .mainvid{display:block;width:100%;margin:0 0 15px 0;}
	.maincntr.h .section.description{margin:0;padding:0;max-width:100%}
}

.maincntr.h .section.location{margin-top:50px;}
.maincntr.h .section.location h3{font-size:120%; padding-top:15px;}
.maincntr.h .section.location .box{display:table;width:100%;font-size:13pt;}
.maincntr.h .section.location .box .r{display:table-row;}
.maincntr.h .section.location .box .r .c{display:table-cell;vertical-align:top;}
.maincntr.h .section.location .box .r .c.gray{padding:20px;width:41.66666667%;background:#f8f8f8;}

@media(max-width:768px)
{
	.maincntr.h .section.location .box,
	.maincntr.h .section.location .box .r,
	.maincntr.h .section.location .box .r .c,
	.maincntr.h .section.location .box .r .c.gray{display:block;width:100%;background:#f8f8f8;}
	.maincntr.h .section.location .box .r .c:not(.gray){padding:10px;background:#f8f8f8;}
	.maincntr.h .section.location{margin:15px 0 0 0;padding:0;max-width:100%}
	.maincntr.h .section.location h2{font-size:100%;}
}

.maincntr.h .section.pricagraph{margin-top:50px;}
.maincntr.h .section.pricagraph h3{font-size:120%;}
.maincntr.h .section.pricagraph .box{display:table;width:100%;font-size:13pt;}
.maincntr.h .section.pricagraph .box .r{display:table-row;}
.maincntr.h .section.pricagraph .box .r .c{display:table-cell;vertical-align:top;}
.maincntr.h .section.pricagraph .box .r .c.gray{padding:20px;width:41.66666667%;background:#f8f8f8;}

@media(max-width:768px)
{
	.maincntr.h .section.pricagraph .box,
	.maincntr.h .section.pricagraph .box .r,
	.maincntr.h .section.pricagraph .box .r .c,
	.maincntr.h .section.pricagraph .box .r .c.gray{display:block;width:100%}
	.maincntr.h .section.pricagraph .box .r .c:not(.gray){padding:10px;background:#f8f8f8;}
	.maincntr.h .section.pricagraph{margin:15px 0 0 0;padding:0;max-width:100%}
	.maincntr.h .section.pricagraph h2{font-size:100%;}
}

.maincntr.h .section.temperature{margin-top:50px;}
.maincntr.h .section.temperature h3{font-size:120%;padding-top:15px}
.maincntr.h .section.temperature .box{display:table;width:100%;font-size:13pt;}
.maincntr.h .section.temperature .box .r{display:table-row;}
.maincntr.h .section.temperature .box .r .c{display:table-cell;vertical-align:top;}
.maincntr.h .section.temperature .box .r .c.gray{padding:20px;width:41.66666667%;background:#f8f8f8;}

@media(max-width:768px)
{
	.maincntr.h .section.temperature .box,
	.maincntr.h .section.temperature .box .r,
	.maincntr.h .section.temperature .box .r .c,
	.maincntr.h .section.temperature .box .r .c.gray{display:block;width:100%;}
	.maincntr.h .section.temperature .box .r .c:not(.gray){padding:10px;background:#f8f8f8;}
	.maincntr.h .section.temperature{margin:15px 0 0 0;padding:0;max-width:100%}
	.maincntr.h .section.temperature h2{font-size:100%;}
}


/* weather */
	
.maincntr.h .section.weather{margin-top:50px;}
.maincntr.h .section.weather{font-family:'Roboto',sans-serif;text-align:center;}
.maincntr.h .section.weather .icon{position:relative;display:inline-block;font-size:400%;line-height:90px}
.maincntr.h .section.weather .teaser h3{font-size:200%}
.maincntr.h .section.weather .teaser small{font-size:150%;line-height:35px;}
.maincntr.h .section.weather .teaser .betweens{border-top:solid 1px #D8D8D8;border-bottom:solid 1px #D8D8D8;padding:10px;margin-top:5px;font-size:160%;}
.maincntr.h .section.weather .wbox{background-repeat:no-repeat;background-position:center;text-align:center;padding:30px 5px;box-shadow:1px 1px 5px #D8D8D8;border-radius:25px;margin-top:30px;}
.maincntr.h .section.weather .wbox .title{font-size:150%}
.maincntr.h .section.weather .wbox .actual-weather{font-size:130%}
.maincntr.h .section.weather .wbox .actual-temperature{font-size:250%;font-weight:bold;line-height:60px;}
.maincntr.h .section.weather .wbox .actual-temperature-water{font-size:250%;font-weight:bold;line-height:60px;}
.maincntr.h .section.weather .wbox .line{display: block;height:1px;border-top:solid 1px #D8D8D8;margin:10px 0;}
.maincntr.h .section.weather .wbox .icon-swimming{font-size:400%;line-height:50px;}

@media(max-width:768px)
{		
	.maincntr.h .section.weather{padding:0;}
	.maincntr.h .section.weather .teaser h2{font-size:130%;}
	.maincntr.h .section.weather .swiper-container{padding:10px;white-space:nowrap;overflow:hidden;}
	.maincntr.h .section.weather .wbox{display:inline-block;width:100%;box-shadow:0px 0px 10px #aaa;}
}




/* rating */

.section.diverate{margin-top:20px;}
.section.diverate .box{position:relative;text-align:left;color: #fff;padding:30px;font-size:13pt;text-align:center;z-index:1;}
.section.diverate .box h2 {font-size:22pt;margin: 10px 0 30px;}
.section.diverate .box .teaser{padding:25px;}
.section.diverate .box .rnum{font-size: 42pt;font-weight: bold;line-height:45px;}
.section.diverate .box .rstars{font-size:18pt;line-height:35px;}

.section.diverate .box .rdesc{margin:10px 0;font-style:italic;padding:0 30px;}
.section.diverate .box .rdesc .rdescmore{display:none;}
.section.diverate .box .rdesc .rdescmore.active{display:inline;}
.section.diverate .box .rauth{font-weight:bold;margin-bottom:15px;}

.section.diverate .box2{background:#f8f8f8;padding:20px;}
.section.diverate .rtbl.ratingglobals{display:table;width:100%;font-size:110%}
.section.diverate .rtbr{display:table-row;}
.section.diverate .rtbc{display:table-cell;width:33%;padding:20px;border-right:solid 1px #D8D8D8;vertical-align:top;}
.section.diverate .rtbc:last-child{border:none;}

.section.diverate .box2 .average-rating{font-size: 42pt;font-weight: bold;line-height:45px;}
.section.diverate .box2 .star-rating{font-size:26pt;line-height:45px;}
.section.diverate .box2 .details-rating{display:block;font-size:130%;margin-bottom:20px;}

.section.diverate .box2 .mediagroups .mediagroup .media{background:#fff;padding:30px 0;border-radius:25px;margin-top:15px;border:solid 1px #D8D8D8;box-shadow:1px 3px 3px #D8D8D8;font-size:120%;}

@media(max-width:768px)
{
	
	.maincntr.h .section.weather .teaser small{font-size:115%;}
	
	.section.diverate .rtbl,.section.diverate .rtbc,.section.diverate .rtbr{display:block;width:100%;padding:0;}
	.section.diverate .rtbc,.section.diverate .rtbc:last-child{padding:10px 0;border-right:none;border-bottom:solid 2px #D8D8D8;}
	
	.maincntr.h .section.diverate{margin:15px 0 0 0;padding:0;max-width:100%}
	
	.section.diverate .box .rnum{font-size:200%}
	.section.diverate .box .rstars{font-size:90%}
	.section.diverate .box .rdesc{padding:0;text-align:justify;}

	.section.diverate .box2 .average-rating{font-size:200%;}
	.section.diverate .box2 .star-rating{font-size:110%}
	.section.diverate .box2 .details-rating{font-size:110%;margin-bottom:10px;}
}


.mediagroups .mediagroup{display:none;}
.mediagroups .mediagroup.active{display:block;}  
.mediagroups .mediagroup .media .lside{text-align:center;border-right:solid 1px #D8D8D8;}
.mediagroups .mediagroup .media .rside{padding-right:30px}
.mediagroups .mediagroup .media .more-rateings-link:hover{cursor:pointer}
.mediagroups .mediagroup .more-comments{display:none;margin:0;padding: 10px;line-height:25px;}
.mediagroups .mediagroup .media .media-avatar{border:solid 2px #D8D8D8;color:#D8D8D8;border-radius:5px;font-size:360%;width:60px;height:60px;display:inline-block;line-height:50px;}
.mediagroups .mediagroup .media .media-user-name{display:block;margin-top:10px;font-weight:bold;}
.mediagroups .mediagroup .media .media-user-avg{display:block;}
.mediagroups .mediagroup .media .media-user-description{margin:10px 0;font-style:italic;}
.mediagroups .mediagroup .media .media-user-dates{font-weight:bold;}

@media(min-width:991px)
{
	.mediagroups .mediagroup .media .rside{padding:0 50px 0 35px}
}

@media(max-width:991px)
{
	.mediagroups .mediagroup .media .lside,.mediagroups .mediagroup .media .rside{padding:0 25px;border:none;}
	.mediagroups .mediagroup .media .media-user-dates{text-align:center;border-top:solid 2px #D8D8D8;margin-top:5px;padding-top:10px;font-size:14px;}
	.mediagroups .mediagroup .media .media-user-dates .media-user-avg{font-size:100%;}
	.mediagroups .mediagroup .media .media-user-description{font-size:14px;}	
}



.maincntr.h .mindts{padding:0 15px;margin-top:10px;margin-bottom:-10px;font-size:13px}
.maincntr.h .mindts a{color:#00BFBB;text-decoration:underline;font-size:12pt}
.maincntr.h .mindts a:hover{background:#00BFBB;color:#fff;}

@media(max-width:991px)
{
	.maincntr.h .mindts{padding: 15px 0;background:#fff;margin-top:0;font-size:14px}
}
.personicon{margin-right:3px;color:#f1b800;cursor:default}
.personicon.small{font-size:150%}
.personicon.big{font-size:200%}


/* Külső keret és alapstílus */
.table {
  /*border: 1px solid #dee2e6 !important;*/  /* Kék színű vastag keret */
  border-radius: 8px !important;          /* Kerekített sarkok */
  overflow: hidden !important;            /* A kerekítés miatt */
}

/* Cellák keretei (a table-bordered miatt) */
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6 !important;   /* Világosszürke belső vonalak */
}

/* Zebrasávos háttérszínek (a table-striped miatt) */
.table-striped tbody tr:nth-child(odd) {
  background-color: rgba(74, 111, 165, 0.05) !important;  /* Világoskék sávok */
}

/* ROOM BOX STYLES */
.hotel-rooms-section { max-width: 1100px; margin: 0 auto; }
.room-container { 
    border: 1px solid #ddd; 
    padding: 15px; 
    border-radius: 10px; 
    background: #fff; 
    margin-bottom: 20px; 
    box-shadow: 0px 5px 8px #aaa;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.room-illustration-note {
    font-size: 16px;
    font-weight: normal;
    color: #777;
}

.room-info { 
    flex: 0 0 58.33333333%; 
    max-width: 58.33333333%; 
    padding-right: 15px; 
}
.room-info h4 { margin-top: 0; }
.room-gallery { 
    flex: 0 0 41.66666667%; 
    max-width: 41.66666667%; 
    padding-left: 15px; 
}
.room-gallery img { height: 250px !important; width: 100% !important; object-fit: cover !important; border-radius: 4px; }

.room-gallery .swiper-container { overflow: hidden; position: relative; }
.room-gallery .swiper-button-prev,
.room-gallery .swiper-button-next { color: #fbbd0a; text-shadow: 0 0 3px rgba(0,0,0,0.5); }

@media (max-width: 768px) {
    .room-info, .room-gallery {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .room-gallery { margin-top: 15px; }
}