/*
	Theme Name: Hotel Centova
	Theme URI: https://www.centovaperugialitt.sbs/
	Description:
	Version: 1.0.0
	Author: Dhynet
	Author URI: https://www.dhynet.com
	Tags:

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* reCAPTCHA -----*/
.grecaptcha-badge {display:none !important;}


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


html {
    width:100vw;
    margin:0;
    padding:0;
    overflow-x:hidden;
}

body {
    width:100vw;
    background:#FAF8F1;
    margin:0;
    padding:0;
    overflow-x:hidden;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-name: fadein;
    -webkit-animation-name: fadein;
    animation-name: fadein;
}



/* clear */

.clear:before, .clear:after {content:' '; display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}
img {max-width:100%; vertical-align:bottom;}
a {
    color:#000;
		text-decoration:none;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover {
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

p a {background: rgba(0,0,0,0.04);}

a:focus {outline:0;}
a:hover, a:active {outline:0;}
input:focus {outline:0; border:1px solid #eaeaea;}









/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



.wrapper {
    display:table;
	max-width:1280px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.wrapper-medium {
    display:table;
	max-width:1120px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.wrapper-small {
    display:table;
	max-width:800px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.force-width {
    width:100vw !important;
    margin-left: calc(-100vw / 2 - 20px) !important;
    margin-right: calc(-100vw / 2 - 20px) !important;
}

.txt-float-left {
    width:64%;
    float:left;
}

.txt-float-right {
    width:64%;
    float:right;
}










/* header */
.header {

}


/* logo */
.logo {
    position:fixed;
    top:50px;
    left:50px;
    width:150px;
    height:150px;
    background:#fff;
    border-radius:100%;
    z-index:999;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.logo-img {
    width:100%;
    max-width:80px;
    height:auto;
}



















/* nav */
.nav {

}





/* Hamburgher Menu */
*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.mobilenav-hidden {overflow:hidden;}

.top-animate     {background: #fff !important; width:30px; left:0; top:4px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mid-animate     {opacity:0;}
.bottom-animate  {background: #fff !important; width:30px; left:0; top:4px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}

.top-menu     {top: 0px; width: 30px; height: 2px; border-radius: 10px; background-color: #fff;}
.mid-menu     {top: 6px; width: 30px; height: 2px; border-radius: 10px; background-color: #fff;}
.bottom-menu  {top: 12px; width: 30px; height: 2px; border-radius: 10px; background-color: #fff;}


.menui {
    background: #fff;
    transition: 0.4s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    position: absolute;
}

.icon {
    display:block;
    padding:0;
    margin:0;
    height:20px;
    width:40px;
}

.hamburger-menu {
    position:fixed;
    top:50px;
    right:50px;
    width:70px;
    height:70px;
    background:#EE7F25;
    border-radius:100%;
    z-index:999;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.hamburger {
    position:absolute;
    top:28px;
    left:20px;
    display:block;
    width:40px;
    height:20px;
    margin:0;
}









.mobilenav {
    position:fixed;
    top: 0;
    right:0;
    padding:0;
    z-index: 998;
    display:none;
    width:100vw;
    max-width:500px;
    height:100vh;
    background:rgba(238,127,37,0.98);

    overflow-x: hidden;
    overflow-y: auto;
}

.mobilenav .mobilenav-inner {
	height:100vh;
}





.mobilenav ul {
    float:left;
    margin:0 0 0 10vw;
    padding:0;

    /*font-family: 'Lora', serif;*/
    font-size:28px;
    line-height:28px;
}

.mobilenav li {
		width:100%;
    position:relative;
    float:left;
    list-style-type: none;
    padding:0;
    margin:0;

    opacity:0;

    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.mobilenav li a {
    position:relative;
    display:block;
    float:left;
    margin: 0;
    padding:17px 0;
    color: #fff;
    text-decoration: none;
}

.mobilenav li a:hover {
    color:rgba(255,255,255,0.5);
}

.mobilenav li.current_page_item a {
    /*color:#D8C4A0;*/
		opacity:0.5;
}

.mobilenav-animate li {
    width:100%;
    opacity: 1;

    -webkit-transform: translateY(0);
    transform: translateY(0);

    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}











.goto-phone {
    position:fixed;
    top:150px;
    right:60px;
    width:50px;
    height:50px;
    background:#000 url(img/icon_phone.svg) center center no-repeat;
    border-radius:100%;
    z-index:999;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.goto-wa {
    position:fixed;
    top:220px;
    right:60px;
    width:50px;
    height:50px;
    background:#000 url(img/icon_wa.svg) center center no-repeat;
    background-size:22px auto;
    border-radius:100%;
    z-index:999;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.goto-map {
    position:fixed;
    top:290px;
    right:60px;
    width:50px;
    height:50px;
    background:#000 url(img/icon_map.svg) center center no-repeat;
    border-radius:100%;
    z-index:999;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.goto-request {
	display:block;
	position:absolute;
	top:50px;
	right:150px;
	color:white;
	font-size:16px;
	line-height: 20px;
	font-weight:700;
	background:#603A15;
	padding:15px 32px;
	border-radius:50px;
	text-align:center;
	text-transform: uppercase;
	z-index:998;

	-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.goto-request:hover {
	background:#331e08;
}




















/* FOOTER
------------------------------------------------*/

.footer {
    width:100%;
    float:left;
    margin:50px 0 90px 0;
    padding:0;
}

.footer .my-map {
    display:table;
    float:none;
    width:100%;
    max-width:96%;
    margin:0 auto 50px auto;
    padding:0;
    height:40vh;
    border:6px solid #FAF8F1 !important;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.footer .recapiti {
    width:33.33%;
    margin:0 auto;
    padding:40px 0 0 0;
    text-align:center;
    border-top:1px solid #D8C4A0;
}

.footer .recapiti h3 {
    font-size:22px;
    color:#000000;
    font-weight:normal;
    margin:40px 0 10px 0;
}

.footer .recapiti p {
    font-size:14px;
    line-height:26px;
    color:#603A15;
}

.footer .icon_social {
    display:inline-block;
    width:24px;
    height:auto;
    margin:0 6px;
    padding:0;
}


.footer .awards {
    width:100%;
    margin:0;
    padding:30px 0 0 0;
    text-align:center;
}

.footer .awards img {
    width:120px;
    height:auto;
    margin:0 1%;
}

.footer .colophon {
    width:100%;
    float:left;
    margin:32px 0 0 0;
    font-size:11px;
    line-height:90px;
    color:#603A15;
}

.footer .colophon a {
    color:#603A15;
}

.footer .colophon .logo-quality {
    position:relative;
    text-align:center;
}

.footer .colophon .logo-quality:before {
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background:#D8C4A0;
    top:50%;
    left:0;
    z-index:-1;
}

.footer .colophon .logo-quality img {
    width:100%;
    max-width:145px;
    height:auto;
    padding:6px 20px;
    background:#603A15;
    border-radius:65px;
}

.footer .colophon .privacy-credits {
    text-align:right;
}




/*------------------------------------*\
    BOOKING
\*------------------------------------*/

.booking--desktop {
    width:100%;
    height:60px;
    background:#FAF8F1;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9999;
}

#booking-form form {
    /* border-left:16px solid #EE7F25; */
    position:relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;


    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);

}

#ITH_dtCheckIn_div,
#ITH_dtCheckOut_div,
#ITH_Pax_div {
    margin:0 12px;
}

#booking-form label {
    margin-right:10px;
    color:#000000;
    font-size:14px;
}

#booking-form input[type='text'] {
    border:0px solid #FAF8F1;
    border-bottom:1px solid #EE7F25;
    background:#fff;
    font-size:14px;
    line-height:34px;
    text-align:center;
}



#booking-form select {
    border:0px solid #FAF8F1;
    border-bottom:1px solid #EE7F25;
    background:#fff url(img/dropdown_ico.svg) center right 10px no-repeat;
    background-size:12px 12px;
    font-size:14px;
    line-height:34px;
    padding:0 40px 0 20px;
    border-radius:0;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#booking-form .date-picker-control {
    background-image:url(img/ico_calendar.svg) !important;
    background-position:center center !important;
    background-repeat: no-repeat;
    background-size:14px 14px;
}

#booking-form button {
    float:right;
    font-family: 'Lora', serif !important;
    font-size:24px;
    color:#fff;
    font-weight:bold;
    line-height:60px;
    background:#EE7F25;
    padding:0 42px;
    border:none;
    margin-left:30px;
}

.date-picker-table {
    bottom:55px;
    position:fixed !important;
    z-index:999999 !important;
}

.date-picker-table:before,
.date-picker-table:after {
    display:none;
}


/* -- Booking Mobile --*/


.booking--mobile {
    display:none;
    width:100%;
    position:fixed;
    bottom:6px;
    left:0;
    z-index:9999;
    text-align:center;
    line-height:60px;
}

.booking--mobile a {
    width:96%;
		margin:0 auto;
    display:block;
    background:#EE7F25;
    color:#fff;
    font-size:22px;
		text-transform: uppercase;
		border-radius:50px;

		-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}





















































/*------------------------------------*\
    PAGES
\*------------------------------------*/


/* Privacy Policy ======================================================*/

.privacy-policy main {
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0;
}

.privacy-policy h1 {
	width:100%;
	max-width:960px;
	margin:120px auto 0 auto;
	padding:0;
	font-size:38px;
	text-align:center;
}

/* div[data-image-src] {
    background-blend-mode: multiply;
    -webkit-filter: sepia(2) contrast(1);
    filter: sepia(2) contrast(1);
} */

/* Homepage ===========================================================*/

.main-hero-image {
    position:relative;
    float:left;
    width:100vw;
    height:100vh;
    margin:0;
    padding:0;

    /* -webkit-filter: sepia(1) contrast(1);
    filter: sepia(1) contrast(1); */

    /* background-blend-mode: saturation; */
}

.parallax-slider {
    -webkit-filter: sepia(1) contrast(1);
    filter: sepia(1) contrast(1);
    mix-blend-mode: luminosity;
}

.main-hero-image .hero-claim {
    z-index:1;
}

.main-hero-image p {
    font-size:58px !important;
    line-height:60px;
    color:#fff;
    font-family: 'Lora', serif !important;
    border-left:30px solid #EE7F25;
    padding:30px 30px 0 30px;

    -webkit-text-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-text-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    text-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.main-hero-image p:after {
    content:'.';
    color:#EE7F25;
}






.home-hotel-centova {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    position:relative;
}

.home-hotel-centova:after {
    content:'';
    position:absolute;
    top:280px;
    right:60px;
    width:370px;
    height:370px;
    border-radius:100%;
    background:url(img/centova-home-1.jpg) center center no-repeat;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}


.home-hotel-centova img {
    float:left;
    width:100%;
    max-width:700px;
    height:auto;
    margin:60px 0;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}






.home-camere {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    position:relative;
}

.home-camere:before {
    content:'';
    position:absolute;
    top:20px;
    left:30px;
    width:190px;
    height:190px;
    background:#D8C4A0;
    border-radius:100%;
    z-index:1;
}

.home-camere .camere-preview {
    position:relative;
    width:calc(66.66% + 20%);
    float:right;
    transform:translateX(+18%);
}

.home-camere .camere-preview:after {
    content:'';
    position:absolute;
    bottom:80px;
    right:-90px;
    width:400px;
    height:400px;
    background:#EE7F25;
    border-radius:100%;
    z-index:-1;
}

.home-camere .camere-preview li {
    width:calc(50% - 32px) !important;
    height:33vh;
    margin:0 16px;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.home-camere .hero-image {
    height: 240px;
    margin:0 0 30px 0;
}

.home-camere .hero-image h1:before {
    display:none;
}

.home-camere p {
    margin:50px 0;
}





.home-servizi {
    position:relative;
    float:left;
    width:100%;
    padding:10vh 0;
    margin:0;
}

.home-servizi:before {
    content:'';
    position:absolute;
    top:-100px;
    left:100px;
    background:url(img/path_leaf-2.svg) center center no-repeat;
    width:366px;
    height:468px;
		z-index:-1;
}

.home-servizi:after {
    content:'';
    position:absolute;
    bottom:-100px;
    right:100px;
    background:url(img/path_leaf.svg) center center no-repeat;
    width:384px;
    height:403px;
}




.home-servizi .row {
    padding:0 !important;
}

.home-servizi .img-cover {
    position:relative;
    height:580px;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}
.home-servizi .servizi-excerpt {
    position:relative;
    width:80%;
    height:580px;
    padding-left:80px !important;
}

.home-servizi .servizi-excerpt p {
    font-family: 'Lora', serif !important;
    font-size:32px !important;
    line-height:42px !important;
}

.home-servizi .img-cover:before {
    content:'';
    position:absolute;
    bottom:-15px;
    left:0;
    width:70%;
    height:30px;
    background:#EE7F25;
}





.home-reviews {
		position:relative;
    width:100%;
    float:left;
    background:#F8F3E9;
    padding:90px 0;
    text-align:center;

    /* display:none; */
}

.home-reviews h3 {
    text-align:center;
    font-size:50px;
    color:#152F4A;
    font-weight:600;
    margin-bottom:40px;
}

.home-reviews h4 {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
}

.home-reviews h4:after {
    content:'';
    position:absolute;
    bottom:-20px;
    left:calc(50% - 15px);
    width:30px;
    height:3px;
    background:#EE7F24;
}

.home-reviews ul {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}

.home-reviews .swiper-slide {
    background: #F8F3E9;
}

.home-reviews p {
    font-size:18px;
    line-height:24px;
    padding:0 15%;
}

.home-reviews .swiper-slide a {
    color:#EE7F24;
}

.home-reviews .swiper-slide a:hover {
    text-decoration:underline;
}

.home-reviews .logo-ta {
    width:160px;
    height:auto;
    margin-top:30px;
}

.home-reviews .swiper-pagination-bullet-active {
    background:#EE7F24 !important;
}


/*
.home-dicono-di-noi {
    float:left;
    width:100%;
    padding:0;
    margin:0;
}

.home-dicono-di-noi .wprev-slider {
    width:80%;
    margin:0 auto;
    min-height:300px !important;
}

.home-dicono-di-noi .wprs_unslider-arrow {
    width:48px;
    height:48px;
    border:1px solid #D8C4A0 !important;
    background:transparent url(img/arrow_left-cafe.svg) center center no-repeat !important;
}

.home-dicono-di-noi .wprs_unslider-arrow:hover {
    border:1px solid #603A15 !important;
    border-radius:12px;
}

.home-dicono-di-noi .wptripadvisor_t1_DIV_2 {
    box-shadow:none;
}

.home-dicono-di-noi .wptripadvisor_t1_DIV_2 p {
    font-family: 'Lora', serif !important;
    font-size:22px !important;
    line-height:27px !important;
}

.home-dicono-di-noi .wptripadvisor_t1_A_8 img{
    border-radius:100%;
    border:1px solid #fff;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.home-dicono-di-noi img.wptripadvisor_t1_tripadvisor_logo {
    bottom:-20px;
}

.home-dicono-di-noi .wprs_unslider-nav ol li.wprs_unslider-active {
    background:#D8C4A0;
}

.home-dicono-di-noi .wprs_unslider-nav ol li {
    border:1px solid #D8C4A0 !important;
}
*/


.home-territorio {
    position:relative;
    width:100%;
    height:400px;
    float:left;
    margin:80px 0;
    padding:0;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.home-territorio:after {
    content:'';
    position:absolute;
    left:20vw;
    bottom:-50px;
    width:30vw;
    height:50px;
    background:#D8C4A0;
}

.home-territorio-content {
    width:100%;
    max-width:46%;
    float:right;
    background:#FAF8F1;
    padding:50px 60px;
    margin:-25px 0 0 0;
    border-top:25px solid #EE7F25;
}

.home-territorio-content h3 {
    font-size:48px;
    line-height:52px;
    font-weight:normal;
}

.home-territorio-content h3:after {
    content:'.';
    color:#EE7F25;
}

.home-territorio-content p {
    font-size:22px;
    line-height:26px;
    font-family: 'Lora', serif;
}




/* Camere ===========================================================*/

.camere-preview {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    list-style: none;
}

.camere-preview .camera-item {
    position:relative;
    width:calc(50% - 16px);
    height:300px;
    float:left;
    margin:25px 8px;
    padding:36px 50px;
}

.camere-preview .camera-item:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;

    background: -moz-linear-gradient(45deg,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 51%);
    background: -webkit-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 51%);
    background: linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 51%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

.camere-preview .camera-item h3 {
    color:#fff;
    position:absolute;
    left:50px;
    bottom:0;
}

.camere-preview .camera-item .btn-arrow-orange-fill {
    position:absolute;
    right:50px;
    bottom:28px;
}

.camere-preview .camera-others {
    position:relative;
    width:calc(33.33% - 16px) !important;
    height:320px;
    float:left;
    margin:25px 8px;
    padding:36px 50px;
}

.camere-description {
    width:680px;
    margin:0 auto;
    padding:0;
}

.camere-description h2 {
    width:auto;
    float:left;
    position:relative;
    padding:0 20px 0 0;
}

.camere-description h2:before {
    content:'';
    position:absolute;
    bottom:0;
    right:-220px;
    width:220px;
    height:3px;
    background:#EE7F25;
}

.camere-description p {
    float:left;
}

.camere-description ul {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    list-style:none;
    line-height:24px;
}

.camere-description ul li:before {
    content:'•';
    color:#EE7F25;
    font-weight:bold;
    margin-right:11px;
}


.big-bamboo {
    width:680px;
    margin:0 auto;
    padding:20px 5%;
    text-align:center;
    border:2px solid #fff;

    background:url(img/lenzuola-bamboo.jpg) center center no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}



.bonus-2020 {
	display:none;

    width:100%;
    max-width:700px;
    float:left;
    padding:40px;
    margin:60px 0 40px 0;
    background:#603A15;
    color:#fff;
}

.bonus-2020 h3 {
    color:#EE7F25;
    font-weight:bold;
}

.bonus-2020 a {
    color:#fff;
    text-decoration:underline;
}






/* Informativa COVID*/

.info-covid {width:100%; max-width:700px; float:left; padding:40px; margin:60px 0 40px 0; border:4px solid #EE7F25;}
.info-covid h3 {margin:0 0 24px 0;}

/* //Informativa COVID*/

.has-large-font-size {font-size:36px; line-height:42px;}


























/*------------------------------------*\
	ASSETS
\*------------------------------------*/

.view-article {display:none;}


/* LAYOUT ===============================================*/

.hero-image {
    position:relative;
    width:100vw;
    height:330px;
    float:left;
    margin:0 0 120px 0;
    padding:0;

    /* -webkit-filter: sepia(1) contrast(1);
    filter: sepia(1) contrast(1); */
}

.hero-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    z-index:-1;
    /* background:#D8C4A0;
    filter: grayscale (100%);
    opacity:0.5; */
}

.hero-image h1 {
    position:absolute;
    float:left;
    width:auto;
    bottom:-100px;
    left:0;
    padding:60px 90px;
    margin:0 0 0 10vw;
    background:/* rgba(250,248,241,0.85) */#FAF8F1;
    font-size:72px;
    line-height:76px;
    font-weight:normal;
    width:100%;
    min-width:900px;
    max-width:900px;
}

.hero-image h1:before {
    content:'';
    position:absolute;
    top:-15px;
    left:0;
    width:70%;
    max-width:490px;
    height:30px;
    background:#EE7F25;
}

/*--------------------------------------------------------------------*/

.leaf-bg {
    position:absolute;
    top:60vh;
    right:10vw;
    width:380px;
    height:380px;
    background:url(img/path_leaf.svg) bottom right no-repeat;
    z-index:-1;
}

/*--------------------------------------------------------------------*/

hr {
    width:100%;
    max-width:220px;
    border-top:3px solid #EE7F25;
    margin:50px auto;
}

/*--------------------------------------------------------------------*/

.wp-block-cover {
    height:40vh;
    border:10px solid #FAF8F1 !important;
    margin-bottom:50px;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

/*--------------------------------------------------------------------*/

.chess-lr,
.chess-rl {
    position:relative;
    width:100%;
    float:left;
    margin:40px 0;
    padding:0;
}

.chess-lr .wp-block-column:first-child{
    background:#FAF8F1;
    padding:40px 80px 80px 0;
    margin-top:60px;
}

.chess-rl .wp-block-column:last-child {
    background:#FAF8F1;
    padding:40px 0 80px 80px;
    margin-top:60px;
}

.chess-lr img {
    position:relative;
    display:block;
    max-width:130%;
    float:right;
    z-index:-10;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.chess-rl img {
    position:relative;
    display:block;
    max-width:130%;
    float:left;
    z-index:-10;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.chess-lr h2:before,
.chess-rl h2:before {
    content:'.';
    color:#EE7F25;
}


/*--------------------------------------------------------------------*/


.advgb-testimonial-wrapper {
    padding:0 !important;
}

.advgb-testimonial .advgb-testimonial-avatar {
    border:4px solid #FAF8F1 !important;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}


/*--------------------------------------------------------------------*/

.flickity-viewport {
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}

.flickity-slider {}

.flickity-button {
    background:rgba(238,127,37,0.90);
}

.flickity-button:hover {
    background:rgba(238,127,37,0.50);
}
.flickity-button-icon {
    fill:#fff;
}

.flickity-page-dots .dot.is-selected {
    background:rgba(238,127,37,1);
    border:0px solid #fff;
}

.flickity-page-dots .dot {
    background:transparent;
    border:2px solid #fff;
}

.blockgallery--item {
    position:relative;
}

div.blockgallery--item.is-selected {
}

.blockgallery--item:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.8);
    border:0px solid #FAF8F1;
    z-index:1;
    transition: background 0.8s ;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.01);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.01);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.01);
}

div.blockgallery--item.is-selected:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:transparent;
    border:10px solid #FAF8F1;
    z-index:1;
    transition: background 0.8s ;

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.16);
}










/* BUTTONS ==============================================*/

.btn-arrow-orange-outline {
    display:block;
    float:left;
    position:relative;
    width:80px;
    height:60px;
    border-radius:30px;
    border:2px solid #EE7F25;
    background:url(img/arrow-left-orange.svg) center center no-repeat;
    margin:10px 0 0 0;
    padding:0;
}

.btn-arrow-orange-outline:hover {
    border:2px solid #603A15;
    border-radius:10px;
}

/*--------------------------------------------------------------------*/

.btn-arrow-orange-outline-text {
    display:block;
    float:left;
    position:relative;
    width:auto;
    height:60px;
    border-radius:30px;
    border:2px solid #EE7F25;
    background:url(img/arrow-left-orange.svg) center right 20px no-repeat;
    margin:10px 0 0 0;
    padding:0 60px 0 30px;
    font-size:14px;
    line-height:54px;
    text-transform: uppercase;
    color:#EE7F25;
    letter-spacing:1px;

    transition: 0.2s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
}

.btn-arrow-orange-outline-text:hover {
    border:2px solid #603A15;
    border-radius:10px;

    transition: 0.2s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
}

/*--------------------------------------------------------------------*/

.btn-arrow-orange-fill {
    display:block;
    float:left;
    position:relative;
    width:80px;
    height:60px;
    border-radius:30px;
    background:#EE7F25 url(img/arrow-left.svg) center center no-repeat;
    margin:10px 0 0 0;
    padding:0;
}

.btn-arrow-orange-fill:hover {
    border-radius:10px;
}

































/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/*
font-family: 'Poppins', sans-serif;
font-family: 'Lora', serif;
*/

p {font-size:16px; line-height:24px; font-weight:400; font-family: 'Poppins', sans-serif;}

p b, p strong {font-weight:700;}

h1, h2, h3, h4, h5 {
    font-family: 'Lora', serif;
    /* margin: 2.75rem 0 1rem; */
    /* font-weight: 400; */
    /* line-height: 1.15; */
    width:100%;
    float:left;
    margin:0 0 40px 0;
    color:#603A15;
    font-weight:normal;
}

h1 {font-size: 72px; line-height:87px;}
/* h1:after {content:'.'; color:#EE7F25;} */

h2 {font-size: 48px; line-height:54px;}

h3 {font-size: 1.953em /* 31.25px */;}

h4 {font-size: 1.563em /* 25px */;}

h5 {font-size: 1.25em /* 20px */;}

small, .text_small {font-size: 0.8em /* 12.80px */;}



/*------------------------------------*\
    FRAMEWORK
\*------------------------------------*/

.xy {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-cover {
    background: center center no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.wrapper-medium {
    display:table;
	max-width:1100px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.wrapper-small {
    display:table;
	max-width:870px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.force-width {
    width:100vw !important;
    margin-left: calc(-100vw / 2 - 20px) !important;
    margin-right: calc(-100vw / 2 - 20px) !important;
}

/* - Column */

.row           {width:100% !important; float:left !important; padding:0 2% !important;}
.row90         {max-width:90%; margin-left:auto; margin-right:auto;}
.row80         {max-width:80%; margin-left:auto; margin-right:auto;}

.half--col     {width:50% !important; float:left !important; padding:0 2%;}
.three--col    {width:33.333% !important; float:left !important; padding:0 2% !important;}
.four--col     {width:25% !important; float:left !important; padding:0 2% !important;}
.five--col     {width:20% !important; float:left !important; padding:0 2% !important;}

.three--two-col {width:66.66% !important; float:left !important; padding:0 2% !important;}

.w90_col {width:90% !important; float:left !important;}
.w80_col {width:80% !important; float:left !important;}
.w70_col {width:70% !important; float:left !important;}
.w60_col {width:60% !important; float:left !important;}
.w40_col {width:40% !important; float:left !important;}
.w30_col {width:30% !important; float:left !important;}
.w20_col {width:20% !important; float:left !important;}
.w10_col {width:10% !important; float:left !important;}
.w5_col  {width:5% !important; float:left !important;}



/* - Text Alignment */

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

.txl {text-align: left !important;}
.txc {text-align: center !important;}
.txr {text-align:right !important}
.txj {text-align: justify !important;}


/* - Position */

.psr {position:relative !important;}
.psa {position:absolute !important;}
.psf {position:fixed !important;}
.clear {clear:both !important;}


/* - MARGIN - */

.mauto {margin:0 auto !important;}

/* - Margin Around */
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}


/* - Margin Left */
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

/* - Margin Right */
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

/* - Margin Top */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}

/* - Margin Bottom */
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}





/* - Padding - */

/* - Padding Around */
.p10 {padding:10px;}

.pp10 {padding-left:10px; padding-right:10px;}
.pp20 {padding-left:20px; padding-right:20px;}


/* - Padding Left */
.pl5  {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

/* - Padding Right */
.pr5  {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

/* - Padding Top */
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

/* - Padding Bottom */
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}





/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

@-moz-keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

@-webkit-keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

















































/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}























































/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* SMARTPHONE PORTRAIT ------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 300px)
    and (max-width: 470px)
    and (orientation: portrait) {

        .booking--desktop {display:none;}
        .booking--mobile {display:block;}

        body {width:100%; margin:0; padding:0; overflow-x: hidden;}

        .half--col,
        .four--col,
        .three--col {width:100% !important;}
				.wrapper-small {width:80%;}
				h2 {font-size:36px; line-height:46px;}

        /* Nav */
        .header {position:fixed; top:0; left:0; width:100vw; height:80px; z-index:999;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
        }
        .hamburger-menu {top:10px; right:10px;}
        .logo {top:10px; left:10px; width:70px; height:70px; z-index:999;}
        .logo-img {max-width: 40px;}
        .goto-phone {top:10px; right:25vw; z-index:999;}
        .goto-wa {top:10px; right:auto; left:calc(50% - 24px); z-index:999;}
        .goto-map {top:10px; right:auto; left:25vw; z-index:999;}
				.goto-request {top:70px; width: 180px; right: calc(50% - 90px); padding: 10px 0;}
        .mobilenav {max-width:100vw;}
        .mobilenav ul {margin: 0; font-size: 24px;}
        .mobilenav li {width:100vw; text-align:center;}
        .mobilenav li a {float:none; padding:2vh 0; border-bottom:1px solid rgba(255,255,255,0.4);}
				.mobilenav li:last-child a {border-bottom:0px solid rgba(255,255,255,0.4) !important;}

        /* Footer */
        .footer .recapiti {width:80%;}
        .footer .colophon {line-height:20px;}
        .footer .colophon .logo-quality {margin-top:20px; margin-bottom:20px;}
        .footer .colophon .three--col {width:100% !important; text-align:center; }


        /* Homepage */
        .main-hero-image {/* height:100vh; */}
        .hero-overlay {background: rgba(0,0,0,0.5); z-index:0;}
        .main-hero-image p {font-size: 40px !important; line-height: 50px; border-left: 10px solid #EE7F25; z-index:1;}
				.home-hotel-centova img {margin:30px 0;}
        .home-camere .camere-preview {width: 100%; transform: translateX(+0%); margin-top:60px;}
        .home-camere .camere-preview li {width:100% !important; margin:10px 0; height:40vh;}
        .home-servizi .img-cover {height:50vh;}
        .home-servizi .servizi-excerpt {width: 100%; height: auto; padding-left: 10px !important; margin-top:60px;}
        .home-servizi .servizi-excerpt h1 {font-size: 46px; line-height: 54px;}
        .home-dicono-di-noi h1 {font-size: 46px; line-height: 54px;}
        .home-dicono-di-noi .wprev-slider {width:100%;}
        .home-dicono-di-noi .wprs_unslider-arrow {display:none;}
        .home-territorio {height:330px;}
        .home-territorio-content {max-width:80%; float:none; margin:0 auto;}
        .home-territorio-content {padding:30px;}
        .home-territorio:after {display:none;}
        .home-camere p {margin:50px 0;}
        .home-reviews h4 {font-size:20px;}
        .home-reviews p {font-size:14px;line-height:20px; padding:0 10px;}

				.info-covid {margin:80px 0 0 0; padding:32px 18px;}
				.info-covid h3 {font-size:26px; margin-bottom:24px;}
				.info-covid .btn-arrow-orange-outline-text {width:100% !important;}

        .home-hotel-centova:after,
        .home-camere .camere-preview:after,
        .home-servizi:before {display:none;}

        /* Camere */
        .camere-preview .camera-item, .camere-preview .camera-others {width: calc(100% - 16px) !important;}
        .camere-preview .camera-item h3 {left:20px;}
        .camere-preview .camera-item .btn-arrow-orange-fill {right:20px;}
				.camere-preview .camera-others {max-height:240px;}
        .wp-block-blockgallery-carousel {width:100vw !important;}
        .wp-block-blockgallery-carousel .blockgallery .has-carousel {height:360px !important;}
        .camere-description, .big-bamboo {width:calc(100vw - 30px) !important; float:left; margin:0 15px;}



        /* Asset */
        .hero-image {height:45vh;}
        .hero-image h1 {text-align:center; padding: 40px 20px; margin:0; font-size:44px; line-height:50px; min-width:100vw; max-width:100vw;}
				.wp-block-cover, .wp-block-cover-image {min-height:auto;}
				.txt-float-left, .txt-float-right {width:100%; margin:0 auto; float:none;}
        .chess-lr, .chess-rl {margin:20px 0;}
        .chess-rl .wp-block-column:last-child, .chess-lr .wp-block-column:first-child {padding: 40px 0 80px 0px;}
				.btn-arrow-orange-outline-text {width:90%; float:none; margin:10px auto 0 auto; font-size: 16px; line-height:56px; background-size: 42px auto;}

}





/* SMARTPHONE LANDSCAPE ------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 471px)
    and (max-width: 1023px)
    and (orientation: landscape){

        .booking--desktop {display:none;}
        .booking--mobile {display:block;}

        body {width:100%; margin:0; padding:0; overflow-x: hidden;}

        .half--col,
        .four--col,
        .three--col {width:100% !important;}

        /* Nav */
        .header {position:fixed; top:0; left:0; width:100vw; height:80px; z-index:2;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
        }
        .hamburger-menu {top:10px; right:10px;}
        .logo {top:10px; left:10px; width:70px; height:70px; z-index:99;}
        .logo-img {max-width: 44px;}
        .goto-phone {top:10px; right:100px; z-index:998;}
        .goto-wa {top:10px; right:170px; left:auto; z-index:998;}
        .goto-map {top:10px; right:auto; left:100px; z-index:998;}
				.goto-request {top:10px; width: 180px; right: calc(50% - 90px); padding: 10px 0;}
        .mobilenav {max-width:100vw;}
        .mobilenav ul {margin: 100px 0 0 0; font-size: 24px; line-height: 3vh;}
        .mobilenav li {width:100vw; text-align:center;}
        .mobilenav li a {float:none; padding:15px 0;}

        /* Footer */
        .footer .recapiti {width:80%;}
        .footer .colophon {line-height:20px;}
        .footer .colophon .logo-quality {margin-top:20px; margin-bottom:20px;}
        .footer .colophon .three--col {width:100% !important; text-align:center; }


        /* Homepage */
        .main-hero-image {/* height:100vh; */}
        .hero-overlay {background: rgba(0,0,0,0.5); z-index:0;}
        .main-hero-image p {font-size: 40px !important; line-height: 40px; z-index:1;}
        .home-camere .camere-preview {width: 100%; transform: translateX(+0%); margin-top:60px;}
        .home-camere .camere-preview li {width:100% !important; margin:10px 0; height:80vh;}
        .home-servizi .img-cover {height:50vh;}
        .home-servizi .servizi-excerpt {width: 100%; height: auto; padding-left: 10px !important; margin-top:60px;}
        .home-servizi .servizi-excerpt h1 {font-size: 46px; line-height: 54px;}
        .home-dicono-di-noi h1 {font-size: 46px; line-height: 54px;}
        .home-dicono-di-noi .wprev-slider {width:100%;}
        .home-dicono-di-noi .wprs_unslider-arrow {display:none;}
        .home-territorio {height:330px;}
        .home-territorio-content {max-width:80%; float:none; margin:0 auto;}
        .home-territorio-content {padding:30px;}
        .home-territorio:after {display:none;}
        .home-camere p {margin:50px 10px;}
        .home-reviews h4 {font-size:20px;}
        .home-reviews p {font-size:14px;line-height:20px; padding:0 10px;}

        .home-hotel-centova:after,
        .home-camere .camere-preview:after,
        .home-servizi:before {display:none;}

        /* Camere */
        .camere-preview .camera-item, .camere-preview .camera-others {width: calc(100% - 16px) !important;}
        .camere-preview .camera-item h3 {left:20px;}
        .camere-preview .camera-item .btn-arrow-orange-fill {right:20px;}
        .wp-block-blockgallery-carousel {width:100vw !important;}
        .wp-block-blockgallery-carousel .blockgallery .has-carousel {height:360px !important;}
        .camere-description, .big-bamboo {width:calc(100vw - 30px) !important; float:left; margin:0 15px;}



        /* Asset */
        .hero-image {height:200px;}
        .hero-image h1 {padding: 40px 20px; margin:0; font-size:44px; line-height:50px; min-width:100vw; max-width:100vw;}
        .txt-float-left, .txt-float-right {width:100%;}
        .chess-lr, .chess-rl {margin:20px 0;}
        .chess-rl .wp-block-column:last-child, .chess-lr .wp-block-column:first-child {padding: 40px 0 80px 0px;}

}




/* TABLET PORTRAIT -----------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 768px)
    and (max-width: 1023px)
    and (orientation: portrait){

        /* Footer */
        .footer .recapiti {width:80%;}
        .footer .colophon {line-height:20px;}
        .footer .colophon .logo-quality {margin-top:20px; margin-bottom:20px;}
        .footer .colophon .three--col {width:100% !important; text-align:center; }

        #booking-form input[type='text'] {width:100px;}

        .camere-preview .camera-others {width: calc(100% - 16px) !important;}

        .hero-image h1 {padding: 40px 20px; margin:0; min-width:100vw; max-width:100vw;}
}




/* TABLET LANDSCAPE ----------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 1024px)
    and (max-width: 1180px)
    and (orientation: landscape){

        html, body {width:100%; margin:0; padding:0; overflow-x: hidden;}

        .footer .colophon .logo-quality {width:20% !important;}
        .footer .colophon .copyright,
        .footer .colophon .privacy-credits {width:40% !important; text-align:center !important;}

        .camere-preview .camera-item h3 {left:20px;}
        .camere-preview .camera-item .btn-arrow-orange-fill {right:20px;}


}