@import url("forms.css");
@import url("header.css");
@import url("calendar.css");
@import url("offer-box.css");
@import url("mini-accents.css");
@import url("accents.css");
@import url("footer.css");
@import url("s0cials.css");
@import url("btn-to-top.css");

/* INTERNAL */

@import url("collage.css");
@import url("breadcrumbs.css");
@import url("content.css");
@import url("section-box.css");
@import url("offer-view.css");
@import url("hotel-box.css");
@import url("accordion.css");
@import url("hotel-view.css");
@import url("table.css");
@import url("wiki.css");
@import url("js-calendar.css");
@import url("search-results.css");
@import url("reservation.css");
@import url("cookies.css");

/* Reset CSS */

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

body {
 /* 
	font-family: "PT Serif", serif; 
	*/
 font-family: "PT Sans", sans-serif;
 font-weight: 400;
 font-size: 19px;
 line-height: 1.7;
 color: #111;
 text-align: left;
 background-color: #fff;
}

ul li {
 padding: 0 0 0 34px;
 margin: 0;
 background: url("/img/internal/bullet.svg") no-repeat 7px 12px;
 background-size: 12px 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: 95px solid #fff;
}

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

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

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

.container.container_1360 {
 max-width: 1360px;
}

.container.container_1368 {
 max-width: 1368px;
}

.container.container_1434 {
 max-width: 1434px;
}

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

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

.container_wide > .wrapper {
 padding: 0;
}

.title_home {
 position: relative;
 display: flex;
 align-items: first baseline;
 float: left;
 width: 100%;
 margin: 0 0 30px 0;
 font-family: "PT Serif", serif;
 font-weight: 700;
 font-size: 32px;
 line-height: 1.2;
 color: #111;
 text-transform: uppercase;
 z-index: 4;
}

.title_home .text {
 position: relative;
 float: left;
 margin: 0 17px 0 0;
}

.title_home .text::after {
 position: absolute;
 bottom: -19px;
 left: 0;
 content: "";
 width: 35px;
 height: 5px;
 border-radius: 10px;
 background-color: #2e2666;
}

.title_home .mini_text {
 float: left;
 font-family: "PT Sans", sans-serif;
 font-weight: 400;
 font-size: 20px;
 text-transform: initial;
}

#accents .title_home {
 justify-content: center;
 text-align: center;
}

.title_home .left {
 display: flex;
 align-items: first baseline;
}

.title_home .right {
 flex: auto;
 display: flex;
 justify-content: flex-end;
 padding: 0 0 0 30px;
 white-space: nowrap;
 line-height: 1;
}

.title_home .right .basic_btn:hover,
.title_home .right .basic_btn {
 display: flex;
 align-items: center;
 padding: 0;
 font-family: "PT Sans", sans-serif;
 font-size: 17px;
 color: #2e2666;
 border: none;
 text-transform: initial;
 background-color: transparent;
}

.title_home .right .basic_btn:hover {
 opacity: 0.8;
}

.title_home .right img {
 width: 19px;
 height: 15px;
 margin: 0 0 0 9px;
}

a:link,
a:visited,
a:hover {
 font-family: inherit;
 font-weight: inherit;
 font-size: inherit;
 line-height: inherit;
 text-decoration: underline;
 transition: 0.2s ease-in-out;
}

.view_content a {
 font-family: "PT Serif", serif;
 font-weight: 700;
 color: #403686;
}

a:hover {
 color: #302864;
}

#header a,
#mobile_header a,
#banner_123 a,
#calendar a,
.mini_accent_box a,
.accent_box a,
.offer_box a,
.hotel_box a,
#footer a,
.section_box a,
#breadcrumbs a,
.search_result_box a,
.filter a {
 text-decoration: none;
}

a.basic_btn {
 font-family: inherit;
 font-weight: 700;
 font-size: 14px;
 line-height: 1.2;
 color: #fff;
 text-decoration: none;
}

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

.no-scroll {
 overflow: hidden;
}

.lazyload,
.lazyloading {
 opacity: 0;
}

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

@media screen and (max-width: 1670px) {
 .wrapper {
  padding: 0 20px;
 }
 .title_home {
  font-size: 30px;
 }
}

@media screen and (max-width: 1350px) {
 .wrapper {
  padding: 0 2%;
 }
 .title_home {
  font-size: 28px;
  margin: 0 0 26px 0;
 }
 .title_home .text::after {
  bottom: -18px;
 }
 .title_home .mini_text {
  font-size: 18px;
 }
}

@media screen and (max-width: 1100px) {
 body {
  font-size: 17px;
 }
 ul li {
  padding: 0 0 0 20px;
  background: url("/img/internal/bullet.svg") no-repeat 0 10px;
  background-size: 10px 8px;
 }
 #main_content,
 #main_content.int {
  border-top: 50px solid #fff;
 }
 .title_home {
  font-size: 27px;
  margin: 0 0 24px 0;
 }
 .title_home .text {
  margin: 0 11px 0 0;
 }
 .title_home .text::after {
  bottom: -16px;
 }
 .title_home .mini_text {
  font-size: 16px;
 }
}

@media screen and (max-width: 1000px) {
 .title_home .left {
  flex-direction: column;
 }
 .title_home .mini_text {
  margin: 25px 0 0 0;
 }
}

@media screen and (max-width: 950px) {
 .wrapper {
  padding: 0 2.5%;
 }
 .title_home {
  font-size: 25px;
  margin: 0 0 20px 0;
 }
 .title_home .text::after {
  bottom: -14px;
  height: 3px;
 }
}

@media screen and (max-width: 676px) {
 body {
  font-size: 16px;
 }
 ul li {
  padding: 0 0 0 16px;
  background: url("/img/internal/bullet.svg") no-repeat 0 10px;
  background-size: 10px 8px;
 }
 .wrapper {
  padding: 0 3%;
 }
 .title_home {
  font-size: 23px;
  margin: 0 0 17px 0;
 }
 .title_home .text::after {
  bottom: -11px;
 }
}

@media screen and (max-width: 580px) {
 .title_home {
  flex-direction: column;
 }
 #accents .title_home {
  align-items: center;
 }
 .title_home .mini_text {
  margin: 20px 0 0 0;
 }
 .title_home .right {
  padding: 8px 0 4px 0;
 }
 .title_home .right .basic_btn:hover,
 .title_home .right .basic_btn {
  font-size: 16px;
 }
 .title_home .right img {
  width: 16px;
  height: 11px;
  margin: 1px 0 -1px 7px;
 }
}

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

@media screen and (max-width: 450px) {
 .title_home {
  font-size: 21px;
 }
}

#admintoolbar a:link,
#admintoolbar a:visited,
#admintoolbar a:hover {
 padding: 3px 5px;
 margin: 0 0 0 7px;
 font-size: 12px;
 line-height: 1.3;
 color: #000;
 border-radius: 5px;
 background-color: rgba(255, 255, 255, 0.7);
}

/*  */

#marquee {
 float: left;
 width: 100%;
 margin: 0 0 33px 0;
}

#marquee .marquee {
 width: 100%;
 padding: 22px 0;
 border-bottom: 1px solid #e0dfe8;
 overflow: hidden;
}

#marquee .marquee > * {
 display: inline-block;
 white-space: nowrap;
 padding-left: 100%;
 animation: marquee 0s linear infinite;
}

@keyframes marquee {
 to {
  transform: translateX(-100%);
 }
}

.grey_bg {
 float: left;
 width: 100%;
 padding: 68px 0 0 0;
 background-color: #f4f6fb;
}

.grey_bg.home_grey_bg {
 padding: 104px 0 0 0;
 margin: 100px 0 0 0;
}

.home_bg {
 position: relative;
 float: left;
 width: 100%;
 padding: 90px 0 0 0;
}

.home_bg::after {
 position: absolute;
 top: 15px;
 left: 0;
 content: "";
 width: 100%;
 height: 100%;
 background: url("/img/home-bg.png") top center no-repeat;
 z-index: 2;
}

@media screen and (max-width: 1300px) {
 #marquee {
  margin: 0 0 30px 0;
 }
 #marquee .marquee {
  padding: 20px 0;
 }
 .grey_bg {
  padding: 58px 0 0 0;
 }
 .grey_bg.home_grey_bg {
  padding: 80px 0 0 0;
  margin: 80px 0 0 0;
 }
 .home_bg {
  padding: 60px 0 0 0;
 }
}

@media screen and (max-width: 1100px) {
 #marquee {
  margin: 0 0 27px 0;
 }
 #marquee .marquee {
  padding: 18px 0;
 }
 .grey_bg {
  padding: 45px 0 0 0;
 }
 .grey_bg.home_grey_bg {
  padding: 60px 0 0 0;
  margin: 60px 0 0 0;
 }
 .home_bg {
  padding: 50px 0 0 0;
 }
}

@media screen and (max-width: 950px) {
 #marquee {
  margin: 0 0 24px 0;
 }
 #marquee .marquee {
  padding: 16px 0;
 }
 .grey_bg {
  padding: 38px 0 0 0;
 }
 .grey_bg.home_grey_bg {
  padding: 50px 0 0 0;
  margin: 50px 0 0 0;
 }
 .home_bg {
  padding: 42px 0 0 0;
 }
}

@media screen and (max-width: 750px) {
 #marquee {
  margin: 0 0 20px 0;
 }
 #marquee .marquee {
  padding: 14px 0;
 }
 .grey_bg {
  padding: 32px 0 0 0;
 }
 .grey_bg.home_grey_bg {
  padding: 42px 0 0 0;
  margin: 42px 0 0 0;
 }
 .home_bg {
  padding: 35px 0 0 0;
 }
}

@media screen and (max-width: 650px) {
 #marquee {
  margin: 0 0 18px 0;
 }
 #marquee .marquee {
  padding: 12px 0;
 }
 .grey_bg {
  padding: 26px 0 0 0;
 }
 .grey_bg.home_grey_bg {
  padding: 36px 0 0 0;
  margin: 36px 0 0 0;
 }
 .home_bg {
  padding: 30px 0 0 0;
 }
}

@media screen and (max-width: 550px) {
 #marquee .marquee {
  padding: 10px 0;
 }
 .grey_bg {
  padding: 20px 0 0 0;
 }
 .grey_bg.home_grey_bg {
  padding: 30px 0 0 0;
  margin: 30px 0 0 0;
 }
 .home_bg {
  padding: 25px 0 0 0;
 }
}