@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:100;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-100.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:200;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-200.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:300;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-300.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:400;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:500;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-500.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:600;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-600.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:700;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-700.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:800;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-800.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Geologica';font-style:normal;font-weight:900;src:url(https://sunilios.gr/wp-content/themes/sunilios/./fonts/geologica-v5-greek_latin-900.woff2) format('woff2')}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--background-color)}:root{--font-family:'Geologica';--background-color:#F9F2EE;--blue-color:#2B3C72;--orange-color:#F1B863;--filter-color:rgba(5, 20, 50, 0.4);--fluent-color:rgba(43, 60, 114, 0.5)}h1{font-size:clamp(4rem, calc(1.6rem + 2.2vw), 6rem);line-height:1.1;font-weight:400;color:var(--blue-color)}h2{font-size:clamp(1.875rem, calc(1.4rem + 1.6vw), 2.5rem);line-height:1.15;font-weight:400;color:var(--blue-color)}h3{font-size:clamp(1.5rem,  calc(1.2rem + 1.1vw), 1.5rem);line-height:1.2;font-weight:400;color:var(--blue-color)}h4{font-size:1.25rem;line-height:1.25;font-weight:500}h5{font-size:1.125rem;line-height:1.35;font-weight:500}h6{font-size:1rem;line-height:1.45;font-weight:600}p,ul li{font-size:1.25rem;line-height:1.25;font-weight:300}.pagewrap{width:100%;position:relative;padding:0 20px}.grid-2-elements{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.grid-3-elements{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;row-gap:40px}.grid-4-elements{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;row-gap:40px}.grid-right-bigger{display:grid;grid-template-columns:0.4fr 1fr;gap:20px}.grid-left-bigger{display:grid;grid-template-columns:1fr 0.4fr;gap:20px}.content{width:100%;position:relative;display:flex;flex-direction:column;gap:20px}.content ul,.content ol{padding-left:20px}.content ul li,.content ol li{padding-bottom:5px}.blue{background-color:var(--blue-color)}.margin120{margin:120px 0}.padding80{padding-top:80px}.paddingBottom80{padding-bottom:80px}.width1920{max-width:1920px;margin-left:auto;margin-right:auto}.button-white-border{width:fit-content;display:flex;padding:17px 35px;border:2px solid var(--background-color);font-size:1rem;line-height:1.2;font-weight:500;color:var(--background-color);border-radius:60px;text-decoration:none;transition:0.2s ease}.button-white-border:hover{background-color:var(--background-color);color:var(--blue-color);transition:0.2s ease}.button-blue-border{width:fit-content;display:flex;padding:17px 35px;border:2px solid var(--blue-color);font-size:1rem;line-height:1.2;font-weight:500;color:var(--blue-color);border-radius:60px;text-decoration:none;transition:0.2s ease}.button-blue-border:hover{background-color:var(--blue-color);color:var(--background-color);transition:0.2s ease}.top-button{color:var(--orange-color);cursor:pointer;transition:0.2s ease}.top-button:hover{opacity:.7;transition:0.2s ease}.blue-line{position:relative;width:100%;padding-left:20px;padding-right:20px}.blue-line img{width:100%;object-fit:cover}header{width:100%;position:fixed;padding:10px 0;top:0;left:0;z-index:100;transition:0.2s ease}header .pagewrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.header-left{display:flex;flex-direction:column;gap:10px;margin:25px auto 0 0}.menu-button{width:42px;height:28px;display:flex;flex-direction:column;gap:5px;transition:0.2s ease;cursor:pointer}.menu-button span{width:100%;height:6px;display:flex;transition:0.2s ease}.menu-button span img{width:100%;height:100%;object-fit:cover}.heart{width:24px;height:24px}.heart img{width:100%;height:100%}header .languages ul{list-style:none}header .languages ul li a{color:var(--orange-color);text-decoration:none;transition:0.2s ease}header .languages ul li a:hover{opacity:.7;transition:0.2s ease}.header-center{margin:0 auto}.header-center a{display:flex}.header-center a img{max-width:200px}.header-right{margin:25px 0 0 auto}.header-right a{color:var(--orange-color);text-decoration:none}header.onMoving{background-color:var(--filter-color);transition:0.2s ease}header.onMoving .header-left{flex-direction:row;gap:20px}header.onMoving .header-left .heart{display:none}header.active .header-left .languages,header.active .header-left .heart{display:none}header.active .menu-button span:nth-child(1){transform:rotate(45deg) translateX(10px) translateY(5px);transition:0.2s ease}header.active .menu-button span:nth-child(2){opacity:0;visibility:hidden;transition:0.2s ease}header.active .menu-button span:nth-child(3){transform:rotate(-45deg) translateX(9px) translateY(-6px);transition:0.2s ease}header.onMoving.active{background-color:var(--blue-color)}.hero-section{width:100%;height:100dvh;position:relative}.hero-section .hero-section-element{width:100%;height:100%}.hero-section .hero-section-element img{width:100%;height:100%;object-fit:cover}.hero-section .hero-section-background{width:100%;height:100%;position:absolute;top:0;left:0;;z-index:1}.hero-section .hero-section-title{position:absolute;bottom:0;left:0;padding:40px 20px;z-index:2}.hero-section .hero-section-title h1{color:var(--orange-color)}.hero-section .hero-section-element video,video{width:100%;height:100%;object-fit:cover}.about-section{width:100%;position:relative;padding-bottom:40px}.about-section-top .titles{display:flex;justify-content:space-between;align-items:center;gap:20px;transition:0.2s ease}.about-section-top .titles h3{color:var(--orange-color)}.about-section-top .titles a{color:var(--orange-color);text-decoration:none;transition:0.2s ease}.about-section-top .titles a:hover{opacity:.7;transition:0.2s ease}.about-section-top .border img{width:100%}.about-section-middle{max-width:1024px;display:flex;flex-direction:column;gap:40px;padding-top:30px}.about-section-middle .content h1,.about-section-middle .content h2,.about-section-middle .content h3,.about-section-middle .content h4,.about-section-middle .content h5,.about-section-middle .content h6{color:var(--background-color)}.about-section-bottom{padding-top:80px}.about-section-bottom .grid-left{margin:auto 0 0 0}.about-section-bottom .grid-left h4{color:var(--orange-color)}.about-section-bottom .grid-left ul li{font-size:clamp(1.5rem,  calc(1.2rem + 1.1vw), 1.5rem);color:var(--background-color)}.about-section-bottom .grid-right{margin-left:auto}.about-section-bottom .grid-right .image{max-width:640px;width:100%;height:auto;aspect-ratio:640/640}.about-section-bottom .grid-right .image img{width:100%;height:100%;object-fit:cover}.about-heart{position:absolute;bottom:30%;left:30%;transform:translate(-30%,-30%)}.about-section.page .about-section-bottom .grid-left{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.about-section.page .about-section-bottom .grid-left .content p{color:var(--background-color)}.rooms-section-top{display:flex;flex-direction:column;gap:40px}.rooms-section-bottom{position:relative;padding-top:90px}.room-card{position:relative}.room-card a{display:flex;flex-direction:column;gap:10px;text-decoration:none}.room-card-top{position:relative;overflow:hidden;transition:0.2s ease}.room-card-top .image{width:100%;height:auto;aspect-ratio:447/321;display:block;overflow:hidden;transition:0.2s ease}.location-page-bottom-elements .room-card-top .image{aspect-ratio:455/330}.room-card-top .image img{width:100%;height:100%;object-fit:cover;transition:0.2s ease}.room-card-bottom .small-title h4{color:var(--blue-color)}.room-card a .image:hover img{transform:scale(1.1);transition:0.2s ease}.room-card a .title:hover h1{opacity:.7;transition:0.2s ease}.rooms-section .swiper{padding:50px 0 70px 0}.rooms-section .swiper-buttons{width:100px;height:40px;position:absolute;top:0;right:0}.rooms-section .swiper-button-next,.rooms-section .swiper-button-prev{width:40px}.rooms-section .swiper-button-next svg,.rooms-section .swiper-button-prev svg{display:none}.rooms-section .swiper-button-next img,.rooms-section .swiper-button-prev img{width:100%}.rooms-section .swiper-pagination{width:100px;bottom:0;left:50%;transform:translate(-50%)}.rooms-section .swiper-pagination-bullet{width:14px;height:14px;background-color:var(--blue-color)!important;opacity:1!important}.rooms-section .swiper-pagination-bullet-active{background-color:var(--orange-color)!important}.location-section{position:relative}.location-section .location-top img,.location-section .location-bottom img{width:100%}.location-section .image{width:100%;height:auto;aspect-ratio:447/559;display:block}.location-section .image img{width:100%;height:100%;object-fit:cover}.location-section .location-grid-right{max-width:900px}.location-section .location-grid-right .content{padding:60px 0 80px 0}.location-page-top-elements .content{padding:50px 0 100px 0}.room-card.card-heart{display:flex;justify-content:center;align-items:center}.roomInside-section h3,.roomInside-section h2{color:var(--background-color)}.roomInside-elements-top .grid-2-elements{gap:50px}.roomInside-elements-top .title{padding-bottom:20px}.roomInside-elements-top .room-title{padding-bottom:40px}.roomInside-elements-top .content{max-width:722px;color:var(--background-color)}.super-big-button{margin:100px 0}.bigBackgroundButton{max-width:500px;height:60px;border-radius:60px;display:flex;justify-content:center;align-items:center;background-color:var(--orange-color);color:var(--background-color);text-decoration:none;transition:0.2s ease}.bigBackgroundButton:hover{opacity:.7;transition:0.2s ease}.roomInside-elements-bottom{margin-top:120px}.roomInside-elements-bottom .mySwiperGallery{padding:50px 40px;overflow:hidden}.roomInside-elements-bottom .gallery-bottom{padding-top:40px}.mySwiperGallery .swiper-slide .image{width:100%;height:auto;aspect-ratio:1200/700;display:block}.mySwiperGallery .swiper-slide .image img{width:100%;height:100%;object-fit:cover}.mySwiperGallery .swiper-button-next{right:0px!important}.contact-section .content,.form{max-width:600px}.ff-default .ff-el-input--label label{font-weight:400!important;color:var(--blue-color)!important}.ff-default .ff-el-form-control{font-size:1rem!important;border-radius:24px!important;border:0px!important;color:var(--fluent-color)!important}.ff-default .ff_btn_style{width:100%!important;border-radius:24px!important;background-color:var(--blue-color)!important;color:var(--background-color)!important;letter-spacing:2px!important;height:52px!important}.lefkada-section .heart-icon{text-align:center}.location-field-elements.reverse .location-field-elements-left{order:0}.location-field-elements.reverse .location-field-elements-right{order:1}.lefkada-top-elements .content{padding:50px 0 100px 0;color:var(--blue-color)}.lefkada-bottom-elements .content{max-width:614px;color:var(--blue-color)}.lefkada-bottom-elements .image{max-width:447px;width:100%;aspect-ratio:447/559;display:block;margin:auto}.lefkada-bottom-elements .image img{width:100%;height:100%;object-fit:cover}.location-field-elements{margin-top:70px}.contact-element-top-title,.contact-element-bottom-top{padding-bottom:30px}.contact-element-top-content{max-width:600px}.contact-element-top-content .element{padding-top:20px;color:var(--blue-color)}.contact-element-top-content .element:nth-child(1){padding-top:0}.contact-element-top-content .element ul{list-style:none}.contact-element-top-content .element ul li{padding-bottom:5px}.contact-element-top-content .element ul li a{color:var(--blue-color);text-decoration:none;transition:0.2s ease}.contact-element-top-content .element ul li a:hover{opacity:.7;transition:0.2s ease}.contact-element-top-content .element.social .element-bottom{padding-top:10px}.contact-element-top-content .element.social ul{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px}.contact-element-top-content .element.social ul li img{transition:0.2s ease}.contact-element-top-content .element.social ul li:hover img{transition:0.2s ease}.contact-element-top-content .element.buttons{display:flex;flex-direction:column;gap:5px}.contact-element-top-content .element.buttons a{max-width:271px;height:60px;display:flex;justify-content:center;align-items:center;color:var(--blue-color);border:2px solid var(--blue-color);border-radius:60px;text-decoration:none;font-size:1.125rem;transition:0.2s ease}.contact-element-top-content .element.buttons a:hover{background-color:var(--blue-color);color:var(--background-color);transition:0.2s ease}.contact-element-bottom{padding-top:50px}.contact-element-bottom .map{max-width:1000px;height:auto;aspect-ratio:1000/550;display:block;margin:auto;border-radius:32px;overflow:hidden}.error{margin:150px 0;padding:0 20px;display:flex;flex-direction:column;gap:20px;color:var(--blue-color)}.error .extra-big-text{font-size:clamp(7.5rem, calc(15vw), 12rem);line-height:1.1}footer{position:relative}.footer-row{width:100%;position:absolute;top:-10px;left:0}.footer-row img{width:100%}.footer-top{width:100%;position:relative}.footer-top-right{margin:auto 0 auto auto}.footer-top-right a{font-size:1rem;color:var(--orange-color);text-decoration:none;transition:0.2s ease}.footer-top-right a:hover{opacity:.7;transition:0.2s ease}.footer-middle{position:relative;padding:50px 0 100px 0}.footer-middle .footer-middle-left{display:flex;gap:150px}.footer-middle .element{display:flex;flex-direction:column;gap:20px;color:var(--orange-color)}.footer-middle .element ul{list-style-type:none}.footer-middle .element ul li{padding-bottom:5px}.footer-middle .element ul li a{color:var(--orange-color);text-decoration:none;transition:0.2s ease}.footer-middle .element ul li a:hover{opacity:.7;transition:0.2s ease}.footer-middle .element.contact ul li:last-child{padding-top:40px}.footer-middle .element ul.language{display:flex;gap:10px;padding-top:40px}.footer-middle .element ul.language li:last-child{padding-top:0}.footer-middle .footer-middle-right .element.social .element-bottom ul{padding-top:10px;display:flex;gap:10px;flex-wrap:wrap;transition:0.2s ease}.footer-middle .footer-middle-right .element.social .element-bottom ul li:hover img{transform:scale(1.1);transition:0.2s ease}.footer-bottom{width:100%;position:relative;padding:40px 0 20px 0}.footer-bottom-right{margin-left:auto}.footer-bottom span,.footer-bottom span a{font-size:1rem;color:var(--orange-color);text-decoration:none;transition:0.2s ease}.footer-bottom span a:hover{opacity:.7;transition:0.2s ease}#overlay{width:100%;height:0dvh;position:fixed;top:0;left:0;background-color:var(--blue-color);opacity:0;visibility:hidden;z-index:99}.overlay-inside{width:100%;height:100%;position:relative;overflow:auto}.overlay-inside .grid-2-elements{width:100%;height:100%;position:relative;gap:0}.overlay-inside .overlay-inside-left,.overlay-inside .overlay-inside-right{width:100%;height:100%}.overlay-inside .overlay-inside-right img{width:100%;height:100%;object-fit:cover}.overlay-inside .overlay-elements{width:100%;height:100%;position:relative;max-width:550px;padding:130px 20px 40px 20px}.overlay-inside .overlay-elements .element{padding-top:20px;color:var(--orange-color)}.overlay-inside .overlay-elements .element ul{list-style:none}.overlay-inside .overlay-elements .element ul li{padding-bottom:5px}.overlay-inside .overlay-elements .element ul li,.overlay-inside .overlay-elements .element ul li a{color:var(--orange-color);text-decoration:none;transition:0.2s ease}.overlay-inside .overlay-elements .element ul li a:hover{opacity:.7;transition:0.2s ease}.overlay-inside .overlay-elements .element.social ul{display:flex;gap:10px;padding-top:10px}.overlay-inside .overlay-elements .element.buttons{display:flex;flex-direction:column;gap:10px}.overlay-inside .overlay-elements .element.buttons a{max-width:271px;height:60px;display:flex;justify-content:center;align-items:center;color:var(--background-color);border:2px solid var(--background-color);border-radius:60px;text-decoration:none;font-size:1.125rem;transition:0.2s ease}.overlay-inside .overlay-elements .element.buttons a:hover{background-color:var(--background-color);color:var(--blue-color);transition:0.2s ease}.overlay-inside .element ul.menu li a span{font-size:2rem}#overlay.open{height:100dvh;opacity:1;visibility:visible}@media screen and (max-width:550px) and (min-width:200px){header.onMoving .header-center{margin:auto}.header-center img{max-width:150px}header.onMoving .header-right{margin:auto 0 auto auto}}@media screen and (max-width:720px) and (min-width:200px){.about-section-bottom .grid-2-elements{grid-template-columns:1fr}.about-section-bottom .grid-left{order:1}.about-section-bottom .grid-right{order:0;margin:0}.about-section-bottom .grid-right .image{max-width:100%}}@media screen and (max-width:800px) and (min-width:200px){.location-section .location-grid-right .content{padding:20px 0 60px 0}}@media screen and (max-width:750px) and (min-width:200px){.location-section .grid-right-bigger{grid-template-columns:1fr}.contact-section .grid-2-elements{grid-template-columns:1fr}}@media screen and (max-width:900px) and (min-width:200px){.roomInside-elements-top .grid-2-elements{grid-template-columns:1fr;gap:50px}.super-big-button{margin:50px 0}}@media screen and (max-width:1150px) and (min-width:651px){.location-page-bottom-elements .grid-3-elements{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:650px) and (min-width:200px){.location-page-bottom-elements .grid-3-elements{grid-template-columns:repeat(1,1fr)}.room-card.card-heart{justify-content:end;margin-top:50px}}@media screen and (max-width:720px) and (min-width:200px){.location-field-elements .grid-2-elements{grid-template-columns:1fr}.location-field-elements .location-field-elements-left{order:1}.location-field-elements .location-field-elements-right{order:0}.location-field-elements.reverse .location-field-elements-left{order:0}.location-field-elements.reverse .location-field-elements-right{order:1}.lefkada-bottom-elements .content{max-width:100%}}@media screen and (max-width:550px) and (min-width:200px){.lefkada-bottom-elements .image{max-width:100%}}@media screen and (max-width:780px) and (min-width:200px){.contact-element-top .grid-2-elements{grid-template-columns:1fr;gap:70px}.contact-element-top-content{max-width:100%}}@media screen and (max-width:900px) and (min-width:731px){.footer-middle .grid-left-bigger{grid-template-columns:repeat(2,1fr);gap:100px}}@media screen and (max-width:730px) and (min-width:200px){.footer-middle .grid-left-bigger{grid-template-columns:1fr;row-gap:50px}}@media screen and (max-width:501px) and (min-width:441px){.footer-middle .footer-middle-left{gap:50px}}@media screen and (max-width:440px) and (min-width:200px){.footer-middle .footer-middle-left{display:grid;grid-template-columns:1fr;gap:50px}}@media screen and (max-width:500px) and (min-width:200px){.footer-bottom .grid-2-elements{grid-template-columns:1fr;gap:20px}.footer-bottom-right{margin:0}}@media screen and (max-width:900px) and (min-width:200px){.overlay-inside .grid-2-elements{grid-template-columns:1fr}.overlay-inside .overlay-inside-right{display:none}}@media screen and (max-width:800px) and (min-width:200px){.margin120{margin:80px 0}.padding80{padding-top:60px}.paddingBottom80{padding-bottom:60px}.location-section.margin120{margin:80px 0 0 0}.location-page-top-elements .content{padding:50px 0 80px 0}}