@charset "utf-8";
/* CSS Document */

.dn {
	display: none!important;
}
/* --------------------------Liquid Type-------------------------- */
@media (min-width: 1200px) {
  body, .h2-h5, .h2-small {
    font-size: calc(0.8125rem + ((1vw - 12px) * 0.4261))!important;
    min-height: 0vw;
  }/*13*/
  .h2-slogan {
    font-size: calc(8.875rem + ((1vw - 12px) * 11.6477))!important;
    min-height: 0vw;
  }/*142*/
  .h3-slogan, .detail-columns h4, .detail-columns .to-list, .toggle-heading {
    font-size: calc(0.875rem + ((1vw - 12px) * 0.7102))!important;
    min-height: 0vw;
  }/*14*/
  .h2-big {
    font-size: calc(6rem + ((1vw - 12px) * 7.9545))!important;
    min-height: 0vw;
  }/*96*/
  .h3-h3 {
    font-size: calc(4rem + ((1vw - 12px) * 4.2614))!important;
    min-height: 0vw;
  }/*64*/
  .h4-offers {
    font-size: calc(1rem + ((1vw - 12px) * 0.7102))!important;
    min-height: 0vw;
  }/*16*/
  .h4-footer {
    font-size: calc(2.25rem + ((1vw - 12px) * 2.2727))!important;
    min-height: 0vw;
  }/*36*/
  .footer-links {
    font-size: calc(1.375rem + ((1vw - 12px) * 1.4205))!important;
    min-height: 0vw;
  }/*22*/
  .rl-head {
    font-size: calc(1.625rem + ((1vw - 12px) * 1.8466))!important;
    min-height: 0vw;
  }/*26*/
}
@media (min-width: 1904px) {
  body, .h2-h5, .h2-small {
    font-size: 16px!important;
  }
  .h2-slogan {
    font-size: 224px!important;
  }
  .h3-slogan, .detail-columns h4, .detail-columns .to-list, .toggle-heading {
    font-size: 19px!important;
  }
  .h2-big {
    font-size: 152px!important;
  }
  .h3-h3 {
    font-size: 94px!important;
  }
  .h4-offers {
    font-size: 21px!important;
  }
  .h4-footer {
    font-size: 52px!important;
  }
  .footer-links {
    font-size: 32px!important;
  }
  .rl-head {
    font-size: 39px!important;
  }
}


@media (max-width: 1199px) {
  body, .h2-h5, .h2-small {
    font-size: 13px!important;
  }
  .h2-slogan {
    font-size: 124px!important;
  }
  .h3-slogan, .detail-columns h4, .detail-columns .to-list, .toggle-heading {
    font-size: 14px!important;
  }
  .h2-big {
    font-size: 96px!important;
  }
  .h3-h3 {
    font-size: 64px!important;
  }
  .h4-offers {
    font-size: 16px!important;
  }
  .h4-footer {
    font-size: 36px!important;
  }
  .footer-links {
    font-size: 22px!important;
  }
  .rl-head {
    font-size: 26px!important;
  }
}

@media (max-width: 640px) {
  .h2-slogan {
    font-size: 96px!important;
  }	
}
@media (max-width: 420px) {
  .h2-slogan {
    font-size: 83px!important;
  }
  .h2-big {
    font-size: 83px!important;
  }
    .h3-h3 {
    font-size: 52px!important; 	
  }
}

/*---------------------------Menu-----------------------------------*/
.menu-main-menu-en-container {
	display: none!important;
}
.menu-wrap {
	position: fixed;
	z-index: 100001;
	right: 0;
	top: 0;
	width: 320px;
	height: 100vh;
	background: #250771;
	overflow-y: scroll;
	scrollbar-width: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(340px);
	opacity: .2;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.menu-wrap::-webkit-scrollbar {
    display: none;
}
.menu-wrap.active {
	transform: translate(0px);
	opacity: 1;
}

.menu-scrolling::-webkit-scrollbar {
    display: none;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    height: auto;
    padding: 9px 10px!important;
    background: transparent;
    text-align: left;
    color: fff;
	Font-family: "Sofia Sans Extra Condensed"!important;
	font-weight: 300!important;
    font-size: 31px;
	line-height: 32px!important;
	text-transform: uppercase;
	letter-spacing: .104em;
	position: relative;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: inline;
    position: absolute!important;
	top: auto;
	right: auto;
    left: auto;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	text-align: left!important;
}
.mega-sub-menu .mega-menu-item a.mega-menu-link {
	text-transform: uppercase!important;
	font-size: 15px!important;
	font-weight: 400!important;
}

.close-button {
	position: absolute;
	right: 32px;
	top: 64px;
	width: 42px;
	height: 42px;
	padding: 8px!important;
	/*background: #c4b388;*/
	z-index: 15000;
	cursor: pointer;
}
.close-button .close-line {
	transform: rotate(45deg);
}
.close-button .close-line:nth-of-type(2) {
	transform: rotate(-45deg);
}
.close-button .close-line {
	height: 1px!important;
	width: 32px!important;
	margin-left: -3px;
	background-color: #fff!important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.close-button .close-line {
	transform: rotate(45deg);
}
.close-button .close-line:nth-of-type(2) {
	transform: rotate(-45deg);
	margin-top: -2px;
}
@media (max-width: 981px) {
.menu-wrap {
	width: 100%;
	transform: translate(110%);
}
}
/* --------------------------Header-------------------------- */
@media (min-width: 982px) {
body.shrink .my-header {
	height: 64px;
	/*background: #fff;
	background: rgba(37,7,113,.64);*/
	background: rgba(157,159,158,.64);
	backdrop-filter: blur(12px);
}
body.shrink .header-color .my-header {
	background: rgba(191,193,191,.64);
	background: rgba(230,231,230,.64);
}

body.shrink .logo {
	width: 7.6vw;
	width: 146px;
	height: 56px;
	top: 4px;
}

.header-color .right-book {
	background: #e6e7e6;
}
.header-color .right-book .right-book-text {
	color: #250771;
}
.header-color .hamburger, .header-color .hamburger-three, .header-color .hamburger-three::after {
	border-color: rgba(37,7,113,.64);
}
.header-color .hamburger-three::after {
	background: rgba(37,7,113,.64);
}
.header-color .right-telefon {
	color: #250771;
}
}
body.scroll-down .my-header {
	transform: translateY(-120%);
}
.header-color .logo {
	background-image: url(/wp-content/uploads/2023/08/rosslyn-thracia.svg);
}
@media (min-width: 982px) and (max-width: 1440px) {
body.shrink .my-header {
	height: 52px;
}
body.shrink .logo {
	width: 121px;
	height: 48px;
	top: 2px;
}
}
@media (max-width: 982px) {
body.shrink .logo {
	height: 0px;
	top: 4px;
}
}

/* --------------------------Hero-------------------------- */
.hero-exp-slider .flickity-viewport, .home-rooms-slider .flickity-viewport, .testimonials-slider .flickity-viewport, .rh-slider .flickity-viewport, .more-rooms-slider .flickity-viewport,
.rooms-gallery-slider .flickity-viewport {
	width: 100%;
}
@media (min-width: 982px) {
.hero-exp-slider .flickity-viewport {
	height: 89.64vh!important;
}
}
@media (max-width: 981px) {
.hero-exp-slider .flickity-viewport {
	height: 100vh!important;
}
}
.flickity-prev-next-button {
	background: #250771;
	border-radius: 0;
	width: 2.94vw;
	height: 3.36vw;
	top: auto;
	bottom: -1.89vw;
	z-index: 10;
	transform: translateY(0%);
}
.flickity-prev-next-button.previous {
	left: 74.375vw;
	transform: translateX(-103.6%);
}
.flickity-prev-next-button.next {
	right: auto;
	left: 74.375vw;
	transform: translateX(3.6%);
}
.rh-slider .flickity-prev-next-button {
	bottom: auto;
	top: 20.6vw;
}
.rooms-gallery-slider .flickity-prev-next-button, .more-rooms-slider1 .flickity-prev-next-button {
	bottom: auto;
	top: -1.2vw;
}
.rh-slider .flickity-prev-next-button.previous {
	left: 87.5%;
	transform: translateX(-103.6%);
}
.rh-slider .flickity-prev-next-button.next {
	right: auto;
	left: 87.5%;
	transform: translateX(3.6%);
}
.flickity-prev-next-button:hover {
	background: #250771;
}
.flickity-button-icon {
  	fill: rgba(255,255,255,1);
  	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

@media (max-width: 981px) {
.flickity-prev-next-button {
	display: none;
}	
}
@media (max-width: 981px) and (orientation:portrait) {
.hero, .hero-wrap, .hero-short {
	height: 56vh!important;
}
.hero-wrap {
	height: auto!important;
}
.hero-grey {
	position: static!important;
	background: #9d9f9e!important;
	background: #250771!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}
.grey-first {
	background: #bfc1bf!important;
}
.hero-exp-slider .flickity-viewport {
	height: 56vh!important;
}	
}

/* --------------------------Offer Detail-------------------------- */
.detail-columns h4, .detail-columns .to-list {
	font-family: "Montserrat", sans-serif!important;
	font-weight: 600;
	line-height: 1.684;
	letter-spacing: .208em;
	text-transform: uppercase;
	padding-top: .4em;
}
.detail-columns .detail-price h4, .detail-columns .to-list {
	color: #9d9f9e;
	text-transform: none;
}
.detail-columns .to-list {
	color: #9d9f9e;
	text-transform: none;
	font-weight: 400;
	padding-top: 0em;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.detail-columns .to-list:hover {
	letter-spacing: .104em;
}
.button-solid, .detail-columns .button-solid a {
	color: #fff;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: .104em;
	text-transform: uppercase;
	padding: 16px 26px;
	background: #2c256d;
	margin-bottom: 16px;
	display: flex;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.button-solid:hover, .detail-columns .button-solid a:hover {
	letter-spacing: 0em;
}
.button-solid.button-solid-grey, .detail-columns .button-solid.button-solid-grey a {
	/*color: #2c256d;*/
	background: #9d9f9e;
}
.detail-columns .button-solid, .button-solid.button-solid-grey {
	padding: 0;
	margin-bottom: 0;
	background: transparent;
}
.detail-content span p:first-of-type {
	margin-top: 0;
}
.detail-contacts span p {
	margin: 0;
	margin-top: .5em;
}

/*---------------- Toggles ----------------*/
.toggle-wrapper .oxy-toggle {
	padding: 16px 64px 17px 0px;
	/*background: #eae7e4;*/
	width: 100%;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.toggle-wrapper .oxy-toggle::after {
	content: "";
	display: block;
	width: 23px;
	height: 23px;
	background: url(/wp-content/uploads/2023/09/crest.svg);
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -11.5px;
	transform: rotate(0deg);
}
.toggle-wrapper.active .oxy-toggle::after {
	transform: rotate(45deg);
}
.oxy-expand-collapse-icon::after, .oxy-expand-collapse-icon::before {
    content: none;
}
.oxy-expand-collapse-icon {
    display: none!important;
}
/*.toggle-wrapper.active .oxy-toggle {
	background: #e7e2de;
	background: #f6f5f2;
}*/
.toggle-heading {
	width: -moz-fit-content;
	width: fit-content;
	font-family: Montserrat, sans-serif!important;
	font-weight: 600;
}

/*--------------------Contact form-----------------------------*/

.wpcf7, form {
	width: 100%;
}
.wpcf7 {
	padding-bottom: 8px;
}
.wpcf7 form p {
	font-size: 13.5px;
	margin: 0 0 16px 0;
}
.wpcf7 form * {
	font-family: Montserrat!important;
}
.wpcf7 form p.full {
	display: block;
	clear: left;
	width: 100%;
}
.wpcf7 form p.half {
	display: block;
	float: left;
	width: 50%;
}
.wpcf7 form p.third {
	display: block;
	float: left;
	width: 33.3%;
	padding-left: 8px;
	padding-right: 8px;
}
.wpcf7 form p.half.f-left {
	padding-left: 0px;
	padding-right: 8px;
}
.wpcf7 form p.half.f-right {
	padding-left: 8px;
	padding-right: 0px;
}
.wpcf7 form p.third.t-left {
	padding-left: 0px;
	padding-right: 8px;
}
.wpcf7 form p.third.t-right {
	padding-left: 8px;
	padding-right: 0px;
}
.wpcf7 form p.fancy-submit {
	text-align: left;
	padding-top: 0px;
}
.wpcf7 .subscr form span.wpcf7-spinner {
	display: none!important;
}
.wpcf7 .subscr form .wpcf7-response-output {
	color: #fff!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #999;
}
.wpcf7  label span {
	/*color: #baa582;*/
	font-weight: 500;
}
.wpcf7 input, .wpcf7 select {
	line-height: 24px;
	padding: 6px 4px;
	border: none;
	background: #e6e7e6;
	width: 100%;
	margin-top: 2px;
	color: #250671;
}
.wpcf7 select {
	padding: 9px 4px;
}
.wpcf7 textarea {
	line-height: 12px;
	padding: 6px;
	border: none;
	background: #e6e7e6;
	width: 100%;
	margin-top: 2px;
	color: #250671;
}
.wpcf7 input[type="submit"] {
	width: auto;
	padding-left: 32px;
	padding-right: 32px;
	padding: 16px 26px;
	background: #250671;
	font-size: 13.5px;
	text-transform: uppercase;
	letter-spacing: .208em;
	color: #fff;
	border-radius: 0px;
	cursor: pointer;
}
.wpcf7 input[type="checkbox"] {
	/*border: 1px solid #000!important;*/
	width: 8px!important;
}

@media (max-width: 768px) {
.wpcf7 form p {
	margin: 0 0 16px 0;
}
.wpcf7 form p.half, .wpcf7 form p.third {
	display: block;
	float: left;
	width: 100%;
}
.wpcf7 form p.half.f-left, .wpcf7 form p.half.f-right, .wpcf7 form p.third.t-left, .wpcf7 form p.third.t-right, .wpcf7 form p.third {
	padding-left: 0px;
	padding-right: 0px;
}	
}
@media (max-width: 480px) {
.wpcf7 input[type="checkbox"] {
	/*border: 1px solid #000!important;*/
	width: 12px!important;
}
}



/* --------------------------Lang Switcher PHP-------------------------- */

.pll-switcher-select {
	font-family: Montserrat, sans-serif;
	color: #fff;
	/*font-size: 14px;*/
	font-weight: 300;
	background: transparent;
	text-transform: uppercase;
	border: none;
	/*-webkit-appearance:none;
    outline: none;*/
}
.pll-switcher-select option {
	color: #fff;
	background: #250671;
	text-transform: uppercase!important;
	border: none;
}
.pll-switcher-select option:focus {
	color: #fff;
	background: #250671;
	text-transform: uppercase!important;
	border: none;
}
.pll-switcher-select option[selected="selected"] {
	color: #fff;
	background: #250671;
	text-transform: uppercase!important;
	border: none;
}

.pll-switcher-select, .pll-switcher-select:focus, .pll-switcher-select:active {
    border-color: transparent;
    outline: none;
}
.header-color .pll-switcher-select {
	color: #250671;
	font-weight: 400;
}
.h-color .menu-wrap .oxy-pro-menu-list .menu-item a, .h-color .lang-menu li a::before, .h-color .lang-menu .oxy-pro-menu-dropdown-icon-click-area svg, .h-color .pll-switcher-select {
	color: #250671!important;
}
}
@media (max-width: 834px) {
.pll-switcher-select {
	color: #fff;
	font-size: 14px!important;
	font-weight: 400;
}
}


