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

@import url('global.css');

@media(max-width:1199px){
	.container{max-width:100%;}
}



.hero-block{height:100vh;}
.header, .footer{padding:15px 0; min-height:230px; position:relative;}
.logo a span{margin-right:30px;}
.logo a span:last-child{margin-right:0;}
nav.menu ul{margin:0 -15px;}
nav.menu ul li{float:left; padding:0 15px; float:left;}
nav.menu ul li a{display:block; font-weight:500; font-size:18px; color:#949494;}
nav.menu ul li a:hover{color:#4d9a7d;}
    nav.menu ul li ul {display:none;}
    nav.menu ul li:hover ul {
        display: flex;
        flex-wrap:wrap;
        flex-direction:column;
        position: absolute;
        z-index: 1000;
        width: auto;
        padding: 0;
        background-color: #4d9a7d;
        font-size: 16px;
        padding: 10px ;
       
    }
 nav.menu ul li ul a {color: white;}
    nav.menu ul li ul a:hover {
        color: white;
        text-decoration:underline;
    }
.nav-icon{display:block; border:1px solid #000; position:absolute; right:15px; top:50%; transform:translate(0, -50%); cursor:pointer;}
.nav-icon i{display:block; width:36px; height:36px; text-align:center; line-height:36px; font-size:14px;}

.hero-slide-1{background:url(../images/slider/062020/slide-1.jpg) center center no-repeat; background-size:cover;}
.hero-slide-2 {
    background: url(../images/slider/062020/slide-2.jpg) center center no-repeat;
    background-size: cover;
}
.hero-slide-3 {
    background: url(../images/slider/062020/slide-3.jpg) center center no-repeat;
    background-size: cover;
}
.hero-slide-4 {
    background: url(../images/slider/062020/slide-4.jpg) center center no-repeat;
    background-size: cover;
}
.hero-slider .slick-list, .hero-slider .slick-track{height:100%;}


.hero{position:relative; z-index:99;}
.slider{position:absolute; left:0; top:0; width:calc((((100vw - 1170px) / 2 - 30px) + 1170px) - (1170px / 12)); height:calc(100vh - 230px + 170px); background:#000; overflow:hidden;}
.hero-slider{overflow:hidden;}
.hero-social-media{padding:30px 0;}
.hero-social-media a{display:block; margin-bottom:30px;}
.hero-social-media a:last-child{margin-bottom:0;}
.content-slider{background-color:#f2f2f2; padding-bottom:90px;}
.content-slider-contents{padding-top:170px; position:relative;}
.content-slider-contents:before{background:url(../images/art-1.png) center top repeat-x #4d9a7d; position:absolute; right:0; top:0; width:calc(((100vw - 1170px) / 2) + ((1170px / 12) * 7)); height:100%; content:"";}
.content-slider-block{min-height:700px; position:relative; z-index:99;}
article p{margin-bottom:25px;}
article p:last-child{margin-bottom:0;}
.content-slider-block article{padding:30px 0;}
.content-slider-block article p{color:#fff;}
.article-slider-anchors{position:absolute; left:0; bottom:0; width:100%; padding:0 15px;}

.article-slide p{font-family: 'Bree Serif', serif; font-size:24px; color:#000; line-height:1.2;}
.article-slide span{font-family: 'Bree Serif', serif; font-size:24px; color:#4d9a7d; margin-top:40px; display:block;}
.article-slider-anchors a{margin-right:70px;}
.article-slider-anchors a:last-child{margin-right:0;}
.article-slider-anchors a i{color:#4d9a7d; font-size:34px; font-weight:900;}

.accommodations{padding:70px 0 130px 0; background-color:#fff; position:relative; overflow:hidden;}
.accommodations .container{position:relative; z-index:99;}
h3.headding{margin-bottom:80px;}
.accommodations:before{width:100%; height:240px; z-index:9; position:absolute; left:0; bottom:0; content:"";}

.accommodation-slide img{width:100%;}
.accommodation-slide-contents{position:relative;}
.accommodation-slide-text{position:absolute; left:0; top:0; width:100%; height:100%; padding:110px 0;}
.accommodation-slide-text .column{height:100%; background-color:#e8e8e8; padding:88px 88px 176px; position:relative;}
.accommodation-slide-anchors{position:absolute; left:0; bottom:110px; width:100%;}
.accommodation-slide-anchors a{width:88px; height:88px;}
.accommodation-slide-anchors a i{font-size:32px; color:#fff;}
.accommodation-slide-anchors a.accommodation-slide-anchor-prev{background-color:#69ab92;}
.accommodation-slide-anchors a.accommodation-slide-anchor-next{background-color:#4d9a7d;}

.home-slide-anchors{position:absolute; left:0; top:0px; width:100%;}
.home-slide-anchors a{width:88px; height:88px;}
.home-slide-anchors a i{font-size:32px; color:#fff;}
.home-slide-anchors a.home-slide-anchor-prev{background-color:#69ab92;}
.home-slide-anchors a.home-slide-anchor-next{background-color:#4d9a7d;}


.acero-slide img{width:100%;}
.acero-slide-contents {
    position: relative;
}
.acero-slide-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 110px 0;
}
.acero-slide-text .column {
    height: 100%;
    background-color: #e8e8e8;
    padding: 88px 88px 176px;
    position: relative;
}
.acero-slide-anchors {
    position: absolute;
    left: 0;
    bottom: 110px;
    width: 100%;
}
.acero-slide-anchors a {
    width: 88px;
    height: 88px;
}
.acero-slide-anchors a i {
    font-size: 32px;
    color: #fff;
}
.acero-slide-anchors a.acero-slide-anchor-prev {
    background-color: #69ab92;
}
.acero-slide-anchors a.acero-slide-anchor-next {
    background-color: #4d9a7d;
}


.accommodation-slide img{width:100%;}
.accommodation-slide-contents{position:relative;}
.accommodation-slide-text{position:absolute; left:0; top:0; width:100%; height:100%; padding:110px 0;}
.accommodation-slide-text .column{height:100%; background-color:#e8e8e8; padding:88px 88px 176px; position:relative;}
.accommodation-slide-anchors{position:absolute; left:0; bottom:110px; width:100%;}
.accommodation-slide-anchors a{width:88px; height:88px;}
.accommodation-slide-anchors a i{font-size:32px; color:#fff;}
.accommodation-slide-anchors a.accommodation-slide-anchor-prev{background-color:#69ab92;}
.accommodation-slide-anchors a.accommodation-slide-anchor-next{background-color:#4d9a7d;}


.accommodation-slide img{width:100%;}
.accommodation-slide-contents{position:relative;}
.accommodation-slide-text{position:absolute; left:0; top:0; width:100%; height:100%; padding:110px 0;}
.accommodation-slide-text .column{height:100%; background-color:#e8e8e8; padding:88px 88px 176px; position:relative;}
.accommodation-slide-anchors{position:absolute; left:0; bottom:110px; width:100%;}
.accommodation-slide-anchors a{width:88px; height:88px;}
.accommodation-slide-anchors a i{font-size:32px; color:#fff;}
.accommodation-slide-anchors a.accommodation-slide-anchor-prev{background-color:#69ab92;}
.accommodation-slide-anchors a.accommodation-slide-anchor-next{background-color:#4d9a7d;}

.art-section{height:100vh; position:relative;}
.layer-0{position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; background-size:cover;}
.layer-1{position:absolute; left:0; top:0; width:100%; height:100%; z-index:99; background-size:cover;}
.layer-2{position:absolute; left:0; top:0; width:100%; height:100%; z-index:999; background-size:cover;}
.art-section-contents{position:absolute; left:0; top:0; width:100%; height:100%; z-index:9999;}
.art-section h3{margin-bottom:30px; color:#fff;}
.art-section p{color:#fff;}

.services{padding:190px 0 90px 0; position:relative;}
.services .container{position:relative; z-index:99;}        
.services:before{position:absolute; left:0; top:0; width:calc(((100% - 1170px) / 2) + ((1170px / 12) * 10) ); height:100%; background-color:#fff; content:""}
.service-list{position:absolute; left:0; top:-190px; width:100%;}
.service-list-block{padding:150px 100px; background-color:#e8e8e8; position:relative;}
.services h3.headding{margin-bottom:50px;}

.book-now{padding:100px 0; background-color:#f2f2f2;}
.arrow-left{display:inline-block;}

.territory{min-height:100vh; position:relative; padding-bottom:160px;}
.territory-image{width:calc(((100% - 1170px) / 2 ) + ((1170px / 12) * 9)); background:url(../images/img-2.jpg) center center no-repeat; background-size:cover; position:absolute; left:0; top:0; height:100%; z-index:9;}
.territory .container{z-index:99; position:relative;}
.territory-content-block{background-color:#fff; padding:80px 100px; position:relative;}
.territory h3.headding{margin-bottom:50px;}
.territory p{margin-bottom:30px;}
.territory p:last-child{margin-bottom:0;}

.arrow-down{position:absolute; left:calc(((100vw - 1170px) / 2) + 30px); top:100%; z-index:99; margin-top:100px;}
.accommodation-slider ul.slick-dots{width:auto; overflow:hidden; left:calc(((100% / 12 ) * 7) + 30px); top:70px;}
.accommodation-slider ul.slick-dots li{float:left; margin:0; padding:0; margin-right:20px; width:auto; height:auto;}
.accommodation-slider ul.slick-dots li:last-child{margin-right:0;}
.accommodation-slider ul.slick-dots li button{padding:0; width:auto; width:14px; height:14px; border:2px solid #4d9a7d; border-radius:100%;}
.accommodation-slider ul.slick-dots li button:before{display:none;}
.accommodation-slider ul.slick-dots li.slick-active button{background-color:#4d9a7d;}

.sea-waves{position:absolute; left:15px; bottom:60px; transform:translate(-50%,0);}

.buttons {
    display: flex;
    gap: 3px;
}

.alloggi {
    font-family: 'Bree Serif', serif;
    color: #4d9a7d;
    border-radius: 0;
    border: 2px solid #4d9a7d;
    font-size: 16px;
    padding: 10px 30px;
    line-height: 30px;
    margin-bottom: 80px;
}

ul {
    display: block;
    list-style-type: none;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
    ul li p::before {
        content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #fff; /* Change the color */
        font-weight: bold; /* If you want it to be bold */
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 1em; /* Also needed for space (tweak if needed) */
        margin-left: -1em; /* Also needed for space (tweak if needed) */
    }

@media(max-width:1300px){
	.sea-waves{position:absolute; left:0; bottom:0; transform:translate(50%,50%);}
}
@media(max-width:1199px){
	.header, .footer{ min-height:200px;}
	.logo a img{max-width:50px;}
	.logo a span{margin-right:20px;}
	.slider{position:static; height:100% !important; width:100%;}
	.hero .container{width:auto;}
	.content-slider{padding-top:0; padding-bottom:30px;}
	.content-slider-contents{padding-top:30px;}
	.content-slider-block article{padding-top:80px;}
	article p{margin-bottom:15px;}
	.content-slider-block{min-height:auto;}
	.article-slide p{font-size:26px;}
	.article-slide span{font-size:22px;margin-top:30px;}
	h3.headding{margin-bottom:60px;}
	.accommodation-slide-anchors a{width:80px; height:80px;}
	.content-slider-contents:before{background-size:auto 100px;}
	.services h3.headding{margin-bottom:40px;}
	.services{padding:100px 0 50px 0;}
	.service-list{top:-100px;}
	.service-list-block{padding:50px;}
	.territory h3.headding{margin-bottom:40px;}
	.territory-content-block{padding:50px;}
	.territory{padding-bottom:100px;}
	.arrow-down{left:15px; margin:0; transform:translate(0,-50%);}
}
@media(min-width:992px){
	.accommodations{overflow:hidden !important;}
	.accommodations div{overflow:visible;}
	.accommodation-slider:after{position:absolute; left:0; top:110px; width:500%; height:calc(100% - 220px); background-color:#e8e8e8; content:""; z-index:-1;}
	.services{overflow:hidden;}
	.service-list-block:after{position:absolute; left:100%; top:0; width:500%; height:100%; background-color:#e8e8e8; content:"";}
	.territory{overflow:hidden;}
	.territory-content-block:after{position:absolute; left:100%; top:0; width:500%; height:100%; background:#fff; content:"";}
}
@media(max-width:991px){
	.header, .footer{ min-height:150px;}
	.logo a span{margin-right:15px;}
	nav.menu ul{margin:0 -10px;}
	nav.menu ul li{padding:0 10px;}
	nav.menu ul li a{font-size:16px;}
	.content-slider-contents:before{background:none;}
	.article-wrap{background:url(../images/art-1.png) center top repeat-x #4d9a7d; background-size:auto 100px; padding-top:30px; padding-bottom:30px;}
	.content-slider-block article{padding-bottom:0;}
	.content-slider{padding-bottom:0;}
	.content-slider-contents{padding-top:0;}
	.content-slider-wrap{padding-top:30px; padding-bottom:30px;}
	.article-slide{text-align:center;}
	.article-slide p{font-size:22px;}
	.article-slide span{font-size:22px; margin-top:26px;}
	.article-slider-anchors{position:static; text-align:center; margin-top:30px;}
	h3.headding{margin-bottom:50px;}
	/*.accommodation-slide-anchors{position:static; margin-top:15px;}*/
    .accommodation-slide-anchors {
        position: absolute;
        left: 0;
        bottom:400px;
        width: 100%;
    }
        .accommodation-slide-text {
        position: static;
        padding: 0;
    }
    .accommodation-slide-anchors a {
        width: 40px;
        height: 40px;
    }
	.accommodation-slide-text .column{padding:0 15px; background:none;}
    .accommodation-slide-text-block {
        padding: 30px 15px;
        background-color: #e8e8e8;
        min-height: 400px;
    }
	.accommodations{padding:50px 0;}
	.accommodations:before{display:none;}
	
	.services{padding:50px 0;}
	.services h3.headding{margin-bottom:30px;}
	.service-list{position:static;}
	.services:before{width:90%;}
	.service-list-block{padding:30px;}
	.book-now{padding:70px 0;}
	.territory h3.headding{margin-bottom:30px;}
	.territory{padding:50px 0;}
	.territory-content-block{background:rgba(255,255,255,0.9);}
	.arrow-down{display:none;}
	.sea-waves{display:none;}
	.art-section h3{margin-bottom:15px;}
}
@media(min-width:768px){
	.header nav.menu{display:block !important;}
	.nav-icon{display:none;}
}
@media(max-width:767px){
	.header, .footer{ min-height:auto;}
	.logo a img{max-width:40px;}
	.header nav.menu{position:absolute; left:0; top:100%; width:100%; z-index:999; display:none;}
	.header nav.menu ul{margin:0;}
        .header nav.menu ul li {
            padding: 0;
            float: none;
            border-bottom: 1px solid #ffffff;
        }
	.header nav.menu ul li:last-child{border-bottom:0;}
        .header nav.menu ul li a {
            padding: 5px 15px;
            line-height: 30px;
            background-color: #69ab92;
            color: #fff;
        }
            .header nav.menu ul li a:hover {
                background-color: #4d9a7d;
                color: #fff;
            }
	.article-slide p{font-size:20px;}
	.article-slide span{font-size:18px; margin-top:20px;}
	.article-slider-anchors a{margin-right:50px;}
	.article-slider-anchors a i{font-size:26px;}
	h3.headding{margin-bottom:40px;}
	.accommodation-slide-anchors a i{font-size:26px;}
	.arrow-left-wrap{display:none;}
	.book-now{text-align:center; padding:50px 0;}
	.territory-image{width:100%;}
	.territory-content-block{padding:30px;}
	.territory p{margin-bottom:15px;}
	.footer .container.d-flex{display:block !important;}
	.footer nav.menu{margin-top:10px;}
}


.contactUs ul {
    padding-left: 0px; 
}

    .contactUs {
    background: #fff;
    padding: 0px 0;
}

    .contactUs ul li {
        margin-bottom: 15px;
    }

        .contactUs ul li:last-child {
            margin: 0;
        }

        .contactUs ul li input {
            height: 60px;
        }

        .contactUs ul li .inputText {
            width: 100%;
            border: 0;
            background: #e8e8e8;
            color: #000;
            padding: 0 15px;
        }

        .contactUs ul li textarea.inputText {
            resize: none;
            padding: 15px;
            height: 280px;
        }

.contactUsColumn {
    margin-bottom: 15px;
}

    .contactUsColumn:last-child {
        margin: 0;
    }

.contactUs ul li input[type="submit"] {
    border: 2px solid #4d9a7d;
    font-size: 16px;
    padding: 10px 30px;
    line-height: 30px;
    background-color:#fff
}