@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
 body {
       font-family: 'Poppins', sans-serif;
     color: #4c4c4c;
}

.fa_menu{
    color: white;
    font-size: 25px;
    padding: 2px 5px;
    display: none;
}
@media(max-width: 992px){
    .fa_menu{
        display: block;
    }
    
   .logo img {
        max-height: 60px;
        max-width: 100%;
        width: auto;
    }
    .mobileno{
        display: none;
    }
}
.main-menu .has-sub ul li a {
    color: #ffffff;
}
.main-menu .has-sub > ul {
    background-color: #3f2312ab;
}

@media (min-width: 992px) {
	 .slider, .slide {
		 height: 100vh;
	}
}
 .slide {
	 position: relative;
}
 .slide .slide__img {
	 width: 100%;
	 height: 900px;
	 overflow: hidden;
}
@media (max-width: 1500px) {
	 .slide .slide__img {
		 height: 550px;
	}
}
@media (max-width: 768px) {
	 .slide .slide__img {
		 height: 400px;
	}
}

 @media (min-width: 992px) {
	 .slide .slide__img {
		 position: absolute;
		 top: 50%;
		 left: 0;
		 transform: translateY(-50%);
	}
}
 .slide .slide__img img {
	 max-width: 100%;
     width: 100%;
	 height: auto;
	 opacity: 1 !important;
	 animation-duration: 3s;
	 transition: all 1s ease;
}
 .slide .slide__content {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
 .slide .slide__content.slide__content__left {
	 left: 15%;
	 transform: translate(-15%, -50%);
}
 .slide .slide__content.slide__content__right {
	 right: 15%;
	 left: auto;
	 transform: translate(5%, -50%);
}
 .slide .slide__content--headings {
	 color: #fff;
}
 .slide .slide__content--headings h2 {
	 font-size: 4.5rem;
	 margin: 10px 0;
}
 .slide .slide__content--headings .animated {
	 transition: all 0.5s ease;
}
 .slide .slide__content--headings .top-title {
	 font-family: 'Poppins', sans-serif;
	 font-size: 2.5rem;
}
 .slide .slide__content--headings .title {
	 font-size: 2rem;
}
 .slide .slide__content--headings .button-custom {
	 text-decoration: none;
	 color: #333;
	 padding: 1.2rem 2.5rem;
	 font-size: 1.5rem;
}
 .slider [data-animation-in] {
	 opacity: 0;
	 animation-duration: 1.5s;
	 transition: opacity 0.5s ease 0.3s;
}
 .slick-dotted .slick-slider {
	 margin-bottom: 30px;
}
 .slick-dots {
	 position: absolute;
	 bottom: 25px;
	 list-style: none;
	 display: block;
	 text-align: center;
	 padding: 0;
	 margin: 0;
	 width: 100%;
}
 .slick-dots li {
	 position: relative;
	 display: inline-block;
	 margin: 0 5px;
	 padding: 0;
	 cursor: pointer;
}
 .slick-dots li button {
	 border: 0;
	 display: block;
	 outline: none;
	 line-height: 0px;
	 font-size: 0px;
	 color: transparent;
	 padding: 5px;
	 cursor: pointer;
	 transition: all 0.3s ease;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
	 outline: none;
}
 .simple-dots .slick-dots li {
	 width: 20px;
	 height: 20px;
}
 .simple-dots .slick-dots li button {
	 border-radius: 50%;
	 background-color: white;
	 opacity: 0.25;
	 width: 20px;
	 height: 20px;
}
 .simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
	 opacity: 1;
}
 .simple-dots .slick-dots li.slick-active button {
	 color: white;
	 opacity: 0.75;
}
 .stick-dots .slick-dots li {
	 height: 3px;
	 width: 50px;
}
 .stick-dots .slick-dots li button {
	 position: relative;
	 background-color: white;
	 opacity: 0.25;
	 width: 50px;
	 height: 3px;
	 padding: 0;
}
 .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
	 opacity: 1;
}
 .stick-dots .slick-dots li.slick-active button {
	 color: white;
	 opacity: 0.75;
}
 .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
	 opacity: 1;
}
/* /////////// IMAGE ZOOM /////////// */
 @keyframes zoomInImage {
	 from {
		 transform: scale3d(1, 1, 1);
	}
	 to {
		 transform: scale3d(1.1, 1.1, 1.1);
	}
}
 .zoomInImage {
	 animation-name: zoomInImage;
}
 @keyframes zoomOutImage {
	 from {
		 transform: scale3d(1.1, 1.1, 1.1);
	}
	 to {
		 transform: scale3d(1, 1, 1);
	}
}
 .zoomOutImage {
	 animation-name: zoomOutImage;
}
 .slick-nav {
	 --active: #fff;
	 --border: rgba(255, 255, 255, .12);
	 width: 44px;
	 height: 44px;
	 position: absolute;
	 cursor: pointer;
	 top: calc(50% - 44px);
}
 .slick-nav.prev-arrow {
	 left: 3%;
	 transform: scaleX(-1);
	 z-index: 999;
}
 .slick-nav.next-arrow {
	 left: auto;
	 right: 3%;
}
 .slick-nav i {
	 display: block;
	 position: absolute;
	 margin: -10px 0 0 -10px;
	 width: 20px;
	 height: 20px;
	 left: 50%;
	 top: 50%;
}
 .slick-nav i:before, .slick-nav i:after {
	 content: '';
	 width: 10px;
	 height: 2px;
	 border-radius: 1px;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 background: var(--active);
	 margin: -1px 0 0 -5px;
	 display: block;
	 transform-origin: 9px 50%;
}
 .slick-nav i:before {
	 transform: rotate(-40deg);
}
 .slick-nav i:after {
	 transform: rotate(40deg);
}
 .slick-nav:before, .slick-nav:after {
	 content: '';
	 display: block;
	 position: absolute;
	 left: 1px;
	 right: 1px;
	 top: 1px;
	 bottom: 1px;
	 border-radius: 50%;
	 border: 2px solid var(--border);
}
 .slick-nav svg {
	 width: 44px;
	 height: 44px;
	 display: block;
	 position: relative;
	 z-index: 1;
	 color: var(--active);
	 stroke-width: 2px;
	 stroke-dashoffset: 126;
	 stroke-dasharray: 126 126 0;
	 transform: rotate(0deg);
}
 .slick-nav.animate svg {
	 animation: stroke 1s ease forwards 0.3s;
}
 .slick-nav.animate i {
	 animation: arrow 1.6s ease forwards;
}
 .slick-nav.animate i:before {
	 animation: arrowUp 1.6s ease forwards;
}
 .slick-nav.animate i:after {
	 animation: arrowDown 1.6s ease forwards;
}
 @keyframes stroke {
	 52% {
		 transform: rotate(-180deg);
		 stroke-dashoffset: 0;
	}
	 52.1% {
		 transform: rotate(-360deg);
		 stroke-dashoffset: 0;
	}
	 100% {
		 transform: rotate(-180deg);
		 stroke-dashoffset: 126;
	}
}
 @keyframes arrow {
	 0%, 100% {
		 transform: translateX(0);
		 opacity: 1;
	}
	 23% {
		 transform: translateX(17px);
		 opacity: 1;
	}
	 24%, 80% {
		 transform: translateX(-22px);
		 opacity: 0;
	}
	 81% {
		 opacity: 1;
		 transform: translateX(-22px);
	}
}
 @keyframes arrowUp {
	 0%, 100% {
		 transform: rotate(-40deg) scaleX(1);
	}
	 20%, 80% {
		 transform: rotate(0deg) scaleX(0.1);
	}
}
 @keyframes arrowDown {
	 0%, 100% {
		 transform: rotate(40deg) scaleX(1);
	}
	 20%, 80% {
		 transform: rotate(0deg) scaleX(0.1);
	}
}
.fs15{
    font-size: 15px;
	color: #ffffff;
}

.slider-content h2 {
    font-size: 70px;
    text-shadow: 2px 2px 0px #3e3e3e;
}
@media(max-width: 768px){
    .hidden-xs{
        display: none;
    }
  .slider-content h2 {
        font-size: 40px;
        text-shadow: 2px 2px 0px #3e3e3e;
    }  
    .slide .slide__content--headings .title {
        font-size: 1rem;
    }
    .slide .slide__content--headings .top-title {
        font-size: 2rem;
    }
}
.s-slider-content p {
    font-size: 18px;
    color: #ffffff;
    text-shadow: 0px 1px 4px #3e3e3e;
}
h1, h2, h3, h4, h5, h6 {
    color: #3f2312;
}
#booking{
    margin-top: 80px;
}
@media (min-width: 992px) and (max-width: 1500px){
      .slider, .slide {
        height: 60vh;
    } 
}
.pricing-box {
    background: url(/img/features/background.jpg);
}
.mm-slideout {
    z-index: 9;   
}
.promohome{
    color: #ffffff !important;
    font-size: 26px !important;
    text-align: center;
    display: block;
}
.colorfff{
    color: #ffffff;
}
.color000{
    color: #000000;
}
.copyright-wrap {
    background: #3f2312;
}
.schedacamera{
    position: absolute; 
    padding: 1px;
    bottom: 0;
    width: 100%;
    margin-left: -40px;
}
.schedacamerapreventivo{
    text-align: center; 
    padding: 1px;
    font-size: 18px;
    background: #3f2312;
    border-right: 1px solid white;
}
.schedacameraentra{
    text-align: center; padding: 1px;
    font-size: 16px;
    background: #3f2312;
}
a:hover {
    color: #dbd0ca;
}
@media (min-width: 768px){
    .information-section-below {
        display: none !important;
    }
}
.information-section-below {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    background-color: #dbd0ca;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #000000;
    /* font: 14px/20px "Playfair Display", Arial, Helvetica, sans-serif; */
    font: 14px/20px "Open Sans", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-top: 1px solid rgba(114,103,69,.7);
    /* box-shadow: 0 -2px 12px rgb(0 0 0 / 45%); */
}
.box-information {
    width: 50%;
    float: left;
    text-align: center;
    border-left: 1px solid rgba(114,103,69,.7);
    border-right: 1px solid rgba(114,103,69,.7);
}
@media (min-width: 1499px) and (max-width: 1600px){
    .slider, .slide {
        height: 95vh;
    }
}
@media (max-width: 500px){
    .mm-menu_offcanvas {
        max-width: 300px;
    }
    
}
@media (max-width: 300px){
    .mm-menu_offcanvas {
        max-width: 150px;
    }
}
.banner:hover{
    filter: brightness(1.5);
}
.f-contact span {
    color: #34241f;
}
.f-widget-title h2, .footer-widget .widgettitle {
    color: #34241f;
}
.footer-link ul li a {
    color: #34241f;
}
.f-contact a {
    color: #34241f !important;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #dbd0ca;
    border-color: #ffffff;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{
    color: #fff;
    background-color: #dbd0ca;
    border-color: #ffffff;
}
.service-detail .room-features li {
    min-width: 200px;
}
.feature-imgdx {
  margin-right: -330px;
}
@media (min-width: 810px) and (max-width: 1200px){
.feature-imgdx {
    margin-right: 0;
}
}
@media (max-width: 810px){
.feature-imgdx {
    margin-right: 0;
    margin-bottom: 30px;
    }

}
@media (max-width: 1200px){
.feature-area21 {
    padding-top: 0px !important;
}
}
.sit_footer{
    color: white;
}

.f-contact .cnct {
    line-height: 50px;
}

#my-menu{
    z-index: 9;
}
.skill-name {
    margin: 0px 0 35px;
}
 @media (min-width: 768px) and (max-width: 1200px){
            .schedacamera {
                margin-left: -30px;
            }
        }
@media (min-width: 1200px){
    .services-content {
        height: 350px;
    }
}
.single-services {
    margin: 0 15px 30px 15px;
}
@media (max-width: 992px){
    .mm-listitem__text > .fa-caret-down{
        display: none;
    }
}
@media (max-width: 575px){
    .sliderm{
        margin-left: -20px;
        margin-right: -20px;
        }
    .sliderm .slick-next {
        right: 10px !important;
    }
}
.sliderm .slick-prev:before, .slider-vertical .slick-next:before {
	display: none;
}
.sliderm .slick-prev, .sliderm .slick-next {
    opacity: 0.7;
    width: 28px;
    height: 28px;
    border-style: solid;
    margin: 10px;
    display: inline-block;
    margin: auto;
    left: 0;
    right: 0;
		top: 0;
		bottom: 0;
    z-index: 10;
    cursor: pointer;
}
.sliderm .slick-prev:before, .sliderm .slick-next:before {
	display: none;
}
.sliderm .slick-prev {
    border-width: 14px 14px 14px 0px;
    border-color: transparent #ffffff;
    left: 10px !important;
		right: auto;
}
.sliderm .slick-next {
    border-width: 14px 0px 14px 14px;
    border-color: transparent #ffffff;
    left: auto;
}	
.sliderm .slick-prev:hover, .sliderm .slick-next:hover {
    border-color: transparent #ffd200;
}
.sliderm .slick-prev.slick-disabled, .sliderm .slick-next.slick-disabled, .sliderm .slick-prev.slick-disabled:hover, .sliderm .slick-next.slick-disabled:hover {
	opacity: 0.1;
	cursor: default;
    border-color: transparent #000000;
}
.s-about-img img {
    height: auto;
}
.services-thumb img {
    height: auto;
}
.services-08-thumb img {
    width: auto;
}
.f-widget-title img {
    width: 146px;
    height: auto;
}

span.bold {
  font-weight: bold;
}

@media (max-width: 1200px){
  .main-menu ul li a{
    font-size: 13px;
  }
}

.bg-bilocale{background-image:url(/img/bg/bg-bilocale.jpg)}
.bg-camere{background-image:url(/img/bg/bg-camere.jpg)}
.bg-suite{background-image:url(/img/bg/bg-suite.jpg)}
.bg-contatti{background-image:url(/img/bg/bg-contatti.jpg)}
.bg-familiari{background-image:url(/img/bg/bg-familiari.jpg)}
.bg-gallery{background-image:url(/img/bg/bg-gallery.jpg)}
.bg-hotel{background-image:url(/img/bg/bg-hotel.jpg)}
.bg-monolocale{background-image:url(/img/bg/bg-monolocale.jpg)}
.bg-offerte_speciali{background-image:url(/img/bg/bg-offerte_speciali.jpg)}
.bg-posizione{background-image:url(/img/bg/bg-posizione.jpg)}
.bg-ristorante{background-image:url(/img/bg/bg-ristorante.jpg)}
.bg-servizi{background-image:url(/img/bg/bg-servizi.jpg)}
.bg-spiaggia{background-image:url(/img/bg/bg-spiaggia.jpg)}
.bg-storia{background-image:url(/img/bg/bg-storia.jpg)}
.bg-vista-mare{background-image:url(/img/bg/bg-vista-mare.jpg)}
.bg-vista-monti{background-image:url(/img/bg/bg-vista-monti.jpg)}
.bg_faq{background-image:url(/img/bg/bg-faq.jpg)}
.bg-residence{background-image:url(/img/bg/bg-residence.jpg)}

@media (max-width: 992px){
	.bg-bilocale{background-image:url(/img/bg/bg-bilocale992.jpg)}
	.bg-camere{background-image:url(/img/bg/bg-camere992.jpg)}
    .bg-suite{background-image:url(/img/bg/bg-suite992.jpg)}
	.bg-contatti{background-image:url(/img/bg/bg-contatti992.jpg)}
	.bg-familiari{background-image:url(/img/bg/bg-familiari992.jpg)}
	.bg-gallery{background-image:url(/img/bg/bg-gallery992.jpg)}
	.bg-hotel{background-image:url(/img/bg/bg-hotel992.jpg)}
	.bg-monolocale{background-image:url(/img/bg/bg-monolocale992.jpg)}
	.bg-offerte_speciali{background-image:url(/img/bg/bg-offerte_speciali992.jpg)}
	.bg-posizione{background-image:url(/img/bg/bg-posizione992.jpg)}
	.bg-ristorante{background-image:url(/img/bg/bg-ristorante992.jpg)}
	.bg-servizi{background-image:url(/img/bg/bg-servizi992.jpg)}
	.bg-spiaggia{background-image:url(/img/bg/bg-spiaggia992.jpg)}
	.bg-storia{background-image:url(/img/bg/bg-storia992.jpg)}
	.bg-vista-mare{background-image:url(/img/bg/bg-vista-mare992.jpg)}
	.bg-vista-monti{background-image:url(/img/bg/bg-vista-monti992.jpg)}
	.bg_faq{background-image:url(/img/bg/bg-faq992.jpg)}
  .bg-residence{background-image:url(/img/bg/bg-residence992.jpg)}
}	

@media (max-width: 500px){
	.bg-bilocale{background-image:url(/img/bg/bg-bilocale500.jpg)}
	.bg-camere{background-image:url(/img/bg/bg-camere500.jpg)}
    .bg-suite{background-image:url(/img/bg/bg-suite500.jpg)}
	.bg-contatti{background-image:url(/img/bg/bg-contatti500.jpg)}
	.bg-familiari{background-image:url(/img/bg/bg-familiari500.jpg)}
	.bg-gallery{background-image:url(/img/bg/bg-gallery500.jpg)}
	.bg-hotel{background-image:url(/img/bg/bg-hotel500.jpg)}
	.bg-monolocale{background-image:url(/img/bg/bg-monolocale500.jpg)}
	.bg-offerte_speciali{background-image:url(/img/bg/bg-offerte_speciali500.jpg)}
	.bg-posizione{background-image:url(/img/bg/bg-posizione500.jpg)}
	.bg-ristorante{background-image:url(/img/bg/bg-ristorante500.jpg)}
	.bg-servizi{background-image:url(/img/bg/bg-servizi500.jpg)}
	.bg-spiaggia{background-image:url(/img/bg/bg-spiaggia500.jpg)}
	.bg-storia{background-image:url(/img/bg/bg-storia500.jpg)}
	.bg-vista-mare{background-image:url(/img/bg/bg-vista-mare500.jpg)}
	.bg-vista-monti{background-image:url(/img/bg/bg-vista-monti500.jpg)}
	.bg_faq{background-image:url(/img/bg/bg-faq500.jpg)}
  .bg-residence{background-image:url(/img/bg/bg-residence500.jpg)}
}


@media (max-width: 500px){
  video.image-layer {
    width: 180%;
    height: 285px;
    left: -40%;
    position: relative;
  }
  
}

.mbottom20 {
  margin-bottom: 20px;
}
.mbottom40 {
  margin-bottom: 40px;
}
.carrt span{
    text-wrap-mode: nowrap;
}