@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Ubuntu:wght@300;400;500&display=swap');
/* CSS Document */
body{
	font-family: 'Ubuntu', sans-serif;
}
.cc-revoke, .cc-window{
	z-index:999999 !important;
}
.cc-floating.cc-theme-edgeless .cc-message {
    margin: 1em 2em 1em;
	font-size: .81em !important;
    line-height: normal;
}
.cc-window h3{
	font-size: 1.3em !important;
    margin-bottom: .4em !important;
    margin-top: 0;
}
#cookieconsent:desc{
	font-size: .81em !important;
    line-height: normal;
}
.cc-btn{
	font-size:.7em !important;
	padding: .1em .8em !important;
}
.mob-nav{
	display:none;
}
html:lang(el) body{
	font-family: 'Ubuntu', sans-serif;
}
strong{
	font-weight:600;
}
html:lang(el) strong{
	font-weight:500;
}
.lang{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
}
.bx-wrapper .bx-controls-direction a{
	transition:none;
}
#sidebar{
	padding:0;
	background:none;
	width:100%;
	height:auto;
	z-index: 99999;
}
.sidebar-wrapper{
	background-color:rgba(255,255,255,.95);
	height:100%;
	position:relative;
	padding:0;
	display:flex;
	justify-content: center;
	align-items:center;
}
#sidebar .sidebar-header{
	background-color:transparent;
	padding:0px;
	margin-left:30px;
	margin-right:30px;
}
#sidebar figure{
    margin-bottom: -10px;
    background-color: #fff;
    padding: 7px;
	border-radius:50%;
}
.away-from-top figure{
	margin-bottom:-33px !important;
}
#sidebar figure img{
	display:block;
	width:140px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.away-from-top figure img{
	width:100px !important;
}

#sidebar ul li.active>a, a[aria-expanded="true"]{
	background-color:transparent;
	color:#02468d;
}
.lang img{
	max-width:20px;
}
.lang ul{
	text-align: left;
    width: 100%;
    display: block;
}
.lang ul li{
	display:inline-block;
	position:relative;
}
.lang ul li a{
	padding:0 !important;
}
.lang ul li:first-child,.lang ul li:nth-child(2){
	padding-right:5px;
	margin-right:5px;
}

#sidebar ul.components{
	border-bottom:none;
	margin-bottom:0;
	text-align:right;
	width:380px;
	padding:50px 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.away-from-top ul.components{
	padding:20px 0 !important;
}
	
#sidebar ul.components:nth-child(4){
	text-align:left;
}
#sidebar ul.components li{
	display:inline-block;
	position:relative;
}
#sidebar ul.components li:after{
	content: "\2022";
    position: absolute;
    right: -4px;
    top: 10px;
    color: #02468d;
    line-height: 1em;
}
#sidebar ul.components li:last-child::after{
	display:none;
}
#sidebar ul.components a{
	color: #29a6df;
    text-transform: uppercase;
    padding: 6px 10px;
    font-size: 1em;
    font-weight: 500;
}
#sidebar ul li a:hover {
    color: #02468d;
    background: none;
}
.navbar{
	display:none !important;
}
#content{
	width: 100%;
	padding:80px;
}
.pink-txt{
	color:#29a6df;
}
.sidebar-footer{
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
}
.sidebar-footer p{
	margin-bottom:0;
	font-size:.8em;
	line-height:1.2em;
	font-weight:400;
	color:#fff;
}
.sidebar-footer p a:hover{
	color:#29a6df;
}
.book,.links-bar{
	background: rgb(209,130,164);
	background: -moz-linear-gradient(top, rgba(209,130,164,1) 0%, rgba(147,54,92,1) 100%);
	background: -webkit-linear-gradient(top, rgba(209,130,164,1) 0%,rgba(147,54,92,1) 100%);
	background: linear-gradient(to bottom, rgba(209,130,164,1) 0%,rgba(147,54,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d182a4', endColorstr='#02468d',GradientType=0 );
	display:block;
	padding:15px;
	margin-top:10px;
}
.book:hover{
	color:#282a65;
}
.book{
	display:block;
	padding:15px;
	margin-top:10px;
	text-transform:uppercase;
}
.links-bar{
	margin-bottom:0;
	text-align:center;
	padding:10px 15px !important;
}
.links-bar li{
	display:inline-block;
	list-style-type:none;
	text-align:center !important;
	padding-left: 60px !important;
}
.links-bar li:first-child{
	padding-left:0 !important;
}
.links-bar li a{
	color:#fff;
	text-transform:uppercase;
	font-size:.9em;
	text-align:center !important;;
}
.links-bar li a:hover{
	color:#282a65;
}
.links-bar li a small{
	display: block;
    font-size: .7em;
    margin-bottom: -5px;
	color:#282a65;
}
#content section figure, #map{
	height:calc(100vh - 160px);
	margin-bottom:0;
	overflow:hidden;
	z-index:1;
}
#map{
	height:calc(70vh - 80px);
}
#content section figure .bx-wrapper{
	height:100%;
	overflow:hidden;
	    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
#content section article{
	width:80%;
	text-align:center;
	margin:auto;
	float:none;
	max-width:1000px;   
	z-index: 9999;
    margin-top: -60px;
    padding: 20px;
	position:relative;
	background-color:#eaf3f8;
}
#content section#welcome article{
	margin-top:80px;
}
#content section#contact article{
	margin-top:0px;
}
#content section{
	margin-bottom:80px;
}
#content #contact{
	margin-bottom:0;
}
#content section h1{
	font-weight:400;
	color:#29a6df;
	font-size:3em;
	margin-bottom:10px;
	font-family: 'Allura', cursive;
}
#content section#contact h1{
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	font-size:1.5em;
}
html:lang(el) #content section h1{
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:2.3em;
}
#content section h1 small{
	display:block;
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	font-size:.4em;
	color:#02468d;
}
html:lang(el) section h1 small{
	font-size:.52em;
}
#content section h2{
	font-weight:500;
	color:#272b68;
	font-size:1.5em;
	margin-bottom: 10px;
    margin-top: 40px;
}
#content section#contact h2{
	margin-bottom:10px;
}
#content section p,#content section li{
	color:#272b68;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:1em;
}
#content section#rates p{
	font-size:1.2em;
	margin-bottom:10px;
}
html:lang(el) #content section p,html:lang(el) #content section li{
	font-family: 'Ubuntu', sans-serif;
}
.arrow-txt:hover{
	cursor:pointer;
}
#content section#contact p{
	margin-bottom:30px;
}
#content section ul{
	padding-left:0;
}
#content section li{
	list-style-type:none;
	text-align:left;
	position:relative;
	padding-left:18px;
}
#content section li:before{
	content: '\2022';
    color: #02468d;
    font-size: 1em;
    position: absolute;
    left: 0px;
    top: 3px;
    line-height: 1em;
}
html:lang(el) #content section li:before{
	font-size:1em;
	top: 4px;
}
#content section .links-bar li:before,#content section#welcome li:before{
	display:none;
}
#content section .links-bar li:first-child:before{
	display:none;
}
.rates-wrapper{
	margin-bottom:20px;
}
.rates-header span{
	display:block;
}
.rates-wrapper > div{
	margin-bottom:0;
	padding: 1px 5px 0px 5px;
}
.rates-wrapper > div >div{
	display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(147, 54, 92, 0.4);
    padding: 6px 3px 5px;
    width: calc(20% - 1px);
    margin-right: 1px;
}
.rates-wrapper > div >div p {
    margin-bottom: 0;
    font-size: .9em !important;
    width: 100%;
    line-height: normal;
}
.rates-wrapper > div >div span{
	display:block;
	font-size:.9em;
}
.btn-primary{
	background-color: #02468d;
    border-color: #02468d;
	font-size: 1.2em;
    padding: 10px 20px;
}
.btn-primary:hover {
    background-color: #29a6df;
    border-color: #29a6df;
}
.bx-wrapper .bx-pager{
	bottom:75px;
}
#welcome .bx-wrapper .bx-pager{
	bottom:20px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background-color:#ccc;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background-color:#fff;
}
.bx-wrapper img,#content section figure img{
	opacity:0;
	display:none;
}
.bx-wrapper li,.bx-wrapper ul,.bx-viewport{
	height:100% !important;
}
.bx-wrapper li,#content section figure{
	background-position:center center;
	background-size:cover;
}
.bx-wrapper li:first-child{
	background-image:url(../img/gallery/nikos-rooms-folegandros-02.jpg);
	background-position:center top;
}
.bx-wrapper li:nth-child(2){
	background-image:url(../img/gallery/nikos-rooms-folegandros-03.jpg);
}
.bx-wrapper li:nth-child(3){
	background-image:url(../img/gallery/nikos-rooms-folegandros-01.jpg);
}
.bxslider2 li:first-child{
	background-image:url(../img/gallery/nikos-rooms-folegandros-1-07.jpg);
}
.bxslider2 li:nth-child(2){
	background-image:url(../img/gallery/nikos-rooms-folegandros-2-09.jpg);
}
.bxslider2 li:nth-child(3){
	background-image:url(../img/gallery/nikos-rooms-folegandros-3-14.jpg);
}
.bxslider3 li:first-child{
	background-image:url(../img/gallery/nikos-rooms-folegandros-2-02.jpg);
	background-position:center;
}
.bxslider3 li:nth-child(2){
	background-image:url(../img/gallery/nikos-rooms-folegandros-1-10.jpg);
}
.bxslider3 li:nth-child(3){
	background-image:url(../img/gallery/nikos-rooms-folegandros-3-12.jpg);
}
#content section#location figure{
	background-image: url(../img/gallery/nikos-rooms-folegandros-1-07.jpg);
}
#content section#accommodation figure{
	background-image: url(../img/gallery/nikos-rooms-folegandros-3-15.jpg);
}
#content section#facilities figure{
	background-image:url(../img/gallery/nikos-rooms-folegandros-04.jpg);
}
#content section#rates figure{
	background-image:url(../img/gallery/nikos-rooms-folegandros-05.jpg);
}
.gallery-link{
	width:20%;
	display:inline-block;
	padding:1px;
	box-sizing:border-box;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.gallery-link:hover{
	opacity:.7;
}
.gallery-link img{
	width:100% !important;
}
#content section#contact figure{
	height: auto;
    text-align: center;
    margin-bottom: 32px;
    margin-top: -113px;
	width:200px;
	background-color:#fff;
	border-radius:50%;
	padding:7px;
	margin-left:auto;
	margin-right:auto;
}
#content section#contact figure img{
	display: inline-block;
	opacity:1;
	width:100%;
	max-width:200px;
}
.social-link a{
	font-size:1.5em;
	color:#29a6df;
}
#content section form input,#content section form select,#content section form textarea{
	display:block;
	width:100%;
	padding:5px;
	box-sizing:border-box;
	background-color:rgba(218, 214, 214, 0.15);
	outline:none;
	border:1px solid rgba(218, 214, 214, 0.5);
	font-size:13px;
	height:30px;
	margin-bottom:4px;
	border-radius:2px;
	color:#272b68;
}
#content section form textarea{
	height:150px;
}
#content section form .row > div:first-child{
	padding-right:2.5px;
}
#content section form .row > div:last-child{
	padding-left:2.5px;
}
.credits{
	position: absolute;
    font-size: .6em;
    bottom: 10px;
    right: 40px;
}
.credits a{
	color:#aaa;
}
.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 10px;
  left: 0;
  right : 0;
  height: 80px;
  background: transparent;
}
.rates-mob{
	display:none;
}
.fancybox-thumbs > ul > li {
  border-color: transparent;
}

.fancybox-container--thumbs .fancybox-caption-wrap, 
.fancybox-container--thumbs .fancybox-controls, 
.fancybox-container--thumbs .fancybox-slider-wrap {
  right: 0;
  bottom: 90px;
}
.fancybox-container{
	z-index:999999;
}
@media only screen and (max-width:1200px){
	#content section article{
		width:90%;
	}
	.links-bar li{
		padding-left:30px !important;
		font-size:.9em !important;
	}
	body{
		font-size:.9em;
	}
	#content section h1{
		font-size:1.8em;
	}
	#content section h2{
		font-size:1.4em;
	}
}
@media only screen and (max-width:991px){
	#content{
		padding:20px;
	}
	#content section{
		margin-bottom:20px;
	}
	.navbar{
		display:block !important;
		padding:0;
		margin-bottom:20px;
		position:absolute;
		z-index:99999;
		width: calc(100% - 40px);
	}
	.navbar .row{
		display:block;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.navbar > div{
		margin-left:0;
		margin-right:0;
	}
	.navbar > div > div:first-child{
		
		background: rgb(40,42,101);
    	background: -moz-linear-gradient(top, rgba(40,42,101,1) 0%, rgba(42,65,154,1) 50%, rgba(40,42,101,1) 100%);
    	background: -webkit-linear-gradient(top, rgba(40,42,101,1) 0%,rgba(42,65,154,1) 50%,rgba(40,42,101,1) 100%);
    	background: linear-gradient(to bottom, rgba(40,42,101,1) 0%,rgba(42,65,154,1) 50%,rgba(40,42,101,1) 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282a65', endColorstr='#282a65',GradientType=0 );
		position:relative;
	}
	#content{
		 width: 100%;
	}
	#content section#welcome{
		margin-top:45px;
	}
	.away-from-top figure img {
    	width: 80px !important;
	}
	.navbar.navbar-fixed-top{
		position:fixed;
		z-index:99999;
		width: calc(100% - 40px);
		top:0;
	}
	.navbar.navbar-fixed-top .logo-wrapper{
		display:none;
	}
	.navbar .row figure{
		width:180px;
		margin-bottom:8px;
		text-align:center;
		display:inline-block;
		margin-top:-25px;
	}
	.navbar .row figure img{
		width:100%;
	}
	.navbar .row a.btn{
		position: relative;
		top:auto;
		right:auto;
		transform:translateY(0);
		background-color:transparent;
		border:none;
		color:#fff;
		font-size:1.2em;
		display:block !important;
	}
	.navbar .row button,.navbar .row a.btn:after{
		content:'Menu';
		display:inline-block;
		padding-left:4px;
		text-transform:uppercase;
	}
	.navbar-collapse .navbar-nav{
		background: #02468d;
		padding-top:10px;
		padding-bottom:10px;
		display:block;
	}
	.away-from-top .navbar-collapse .navbar-nav{
		padding-top:30px;
	}
	.navbar .nav-wrapper{
		background-color:rgb(40,42,101);
	}
	.navbar-collapse .navbar-nav li a{
		color:#fff;
		padding:5px 15px;
		display:block;
		text-align:center;
	}
	.rates-wrapper > div >div p{
		font-size:.8em !important;
	}
	.navbar-collapse .lang{
		display: inline-block;
    	position: relative;
    	text-align: center;
		top:auto;
		right:auto;
		width:100%;
	}
	.navbar-collapse .lang ul{
		text-align:center;
		padding-top: 15px;
	}
	.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .active>.nav-link{
		color:#fff;
	}
	.lang ul li:first-child:after,.lang ul li:nth-child(2):after{
		top:6px;
	}
	.navbar .row figure{
		text-align:center;
	}
	.navbar .row.logo-wrapper{
		text-align:center;
	}
	.navbar .row.nav-wrapper > div{
		padding:0;
		display:inline-block;
	}
	.book{
		margin-top:0;
		text-align:center;
	}
	.credits{
		bottom:4px;
	}
	#sidebar ul.components{
		display:none !important;
	}
	.mob-nav{
		display:block;
		padding-left:20px;
		text-transform:uppercase;
	}
	.btn-dark,.btn-dark:hover {
		color: #29a6df !important;
		background-color: transparent !important;
		border-color: transparent !important;
		padding:0;
	}
	.lang{
		position:relative;
		transform: translateY(0);
		width:85px;
	}
	.lang ul{
		text-align:right;
	}
	.sidebar-wrapper{
		justify-content: space-between;
		z-index:99999;
	}
	#sidebar .row{
		z-index:99;
	}
	#sidebar figure img{
		width:110px;
	}
	#content section figure{
		height: calc(100vh - 40px);
	}
	#content section#welcome article{
		margin-top:20px;
	}
	#sidebar ul li.active>a, a[aria-expanded="true"]{
		color:#29a6df;
	}
}
@media only screen and (max-width:768px){

	#sidebar{
		margin-left:0;
	}
}
@media only screen and (max-width:767px){
	.rates-desktop{
		display:none;
	}
	.rates-mob{
		display:block;
	}
	.rates-wrapper > div >div{
		width:calc(50% - 1px);
	}
	.rates-wrapper > div >div span{
		display:block;
	}
	.links-bar li{
		width:100%;
		padding-left:0 !important;
	}
	#facilities .row .col,#contact .row .col{
		width:100%;
		    flex-basis: unset;
	}
	
	#content section h1{
		font-size:2.5em;
	}
	#content section h2{
		font-size:1.2em;
	}
	#content section form .row > div:first-child {
    	padding-right: 15px;
	}
	#content section form .row > div:last-child {
    	padding-left: 15px;
	}
	.links-bar{
		padding:0 !important;
		background: none;
	}
	.links-bar li{
		background: rgb(209,130,164);
    background: -moz-linear-gradient(top, rgba(209,130,164,1) 0%, rgba(147,54,92,1) 100%);
    background: -webkit-linear-gradient(top, rgba(209,130,164,1) 0%,rgba(147,54,92,1) 100%);
    background: linear-gradient(to bottom, rgba(209,130,164,1) 0%,rgba(147,54,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d182a4', endColorstr='#02468d',GradientType=0 );
	margin-bottom: 2px;
    padding: 5px;
	}
	.book{
		padding:10px !important;
	}
	.navbar .row a.btn{
		font-size:1em;
	}
	.navbar-collapse .navbar-nav li a{
		padding:5px;
	}
	#content section#contact figure{
		width:130px;
		margin-top:-85px;
	}
}
@media only screen and (max-width:767px) and (orientation: portrait) {
	#content section figure {
    	height: calc(70vh - 40px);
	}
}
@media only screen and (max-width:600px){
	.gallery-link{
		width:33.3333%
	}
}
@media only screen and (max-width:420px){
	.navbar .row figure {
    	width: 150px;
	}
	.gallery-link{
		width:50%
	}
}
@media all and (max-width: 800px) {

	.fancybox-thumbs {
		display: none !important;
	}

	.fancybox-container--thumbs .fancybox-controls,
	.fancybox-container--thumbs .fancybox-slider-wrap,
	.fancybox-container--thumbs .fancybox-caption-wrap {
		bottom: 0;
	}

}
@media only screen and (max-width:991px) and (orientation: portrait) {
	#content section figure, #map{
		max-height:300px;
	}
}