@font-face {
    font-family: 'cyntho_proregular';
    src: url('fonts/CynthoPro-Regular-webfont.eot');
    src: url('fonts/CynthoPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CynthoPro-Regular-webfont.woff2') format('woff2'),
         url('fonts/CynthoPro-Regular-webfont.woff') format('woff'),
         url('fonts/CynthoPro-Regular-webfont.ttf') format('truetype'),
         url('fonts/CynthoPro-Regular-webfont.svg#cyntho_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cyntho_slab_proregular';
    src: url('fonts/CynthoSlabPro-Regular-webfont.eot');
    src: url('fonts/CynthoSlabPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CynthoSlabPro-Regular-webfont.woff2') format('woff2'),
         url('fonts/CynthoSlabPro-Regular-webfont.woff') format('woff'),
         url('fonts/CynthoSlabPro-Regular-webfont.ttf') format('truetype'),
         url('fonts/CynthoSlabPro-Regular-webfont.svg#cyntho_slab_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body{
	padding:0;margin:0;
	width:100%;height:100%;
	font-size:62.5%;
	line-height: 1.125em;
	/*
	min-width:1024px;*/
}

.sitewrap{
	position:relative;width:100%;height:100%;
}

.topmenu{
	height:33px;width:100%;
	position:relative;background-color:#bfb7ad;
}

.logo{
	width:189px;height:122px;
	position: relative;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-image:url(../images/cyclades-blue-logo.png);display:block;
	margin-left:auto;margin-right:auto;
}


.boxeswraparea{
	position:relative;width:100%;
	min-height:800px;height:90%;
}

.boxestop{
	position:relative;width:100%;height:66.5%;top:0px;left:0px;display:block;
}

.boxesbottom{
	position:relative;width:100%;height:33.5%;bottom:0px;left:0px;display:block;
}

.leftbar{
	position:relative;width:22%;height:100%;float:left;background-color:white;
}

.split{
	position:relative;width:100%;height:50%;
}

.midbar{
	position:relative;width:56%;height:100%;float:left;
}

.rightbar{
	position:relative;width:22%;height:100%;float:left;background-color:#bfb7ad;
}





.bleft{
	position:relative;width:22%;height:100%;float:left;background-color:#6f92c7;
}

.bmid{
	position:relative;width:22%;height:100%;float:left;background-color:gray;
}

.bright{
	position:relative;width:56%;height:100%;float:left;
}

.textareablock{
	position:relative;width:100%;min-height:500px;
}

.footer{
	position:relative;width:100%;height:72px;
	border-top:1px solid #b99765;
}

.centerbx{
	position:relative;width:980px;
	margin-left:auto;margin-right:auto;
	padding-top:30px;padding-bottom:30px;
}

.centerbx h1{
    font-family: 'cyntho_proregular';
	padding:0px;margin:0px;font-weight:normal;text-align:center;
	font-size:4.0em;text-transform:uppercase;
	position:relative;padding-bottom:15px;color:#6f92c7;
	padding-top:25px;width:80%;margin-left:auto;margin-right:auto;
	line-height:1.4em;
}

.centerbx h2{
    font-family: 'cyntho_proregular';
	padding:0px;margin:0px;font-weight:normal;text-align:center;
	font-size:3.6em;text-transform:uppercase;
	position:relative;padding-bottom:15px;color:#a69e95;
	padding-top:15px;width:80%;margin-left:auto;margin-right:auto;
	line-height:1.3em;
}

.centerbx p{
	padding:0px;margin:0px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;color:#3d3d3d;
	text-align:center;font-size:2.2em;line-height:1.3em;padding-top:15px;padding-bottom:15px;
}

.copy{
	position:relative;width:380px;margin-left:auto;margin-right:auto;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;color:#616262;
	text-transform:uppercase;height:34px;line-height:34px;padding-top:19px;
}

.copy a{
	border:0px;float:right;
}

.topmenu ul{
	list-style-type: none;text-align: center;margin: 0;padding: 0;height:33px;
}


.topmenu ul li{
	display: inline;height:33px;line-height:33px;
}

.topmenu ul li a{
	text-decoration:none;color:white;line-height:33px;
    font-family: 'cyntho_proregular';font-size:2.2em;text-transform:uppercase;
    padding-right:16px;background-image:url(../images/dot.png);background-position:center right;
    background-repeat:no-repeat;padding-left:10px;
}

.topmenu ul li:nth-child(6) a{
	background-image:none;
}

.topmenu ul li:nth-child(7) a{
	background-image:none;
	border-left:1px solid white;color:#3a4ea0;
    font-family: 'cyntho_slab_proregular';padding-left:12px;
}

.currentp{
	color:#3a4ea0 !important;
}

.cyclewrap{
	position:absolute;width:100%;height:100%;z-index:20;
}

.cyclewrap .imgs{
	position:absolute;width:100%;height:100%;z-index:100;
}

.cycleanchor{
	position:absolute;z-index:120;width:auto;height:20px;font-size:6em;
	left:0px;right:0px;
	margin-left:auto;margin-right:auto;
	bottom:30px;text-align:center;
}

.cycleanchor span{
	margin:4px;color:white;
}

.cycle-pager-active{
	color:black !important;
}

.innersplittext{
    font-family: 'cyntho_slab_proregular';padding-left:12px;
    color:white;
	position: relative;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display:block;
	margin-left:auto;margin-right:auto;
	width:80%;height:auto;
	text-transform:uppercase;text-align:center;
	font-size:3.5em;line-height:1.4em;
}

.innersplitbook{
    color:white;
	position: relative;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display:block;
	margin-left:auto;margin-right:auto;
	width:80%;height:auto;
}

.innersplitbook h3{
    font-family: 'cyntho_slab_proregular';
    position:relative;width:100%;
    font-size:3em; line-height:1em;
    padding:0px;margin:0px;text-align:center;
    text-transform:uppercase;
}

.homebook{
	padding:0px;margin:0px;width:100%;
	position:relative;padding-top:20px;
}

.homebook label{
	float:left;
	margin:0px;padding:0px;
    font-family: 'cyntho_proregular';
    font-size:1.8em;line-height:20px;
	height:20px;
}

.homebook input{
	float:right;width:110px;
	margin:0px;padding:0px;
	border:0px;background-color:transparent;
    font-family: 'cyntho_proregular';
    font-size:1.8em;
	background-image: url(../images/formdot.png);
	background-repeat:no-repeat;background-position:center right;
	height:20px;line-height:20px;color:white;
}

.homebook .line{
	position:relative;width:100%;height:6px;border-bottom:1px solid white;
	margin-bottom:10px;
}

.innersplittext .line{
	position:relative;width:20%;height:1px;border-bottom:1px solid white;
	margin-bottom:12px;margin-left:auto;margin-right:auto;
}

.innersplittext .line2{
	position:relative;width:20%;height:1px;border-bottom:1px solid white;
	margin-top:10px;margin-left:auto;margin-right:auto;
}

.homebook button{
	padding:0px;margin:0px;border:0px;
    font-family: 'cyntho_slab_proregular';
    font-size:2.0em;line-height:20px;
	height:20px;float:right;text-transform:uppercase;
	background-color:transparent;color:white;
	padding-right:40px;background-image:url(../images/arrow.png);
	background-repeat:no-repeat;background-position:center right;
}

.fdot{
	float:right;width:20px;height:20px;
	background-image: url(../images/formdot.png);
}

.hover{
	position:absolute;width:100%;height:100%;
	background-image:url(../images/trans.png);
	display:none;z-index:20;
}

.hover a{
    padding-left:12px;
    color:white;
	position: relative;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display:block;
	margin-left:auto;margin-right:auto;
	width:80%;height:auto;
	text-align:center;
	line-height:1.4em;
	text-decoration:none;
}

.hover a h3{
	font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
	font-size:2.7em;font-weight:100;
}


.hover a h4{
    font-family: 'cyntho_proregular';
    text-transform:uppercase;font-size:3em;
    line-height:1.3em;
}

.hover .hoverinw{
    padding-left:12px;
    color:white;
	position: relative;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display:block;
	margin-left:auto;margin-right:auto;
	width:80%;height:auto;
	text-align:center;
	line-height:1.4em;
	text-decoration:none;
}

.hover .hoverinw h4{
    font-family: 'cyntho_proregular';
    text-transform:uppercase;font-size:3em;
    line-height:1.3em;
}

.imgs .imgsin{
    color:white;left:0px;right:0px;
	position: absolute;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin-left:auto;margin-right:auto;
	width:80%;height:auto;
	text-align:center;
	line-height:1.4em;
	text-decoration:none;
}

.imgs .imgsin h3{
    font-family: 'cyntho_slab_proregular';
	font-size:3.7em;font-weight:100;text-transform:uppercase;
text-shadow: 1px 1px 24px rgba(150, 150, 150, 1), 1px 1px 24px rgba(150, 150, 150, 1), 1px 1px 24px rgba(150, 150, 150, 1);
	line-height:1.3em;
}


.imgs .imgsin h4{
    font-family: 'cyntho_proregular';
    text-transform:uppercase;font-size:3em;
    line-height:1.3em;
}

.clear{
	clear:both;
}

#map{
	position:absolute;width:100%;height:100%;top:0px;left:0px;
}

.roomListaccom{
	height:180px;width:980px;
	position:relative;
	margin-left:auto;margin-right:auto;
	margin-bottom:40px;
}

.roomListaccom ul{
	list-style-type: none; text-align: center;margin: 0;padding: 0;height:100%;
	width:100%;
}

.roomListaccom ul li{
	padding:0px;margin:0px;
	display: inline-block;height:100%;width:30%;
	margin-left:4%; background:white;
}

.roomListaccom ul li:nth-child(1){
	margin-left:0px !important;
}

.roomListaccom h4{
    font-family: 'cyntho_slab_proregular';
	font-size:2.5em;font-weight:100;text-transform:uppercase;
	position:absolute;top:102%;width:100%;text-align:center;
}

.openphotos:hover{
	cursor:pointer;
}

.openphotos .hover img{
	width:30px;height:30px;position:absolute;
	left:0px;right:0px;
	margin-left:auto;margin-right:auto;
	top:50%;margin-top:-15px;
}

.loader{
	position:absolute;width:100%;height:100%;
	z-index:25;background-color:#bfb7ad;
	background-image:url(../images/loader.gif);
	background-repeat:no-repeat;background-position:center center;
}

.langs{
	position:absolute;width:120px;
	height:30px;line-height:10px;top:20px;left:10px;
}

.langs a{
	text-align:center;
	position:relative;width:30px;height:30px;display:block;background-color:#6f92c7;
	line-height:30px;float:left;margin-right:10px;border:0px;text-decoration:none;color:white;
    font-family: 'cyntho_slab_proregular';font-size:1.8em;
}

.inst{
	text-align:center;
	position:relative;width:30px;height:30px;display:block;background-color:transparent !important;
	line-height:30px;float:left;margin-right:10px;border:0px;text-decoration:none;color:white;
	background-image:url(../images/inst2.png);
}


.langs a:nth-child(0){
	margin-right:0px;
}


.sisterbox{
	width:100%;
	height:200px;
	position:relative;
}

.sisterhotel{
	width:450px;
	height:300px;
	position:relative;
	margin-left:auto;margin-right:auto;
}

.sisterhotel h4{
	display:block;width:100%;text-align:center;
}

.sisterhotel h4 a{
	text-decoration:none;text-align:center;
    font-family: 'cyntho_proregular';line-height:30px;font-size:2.2em;color:#b99765;
	    word-wrap: break-word;
}

.bxlink{
	border:0px;text-decoration:none;
}


@media only screen and (max-width: 640px) {

	
	html,body{
		width:100%;height:100;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
	}

.sitewrap{
	position:relative;width:100%;
		 min-height:100%;
}
/*
	.logo{
		background:none !important;
	}
	
	.logo img{
		display:block !Important;height:80%;
		position:relative;width:auto !important;
		margin-left:auto;margin-right:auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	}
*/
	.logo{
		background-size: 80% !important;

	}
	
	.rightbar{
		display:none;
	}
	
	.midbar{
		width:100%;
	}
	
	.leftbar{
		width:100%;
	}
	
	.centerbx{
		width:100% !important;
	}
	
	.bright{
		width:50%;
	}
	
	.bleft{
		display:none;
	}
	
	.bmid{
		width:50%;
	}
	
	.topmenu{
		height:70px;
	}


	.roomListaccom{
		width:100%;height: auto;
		position:relative;display:block;
		margin-left:auto;margin-right:auto;display:block;margin-bottom:50px;
	}

	.roomListaccom ul{
		list-style-type: none; text-align: center;margin: 0;padding: 0;
		width:100%;
	}

	.roomListaccom ul li{
		padding:0px;margin:0px;
		display: block;height:200px;width:100%;
		background:white;
		margin-bottom:70px;
	}

	.roomListaccom h4{
		font-family: 'cyntho_slab_proregular';
		font-size:2.5em;font-weight:100;text-transform:uppercase;
		position:absolute;top:102%;width:100%;text-align:center;
	}

	.copy{
		position:relative;width:380px;margin-left:auto;margin-right:auto;
		font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;color:#616262;
		text-transform:uppercase;height:34px;line-height:34px;padding-top:19px;
	}	

	.langs{
		position:relative;width:80px;
		height:30px;line-height:10px;top:20px;left:10px;
	}	
}



@media only screen and (max-width : 320px) {

	
	html,body{
		width:100%;
		padding:0px;margin:0px;
		margin:0;
		padding:0;
 		overflow-x:hidden;
		 -webkit-transform: translate3d(0,0,0);
		 height:100%;
 	}

.sitewrap{
	position:relative;width:100%;
		 min-height:100%;
-webkit-overflow-scrolling: touch;}	

	.logo{
		background-size: 80% !important;

	}
	
	.rightbar{
		display:none;
	}
	
	.midbar{
		width:100%;
	}
	
	.leftbar{
		width:100%;
	}
	
	.centerbx{
		width:100% !important;
	}
	
	.bright{
		width:50%;
	}
	
	.bleft{
		display:none;
	}
	
	.bmid{
		width:50%;
	}
	
	.topmenu{
		height:110px;
	}

	.logo{
		width:100px;height:70px;
		background-size: 100px 70px;
		background-repeat: no-repeat;
	}

	.boxeswraparea{
		height:50% !important;
		min-height:500px;
	}

	.imgs .imgsin h3{
		font-size:3.2em;
		line-height:1.3em;
	    word-wrap: break-word;
	}

	.hover a h4{
		word-wrap: break-word;
		font-size: 2.2em;
	}
	
	.hover .hoverinw h4{
		word-wrap: break-word;
		font-size: 2.2em;
	}
	
	
	
	.roomListaccom{
		width:100%;height: auto;
		position:relative;display:block;
		margin-left:auto;margin-right:auto;display:block;margin-bottom:50px;
	}

	.roomListaccom ul{
		list-style-type: none; text-align: center;margin: 0;padding: 0;
		width:100%;
	}

	.roomListaccom ul li{
		padding:0px;margin:0px;
		display: block;height:200px;width:100%;
		background:white;
		margin-bottom:70px;
	}

	.roomListaccom h4{
		font-family: 'cyntho_slab_proregular';
		font-size:2.5em;font-weight:100;text-transform:uppercase;
		position:absolute;top:102%;width:100%;text-align:center;
	}	
	
	.copy{
		position:relative;width:380px;margin-left:auto;margin-right:auto;
		font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;color:#616262;
		text-transform:uppercase;height:34px;line-height:34px;padding-top:19px;
	}	

	.langs{
		position:relative;width:80px;
		height:30px;line-height:10px;top:20px;left:10px;
	}

	.sisterhotel{
		width:100%;
	}
}


@media only screen and (max-width: 980px) {
	html,body{
		width:100%;
		padding:0px;margin:0px;
		margin:0;
		padding:0;
 		overflow-x:hidden;
		 -webkit-transform: translate3d(0,0,0);
		 height:100%;
 	}
	.centerbx{
		width:100%;
	}

	.logo{
		width:80%;height:100%;
		background-size: 100%;
		background-position:center center;
		background-repeat: no-repeat;
	}
}