@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Comfortaa:400,700&subset=greek,latin);
/*
gris color: 999999
cyan color: 989fbb
cyan light:	bde0fb
*/

p, li{color:#4A4A4A; text-align:justify;}
.container {position: relative; width: 100%;  max-width: 1600px;  margin: 0 auto;  padding: 0 20px;  box-sizing: border-box; }
.column,.columns {width: 100%; float: left;  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {width: 96%; padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 768px) {
  .container {width: 96%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child,  .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }
  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .one-half.column                { width: 48%; }

} 


/* -----------------------------Reservation form---------------------------------------  */
#form1 {text-align:right; max-width:700px;}
#form1 #comments {width:100%;}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*html {font-size: 62.5%; }*/
html {font-size: 70%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-family: 'Roboto Condensed', sans-serif;
  color: #222;
  position:relative;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {  margin-top: 0;  margin-bottom: 2rem;  font-weight: 300; }
h1 {font-family: 'Comfortaa', cursive; font-size: 3.0rem; color:#3d65aa; margin-top:2rem;}
h2 { font-size: 2.6rem; color:#989fbb; margin-top: 3rem;  margin-bottom: 1rem;}
h3 { font-size: 2.0rem; color:#989fbb;}
h4 { font-size: 1.4rem; }
h5 { font-size: 1rem;}
h6 { font-size: 1rem;}

/* Larger than phablet */
@media (min-width: 768px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2.6rem; }
  h3 { font-size: 2.3rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.4rem; }
  h6 { font-size: 1.0rem; }
}

p { margin-top: 0; text-align:justify; line-height:140%; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #3d65aa; }
a:hover { color: #000; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width { width: 100%;  box-sizing: border-box; }
.max-full-width { max-width: 100%;  box-sizing: border-box; }
.float-right { float: right; }
.float-left { float: left; }
.floatleft {float:left;}
.floatright {float:right;}
.clearfloat {float:none; line-height:1px;}
/*------------------------- Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

/* ----------------Self Clearing Goodness---------------------------------------------------*/
.container:after,.row:after,.clear-both {  content: "";  display: table;  clear: both; }



/* pinterest on article images */
.pin-image { position: absolute; top: 5px; left: 5px; z-index: 999; opacity: 0; -webkit-transition: 0.15s all; -moz-transition: 0.15s all; transition: 0.15s all;}
.blog-wrap { position: relative; display: inline-block;}
.blog-wrap:hover .pin-image { opacity: 1;}


/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 768px) {
.four.columns.adimage { width: 30.6666666667%; }	
.mobileonly {display:none;}
.desctoptablet {display:block;}
.desctoponly {display:none;}
.ad p.address {margin-top:3rem;}
.ad .ad-bottom {padding-top:10px; margin-top:10px;}
.ad .compare {text-align:right; position: inherit; top:0; right:0;}
.ad .months ul li{ width:29.5%;}
.ad .website {margin-top:-1.2rem;}
.logo img { padding: 5rem;}
}

/* Larger than tablet */
@media (min-width: 1000px) {
.desctoponly {display:block;}
.mobileonly {display:none;}
.desctoptablet {display:block;}
.four.columns { width: 30.6666666667%; }
.eight.columns { width: 65.3333333333%; }
}

/*-------------languages------------*/
.languages {position:static; margin:1rem 1rem 0 0; text-align:right; color:#989fbb;}

/* -----------------------------Logo---------------------------------------  */
.logo{width:100%; text-align:center; margin:1rem 0; background:url(../images/sky.jpg) center;}
.logo img {width:50%; max-width:360px; }


/*-------------content------------*/
.gris-bg {display: block;border: 1px solid #E5E5E5;background-color: #fafafa;padding:20px; margin:5rem 0;}
.gris-border {display: block;border: 1px solid #E5E5E5; padding:20px; margin:5rem 0;}
.row .twelve.columns img {margin-top:2rem;}
.facilities ul li {list-style:url(../images/icons/tic.png) inside; margin-bottom:.3rem;}
.gallery {text-align:left;}
.gallery img, .map img {margin:2px 0; padding:0.7%; box-shadow:#A0A0A0 3px 3px 6px; max-width:43%; background-color:#fff;-webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -kthtml-transition: all .1s linear;
    transition: all .1s linear;}
.gallery img:hover, .map img:hover {box-shadow:#A0A0A0 3px 3px 10px; transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */
	-webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -kthtml-transition: all .1s linear;
    transition: all .1s linear;}
.map img {max-width:95%;}
.rates {text-align:center;}
.rates tr td {border-bottom:solid #5cb1a0 1px; padding:.5rem;}

table tr td {border-bottom:1px #ccc dotted; padding:1%;}
table tr, table tr td {text-align:center;}
/*-------------feedback------------*/
.feedback-user { text-align: center;margin-top: 100px;position: relative;padding-bottom: 65px;}
.feedback-user .img-circle {border-radius:50%; width: 200px; height: 200px; margin-top: -100px;border: 1px solid #E5E5E5;padding: 7px;background-color: #ffffff;}
.feedback-user .name {display: block;border: 1px solid #E5E5E5;background-color: #fafafa;padding: 80px 5px 10px;font-size: 20px;margin-top: -75px;font-weight: 400;-webkit-border-radius: 3px 3px 0 0;-khtml-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-o-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;}
.feedback-user .text {border: 1px solid #E5E5E5;border-top: none;display: block;padding: 10px 10px 16px;}
.feedback-user .vote img{width:100%; max-width:16px; padding-top:3px;}
.feedback-user .vote .label {color: #333;font-weight: 400;position: absolute;top: 10px;right: auto;bottom: auto;left: 2px;z-index: 2;}

/*-------------menu------------*/
.menu {width:100%; border-bottom: 1px solid #3d65aa; color:#7a7a7a; z-index:999999; position:relative; margin-top:1rem; letter-spacing:1px;}
.menu nav {max-width:1600px !important; margin:auto; padding-top:0.5rem;}
.pgwMenu {height: 40px; position: relative; list-style: none;}
.pgwMenu ul {list-style: none; white-space: nowrap; margin: 0; padding: 0;}
.pgwMenu .pm-links.mobile,
.pgwMenu .pm-viewMore > ul {background: #fff; box-shadow: 2px 2px 4px #777; position: absolute; left: 0; top: 100%; z-index: 1000;}
.pgwMenu .pm-links.mobile li,
.pgwMenu .pm-viewMore > ul > li {display: block; clear: both; width: 175px;}
.pgwMenu li {float: left; font-size:1.6rem;}
.pgwMenu a{display: block; color: #3d65aa; line-height: 40px; padding: 0 12px; text-decoration: none;}
.pgwMenu li.active a{background: #fff; color:#7a7a7a}
.pgwMenu li a:hover{background: #3d65aa; text-decoration: none; color:#fff;transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.pgwMenu .pm-dropDown,
.pgwMenu .pm-viewMore,
.pgwMenu .pm-viewMore > ul {display: none;}
.pgwMenu .pm-dropDown a {display: inline-block; background: #3d65aa;}
.pgwMenu .pm-dropDown a.active,
.pgwMenu .pm-viewMore a.active {background: #3d65aa; color:#fff;}
.pgwMenu.light .pm-dropDown a {background: #3d65aa;}
.pgwMenu.light .pm-dropDown a.active {background: #3d65aa;}
.pgwMenu .pm-dropDown span.icon,
.pgwMenu .pm-dropDown span.white {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px;}
.pgwMenu.light .pm-dropDown span.icon,
.pgwMenu .pm-dropDown span.black {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px;}
.pgwMenu .pm-viewMore {display: none; position: relative;}
.pgwMenu .pm-viewMore > a {display: inline-block;}
.pgwMenu .pm-viewMore > ul {left: auto; right: 0;}
.pgwMenu .pm-viewMore li {float: none;}
.pgwMenu .pm-viewMore span.icon,
.pgwMenu .pm-viewMore span.white {border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block;}
.pgwMenu.light  .pm-viewMore span.icon,
.pgwMenu .pm-viewMore span.black {border-color: #000 transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block;}

/* --------------- bottom ----------------------*/
.bottom {width:100%; background-color:#666666; margin-top:5rem; padding:0 0 1rem 0 ; color:#fff;}
.bottom .four.columns {border-left:1px dotted #fff; padding:10px; margin-top:1rem;}
.bottom h3{color:#d9ddec; margin:3rem 0 2rem 0; font-weight:normal; font-size:1.8rem; text-align:center;}
.bottom h4{color:#fff; margin:0; font-weight:normal; font-size:1.5rem;}
.bottom h4.address {background:url(../images/icons/address.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom h4.map {background:url(../images/icons/map.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom h4.email {background:url(../images/icons/email.png) left top no-repeat; padding-left:50px; line-height:30px;}
.bottom h4.facebook {background:url(../images/icons/fb.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom h4.telephone {background:url(../images/icons/telephone.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom h4.fax {background:url(../images/icons/fax.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom h4.mobile {background:url(../images/icons/mobile.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom h4.weather {background:url(../images/icons/weather.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom h4.boat {background:url(../images/icons/boat.png) left top no-repeat; padding-left:50px; line-height:34px;}
.bottom a{color:#fff; text-decoration:none;}
.bottom a:hover{color:#f9af5f; text-decoration:none;}
.bottom p{color:#fff;}
.underline {text-decoration:underline !important;}
/* --------------- social ----------------------*/
.a2a_kit {margin:auto; text-align:center;}
.bw {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.bw:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
/* --------------- lysiteleia ----------------------*/
.lysiteleia {width:100%; background-color:#989fbb; padding:2rem 0}
.lysiteleia p.copyright, .lysiteleia p.copyright a{ font-size:1.2rem ;color:#fff; text-align:center;}
.lysiteleia p.copyright a:hover{ color:#ccc;}
.transition {transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}