@import url("forms4.css");
@import url("send_friend.css");
@import url("header5.css");
@import url("new-accent-box.css");
@import url("info-text.css");
@import url("calendar.css");
@import url("offer-box.css");
@import url("newsletter.css");
@import url("footer.css");
@import url("accent-box.css");

/* INTERNAL */
@import url("breadcrumbs.css");
@import url("content.css");
@import url("section-box.css");
@import url("offer-view.css");
@import url("hotel-view.css");
@import url("accordion.css");
@import url("hotel-box.css");
@import url("table.css");
@import url("wiki.css");
@import url("js-calendar.css");
@import url("mouzenidis.css");

/* Reset CSS */

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

ul li {
 background: url("../img/internal/bullet.png") no-repeat 0 11px;
 list-style-type: none;
 margin: -3px 0 0 0;
 padding: 3px 0 0 15px;
}

body {
 font-family: 'Noto Sans', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.5;
 text-align: left;
 background-color: #f3f4ef;
 color: #282828;
}


#body_home {
 background-color: #e5e6e1;
}

#main_content {
 display: flex;
 flex-direction: column;
 height: 100vh;
 float: left;
 width: 100%;
}

#main_content.int_page {
 border-top: 125px solid #e5e6e1;
}

#content {
 flex: 1 0 auto;
 float: left;
 width: 100%;
}

#site_bottom {
 float: left;
 width: 100%;
 flex: 0 0 auto;
}

.container {
 max-width: 1364px;
 margin: 0 auto;
}

.container.container_980 {
 max-width: 980px;
}

.container.container_1070 {
 max-width: 1070px;
}

.container.container_1186 {
 max-width: 1186px;
}

.container.container_wide {
 max-width: 1920px;
}

.wrapper {
 float: left;
 width: 100%;
}

.container_wide>.wrapper {
 padding: 0;
}

.title_home {
 float: left;
 width: 100%;
 padding: 0 5%;
 margin: 37px 0 25px 0;
 font-family: 'Literata', serif;
 font-weight: 700;
 font-size: 27px;
 line-height: 1.3;
 color: #525252;
 text-align: center;
}

a:link,
a:visited,
a:hover {
 font-family: 'Noto Sans', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.5;
 color: #dc0c0c;
 text-decoration: none;
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

a.basic_btn {
 font-family: 'Literata', serif;
 font-weight: 700;
 font-size: 14px;
 color: #fff;
}

a.basic_btn:hover {
 color: #fff;
}

.hide_me {
 opacity: 0;
}

.show_me {
 opacity: 1;
 -webkit-transition: 0.8s ease-in-out;
 -moz-transition: 0.8s ease-in-out;
 -o-transition: 0.8s ease-in-out;
 transition: 0.8s ease-in-out;
 animation: move_down 0.8s ease-in-out;
}

@keyframes move_down {
 0% {
  transform: translateY(-40px)
 }
 100% {
  transform: translate(0);
 }
}

@media screen and (max-width: 1550px) {
 .wrapper {
  padding: 0 2%;
 }
 .title_home {
  margin: 34px 0 24px 0;
  font-size: 26px;
 }
}

@media screen and (max-width:1200px) {
 #main_content {
  padding-top: 80px;
  border: 0;
 }
 #main_content.int_page {
  border: 0;
 }
 .title_home {
  margin: 30px 0 22px 0;
  font-size: 24px;
 }
}

@media screen and (max-width:950px) {
 .wrapper {
  padding: 0 2.5%;
 }
 .title_home {
  margin: 28px 0 22px 0;
  font-size: 23px;
 }
}

@media screen and (max-width:676px) {
 .wrapper {
  padding: 0 3%;
 }
 .title_home {
  margin: 25px 0 22px 0;
  font-size: 22px;
 }
 a:link,
 a:visited,
 a:hover {
  font-size: 14px;
  line-height: 1.4;
 }
}

@media screen and (max-width:550px) {
 .wrapper {
  padding: 0 4%;
 }
 .title_home {
  margin: 23px 0 20px 0;
  font-size: 20px;
 }
}