@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
    --heading-font:"Plus Jakarta Sans", sans-serif;
	 --brand-color1: #21a1a7;
     --brand-color1-darker: #12787e;
     --brand-color1-light: #34c3ca;
	 --boxbg1: #f1f1f1;
	 --boxbg1HOVER: #e6e6e6;
}

.bigpromo2 .info .title H1 {font-weight: 600;}
.hometext .htleft .title {font-weight: 600;}

.head .hlogo .hlicon {background-image:url(/pictures/microsites/1/253/open_hotel_logo.png); width: 220px; height: 70px;}
.head .hlogo .hlicon {width: 270px; height: 100px; margin-top: -24px;}
.headcontainer .hlogo {line-height: 0;}
.headcontainer .hlogo IMG {content:url(/pictures/microsites/1/253/open_hotel_logo.png); height:58px; filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(26%) hue-rotate(262deg) brightness(108%) contrast(108%);}
.headcontainer2 .hlogo IMG {filter: unset;}
.lighthead .lhlogo .hlogo {width: 230px; height: 110px; background-image:url(/pictures/microsites/1/253/open_hotel_logo.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.mobilemenu .mobilemenucontainer .mmhead .mmhlogo IMG {content: url(/pictures/microsites/1/253/open_hotel_logo.png); height: 58px; margin-top: -3px;}
.footer .ftop .fhotelinfo .fhotellogo .fhlogo {width:160px; height:90px; background-size:contain; background-image:url(/pictures/microsites/1/253/open_hotel_logo.png); background-repeat:no-repeat;}

.bigpromo2 .info .note {color: #d8e5d6;}

.headcontainer .hmenu .menutabs LI .menuitem {font-family:var(--heading-font); font-weight:600; background-image: linear-gradient(45deg, rgba(116, 197, 105,0.3) 50%, transparent 50%);}
.headcontainer .hnav .hbooking A {font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: 1px;}
.screen .cover {background: linear-gradient(100deg, rgba(20,20,20,.93) 0%, rgba(24,24,24,.84) 32%, rgba(35,35,35,.52) 62%, rgba(35,35,35,.24) 100%), linear-gradient(180deg, rgba(20,20,20,.30) 0%, transparent 30%, rgba(20,20,20,.58) 100%);}

.screenstart {background-image:url(/pictures/microsites/1/253/openhotel_hero1.jpg);}

.guestreviewsection {background-color: #f2f2f2;}

.loyaltysection {background-color: #f2f2f2;}
.loyaltyblock {color: #242424;}
.loyaltyblock .loyinfo .label {background-color: #e3e3e3;}
.loyaltyblock .loyinfo .text {color: #242424;}
.loyaltyblock .loyinfo .note {color:#242424; font-size: 1rem; line-height: 2rem;}
.loyaltyblock .loyregpanel .icon .iconbox {background-color: #e3e3e3;}
.loyaltyblock .loyregpanel .icon .iconbox .svgicon {filter: brightness(0) saturate(100%) invert(32%) sepia(13%) saturate(17%) hue-rotate(326deg) brightness(93%) contrast(95%);}
.loyaltyblock .loyregpanel .topnote {background-color: #e3e3e3;}
.loyaltyblock .loyinfo .note UL LI::before {background-color: #5d6d54;}

.factsbynumbers .dataline .title {color: #111827;}
.factsbynumbers .dataline .text {color: #535c70;}

.roombox1 .info {background-color: var(--boxbg1);}
.roombox1:HOVER .info {background-color: var(--boxbg1HOVER);}

.promobox2blockcontainer {background-color: var(--boxbg1);}

.ratebox1 .info {background-color: var(--boxbg1);}
.ratebox1:HOVER .info {background-color: var(--boxbg1HOVER);}
.ratebox1 .info .infotop .tags .tag {background-color: #afd3ab; color: #2e3f24;}
.ratebox1 .info .infotop .extra .extraitem {background-color: #f84760;}

.infoboxblock1 {padding:0px; background-color: #f1f1f1; margin-bottom: 50px;}

.reviewright .piccont .pic IMG {content:url(/pictures/fotoalbumok/8/1429/33458n.jpg); width:600px; height:600px;}

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

    .loyaltyblock .loyinfo .note {font-size: 0.9rem; line-height: 1.6rem;}   
}