@import url("forms.css");
@import url("header.css");
@import url("offer-box.css");
@import url("accents.css");
@import url("special-boxes.css");
@import url("reviews.css");
@import url("calendar.css");
@import url("footer.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("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: "Great Vibes", cursive;
	*/
 font-family: "Manrope", sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.75;
 color: #000;
 text-align: left;
 background-color: #fff;
}

html[lang="bg"] {
 font-feature-settings: "locl" 0;
}

ul li {
 padding: 0 0 0 21px;
 margin: 0;
 background: url('/img/internal/bullet.svg') no-repeat 5px 8px;
 background-size: 6px 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: 36px solid #001b4f;
}

#main_content.view {
 border-top: 213px solid #001b4f;
}

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

#site_bottom {
 flex: 0 0 auto;
 float: left;
 width: 100%;
 background: #002060 url('/img/bg-bottom.png') top 50px left 0 no-repeat;
 background-size: 722px 734px;
}

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

.container.container_1379 {
 max-width: 1379px;
}

.container.container_1329 {
 max-width: 1329px;
}

.container.container_1170 {
 max-width: 1170px;
}

.container.container_944 {
 max-width: 944px;
}

.container.container_874 {
 max-width: 874px;
}

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

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

.container_wide>.wrapper {
 padding: 0;
}

.home_bg {
 float: left;
 width: 100%;
 background: #cdf6e8 url('/img/bg-home.png') top center repeat-x;
}

.int_bg {
 float: left;
 width: 100%;
 background: #cdf6e8 url('/img/internal/int-bg.png') top center repeat-x;
}

.title_home {
 float: left;
 width: 100%;
 margin: 0 0 10px 0;
 font-family: "Great Vibes", cursive;
 font-weight: 400;
 font-size: 45px;
 line-height: 1.1;
 color: #002060;
 text-align: center;
}

.text_home {
 float: left;
 width: 100%;
 margin: 0 0 34px 0;
 font-weight: 400;
 font-size: 14px;
 line-height: 1.3;
 color: #002060;
 text-align: center;
}

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

a:hover {
 color: #05338f;
}

#header a,
#mobile_header a,
#banner_123 a,
.accent_box a,
.offer_box a,
.hotel_box a,
.special_box a,
#calendar a,
#footer a,
.section_box a,
#breadcrumbs a,
.search_result_box 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: 1500px) {
 .wrapper {
  padding: 0 2%;
 }
}

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

@media screen and (max-width:1200px) {
 .title_home {
  font-size: 41px;
 }
 .text_home {
  margin: 0 0 20px 0;
 }
}

@media screen and (max-width:1100px) {
 #main_content,
 #main_content.int {
  border-top: 0 solid #fff;
 }
 #main_content.view {
  border-top: 64px solid #002060;
 }
 .title_home {
  font-size: 40px;
 }
 .text_home {
  margin: 0 0 28px 0;
 }
}

@media screen and (max-width:950px) {
 #site_bottom {
  background-size: 481px 489px;
 }
 .wrapper {
  padding: 0 2.5%;
 }
 .title_home {
  font-size: 37px;
 }
 .text_home {
  margin: 0 0 22px 0;
 }
 .text_home {
  margin: 0 0 16px 0;
 }
}

@media screen and (max-width:676px) {
 body {
  font-size: 14px;
 }
 ul li {
  padding: 0 0 0 10px;
  background: url('/img/internal/bullet.svg') no-repeat 0 7px;
  background-size: 5px 9px;
 }
 #site_bottom {
  background-size: 361px 367px;
 }
 .wrapper {
  padding: 0 3%;
 }
 .title_home {
  margin: 0 0 9px 0;
  font-size: 34px;
 }
 .text_home {
  margin: 0 0 16px 0;
  font-size: 13px;
 }
 .text_home {
  margin: 0 0 12px 0;
 }
}

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

#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);
}


/*  */

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

.calendar_and_image .wrapper {
 display: flex;
}

#image_container {
 width: 551px;
 min-width: 551px;
 height: 641px;
 margin: 0 0 0 92px;
}

#image_container img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

@media screen and (max-width:1400px) {
 .calendar_and_image {
  margin: 0 0 80px 0;
 }
 #image_container {
  margin: 0 0 0 55px;
 }
}

@media screen and (max-width:1200px) {
 .calendar_and_image {
  margin: 0 0 60px 0;
 }
 #image_container {
  width: 413px;
  min-width: 413px;
  height: 481px;
  margin: 0 0 0 35px;
 }
}

@media screen and (max-width:1100px) {
 .calendar_and_image {
  margin: 0 0 50px 0;
 }
}

@media screen and (max-width:950px) {
 .calendar_and_image {
  margin: 0 0 40px 0;
 }
}

@media screen and (max-width:900px) {
 #image_container {
  display: none;
 }
}

@media screen and (max-width:750px) {
 .calendar_and_image {
  margin: 0 0 30px 0;
 }
}


/*  */

#side_btns,
#side_btns * {
 transition: 0.5s ease-in-out;
}

#side_btns {
 position: fixed;
 top: 275px;
 right: 0;
 width: 48px;
 background-color: #00153e;
 z-index: 10;
}

#side_btns a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
}

#side_btns a .icon_holder {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
 padding: 7px 0;
 background-color: #00153e;
 z-index: 3;
}

#side_btns a .icon_holder:first-child {
 padding-top: 11px;
}

#side_btns a .icon_holder:last-child {
 padding-bottom: 11px;
}

#side_btns a .icon {
 position: relative;
 width: 24px;
 height: 24px;
}

#side_btns a .icon::before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 content: "";
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}

#side_btns a .icon::after {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 content: "";
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
 opacity: 0;
}

#side_btns a.f_b .icon::before {
 background: url('/img/side-btn-s0cial-f_b.svg') 0px 0px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.f_b .icon::after {
 background: url('/img/side-btn-s0cial-f_b.svg') 0px -24px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.i_nstagram .icon::before {
 background: url('/img/side-btn-s0cial-i_nstagram.svg') 0px 0px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.i_nstagram .icon::after {
 background: url('/img/side-btn-s0cial-i_nstagram.svg') 0px -24px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.blog .icon::before {
 background: url('/img/side-btn-s0cial-blog.svg') 0px 0px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.blog .icon::after {
 background: url('/img/side-btn-s0cial-blog.svg') 0px -24px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.phone .icon::before {
 background: url('/img/side-btn-s0cial-phone.svg') 0px 0px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.phone .icon::after {
 background: url('/img/side-btn-s0cial-phone.svg') 0px -24px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.email .icon::before {
 background: url('/img/side-btn-s0cial-email.svg') 0px 0px no-repeat;
 background-size: 24px 48px;
}

#side_btns a.email .icon::after {
 background: url('/img/side-btn-s0cial-email.svg') 0px -24px no-repeat;
 background-size: 24px 48px;
}

#side_btns a:hover .icon::before {
 opacity: 0;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}

#side_btns a:hover .icon::after {
 opacity: 1;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}

#side_btns .s0cial .text {
 position: absolute;
 right: -220px;
 top: 0;
 content: '';
 display: flex;
 align-items: center;
 width: 260px;
 height: 100%;
 padding: 5px 15px;
 font-size: 12px;
 line-height: 1.3;
 color: #fff;
 background-color: #00153e;
 z-index: 1;
}

#side_btns .s0cial:hover .text {
 right: 48px;
}

@media screen and (max-width:1100px) {
 #side_btns {
  display: none;
 }
}
