.accListRecPadd { 
 padding-top:50px;
}

.accListRoomTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 48px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7b7b7a;
}

.accSliderMargin { 
 position: absolute;z-index: 9;
 width: 100%;margin-top:-15%;

}

.addresstext { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 16em;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #000;
}

.addresstitle { 
 font-size: 14px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #000;
}

.affiliateTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 45px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7a7979;
}

.allNewDim { 
 max-width:330px;margin:auto;
padding-bottom:35px;
}

.allNewMargin { 
 position:absolute;margin-top:-320px;width:100%;
}

.amenitiesMargin { 
 position:absolute;z-index:99;margin-top:-30%;width:50%;
}

.amenitiesPadding { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
}

.amenitiesPadding { 
 padding-bottom:15px;
}

.amenitiesTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 48px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #636363;
}

.arrowsPhotoPos { 
 width:100%;margin:auto;position:absolute;top:50%;
}

.articlePadding { 
 padding-top:200px; padding-bottom:30px;
}

.articleTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 22px;
 line-height: normal;
 font-weight: 500;
 font-style: normal;
 color: #7a7979;
}

.blogArticleLink { 
}

.blogArticleLink:hover { 
 opacity:0.8;
}

.blogPadding { 
 padding-top:150px; padding-bottom:30px;
}

.blogPadLeft { 
 padding-left:10px;padding-bottom:10px;
position:relative;
}

.blogPadRight { 
 padding-right:10px;padding-bottom:10px;
position:relative;
}

.bookfields { 
 font-size: 10px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #353535;
 border:1px solid #c3c9ca;
}

.booksubmit { 
 font-size: 12px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #fff;
 background-color: #114158;
 width:145px; height:19px; text-align:center; border:1px solid #6e9aaf; cursor:pointer; 
}

.booktext { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #000;
 padding-bottom:7px; padding-right:5px;
}

.booktitle { 
 font-size: 14px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #000;
}

.botaddresstext { 
 font-family: Open Sans, sans-serif;
 font-size: 14px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #65635b;
}

.botaddressTitle { 
 font-size: 13px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #000;
}

.breakfastDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
}

.breakfastMargin { 
 position:absolute;margin:auto;margin-top:-180px;width:100%;
}

.candlePadding { 
 padding-bottom:25px;
}

.candleTop { 
 margin:auto;float:left;padding-left:10%;margin-top:-130px;
}

.cartDelete { 
 font-family: Tahoma,Verdana,Segoe,sans-serif;
 font-size: 12px;
 line-height: normal;
 font-weight: bold;
 font-style: italic;
 color: #FFFFFF;
 background-color: #ff7d00;
 border:1px solid #bfb446; cursor: pointer;
}

.cartDiscount { 
 font-size: 14px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #FF0000;
}

.cartOldPrice { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #813E3E;
 text-decoration:line-through;
}

.cartPrice { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #000;
}

.cartSubmit { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #fff;
 width:129px; height:30px; border:0px; cursor: pointer;
 background-image: url(../elements/styles/27.png);
 background-repeat: no-repeat;
}

.cartText { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #DA2424;
}

.cartTitles { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
 color: #fff;
 background-color: #484848;
 border-right:1px solid #fff;  padding:3px;
}

.celestiaDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 padding-bottom:30px;
}

.celestiaGrand { 
 width:272px;height:120px;display:block;
 background-image: url(../elements/styles/239.png);
 background-repeat: no-repeat;
}

.celestiaGrey { 
 width:272px;height:120px;display:block;
 background-image: url(../elements/styles/341.png);
 background-repeat: no-repeat;
}

.center { 
}

.centrallyLocated { 
 font-family: Roboto, sans-serif;
 font-size: 30px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
}

.containerBack { 
}

.date { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #424244;
}

.divMobile { 
 display:block;
}

.experienceDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
}

.footerBack { 
 background-position:50% 50%;
 background-image: url(../elements/styles/110.png);
 background-repeat: repeat-x;
}

.footerSep { 
 font-family: Roboto, sans-serif;
 font-size: 13px;
 line-height: normal;
 font-weight: 500;
 font-style: normal;
 color: #b1a069;
 padding:0px 10px 0px 4px;
}

.footerText { 
 font-family: Open Sans, sans-serif;
 font-size: 13px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
}

.footerWhiteBack { 
 background-color:#fff;
}

.formerror { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #9d2d2d;
 padding:3px; 
}

.formfields { 
 font-family: Roboto, sans-serif;
 font-size: 14px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
 border:1px solid #636363;
  padding: 7px 8px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
}

.formrequired { 
 font-family: Open Sans, sans-serif;
 font-size: 13px;
 line-height: normal;
 font-weight: normal;
 font-style: italic;
 color: #636363;
}

.formsearch { 
 font-size: 10px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
 color: #000000;
 background-color: #d6f3c8; border: 1px solid #000000;
}

.formsubmit { 
 font-family: Open Sans, sans-serif;
 font-size: 15px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #fff;
 background-color: #a48c3e;
 border:1px solid #a48c3e; cursor: pointer; margin-top:10px; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
padding:8px 20px; 
}

.formtext { 
 font-family: Open Sans, sans-serif;
 font-size: 14px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
 padding-bottom:6px;
}

.formtitle { 
 font-family: Roboto, sans-serif;
 font-size: 42px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
 padding-bottom:25px; padding-top:0px;
}

.gradient { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #fff;
 background-repeat:no-repeat !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#74afd4), to(#547598));
background: -webkit-linear-gradient(top, #74afd4, #547598);
background: -moz-linear-gradient(top, #74afd4, #547598);
background: -ms-linear-gradient(top, #74afd4, #547598);
background: -o-linear-gradient(top, #74afd4, #547598);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=´#cccccc´, endColorstr=´#000000´);
}

.grayLineList { 
 background-color: #195591;
 width:100%; height:10px; background-position:top right;
}

.greekBreakfastIcon { 
 width:200px;height:78px;display:block;
 background-image: url(../elements/styles/264.png);
 background-repeat: no-repeat;
}

.greyBack { 
 background-color: #e9e9e9;
}

.grid10 { 
 float:left; width:10%; margin:0px;
}

.grid100 { 
 float:left; width:100%; margin:0px;
}

.grid20 { 
 float:left; width:20%; margin:0px;
}

.grid25 { 
 float:left; width:25%; margin:0px;
}

.grid25WithLine { 
 float:left; width:25%; margin:0px;
border-left:2px solid #a48c3e;
}

.grid30 { 
 float:left; width:30%; margin:0px;
}

.grid32 { 
 float:left; width:32.33%; margin:0px;
}

.grid33 { 
 float:left; width:33.33%; margin:0px;
}

.grid35 { 
 float:left; width:35%; margin:0px;
}

.grid40 { 
 float:left; width:40%; margin:0px;
}

.grid49 { 
 float:left; width:49%; margin:0px;
}

.grid50 { 
 float:left; width:50%; margin:0px;
}

.grid55 { 
 float:left; width:55%; margin:0px;
}

.grid60 { 
 float:left; width:60%; margin:0px;
}

.grid70 { 
 float:left; width:70%; margin:0px;
}

.grid75 { 
 float:left; width:75%; margin:0px;
}

.grid80 { 
 float:left; width:80%; margin:0px;
}

.grid95 { 
 width:95%; margin:0px auto;
}

.gridBook { 
 float:left; width:8%; margin:0px;
}

.gridCaldera { 
 float:left; width:60%; margin:0px;
}

.gridExperienceList { 
 width:100%; margin:0px auto;
}

.gridLanguages { 
 float:left; width:20%; margin:0px;
}

.gridListBlog { 
 float:left;width:32%;margin:0;
}

.gridListBlogPadding { 
 float:left; width:32%; margin:0px; margin-left:2%;
}

.gridLogo { 
 float:left; width:22%; margin:0px;
}

.gridMenu { 
 float:left; width:70%; margin:0px;
}

.gridNewsLetter { 
 float:left; width:45%; margin:0px;
}

.gridOffersList { 
 float:left; width:30%; margin:0px;
}

.gridTopLinks { 
 float:left; width:20%; margin:0px;
}

.gridWidget { 
 float:left; width:30%; margin:0px;
}

h1 { margin:0px; 
font-family: Roboto, sans-serif; 
 font-size: 42px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
 line-height:normal;
}

.h1Home { 
 font-family: Roboto, sans-serif;
 font-size: 42px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
}

h2 { margin:0px; 
font-family: Roboto, sans-serif; 
 font-size: 42px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
 line-height:normal;
}

h3 { margin:0px; 
 font-size: 16px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #000;
 line-height:normal;
}

.headerTitle { 
}

.homeDesc { 
 font-family: Roboto, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #636363;
}

.homeLocationDim { 
 max-width:350px;margin:auto;
}

.homeSubTCel { 
 font-family: Roboto, sans-serif;
 font-size: 25px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
}

.homeSubTitle { 
 font-family: Roboto, sans-serif;
 font-size: 22px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #636363;
 margin-bottom:20px;
}

.homeText { 
 font-family: Roboto, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #7a7979;
}

.homeText li { 
 font-family: Roboto, sans-serif;
 font-size: 17px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
 list-style-type:none; text-transform:uppercase;
}

.homeText ul { 
 font-family: Roboto, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #7a7979;
   columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.homeTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 60px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7a7979;
}

.hoverImage { 
 position:absolute;
width: 100%;
height:100%;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-size: cover;
}

.hoverImage:hover { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 opacity:1;
}

.imgslider { 
 height:100%;
}

.joinUsTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 24px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #9c9b9b;
}

.listPadding { 
 padding:200px 0px 100px 0px;
}

.locationMargin { 
 position:absolute;margin-top:0px;width:100%;z-index:9;
}

.logoPadding { 
 padding-top:5px;
}

.massagePadding { 
 padding-bottom:25px;
}

.massageTop { 
 margin:auto;float:right;padding-right:10%;margin-top:-130px;
}

.memberarea { 
 font-size: 13px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #000;
}

.menuAlign { 
 text-align:right;
}

.menuIcon { 
 display:block;  width:34px; height:34px; 
margin-left:10px;
 background-image: url(../elements/styles/185.png);
 background-repeat: no-repeat;
}

.menuIconHide { 
 display:block;  width:34px; height:34px; 
margin-left:10px;
 background-image: url(../elements/styles/186.png);
 background-repeat: no-repeat;
}

.menuSep { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 width:5px; height:32px; position:absolute;
}

.menusettings2L { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
 padding-left:18px; line-height:12px;
}

.moreRoomsTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 36px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7a7979;
 text-align:center;padding:20px 0px;
}

.newsletError { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #cc0000;
}

.newsletField { 
 font-family: Roboto, sans-serif;
 font-size: 14px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #ffffff;
 background-color: #bab08f;
 border:1px solid #fff; height:32px; line-height:23px; padding:0px 5px;
}

.newsletSubmit { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 14px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 background-color: #a49667;
 border:1px solid #fff; cursor: pointer; height:34px; line-height:25px; padding:0px 10px;
}

.newsletTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 background-color: #a49667;
 border:1px solid #fff;padding:5px 10px;
}

.offersDesc { 
 font-family: Roboto, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: bold;
 font-style: italic;
 color: #7a7979;
}

.offersText { 
 font-family: Roboto, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #7a7979;
}

.offersTitle { 
 font-family: Roboto, sans-serif;
 font-size: 30px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
}

.outline-outward { 
}

.pagingFirstPage { 
 font-size: 10px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
 color: #fff;
 border:1px solid #dcdcdc; width:22px; height:16px; cursor: pointer;
}

.pagingLastPage { 
 font-size: 10px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
 color: #fff;
 border:1px solid #dcdcdc; width:22px; height:16px; cursor: pointer;
}

.pagingNum { 
 font-size: 10px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #000;
 background-color: #FFFFFF;
 border:1px solid #bababa; cursor: pointer; padding:2px 5px;
}

.pagingNumSel { 
 font-size: 10px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 background-color: #999999;
 border:1px solid #bababa; cursor: pointer; padding:2px 5px;
}

.photoshover { 
 position:absolute;
width: 100%;
height:100%;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-size: cover;
 background-image: url(../elements/styles/143.png);
 background-repeat: repeat;
}

.photoshover:hover { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 opacity:1;
}

.poolsPadding { 
 padding-bottom:190px;
}

.restaurantDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
}

.restaurantMargin { 
 position:absolute;margin:auto;margin-top:-180px;width:100%;
}

.round-corners { 
}

.searchResultsTitle { 
 font-size: 13px;
 line-height: normal;
 font-weight: bold;
 font-style: Normal;
 color: #000;
 padding-top:4px; padding-bottom:4px; border-bottom:1px dotted #000;
}

.sink { 
}

.sisterHotelMargin { 
 margin-top:-105px;position:absolute;width:100%;z-index:9;
}

.sisterHotels { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 30px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
}

.sisterHotelsBack { 
 background-image: url(../elements/styles/241.png);
 background-repeat: repeat-x;
}

.sitemap { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #000;
}

.skew { 
}

.slidercaption { 
 position:absolute;bottom:10%;z-index:9;width:100%;margin:auto;
}

.sliderTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 28px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #ffffff;
 height:66px;display:table;float:left;line-height:60px;
padding:0px 20px;border:1px solid #fff;
 background-image: url(../elements/styles/231.png);
 background-repeat: repeat-x;
}

.socialAbsolute { 
 position:absolute;right:5%;z-index:9;top:24%;
}

.sticky { 
 width: 100%;
  height: 45px;
right:0;
top:0;
left:0;
  display: block;
  position: fixed;
  z-index: 998;
padding-top:10px;
background-color:#ffffff;
}

.sticky .topmenu { 
 text-align:center !important;
}

.sticky2 { 
   height: 45px;
right:0;
left:0;
top:55px;
  display: block;
  position: fixed;
  z-index: 998;
background-color:transparent;
}

.sticky2 .bookNow { 
 width:158px !important;height:39px;display:block;
 background-image: url(../elements/styles/222.png);
 background-repeat: no-repeat;
}

.submenusettings2L { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
 padding-left:16px; line-height:13px;
}

.topMenu { 
 padding-top:20px;
}

.topPageStyle { 
 position:absolute;top:35%;margin:auto;z-index:998;max-width:980px;
width:100%;
}

.topPageSubTitle { 
 font-family: Roboto, sans-serif;
 font-size: 40px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #ffffff;
 cursor:default;
}

.topPageTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 44px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #ffffff;
 text-align:center;max-width:980px; opacity:0.7;cursor:default;
}

.underline { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 border-bottom:3px solid #000; width:100%
}

.usefulText { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: Normal;
 color: #000;
}

.vertAlign980 { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 left: 0; right: 0; position: absolute; 
max-width: 100%; margin: auto;
max-height: 427px; width:980px; 
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.villasMargin { 
 position:absolute;margin:auto;margin-top:-300px;width:100%;
}

.welcomeTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 36px;
 line-height: normal;
 font-weight: 600;
 font-style: normal;
 color: #7a7979;
}

.whitetext { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 22px;
 line-height: normal;
 font-weight: 600;
 font-style: normal;
 color: #868686;
}

.width980 { 
 max-width:980px; width:100%; margin:auto;
}

.wow bounceInDown { 
}

.wow fadeIn { 
}

.wow fadeInLeft { 
}

.wow fadeInRight { 
}

.wow fadeInUp { 
}

.wow flipInX { 
}

.wow rollIn { 
}

.wow zoomIn { 
}



@media (max-width: 1280px) {
.accSliderMargin { 
 position: absolute;z-index: 9;
 width: 100%;margin-top: -17%;

}

.allNewMargin { 
 position:absolute;margin-top:-240px;width:100%;
}

.amenitiesMargin { 
 position:absolute;z-index:99;margin-top:-35%;width:50%;
}

.celestiaDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 display:none;
}

.grid25 { 
 float:left; width:25%; margin:0px;
}

.grid30 { 
 float:left; width:30%; margin:0px;
}

.gridCaldera { 
 float:left; width:50%; margin:0px;
}

.gridLanguages { 
 float:left; width:25%; margin:0px;
}

.gridLogo { 
 float:left; width:18%; margin:0px;
}

.gridMenu { 
 float:left; width:74%; margin:0px;
}

.gridTopLinks { 
 float:left; width:25%; margin:0px;
}

.homeSubTitle { 
 font-family: Roboto, sans-serif;
 font-size: 20px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #636363;
 margin-bottom:12px; padding:0px 10px;
}

.homeText { 
 font-family: Roboto, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #7a7979;
 padding:0px 15px;
}

.homeText li { 
 font-family: Roboto, sans-serif;
 font-size: 14px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
 list-style-type:none; text-transform:uppercase;
}

.poolsPadding { 
 padding-bottom:100px;
}

.restaurantMargin { 
 position:absolute;margin:auto;margin-top:-155px;width:100%; right:7%;
}

.topPageSubTitle { 
 font-family: Roboto, sans-serif;
 font-size: 35px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #ffffff;
 cursor:default;
}

.topPageTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 40px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 text-align:center;max-width:980px; opacity:0.7;cursor:default;
}

.villasMargin { 
 position:absolute;margin:auto;margin-top:-335px;width:100%;
}


} /* end of @media (max-width: 1280px) */ 


@media (max-width: 1000px) {
.accSliderMargin { 
 position: absolute;z-index: 9;
 width: 100%;margin-top: -22%;

}

.allNewDim { 
 max-width:250px;margin:auto;
padding-bottom:35px;
}

.amenitiesPadding { 
 padding-bottom:0px;
}

.amenitiesTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 27px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #636363;
}

.breakfastDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
}

.candleTop { 
 margin:auto;float:left;padding-left:10%;margin-top:-100px;
}

.celestiaDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 padding-bottom:15px; display:none;
}

.celestiaGrand { 
 width:204px;height:90px;display:block;padding-bottom:7px;
 background-image: url(../elements/styles/319.png);
 background-repeat: no-repeat;
}

.center { 
 display:table; margin:auto;
}

.greekBreakfastIcon { 
 width:170px;height:66px;display:block;
 background-image: url(../elements/styles/330.png);
 background-repeat: no-repeat;
}

.grid20 { 
 width:20%; margin:0px;
}

.grid25 { 
 float:left; width:25%; margin:0px;
}

.grid30 { 
 width:30%; margin:0px;
}

.grid32 { 
 float:left; width:32%; margin:0px;
}

.grid33 { 
 float:left; width:33.33%; margin:0px;
}

.grid40 { 
 width:40%; margin:0px;
}

.grid60 { 
 width:60%; margin:0px;
}

.grid70 { 
 width:70%; margin:0px;
}

.grid80 { 
 width:80%; margin:0px;
}

.gridBook { 
 float:left; width:9%; margin:0px;
}

.gridCaldera { 
 float:left; width:68%; margin:0px;
}

.gridLanguages { 
 float:left; width:100%; margin:0px;
}

.gridLogo { 
 float:left; width:21%; margin:0px;
}

.gridMenu { 
 float:left; width:68%; margin:0px;
}

.gridNewsLetter { 
 float:left; width:50%; margin:0px;
}

.gridTopLinks { 
 float:left; width:30%; margin:0px; margin-right:2%;
}

.gridWidget { 
 float:left; width:50%; margin:0px;
}

.homeLocationDim { 
 max-width:250px;margin:auto;
}

.homeSubTitle { 
 font-family: Roboto, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #636363;
 margin-bottom:15px;
}

.homeText { 
 font-family: Roboto, sans-serif;
 font-size: 14px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #7a7979;
}

.homeText li { 
 font-family: Roboto, sans-serif;
 font-size: 11px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
 list-style-type:none; text-transform:uppercase;
}

.homeText ul { 
 font-family: Roboto, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #7a7979;
   columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
-webkit-padding-start:0px;
}

.homeTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 55px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7a7979;
}

.logoPadding { 
 padding-top:35px;
}

.massageTop { 
 margin:auto;float:right;padding-right:10%;margin-top:-100px;
}

.menuAlign { 
 text-align:center;
}

.poolsPadding { 
 padding-bottom:50px;
}

.restaurantDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 16px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #636363;
}

.restaurantMargin { 
 position:absolute;margin:auto;margin-top:-135px;width:100%;
}

.sliderTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 21px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #ffffff;
 height:66px;display:table;float:left;line-height:60px;
padding:0px 20px;border:1px solid #fff;
 background-image: url(../elements/styles/304.png);
 background-repeat: repeat-x;
}

.socialAbsolute { 
 position:absolute;right:5%;z-index:9;top:17%;
}

.sticky2 { 
   height: 45px;
right:0;
left:0;
top:55px;
  display: block;
  position: fixed;
  z-index: 998;
background-color:transparent;
}

.sticky2 .bookNow { 
 width:158px;height:39px;display:block;
 background-image: url(../elements/styles/315.png);
 background-repeat: no-repeat;
}

.topMenu { 
 padding-top:0px;
}

.villasMargin { 
 position:absolute;margin:auto;margin-top:-256px;width:100%;
}


} /* end of @media (max-width: 1000px) */ 


@media (max-width: 680px) {
.accListRecPadd { 
 padding-top:15px;
}

.accListRoomTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 30px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7b7b7a;
}

.addresstext { 
 font-size: 12px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #646363;
}

.allNewDim { 
 max-width:330px;margin:auto;
padding-bottom:15px;
}

.arrowsPhotoPos { 
 width:100%;margin:auto;position:absolute;top:60%;
}

.articlePadding { 
 padding-top:100px; padding-bottom:30px;
}

.blogPadding { 
 padding-top:100px; padding-bottom:30px;
}

.bookNowMobile { 
 font-size: 18px;
 line-height: normal;
 font-weight: 700;
 font-style: normal;
 color: #fff;
 background-color: #aa8a34;
 display:block; max-width:160px; padding:5px 0px; text-align:center; margin:auto;f0b536
}

.bottomtext { 
 font-size: 11px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #5e5e5e;
 padding:15px 0px; 
}

.celestiaGrey { 
 width:190px;height:84px;display:block;
 background-image: url(../elements/styles/364.png);
 background-repeat: no-repeat;
}

.center { 
 display:table; margin:auto;
}

.divMobile { 
 display:none;
}

.footerBorderLine { 
 background-color: #555555;
 border-bottom:2px solid #555555;
}

.grid25 { 
 width:25%; margin:0px;
}

.grid30 { 
 width:30%; margin:0px;
}

.grid32 { 
 width:32%; margin:0px;
}

.grid33 { 
 width:33.33%; margin:0px;
}

.grid49 { 
 width:49%; margin:0px;
}

.grid50 { 
 width:50%; margin:0px;
}

.grid50mob { 
 float:left; width:50%; margin:0px;
}

.gridExperienceList { 
 width:90%; margin:0px auto;
}

.gridListBlog { 
 float:left;width:100%;margin:0;
}

.gridListBlogPadding { 
 float:left; width:100%; margin:0px; margin-left:0%;
}

.gridOffersList { 
 float:left; width:100%; margin:0px;
}

h1 { margin:0px; 
font-family: Roboto, sans-serif; 
 font-size: 42px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
 line-height:normal;
}

h2 { margin:0px; 
font-family: Roboto, sans-serif; 
 font-size: 30px;
 line-height: normal;
 font-weight: 100;
 font-style: normal;
 color: #a48c3e;
 line-height:normal;
}

.homeDesc { 
 font-family: Roboto, sans-serif;
 font-size: 15px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #636363;
}

.homeSubTitle { 
 font-family: Roboto, sans-serif;
 font-size: 15px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #636363;
 margin-bottom:15px;
}

.homeText li { 
 font-family: Roboto, sans-serif;
 font-size: 13px;
 line-height: normal;
 font-weight: 400;
 font-style: normal;
 color: #636363;
 list-style-type:none; text-transform:uppercase;
}

.homeTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 38px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7a7979;
}

.imgslider { 
 height:80%;
}

.listPadding { 
 padding:200px 0px 40px 0px;
}

.map { 
 font-size: 12px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 height:21px; display:inline-block;  margin-right:7px; background-position:center left; line-height:21px;
 background-image: url(../elements/styles/119.png);
 background-repeat: no-repeat;
}

.menuTopCenter { 
 width:60%; margin:0;  float:left; position:relative; padding-top:35px; 
}

.menuTopLeft { 
 width:20%; margin:0; float:left;
}

.menuTopRight { 
 width:20%; margin:auto; float:left;
}

.moreRoomsTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 30px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #7a7979;
 text-align:center;padding:20px 0px;
}

.newsletTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 background-color: #a49667;
 border:1px solid #fff;padding:5px 10px; float:none;display:table;
}

.offersTitleMobile { 
 font-size: 26px;
 line-height: 30px;
 font-weight: 700;
 font-style: normal;
 color: #9c863b;
 text-align:center;
}

.offerTextMobile { 
 font-size: 22px;
 line-height: normal;
 font-weight: normal;
 font-style: normal;
 color: #7a7979;
 text-align:center;
}

.poolsPadding { 
 padding-bottom:45px;
}

.restaurantDesc { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 15px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #636363;
}

.sliderTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 20px;
 line-height: normal;
 font-weight: 300;
 font-style: normal;
 color: #ffffff;
 height:40px;display:table;float:left;line-height:40px;
padding:0px 20px;border:1px solid #fff;
 background-image: url(../elements/styles/335.png);
 background-repeat: repeat-x;
}

.telButton { 
 font-family: Open Sans, sans-serif;
 font-size: 12px;
 line-height: normal;
 font-weight: bold;
 font-style: normal;
 color: #fff;
 background-color: #c3a365;
 -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; display:block; height:21px; line-height:21px;  text-align:center;  padding:0px 10px; display:block;
}

.welcomeTitle { 
 font-family: Roboto Condensed, sans-serif;
 font-size: 33px;
 line-height: normal;
 font-weight: 600;
 font-style: normal;
 color: #7a7979;
}


} /* end of @media (max-width: 680px) */