@import url("../style2.css") only screen and (min-width: 800px);
@import url("../ajax.css") only screen and (min-width: 800px);
@import url("banner/responsiveslides.css") only screen and (min-width: 800px);
@import url("calendar/custom-theme/jquery-ui.css") only screen and (min-width: 800px);

@import url("cookies.css") only screen and (min-width: 800px);

@import url("forms.css") only screen and (max-width: 800px);
@import url("header.css") only screen and (max-width: 800px);
@import url("calendar.css") only screen and (max-width: 800px);
@import url("offer-box.css") only screen and (max-width: 800px);
@import url("accents.css") only screen and (max-width: 800px);
@import url("footer.css") only screen and (max-width: 800px);
@import url("btn-to-top.css") only screen and (max-width: 800px);

/* INTERNAL */

@import url("content.css") only screen and (max-width: 800px);
@import url("section-box.css") only screen and (max-width: 800px);
@import url("offer-view.css") only screen and (max-width: 800px);
@import url("hotel-box.css") only screen and (max-width: 800px);
@import url("hotel-view.css") only screen and (max-width: 800px);
@import url("table.css") only screen and (max-width: 800px);
@import url("wiki.css") only screen and (max-width: 800px);
@import url("js-calendar.css") only screen and (max-width: 800px);
@import url("cookies.css") only screen and (max-width: 800px);

/* Reset CSS */

.mobile {
 display: none;
}

.desktop {
 display: block;
}

@media screen and (max-width:800px) {
 .desktop {
  display: none;
 }
 .mobile {
  display: block;
 }
}




@media screen and (max-width:800px) {
 
 * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
 }

 body {
/*   font-family: 'Lora', sans-serif; */
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #383838;
  text-align: left;
  background-color: #fff;
 }

 ul li {
  padding: 0 0 0 28px;
  margin: 0;
  background: url('/img/internal/bullet.svg') no-repeat 14px 8px;
  background-size: 4px 10px;
  list-style-type: none;
 }

 .descriptions ul {
  margin: 0 0 15px 0;
 }

 .descriptions.has_render_wiki ul,
 .has_render_wiki ul {
  margin: 0;
 }

 .descriptions p {
  margin: 0 0 15px 0;
 }

 #main_content {
  display: flex;
  flex-direction: column;
  float: left;
  width: 100%;
  height: 100vh;
  border-top: 0 solid #fff;
 }

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

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

 .home #site_bottom {
  margin: 0;
 }

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

 .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: 0 0 22px 0;
  font-family: 'Lora', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  color: #325050;
  text-align: center;
 }

 .line_container_home {
  display: flex;
  justify-content: center;
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
  display: none;
 }

 .line_home {
  width: 70px;
  height: 3px;
  background-color: #325050;
 }

 a:link,
 a:visited,
 a:hover {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #CE0002;
  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:hover {
  color: #CE0002;
 }

 a.basic_btn {
  font-family: 'Lora', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
 }

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

 .no-scroll {
  overflow: hidden;
 }

 .lazyload,
 .lazyloading {
  opacity: 0;
 }

 .lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
 }


 .wrapper {
  padding: 0 2%;
 }

 #main_content,
 #main_content.int {
  border-top: 50px solid #fff;
 }

 #site_bottom {
  margin: 20px 0 0 0;
 }
 .title_home {
  font-size: 30px;
 }
 .line_container_home {
  margin: 0 0 26px 0;
 }

 body {
  font-size: 15px;
 }
 ul li {
  padding: 3px 0 3px 13px;
  background: url('../img/internal/bullet.svg') no-repeat 0 10px;
  background-size: 5px 10px;
 }
 #site_bottom {
  margin: 30px 0 0 0;
 }
 .wrapper {
  padding: 0 2.5%;
 }
 .title_home {
  margin: 0 0 20px 0;
  font-size: 23px;
 }
 .line_container_home {
  margin: 0 0 22px 0;
 }
 .line_home {
  width: 50px;
  height: 3px;
 }
 
}

@media screen and (max-width:676px) {
 body {
  font-size: 14px;
 }
 .wrapper {
  padding: 0 3%;
 }
 #site_bottom {
  margin: 10px 0 0 0;
 }
 .title_home {
  margin: 0 0 18px 0;
  font-size: 20px;
 }
 .line_container_home {
  margin: 0 0 18px 0;
 }
}

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