*,*::before,*::after{box-sizing:border-box}:root{--green: #06372a;--gold: #f9c26f;--blue: #212459;--white: #eee;--red: #5e1e05;--semiwhite: #eeeeee80}html,body{padding:0;margin:0;height:100%;font-family:"Roboto",sans-serif;font-size:16px;background-color:var(--green);color:var(--white)}img{display:inline-block}img.divider{display:inline-block;height:22px}h1,h2,h3,h4,h5,h6,p{margin:0}p{line-height:1.35}.tac{text-align:center !important}.tar{text-align:right !important}.mb0{margin-bottom:0 !important}.gold{color:var(--gold)}.w{width:calc(100% - 2rem);max-width:900px;margin-left:auto;margin-right:auto}header .top-1{background-color:var(--blue);text-align:center;font-size:.82rem;padding:.5rem 1rem;border-bottom:1px solid var(--semiwhite);display:flex;justify-content:space-between;align-items:center}header .top-1 a{color:var(--white);text-decoration:none}header .top-1 a:hover{text-decoration:underline}header .top-1 :first-child{flex:1 1 auto;text-align:center}header .top-1 :last-child a{margin-left:.5rem}header .top-1 .langs img{display:inline-block;height:12px;margin-bottom:-1px;border:1px solid var(--semiwhite)}header .top-2{padding:.5rem 1rem;background-color:var(--green);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--semiwhite)}header .top-2 .brand img.logo{height:62px}header .top-2 .brand img.shield{height:52px;margin-left:10px}header .top-2 .menu{position:relative}header .top-2 .menu a{font-size:.9rem;color:var(--white);text-decoration:none;margin-left:1rem}header .top-2 .menu a.active{color:var(--gold)}header .top-2 .menu a:hover{color:var(--gold)}header .top-2 .menu .menu-closer{display:none;position:absolute;top:1rem;right:1rem;font-size:2.2rem;cursor:pointer}header .top-2 .menu-opener{display:none;font-size:1.4rem;cursor:pointer}@media(max-width: 680px){header .top-2 .menu{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background-color:var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 300ms ease-out;transform-origin:center top;transform:scaleY(0);opacity:0}header .top-2 .menu .menu-closer{display:block}.menu-open header .top-2 .menu{transform:none;opacity:1}header .top-2 .menu a{font-size:1.2rem;margin:1rem 0;padding:.5rem}header .top-2 .menu-opener{display:block}}body.scrolled{padding-top:85px}body.scrolled header .top-2{position:fixed;z-index:90;top:0;width:100%}main{min-height:60vh}section.hero{position:relative;height:calc(100vh - 145px)}section.hero .logo{position:absolute;z-index:50;left:50%;top:50%;transform:translate(-50%, -50%)}section.hero .logo h3{color:var(--gold);font-size:clamp(2rem,6vw,3rem);font-weight:700;text-shadow:0 0 9px rgba(0,0,0,.99)}section.hero .logo img{width:clamp(100px,20vw,150px);filter:drop-shadow(0 0 15px rgba(0, 0, 0, 0.6))}section.hero .slide{width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat}section.hero-2{position:relative;height:250px}section.hero-2 img.slide{height:100%;border-left:1px solid var(--semiwhite);border-right:1px solid var(--semiwhite)}section.refugees{background-color:var(--red);padding:2rem 0;text-align:center}section.refugees h4{margin-bottom:.75rem;font-weight:400}section.refugees p{font-weight:300;color:var(--gold)}section.about{padding:2rem 0}section.about h2{text-align:center;color:var(--gold);margin-bottom:3rem}section.about p{font-weight:300;text-align:justify;margin-bottom:1rem}section.about p a{color:var(--gold);text-decoration:none}section.about p a:hover{text-decoration:underline}@media(max-width: 680px){section.about p{text-align:unset}}section.about ul{font-weight:300;line-height:1.35}section.about b{font-weight:700;color:var(--gold)}section.about button{outline:none;border:1px solid var(--gold);background-color:var(--gold);border-radius:4px;color:var(--green);padding:.75rem 1rem .5rem 1rem;margin:1rem 0;font-weight:700;cursor:pointer;transition:all 300ms ease-out}section.about button:hover{background-color:var(--green);color:var(--gold)}section.about .cols{display:flex;justify-content:space-between;align-items:start;margin:2rem 0}section.about .cols .col{flex:0 0 calc(50% - 2rem)}@media(max-width: 680px){section.about .cols{flex-direction:column}}.room{border:1px solid var(--semiwhite);border-radius:10px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.3);margin-bottom:2rem}.room .header{background-color:rgba(0,0,0,.2);color:var(--gold);font-weight:400;font-size:1.25rem;text-align:center;padding:.5rem .75rem;border-bottom:1px solid var(--semiwhite)}.room .body{display:flex;justify-content:space-between;align-items:stretch}.room .body .photos{position:relative;flex:0 0 320px;border-right:1px solid var(--semiwhite)}.room .body .photos .photo{position:absolute;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat}.room .body .info{flex:1 1 auto;padding:.75rem}.room .body .info button{margin-bottom:0}@media(max-width: 720px){.room .body{flex-direction:column}.room .body .photos{flex:0 0 260px;height:260px;width:100%;border-right:none;border-bottom:1px solid var(--semiwhite)}.room .body .photos .photo{top:0;right:0;bottom:0;left:0}}.w-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background-color:var(--green);opacity:0;transform:scale(0);transition:opacity 300ms ease-out,transform 300ms ease-out}.w-full img{display:block;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.w-full-closer{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8);cursor:pointer}body.fullopen{overflow:hidden}body.fullopen .w-full{opacity:1;transform:none}footer{border-top:1px solid var(--semiwhite);padding:2rem 0;font-weight:300}footer .cols{display:flex;justify-content:space-around;align-items:flex-start}@media(max-width: 680px){footer .cols{flex-direction:column;align-items:center}footer .cols .col{margin-bottom:1rem}footer .cols a{text-align:center}}footer a{display:block;margin-bottom:.5rem;color:var(--semiwhite);text-decoration:none;font-size:.85rem}footer a:hover{color:var(--white);text-decoration:underline}footer .logo{margin-top:2rem;text-align:center;font-size:.85rem;color:var(--semiwhite)}footer .logo img{width:150px;margin-bottom:1rem}section.booking{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:none}section.booking .shader{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);backdrop-filter:blur(6px)}section.booking .form{position:absolute;z-index:2;background-color:var(--green);border-radius:10px;border:1px solid var(--gold);padding:2.5rem 1rem 1rem 1rem;width:480px;height:calc(100vh - 60px);left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:0 0 12px rgba(0,0,0,.4)}section.booking .form .content{padding-right:.1rem;height:100%;overflow-y:auto}section.booking .form .content .totalsum{font-weight:700;color:var(--gold)}section.booking .form .form-closer{position:absolute;top:.5rem;right:.5rem;font-size:2rem;cursor:pointer}@media(max-width: 680px){section.booking .form{border:none;border-radius:0;width:100%;height:100%}}.form-open section.booking{display:block}label,input,select,textarea{display:block;width:100%;margin:.5rem 0 1rem 0}input,select,textarea{outline:none;border:1px solid var(--gold);border-radius:4px;background-color:var(--gold);color:var(--green);padding:.25rem .5rem;min-height:2rem;resize:none;-webkit-appearance:none}button.do-book{outline:none;border:1px solid var(--gold);border-radius:4px;background-color:var(--green);color:var(--gold);padding:.75rem 1rem .5rem 1rem;margin:1rem auto;width:100%;font-weight:700;cursor:pointer;transition:all 300ms ease-out}button.do-book:hover{background-color:var(--gold);color:var(--green)}.youtube{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid #ccc}.youtube::before{content:"";display:block;padding-top:56.25%}.youtube iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}section.google-maps{position:relative;height:clamp(280px,45vw,450px)}section.google-maps iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.flickity-button{opacity:.3}.flickity-button:hover{opacity:.5}