.color-green_light {
	color: #d0dfcf; /*verde chairo*/
}

.color-green_midle {
	color: #a3a758; /*verde pisello*/
}

.color-green_dark {
	color: #687d66; /*verde scuro*/
}

.bg-green_light {
	background-color: #d0dfcf; /*verde chairo*/
}

.bg-green_midle {
	background-color: #a3a758; /*verde pisello*/
}

.bg-green_dark {
	background-color: #687d66; /*verde scuro*/
}

/*Styles for before e after*/
.twentytwenty-container img{ width: 100%; }
.twentytwenty-handle:active span:before{color: white;}

.twentytwenty-vertical .twentytwenty-handle span:before{ content:"\e675"; }
.twentytwenty-handle:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing;}
.twentytwenty-overlay:hover {
    background: rgb(0 0 0 / 0%);
}

/*Styles for text rotator*/
.rotator-container{ display: flex; display: -ms-flexbox; flex-flow: wrap; -ms-flex-flow: wrap;  }
.rotator-container .text-rotator{ margin: 0 6px; display: inline-flex; display: -ms-inline-flexbox; position: relative; width: 70px; transition: width 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.rotator-container .word{position:absolute;width:auto;opacity:0;display:flex;display:-ms-flexbox;}
.rotator-container .letter{display:inline;transform:translateZ(5px);transform-origin: 50% 50% 25px;white-space: pre; backface-visibility: hidden;}
.rotator-container .letter.out{opacity:0;transform:rotateX(90deg);transition:all 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);will-change: opacity, transform;}
.rotator-container .letter.behind{transform:rotateX(-90deg);}
.rotator-container .letter.in{opacity:1;transform:rotateX(0deg);transition:all 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);will-change: opacity, transform;}

/*Styles for overlap images*/
.overlap-images{ position: relative; padding:15px; }
.overlap-images .item{ position: relative; width: 100%; padding: 11% 11% 19%; }
.overlap-images .item:not(:first-child){ position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.overlap-images .item img{ width: 100%; display: block; }



/* Recommended items - Lyra design */
/* Image effect for lyra */
.lyra-items figcaption img{display: none; -webkit-transition:all 0.6s;transition:all 0.6s;}
.lyra-items figcaption img:nth-of-type(1){display: block;}
.lyra-items figcaption img:nth-of-type(2){display: block; position: absolute; left:0; top: 0; width:100%; height: 100%; opacity: 0; visibility: hidden;}
/* Hover styles */
.lyra-items figcaption:hover img:nth-of-type(1){opacity: 0; visibility: hidden;}
.lyra-items figcaption:hover img:nth-of-type(2){opacity: 1; visibility: visible;}


.bg-soft-gradient:before, .bg-gradient, .bg-gradient-hover:hover, .bg-gradient-active.active {
    background-image: #687d66 !important;
    background-image: linear-gradient(-90deg, #687d66 0%, #8b9b84 100%) !important;
}

.bg-colored, .bg-colored-hover:hover, .bg-colored-active.active, .bg-colored-hover-trigger:hover .bg-colored-hover-target, .modern-nav .nav-links .nav-link:before, .irs-from, .irs-to, .irs-single, .irs-line-left, .irs-line-mid, .irs-line-right, .dots-colored-active:not(.dots-circle) .slick-dots li.slick-active:before, .plyr__control--overlaid, .plyr__volume .plyr__control:hover, .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .twentytwenty-handle:active, .underline-slide.underline-colored:before, .underline-slide.underline-colored:after {
    background-color: #a3a758 !important;
}

.colored1, .colored1-hover:hover, .colored1-active.active {
    color: #d0dfcf !important;
}

.colored, .colored-hover:hover, .colored-active.active, .plyr--full-ui input[type=range], .modern-nav.link-hover-01 .nav-container .nav-menu .nav-links li:not(.extra-links):hover>a.nav-link, .modern-nav.link-hover-01 .nav-container li.extra-links>a.nav-link:hover, .modern-nav.link-hover-01 .nav-container li.active>a.nav-link, .modern-nav.link-hover-01 .nav-container li>a.nav-link.active {
    color: #a3a758 !important;
}

.moodboard-box {
	position: relative;
	overflow: hidden;
}

.moodboard-box:after {
    content: "";
    display: block;
    background: #00000054;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.moodboard-box .moodboard-text {
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.modern-nav .nav-links .nav-link {
    font-weight: 500;
    color: #fff;
    font-size: 13px;
}

.modern-nav.scrolled .nav-links .nav-link {
    color: #000;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px;
    background-color: rgb(0 0 0 / 75%);
}