/*Fonts Start ---*/
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Source+Serif+Pro:ital,wght@1,300&display=swap');


/*Fonts End ---*/
@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(158, 158, 158, 1);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(158, 158, 158, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(158, 158, 158, 0);
	}
}

.net22 {
	font-size:14px;
}
img {
  object-fit: cover;
}
.margin-2{
margin-top:107px;
}
body {
  overflow-x: hidden !important;

}

.current-menu-item a ,  .current_page_item a {
  color: #0077C7 !important;
	font-family: "minion-pro-medium";
}

* {

  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none !important;
	font-size:20px;
}
a{
color:#0077C7;}

li {
  text-decoration: none;
  list-style-type: none;
}
#map{
width:100%;
height:666px;
	margin-top: -75px;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
}

p, .facilities li {
  margin: 0 !important;
  font-family: 'Source Serif Pro', serif;
}

h1,
h2,
h4 {
font-family: 'GFS Didot', serif;
  color: #5A5A5A;
  font-weight: 700;
}
h2, h1, .contact_left h4, .contact_right h4 {
	text-transform:capitalize;
}
.font-size-big {
	font-size:2.5rem;
}
h1 {
  text-transform: uppercase;
}

html {
  overflow-x: hidden !important;

}

mav {
  position: fixed;
  width: 100%;
  z-index: 99;
  background: white;
}

.d_flex {
  display: flex;
  justify-content: center;
}

/*Mobile Menu Start---*/
.ani {
  padding: 0;
  margin: 0;
  position: fixed;
  right: -40rem;
  bottom: 0;
  top: 0;
  width: -00px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  list-style: none;
  z-index: -1;
  overflow: hidden;
  transition: all ease-in-out 400ms;


}
.menu-hamburger-menu li:hover{
color:#0077C7!important;
}
.menu-hamburger-menu  li a:hover{
color:#0077C7!important;
}
.mobile-navmenu a:hover{
color:#0077C7;
	transition:all ease-in-out 200ms;

}
.mobile-navmenu a{
color:#0077C7;
transition:all ease-in-out 200ms;
}
.offers_btn h2{
	transition:all ease-in-out 200ms;
	text-transform:uppercase;


}
.offers_btn h2:hover{
    background: #0d65c8;
	cursor:pointer;
	

}
.lang_wrapper .lang_show {
text-align:center;}
.mobile-navmenu {
	overflow:scroll;
  background-color: white;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  display: flex;
  list-style: none;
  z-index: 400;
  flex-direction: column;
  opacity: .981;
  padding: 100px 0 0px 10px;
  transition: all ease-in-out 400ms;
overflow:hidden;
}

.mobile-navmenu .menu-item  ,.mobile-navmenu .page_item {
  padding: 33px 0;
  margin-left: 50px;
  z-index: 999;
  margin-right: 50px;
  border-bottom: 1px solid rgba(1, 1, 1, .2);



}

.mobile-navmenu a {
  text-decoration: none;
  color: #5A5A5A;
  font-size: 25px;

}

.mobile-menu-item:hover .mobile-menu-item a:hover {
  color: #0077C7 !important;

}

/*Mobile Menu End---*/
/*classes Margins-paddings Star ---*/
.no_uppercase {
  text-transform: capitalize;
  color: #5A5A5A;
}

.wraper {
  padding: 4% 10% 0 2%;
}

.section-wrapper {
  position: relative;
  top: -75px;
  z-index: -1;
}
.border_bottom{
  border-bottom: 3px solid white;
}
.border_top{
  border-top: 3px solid white;
  padding: 10px 0 10px 0;
}

.wraper_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.margin-section_acc {
  margin-top: 100px;
}

.margin-section {

  margin-top: 100px;
}

.h1_margin {
  margin-bottom: 80px;
}

.margin-section_double {
  margin-top: 200px;
}

/*classes Margins-paddings End ---**/
.lang_icon {
  max-width: 30px;
  position: absolute;
  top: 18px;
  right: 0;
}

.lang_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  transition: 250ms;
}

.lang_wrapper svg {
  transition: all ease-in-out 300ms;
  cursor: pointer;
}

.lang_wrapper:hover svg {
  transform: rotate(180deg);
  transition: all ease-in-out 300ms;
}

.lang_wrapper:hover .lang_show {
  width: 100%;
  display: flex;
  padding: 15px 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lang_wrapper:hover .lang_show a {
  padding: 0 7px;
  position: relative;
	color: #0077C7;
}

.lang_wrapper:hover .lang_show a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: 250ms;
}

.lang_wrapper:hover .lang_show a:hover::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}

.lang_wrapper .drop {
  color: #0077C8;
  height: 100%;
  padding: 18px 12px 12px 12px;
}

/* BLACK WRAPER*/

.lang_wrapper .lang_show {
  display: none;
}

.lang_wrapper, .lang_wrapper {
    position: absolute;
    right: 225px;
    top: 23px;
/*     border: 3px solid #0077C8; */
}

.lang_show,
.lang_show {
  border-top: none;
}

.lang_show {
  border: none;
}

.lang_icon {
  fill: white;
}

.drop,
.menu-item {
  color: white;
}

.right_bl .lang_icon {
  fill: black;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  color: gray !important;
}

/*Navigaton*/

/*
nav---start
*/
nav {
  position: fixed;
  width: 100%;
  z-index: 300;
	background: rgba(255, 255, 255, .4);
}

.logo {
  max-width: 100%;
}

.nav-bar {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-content: center;
  align-items: center;
/*   padding-left: 3%;
  padding-right: 3%; */
/*   box-shadow: 0 8px 23px -17px gray; */
	padding: 5px 3%;
}

/*
nav---end
*/

.menu-item-363, .menu-item-703 {
    text-align: center;
    color: #0077C8;
    margin-right: 74px;
    padding: 4px;
    border: 2px solid #0077C8;
    position: absolute;
    right: 54px;
    top: 31px;
}

.menu-item-363 a, .menu-item-703 a {
  color: #0077C8;

}

/*
Hamburger-animation---start
*/
.menu {
  position: fixed;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  right: 25px;
  top: 12px;
  z-index: 999;
}

.line {
  fill: none;
  stroke: #0077C7;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 3;
}

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

.hamburger {
  position: absolute;
  right: 60px;
  top: 24px;
  z-index: 30;
}

nav label {
  display: flex;
  flex-direction: column;
  width: 70px;

  cursor: pointer;
  transform: rotate(180deg);
}

label span {
  background: #0077C8;
  border-radius: 10px;
  height: 2px;
  margin: 7px 0;
  transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);

}


span:nth-of-type(1) {
  width: 50%;

}

span:nth-of-type(2) {
  width: 75%;
}


span:nth-of-type(3) {
  width: 100%;

}


nav input[type="checkbox"] {
  display: none;
}


nav input[type="checkbox"]:checked~span:nth-of-type(1) {
  transform-origin: bottom;
  transform: rotatez(-15deg) translate(8px, 0px);
  width: 0%;

}


nav input[type="checkbox"]:checked~span:nth-of-type(2) {

  transform-origin: top;
  transform: rotatez(-45deg);
  width: 100%
}


nav input[type="checkbox"]:checked~span:nth-of-type(3) {

  transform-origin: bottom;
  transform: translate(8px, -17px) rotatez(45deg);
  width: 100%;

}



/*Hambureger-animation--end*/


/*Buttons previous/next ---start*/



.carousel-control-prev,
.carousel-control-next {
  opacity: 1 !important;
}


.carousel-control-prev span:nth-of-type(2) {

  width: unset;
}

.carousel-control-next-icon::before {
  content: '';
  width: 88px;
  height: 3px;
  display: inline-block;
  background-color: #0077C8;
  position: relative;
  left: -41px;
  top: 35px;
}

.carousel-control-prev-icon::before {
  content: '';
  width: 88px;
  height: 3px;
  display: inline-block;
  background-color: #0077C8;
  position: relative;
  left: 26px;
  top: 35px;
}

/*Buttons previous/next ---end*/


/*Carousel Images---start*/
.rotate {
  transform: rotatey(180deg) !important;
}

.width_btn img {
  width: 110px;
}

.carousel_image_hero {

  width: 80% !important;
  height: 80vh;
  float: right;
  object-fit: cover;
}
.footer_line{
margin-bottom:20px;
	margin-top:20px;
}
/*Carousel Images---end*/


/*Offers Button---start*/
.offers_btn {
    bottom: 10px;
    right: 10px;
    position: absolute;
    transform: translate(-50%, -50%);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    animation: pulse 2s infinite;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    max-width: 90px;
    max-height: 90px;
}

.offers_btn h2 {
  text-align: center;
  display: inline-block;
  background: #0057B8;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 100%;
  border: none;
  margin: 0;
  color: white;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
	font-size: 18px;


}

/*Offers Button---end*/



/*philosophy Section ---start*/
.Filosofia .img img {
  width: 100%;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
	max-height:70ch;
}

.left_content {
  display: flex;
  flex-direction: column;
  padding: 100px;
  width: 90%;
  gap: 55px;
  position: relative;

}

.left_content p {
  font-size: 27px;
  color: #0077C7;
  margin-bottom: 50px !important;
}

.left_content h1 {
  text-transform: capitalize;
}


.filosofia_wrapper {
  align-items: center;
  display: flex;
}

.left_content a,
.button_arrorw {
font-weight: bolder;
  color: #0077C7;
  font-size: 20px;
}

.left_content a span img,
.button_arrorw img {
  width: 66px;

}

/*philosophy Section --- end*/
/*Our Rooms Section --- Start*/

.owl-carousel .owl-item img {
  width: 100%;
  height: 80vh;
  object-fit: cover;

}

.owl-carousel .owl-item .img_rooms {
  width: 100%;
  height: 70vh;
  object-fit: cover;
}

.our_rooms {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}

.owl-carousel .our_rooms img {
  width: 70px !important;
  height: auto;

}

.owl-theme .owl-nav {
  margin-top: 70px !important;
}

.pos_rel {
    position: relative;
}

.domatia h1 {
  font-size: 30px;
}

.wrap_arrow {

  display: flex;
  align-items: center;
  justify-content: center;
}

/*Our Rooms Section --- End*/


/*Location ---Stara*/


.location_image_left img {
  width: 100%;
  height: 70vh;
  object-fit: cover;
}

.text-content h2 {
  margin-bottom: 20px;
  text-transform: capitalize;
	letter-spacing:1px;
}

.text-content h4 {
color:#707070;
  margin-bottom: 40px;
}

.text-content p {
  font-size: 27px;
  color: #0077C7;
  width: 100%;
}

.text-content p {
  font-size: 27px;
  color: #0077C7;
  width: 100%;
}

.p_ {
  margin-bottom: 20px !important;
}

.p {
  margin-bottom: 110px !important;
}





/*Location ---End*/


/*Ehop Casa Di Pietra Section ---Start */

.e-shop_casaa .img img {

  width: 100%;
  height: 473px;
  object-fit: cover;
}

.e-shop_casaa .content_text {

  display: flex;
  flex-direction: column;
  align-items: center;
	padding-left: 55px;
}

.content_text h2 {
  margin-bottom: 20px;
	text-transform:capitalize;
}



/*Ehop Casa Di Pietra Section ---End */
/*Medias Start---*/
@media only screen and (max-width: 587px) {
  .facilities ul {
    columns: 1 !important;
  }
}

@media only screen and (max-width: 1300px) {
  .hero-text h1 {
    font-size: 25px !important;
	  text-align:center

  }

  .right_location {
    padding: 120px 54px 37px 119px !important;
    top: -137px !important;
    left: -25px !important;

  }

  .text-content p {
    font-size: 27px !important;
    color: #0077C7 !important;
    width: 100% !important;
  }

  .filosofia_wrapper .left_content {
    width: unset;
    padding: 5%;
  }
}

.revert {
  height: 61%;
  position: relative
}

@media only screen and (max-width: 991px) {
	.offers_btn h2{
		    font-size: 18px;
    height: 100px;

   width: 100px;



		
	}


  .contact{
    background-size: unset!important;
    top:unset!important;
    padding: 5%!important;
  }

  .revert {
    flex-direction: column-reverse;
    height: auto;
  }

  .right_location {
    position: unset !important;
    padding: 5% !important;

  }

  .text-content::after {
    display: none !important;
  }

  .left_content::after {
    display: none !important;
  }

  .margin-section_double {
    margin-top: 100px;
  }

  .e-shop_casaa .content_text {
    margin-bottom: 60px;
  }

  .carousel_image_hero {
    width: 100% !important;
    object-fit: cover;
  }
}

/*Medias End---*/
.welcome-text h2 {
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90px;
    max-height: 90px;
    font-size: 11px;
}


/*Accomodation hero Start---*/
.hero-text {

  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  
}
.hero-text h1 {
    font-size: 40px;
    color: #0077C7;
    text-transform:capitalize;
    font-family: 'GFS Didot', serif;
    letter-spacing: 3px;
    padding: 0 15px;
}




.flex_ {
  display: flex;
}

.col_20 {
  flex: 1 0 30%;
}

.col_10 {
  flex: 1 0 70%;

}

.overflow {
  overflow: hidden;
}

.owl-theme .accommodation-content {}

.accommodation-content {
  position: relative;
  height: 600px;
  width: 100%;
  transition: all ease-in-out 300ms;

}

.accommodation-content * {
  transition: all ease-in-out 300ms;
}


.owl-theme .accommodation-text {
  bottom: 0;
	padding-left: 75px;
}

.accommodation-text {
  margin-top: 20px;
  width: 50%;
  position: absolute;
  bottom: -25px;
  left: 0;
  opacity: 0;
}

.accommodation-img {
  height: 100%;
  width: 100%;
  position: absolute;
}

.accommodation-img img {
  width: 100%;
  height: 100%;
}

.accommodation-content:hover .accommodation-img img {
  height: 70%;
  width: 100%;
}
.background-2 .accommodation-img img{
max-height:600px!important
}
.accommodation-content:hover .accommodation-text {
  opacity: 1;
}

.left_content_room {
    border-right: 2px solid #0077C7;
}

.left_content_room h2,
.left_content_room h4 {
  margin-left: 10%;


}

.left_content_room h1 {
  font-size: 30px;
  font-weight: bold;
}

.left_content_room h2 {
  font-size: 22px;
	width:80%;
}
.left_content_room h4 {
  font-size: 18px;
	width:80%;
}
.acc_rooms_info {
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
    align-items: center;

}

.acc_rooms_info h4 {
  font-size: 18px;
  color: #0077C7;
}

.float-right {
  float: right;
}

.arrow_acc {
  position: absolute;
  right: 25%;
  top: 50%;
  transform: translate(50%, -50%);
}

/*Accomodation hero End---*/


/*Room Info Start---*/

.rooms_info {
  position: relative;
  margin-left: 10% !important;
  border-left: 2px solid #0077C7;
  padding: 12px 3px 4px 40px;
  margin-bottom: 30px;
}

.rooms_info h4,
.rooms_info span {
  font-size: 18px;
  color: #0057B8;
 font-family: 'GFS Didot', serif;
}


.right_info_rooms {

  padding: 120px;
}

.right_info_rooms h1 {
  font-size: 30px;
  text-transform: capitalize;
  color: #5A5A5A;
font-family: 'GFS Didot', serif;
  font-weight: 700 !important;

}

.right_info_rooms h2 {
  font-size: 25px;
  color: #5A5A5A;
  font-weight: 400 !important;
font-family: 'GFS Didot', serif;
  margin-bottom: 20px;
  letter-spacing: 2px;

}

.right_info_rooms p {
  font-size: 27px;
  color: #0077C7;
}

/*Room Info End---*/


.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #0077C7 !important;
  opacity: .5;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: #0077C7 !important;
}

@media only screen and (max-width: 1450px) {

  .right_info_rooms {
    padding: 100px;
  }

  .bg_cart,
  .bg_img {
    width: 100% !important;
  }

  .rooms_info .line::before {
    top: 34px;
  }

  .facilities_left {
    padding: 127px 0 0 41px !important;
  }



}@media only screen and (max-width: 1450px) {
	
	.mobile-navmenu {
		padding:58px 0 0 10px!important;
	}

}
@media only screen and (max-width: 1399px) {
	
	

  .accommodation-text {
    width: 61%;
  }
}

@media only screen and (max-width: 1199px) {

  .accommodation-text {
    width: 71%;

  }

 
}

@media only screen and (max-width: 999px) {
  .owl-carousel .owl-item .img_rooms {
    width: 100%;
    height: 50vh;

  }

  .accommodation-text {
    width: 81%;
  }
}

@media only screen and (max-width: 1399px) {

  
  .owl-carousel .owl-item .img_rooms {

    height: 100%;
  }
}

@media only screen and (max-width: 1199px) {

  .accommodation-content:hover {
    pointer-events: none;
  }

  .accommodation-text {
    margin-top: 20px;
    width: 100%;
    position: unset;
    bottom: -25px;
    opacity: 1;
  }

  .accommodation-img {
    height: auto;
    width: auto;
    position: unset
  }

  .accommodation-content {

    position: unset;
  }

  .owl-carousel .owl-item .img_rooms {
    width: 100%;
    height: 53vh !important;
  }
}

@media only screen and (max-width: 767px) {
	.wrap_arrow{
margin-top:30px;}
	.owl-nav,.owl-dots{
display:none;
	}
	.hero{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
	
	.col_10{
display:none;
	}

  .contact_left p {
    width: 100%!important;
}
	f_{
		    display: flex;
    align-items: center;
}
  .f{
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .footer{
    padding-bottom: 50px;
  }
  .left_content_room {
    border: none;
  }

  .owl-carousel .owl-item .img_rooms {
    width: 100%;
    height: 33vh !important;

  }

  .h-100 {
    height: 100%;
  }


  .width_btn img {
    width: 70px;
  }

  .lang_wrapper,
  .lang_wrapper {
    right: 112px;
  }

  .menu-item-363, .menu-item-703 {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: unset;
    margin-right: 0;
    background-color: white;
  }

.welcome-text {
    position: fixed;
    z-index: 748;
    right: 8px!important;
    width: 100%!important;
    bottom: 60px!important;
}
	

  .carousel-control-prev,
  .carousel-control-next {
    width: unset !important;
  }

  .carousel-control-prev {
    transform: translate(0);
    left: 20px;
  }

  .carousel-control-next {
    transform: translate(0);
    right: 20px;
  }

  .location_group .right_content p {
    width: 100% !important;
  }

  .facilities_left img {
    display: none;
  }

  .facilities ul {
    width: 100% !important;
  }

  .facilities_right {
    padding: 60px 10% !important;
  }

  .facilities_left {
    padding: 0 !important;
  }

  .bg_cart .wraper_flex {
    align-items: unset;
    justify-content: unset;

  }

  .section-wrapper {
    position: unset;
  }

  .right_info_rooms {
    padding: 100px 10%;
  }

  .rooms_info .line::before {
    top: 41px;
  }

  .bg_cart {
    flex-direction: column-reverse;
  }

  .rooms_info {
    margin-left: unset;
  }
}
@media only screen and (max-width: 567px) {

.welcome-text {
    right: 4px!important;
    width: 100%!important;
    bottom: 59px!important;
}
	.offers_btn h2 {
    font-size: 14px;
    height: 85px;
    width: 85px;
}

}

/*carosel swipme box slider Start---*/
.one.owl-carousel .owl-item figure>img {
  height: 70vh;
}

.open-image {
  transform: translate(-50%, -50%);
}

.one.owl-carousel .owl-item img {
  height: 100%;
  object-fit: cover;
}

.swipebox_close {

  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;

}

.open-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: unset !important;
	height: unset !important;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.one .owl-prev,
.one .owl-next {
  transform: translate(0, -50%);
}

.open-image {
  transform: translate(-50%, -50%);
}

.one .owl-prev {
  left: 3%;
}

.one .owl-prev,
.one .owl-next {
  position: absolute;
  top: 50%;
}

.one .owl-next {
  right: 3%;
}

/*carosel swipme box slider End---*/

.domatia .owl-prev span,
.domatia .owl-next span {

  display: none !important;
}


/*Facilities Start---*/
.facilities li {
  list-style: disc;
  color: #0077C7;
  font-size: 22px;
}

.facilities ul {
  columns: 2;
}

.facilities h4 {
  font-size: 25px;
  color: #5A5A5A;
}

.facilities h1 {
  font-size: 30px;
  color: #5A5A5A;
text-transform:capitalize;
}

.facilities_right {
  padding: 60px 0 0 245px;

}
@media (max-width:1503px) {
	.facilities_right {
		padding: 60px 0 0 225px;
	}
}
@media (max-width:1145px) {
	.facilities_right {
		padding: 60px 0 0 0;
	}
}
.facilities_left {
  padding: 127px 47px 0 88px;
}

.facilities_right ul {
  margin-top: 10px;
	column-gap: 3em;
}



.facilities li {
  margin-right: 30px;
}

/*Facilities End---*/

/*luxeroom Rooms Start---*/

.luxeroom_domatia .owl-carousel {
  height: 80vh;
}

.owl-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%);
}


/*luxeroom Rooms End---*/


/*Location Groups Start---*/

.location_group .left_content img,
.location_group .left_content {
  width: 100% !important;
  padding: 0 !important;
  height: 500px;
}

.right_content h1 {
  font-size: 30px;
  color: #5A5A5A;
  font-weight: 700;
  text-transform:capitalize;


}

.location_group .right_content h2 {
  font-size: 30px;
  color: #5A5A5A;
 font-family: 'GFS Didot', serif;
  font-weight: 400 !important;
  text-transform: none !important;

}

.location_group .right_content p {
  color: #0077C7;
  font-size: 24px;
  margin-bottom: 9% !important;
  margin-top: 5% !important;
  width: 80%;
}

.location_group .right_content a {
  color: #0077C7;
  font-size: 20px;

}

.location_group .right_content a img {
  color: #0077C7;
  font-size: 20px;
  width: 65px;
  margin-left: 10px;

}

.margin-section_location {
  margin-top: 10%;
}



/*Location Groups End---*/



.background,
.background-2 {

  background-attachment: fixed;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position-x: 100%;

}

@media only screen and (max-width: 1400px) {

  .background,
  .background-2 {

    background-attachment: fixed;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position-x: 100%;

  }

  .location_group .right_content p {

    width: 100%;

  }
}


@media only screen and (max-width: 767px) {
	
	.bg_cart ,.bg_img{
	background:unset!important;
	}
  .add{
    text-align: center;
  }
  .arrow_acc img {
    width: 70px !important;
  }

  .accommodation-content:hover .accommodation-img img {
    height: 100%;
    width: 100%;
  }

  .accommodation-content {
    position: unset;
  }

  .accommodation-img {
    position: unset;
  }


  .accommodation-text {
    margin-top: 20px;
    width: 100%;
    position: unset;
    bottom: -25px;

    opacity: 1;
  }

  .owl-theme .accommodation-text {
    margin-top: 20px;
    width: 100%;
    position: unset;
    bottom: 0;

    opacity: 1;
  }


}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: none;
}



@media only screen and (max-width: 576px) {
	.send{
		justify-content:center!important;
	    margin-left: 14px;

    margin-bottom: 18px;
}
   .ph_rev{
     flex-direction:column-reverse;
   }
	.submit_arrow::after {
		    background-size: 71px!important;
   			top:-2px!important;
	}
   .submit_arrow{
     margin-bottom: 30px;
	   margin-left:14px;
   }
   .contact{
     padding: 5%!important;
   }
  .filosofia_ .left_content {
    z-index: unset;
    position: unset;
    width: 100%;
    padding: 5% !important;
    height: 100%;

  }

  .margin-section_acc {
    margin-top: 0;
  }

  .accommodation-text {
    margin-left: 5%;
  }

  .accommodation-img {
    margin-top: 50px;
}
	.accomm .col-md-9:first-child .accommodation-img {
    margin-top: 0;
  }

  .arrow_acc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .left_content_room h2,
  .left_content_room h4 {
    margin: 0;
  }

  .acc_rooms_info {
    display: flex;
    margin-top: 20px;
    justify-content: center;
  }

  .left_content_room {
    display: flex;

    justify-content: center;
    flex-direction: column;
  }

}
	.collum_{
		flex-direction:column!important;
	}
@media only screen and (max-width: 411px) {
  .arrow_acc {
    position: absolute;
    left: unset;
    right: 10%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}



/*Media Phone Nav bar Start---*/
@media only screen and (max-width: 467px) {

  .logo {
    max-width: 140px;
    width: 140px;
  }

  .menu {
    right: 0;
  }

  .lang_wrapper,
  .lang_wrapper {
    right: 80px;
  }

}

/*Media Phone Nav bar End---*/
.arrow_acc img {
  width: 70px !important;
}

.owl-carousel .arrow_acc img {
  width: 70px !important;
  height: 70px !important;

}

.hero-image img {
  width: 100%;
  height: 80vh;
  position: relative;
  z-index: 2;
}


/*Our Philosophy Start---*/
.filosofia_ {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
}

.filosofia_ .left_content {
  display: flex;
  flex-direction: column;
  padding: 14% 10% 0 10%;
  width: 68%;
  gap: 0!important;
  top: -170px;
  height: 75%;
  z-index: -1;
}

.filosofia_ .right_content {
  position: absolute;
  right: 0;

}

.filosofia_ .right_content img {
  width: 900px;
  height: 500px;
  max-width: 900px;
  max-height: 500px;
}

.filosofia_ .left_content p {
  width: 68%;
}

@media only screen and (max-width: 1650px) {
  .filosofia_ .right_content img {
    width: 800px;
    height: 500px;
  }

  .filosofia_ .left_content p {
    width: 70%;
  }

  .filosofia_ .left_content {
    display: flex;
    flex-direction: column;
    padding: 14% 10% 0 10%;
    width: 68%;
    gap: 55px;
    top: -170px;
    height: 78%;
    z-index: -1;
  }

}

@media only screen and (max-width: 1450px) {
  .filosofia_ .right_content img {
    width: 600px;
    height: 500px;
  }
}

@media only screen and (max-width: 1199px) {

  .filosofia_ .left_content {
    z-index: unset;
    position: unset;
    width: 100%;
    padding: 10% 10% 0 10%;
    height: auto;

  }

  .filosofia_ .right_content img {
    width: 100%;

    height: 100%;
  }

  .filosofia_ .right_content {
    position: unset;

  }

  .Filosofia_1 {
    width: 100%;
    height: auto;
  }

  .filosofia_ {
    position: unset;
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column-reverse;
  }

  .filosofia_ .right_content img {
    max-width: unset;
    max-height: unset;
    width: 100%;
    height: 100%;
  }

  .filosofia_ .left_content p {
    width: 100%;
    padding: 0;
  }
}

/*Our Philosophy End---*/

/*Gallery Start---*/
.gallery_items {

  display: flex;
  flex-wrap: wrap;
  gap: 10px;

}

/* .gallery_items figure {
  flex: 0 0 23%;
  width: 22%;
  margin: 0;
} */

#single-apartments-slider .one.owl-carousel .owl-item figure a img {

	object-fit:cover;
  width: 100%;
  height: 70vh;
}

/*Gallery End---*/

/*Contact Start---*/
.contact_left h4 ,.contact_right h4{
font-size: 25px;
color: #5A5A5A;
margin-bottom: 20px;

}
.contact_left p{
  font-size: 17px;
  color: #0077C7;
  width: 50%;
}
.contact h2{
   font-size:30px;
   color: #5A5A5A;
   text-transform: capitalize;
	text-align:left;
}
.contact_title{
  margin-bottom: 55px;
}
.contact_right a i {
  font-size: 32px;
  color: #0077C7;
  margin-right: 14px;
}
.margin_bottom{
  margin-bottom: 9px!important;
}
.wpcf7-form input{
  background: transparent;
  border: none;
  width: 100%;
 padding-bottom: 35px;
}
.wpcf7-form input:focus , .wpcf7-form textarea:focus{
  outline: none;
}
.wpcf7-form label span ,.wpcf7-form textarea {
  border-radius: 0;
  background: transparent;
  border-bottom: 2px  solid #0077C8;
  padding: 10px 0px 10px 0;
 
}
.wpcf7-form label {
  width: 100%;
}
.wpcf7-form textarea{
  border:none;
  width: 100%;
	max-height:160px;
	resize:none;
}
.sendmessage{
  display: flex;
  justify-content: space-between;
  margin-top: 53px

}
.sendmessage input{
  width: unset;
}
.sendmessage span:nth-of-type(1){
width: 75%;
}
.wpcf7-not-valid-tip ,.wpcf7-list-item-label{
  border:none!important;
}
.submit_arrow{
  position: relative;
  background: transparent;
  border: none;
  color: #0077C7;
  font-size: 20px;
}

@media only screen and (max-width: 1399px) {
  .wpcf7-form textarea {
    border: none;
    width: 100%;
    height: 30%;
}
  .contact_left p{
    width: 90%;
  }
}
/*Contact End---*/
/*Footer Start---*/
.e-shop_casaa {
  margin-bottom: 30px;
}
.sub-left ,.sub-right{
text-align:center;
  display: flex;
  justify-content: center;
}
.sub-left p,.sub-right p{
	font-size:14px;
	padding-bottom:10px;
}
.home .e-shop_casaa{
  display: none;
}
/*Footer Emd---*/
@media only screen and (max-width: 767px) {
	
	.contact_right,.contact_left {

	margin-top:40px;}
	.location_group .row .col-md-7:first-child , .accomm .row .col-md-9:first-child {
		margin:0;
	}
	.margin-2{
margin-top:97px!important;}
	

	.contact_left ,.contact_right ,.contact_title{
	text-align:center;
	}
	.background ,.background-2{
    background-image: unset!important;
}
	.casa_rev{
 flex-direction:column-reverse!important;
		
	}
	.content_text{
margin-top:30px;
	}
	.e-shop_casaa .img img{
	height:100%;
	}
}
@media only screen and (max-width: 1199px) {
	


		
}
.owl-theme .owl-dots{
margin-top:30px;
}
@media only screen and (max-width: 522px) {

	
}
	@media only screen and (max-width: 991px) {
		
		  .background,
  .background-2 {
    background-image: unset!important;
    background-attachment: unset;
    background-size: unset;
    background-repeat: unset;
    background-position-x: unset;

  }
		.right_location {
			background:unset!important;
		}
		.accommodation-content{
height:unset;}
		.reverse{
		flex-direction:column-reverse;	
		}
	
		.contact{
			background-image:unset!important;
		}
}
/*Medias Start---*/

/*Medias End---*/


.welcome-text {
    position: fixed;
    z-index: 748;
    right: 7px;
    width: 100%; 

    bottom: 5px;
}
	@media only screen and (max-width: 991px) {

		p , .left_content p,.right_info_rooms p,.location_group .right_content p ,.location_group .right_content a{
			    font-size: 20px ;

}
		.facilities li{
font-size:18px;
		}
.text-content p {

	    font-size: 20px !important;
color: #0077C7 !important;
    width: 100% !important;
}
}

    .arrow {
      border: solid #0077C7;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 10px;
      position: relative;
      margin-left: 49px;
    }

    .right {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      position: relative;
    }

	.arrow::after {
		content: '';
		width: 70px;
		height: 3px;
		color: #0077C7;
		background-color: #0077C7;
		display: inline-block;
		position: absolute;
		transform: rotate(224deg);
		left: -41px;
		bottom: 23px;
	}

	.circle {
		border: 2px solid #0077C7;
		border-radius: 100%;
		display: inline-block;
		padding: 20px;
		position: absolute;
		top: -8px;
		right: -16px;
		transition: all ease-in-out 300ms;
		width: unset!important;
    	transform: scale(1.05);
	}

	.re {
		font-weight: bolder;
		position: relative;
		display: inline-block;
		transition: all ease-in-out 300ms;
		cursor: pointer;
		margin-right: 30px;
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		font-family: 'GFS Didot', serif;
	}

    .re:hover .circle {
      transform: scale(1.3);
      transition: all ease-in-out 300ms;
      cursor: pointer;
    }
	@media only screen and (max-width: 1199px) {
		.accommodation-content{
height:660px;
		}
		.acco_m{
height:100%;
		}
		
}

@media only screen and (max-width: 575px) {
	.pos_rel{
padding:0!important;}

}
.acc_rooms_info{
padding-bottom:20px;}

@media only screen and (max-width: 1440px) {
.left_content_room {
    padding: 0!important;
}
	.pos_rel{
		    padding-left: 25px;


	}
	
}

.drop{
font-size:1em;}


.acc_rooms_info .circle{

top: -10px;

}
@media only screen and (max-width: 1199px) {
	.contact{

	background:unset!important;
	}
	  .reveres{
    flex-direction: column-reverse;
  }
	.contact {
    top: -35px;
}

.w_unset{
height:unset!important;
}
}


.btn_send{
background:transparent;
	border:none;
}
.btn_send{
color:#0077C7;
	font-size:20px;
}

.send{
display:flex;
	justify-content:flex-end;

}
.margin_bottom_{
	margin-bottom:100px;

}
@media only screen and (max-width: 991px) {
	.carousel-control-prev, .carousel-control-next {
		display:none!important;
	}
	.contact{
padding: 0 5%!important;
	}
	#map {
    margin-top: 60px;
}
	.bottom_margin{
margin-bottom:100px;

}
	.wrap_arrow{
	margin-left:5%;
	justify-content:unset;}
}
	.Filosofia_1  {
margin-top:100px}
@media only screen and (max-width: 767px) {
	.margin_0{
margin-top:0px!important;}
	.contact_phone_none{
display:none;}
	.Filosofia_1  {
margin-top:0px}
	.vh_20{
	height:25vh;
	}
	#single-apartments-slider {
    margin-top: 50px;
}
	.right_info_rooms {
    padding: 50px 10%;
}
	.menu {

	width:81px;}
.lang_wrapper, .lang_wrapper {
    right: 91px;
}
	.acc_rooms_info, .left_content_room h4 {
		display:none;
	}
}
@media only screen and (max-width: 467px) {
	.menu {

	width:81px;}
.lang_wrapper, .lang_wrapper {
    right: 65px;
}
}
.menu-item-363 ,.menu-item-703{
		transition:all ease-in-out 200ms;

}
.menu-item-363:hover ,.menu-item-363 a:hover, .menu-item-703:hover, .menu-item-703 a:hover {
color:#0d65c8;
	cursor:pointer;
	transition:all ease-in-out 200ms;
	    transform: scale(1.04);

}
.deg{
	transform: rotate(180deg);


}
.carousel_prev .circle ,.carousel_next .circle  {

top:-10px;
}
.drop ,.lang_wrapper:hover .lang_show a,.menu-item-363 a, .menu-item-703 a{
 font-family: 'GFS Didot', serif;
font-weight:bolder;
}
.footer  .contact_left p {
font-size:18px;
}
.no_hover{
opacity:1;
position:unset!important;
	height:100%
}
.acc_unset{
	
	height:unset!important;
	
	
}
.height{
	
	height:100%;
}
.margin_half{
margin-top:50px;
	text-align:center;
}

.mt_5{

margin-top:5rem;}

@media only screen and (max-width: 1199px) {
	.contact-fixes, .contact h2  {
		text-align: center;
	}
	.left_content_room h2 {
		width: 80%;
	}
}
.facilities_right.ammenities p {
	font-size:27px;
	color:#0077C7;
}
@media (max-width:1300px) {
	.right_info_rooms h1 {
		font-size:20px;
	}
}
@media (max-width:991px) {
	.facilities_right.ammenities p {
		font-size:20px;
	}
}
@media (max-width:370px) {
	.mobile-navmenu, .ani {
		width:100%!important;
	}
}
@media (min-width:991px) {
	.hover-grey {
		position:relative;
		transition:all ease-in-out 400ms;
	}
	.hover-grey::after {
		content:'';
		display:block;
		height:100%;
		width:100%;
		background:#5A5A5A;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		transition:all ease-in-out 400ms;
		opacity:.5;
	}
	#single-apartments-slider .hover-grey::after { 
		height:70vh;
	}
	.hover-grey:hover::after {
		transition:all ease-in-out 400ms;
		opacity:0;
		visibility:hidden;
	}
	.overlay ,.overlayop{
		position: relative;
		transition:all ease-in-out 2s;
	}
	.overlay::before {
		content:'';
		position:absolute;
		left : 0;
		right :0;
		top : 0;
		bottom : 0;
		display:block;
		height:100%;
		width:100%;
		z-index:1001;
		background:#0077C7;
		opacity:.5;
		transition:all ease-in-out 2s;
	}
	.overlayop:before{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: 299;
		background: #0077C7;
		opacity: 0;
		transition: all ease-in-out 2s;
	}
	#carouselExampleFade .overlay::before, #carouselExampleFade .overlayop:before { 
		left:20%;
		width:80%;
	}
}
section.Filosofia.margin-section {
	background-size:cover;
	background-repeat:no-repeat;
}
.left_content >* {
	z-index:1;
}
.facilities_left.sinlge-room-template {
	padding:0 0 50px 90px!important;
}
.facilities_left.sinlge-room-template img {
	max-width:400px;
	margin-top: 65px;
}
@media (max-width:1145px) {
	.facilities_left.sinlge-room-template img {
		display:none;
	}
	.owl-theme .accommodation-text {
		padding:0;
	}
	.filosofia_ .left_content {
		background:unset!important;
	}
}
@media (max-width:1199px) {
	.contact-background-logo::after {
		background-image:unset!important;
	}
}
@media (max-width:991px) {
	section.Filosofia.margin-section {
		background-image:unset!important;
	}
}
.inlined {
	display:inline-block;
	width:100%;
	height:100%;
}
.contact_right svg path {
    fill: #0077c7;
}
.contact_right svg {
	max-width: 35px;
}
.circle-hover-left, .circle-hover-right {
	transition:all ease-in-out 250ms;
	max-height: 112px!important;
}
.circle-hover-left.smaller, .circle-hover-right.smaller {
    height: unset !important;
    width: 60px !important;
}
.circle-hover-left:hover {
	margin-right:15px!important;
	transition:all ease-in-out 250ms;
}
.circle-hover-right:hover {
	margin-left:15px!important;
	transition:all ease-in-out 250ms;
}
.grecaptcha-badge{visibility:hidden;}
.f_ a {
    margin-right:15px;
}
.a-ft-24 {
	font-size:24px;
}
.back-to-top {
	display: none;
	position: fixed;
	bottom: 130px;
	right: 40px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	border-radius: 50%;
}
.back-to-top img {
    transform: rotate(-90deg);
}
#topBtn {
	background: none;
	border: none;
}
@media (max-width:767px) {
	.back-to-top {
		bottom: 190px;
		right: 34px;
	}
	.left_content p {
		margin-bottom:0!important;
	}
	.font-size-big.text-center.mt_5 {
		margin-top: 15px;
	}
	.left_content {
		gap:35px;
	}
	.margin-section {
		margin-top: 50px;
	}
	.wrap_arrow {
		margin-top: 0px;
	}
	.bottom_margin {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.p {
		margin-bottom: 50px !important;
	}
}
.contact_left {
    font-weight: bolder;
}
.footer-logo-outer {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.footer-logo-outer img {
	width:100px;
}
.logo-wrap img {
	margin-top: 10px;
}