/*
Theme Name: Vanessa Incontrada
Author: Tree Agency
Author URI: http://www.treeagency.it/
Description: Tema Wordpress di Vanessa Incontrada
Version: 1.1
License: GNU General Public License v2 or later
*/
/*Wordpress editor styles start*/
* {
margin: 0;
padding: 0;
text-align: left;
}
.entry-content img {
margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright, img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone, img.alignnone {
/* not sure about this one */
}
.wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.wp-caption p.wp-caption-text {
line-height: 1.5;
font-size: 10px;
margin: 0;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
/*Wordpress editor styles end*/
:root {
--color1: #161616;
--color2: #BE9D43;
--color3: #ffffff;
--color4: rgb(22 22 22 / 55%);
--color5: rgb(22 22 22 / 20%);
--color7: rgb(22 22 22 / 0%);
--color8: rgb(22 22 22 / 77%);
--color9: rgb(255 253 250 / 60%);
--font1:
'Playfair Display', serif;
--font2:
'Jost', sans-serif;
}
body {
color: var(--color3);
background-color: var(--color1);
position: relative;
font-family: var(--font2);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.6px;
line-height: 1.8;
top:0;
overflow-x: hidden;
overflow-y: scroll;
-webkit-transition: top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-rendering: optimizeLegibility;
background-repeat: repeat;
}
body.close{
top:-15vh;
}
body.deactive {
overflow: hidden;
}
ul {
margin-bottom: 0px;
display: inline-block;
}
ul.list-fields li {
width: 46%;
float: left;
display: list-item;
margin-left: 4%;
margin-bottom: 3px;
vertical-align: middle;
list-style: initial;
list-style-position: inside;
padding-left: 0px;
}
.right ul.list-fields li {
float: right;
}
@media (max-width: 680px) {
ul.list-fields li {
width: 100%;
}
}
ul.list-fields li span {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
/* width: 60%; */
line-height: 1.2;
}
ul.triple {
margin:0 !important;
}
ul.triple li {
width: 33.3333% !important;
float: left;
padding: 0;
margin: 0 0 1vh 0 !important;
display: inline-block;
margin-bottom: 2vh;
vertical-align: middle;
min-height: 40px;
/* text-align: right; */
}
.blocco-testo ul.triple li:before {
display:none;
}
.right ul.triple li {
/* float: right; */
}
@media (max-width: 680px) {
ul.triple li {
width: 50%;
}
}
ul.triple li span {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
font-size: 18px;
width: calc(100% - 35px);
line-height: 1.2;
}
li {
list-style: none;
}
.list-unstyled li {
padding: 5px 0;
font-size: 14px;
}
a, a:before {
color: var(--color1);
/* font-weight: 700; */
cursor: pointer;
}
a, a:before, a:after, a span, .gform_button.button, .gform_button.button span, .vertical-booking .button {
text-decoration:none;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
a:hover, a:focus {
color: var(--color1);
text-decoration: none;
outline: none;
}
b, strong {
font-weight: 500;
}
.blocco-testo a.btn {
/* color: #337ab7; */
/* font-weight: 600; */
/* margin: 0 10px 0 0; */
}
.blocco-testo .btn:after {
/* content: ''; */
/* position: absolute; */
/* width: 200vw; */
/* height: 2px; */
/* background: var(--color1); */
/* left:-100vw; */
/* top: 50%; */
}
.blocco-testo .text-white .btn:after {
background: var(--color3);
}
.blocco-testo a:hover {
/* border: 1px solid var(--color1); */
/* color: var(--color1); */
text-decoration: underline;
}
p {
text-align: justify;
position: relative;
margin: 0 0 11px;
}
hr {
display: block;
position: relative;
width: 100%;
height: 1px !important;
overflow: initial;
/* opacity: 1; */
padding: 0;
margin: 2vh 0;
background: var(--color3);
}
.text-shadow hr.white {
-webkit-filter: drop-shadow(0 0 5px #504b45);
filter: drop-shadow(0 0 5px #504b45);
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
/* -------------------------------------------------------------------
Vertival margin, padding
------------------------------------------------------------------- */
.p-0 {
padding: 0 !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-10 {
padding-top: 10px !important
}
.pt-20 {
padding-top: 20px !important
}
.pt-30 {
padding-top: 30px !important;
}
.pt-40 {
padding-top: 40px !important
}
.pt-50 {
padding-top: 50px !important
}
.pt-60 {
padding-top: 60px !important
}
.pt-70 {
padding-top: 70px !important
}
.pt-80 {
padding-top: 80px !important
}
.pt-90 {
padding-top: 90px !important
}
.pt-100 {
padding-top: 100px !important
}
.pt-140 {
padding-top: 140px !important;
}
.pt-170 {
padding-top: 170px !important
}
.pt-180 {
padding-top: 170px !important
}
.pb-180 {
padding-top: 180px !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-10 {
padding-bottom: 10px !important
}
.pb-20 {
padding-bottom: 20px !important
}
.pb-30 {
padding-bottom: 30px !important
}
.pb-40 {
padding-bottom: 40px !important
}
.pb-50 {
padding-bottom: 50px !important
}
.pb-60 {
padding-bottom: 60px !important
}
.pb-70 {
padding-bottom: 70px !important
}
.pb-80 {
padding-bottom: 80px !important
}
.pb-90 {
padding-bottom: 90px !important
}
.pt-100 {
padding-top: 100px !important;
}
.pb-140 {
padding-bottom: 140px !important;
}
.pd-0 {
padding-bottom: 0 !important;
}
.pd-2per {
padding: 2%;
}
.pd-5per {
padding: 5%;
}
.pd-7per {
padding: 7%;
}
.pd-8per {
padding: 8%;
}
.pd-10per {
padding: 15% 15%;
}
.pd-1vw {
/* margin: 1vw; */
}
.pt-2per {
padding-top: 2% !important;
}
.pt-3per {
padding-top: 3% !important;
}
.pt-5per {
padding-top: 5% !important;
}
.pt-14per {
padding-top: 14% !important;
}
.pt-7per {
padding-top: 7% !important;
}
.pt-8per {
padding-top: 8%;
}
.pt-10per {
padding-top: 10% !important
}
.pb-2per {
padding-bottom: 2% !important;
}
.pb-5per {
padding-bottom: 5% !important;
}
.pb-7per {
padding-bottom: 7% !important;
}
.pb-8per {
padding-bottom: 8%;
}
.pb-10per {
padding-bottom: 10%;
}
.pb-14per {
padding-bottom: 14% !important;
}
.mg-0 {
margin: 0 !important
}
.pl-10 {
padding-left: 10px !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-10 {
margin-top: 10px !important
}
.mt-20 {
margin-top: 20px !important
}
.mt-30 {
margin-top: 30px !important
}
.mt-40 {
margin-top: 40px !important
}
.mt-50 {
margin-top: 50px !important
}
.mt-60 {
margin-top: 60px !important
}
.mt-70 {
margin-top: 70px !important
}
.mt-80 {
margin-top: 80px !important
}
.mt-100 {
margin-top: 140px !important;
}
.mt-130 {
margin-top: 130px !important;
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-10 {
margin-bottom: 10px !important
}
.mb-20 {
margin-bottom: 20px !important
}
.mb-30 {
margin-bottom: 30px !important
}
.mb-40 {
margin-bottom: 40px !important
}
.mb-50 {
margin-bottom: 50px !important
}
.mb-60 {
margin-bottom: 60px !important
}
.mb-70 {
margin-bottom: 70px !important
}
.mb-80 {
margin-bottom: 80px !important
}
.mb-140 {
margin-bottom: 140px !important
}
.mb-140 {
margin-bottom: 140px !important
}
.mg-2per {
margin: 2% !important;
}
.mg-5per {
margin: 5%;
}
.mg-10per {
margin: 10%;
}
.mb-1per {
margin-bottom: 1vw !important;
}
.mb-2per {
margin-bottom: 2vw !important;
}
@media (max-width: 991px) {
.mbmob-5per {
margin-bottom: 5% !important;
}
}
@media only screen and (max-width:991px) {
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-10 {
margin-top: 10px !important
}
.mt-sm-20 {
margin-top: 20px !important
}
.mt-sm-30 {
margin-top: 30px !important
}
.mt-sm-40 {
margin-top: 40px !important
}
.mt-sm-50 {
margin-top: 50px !important
}
.mt-sm-60 {
margin-top: 60px !important
}
.mt-sm-70 {
margin-top: 70px !important
}
.mt-sm-80 {
margin-top: 80px !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-10 {
margin-bottom: 10px !important
}
.mb-sm-20 {
margin-bottom: 20px !important
}
.mb-sm-30 {
margin-bottom: 30px !important
}
.mb-sm-40 {
margin-bottom: 40px !important
}
.mb-sm-50 {
margin-bottom: 50px !important
}
.mb-sm-60 {
margin-bottom: 60px !important
}
.mb-sm-70 {
margin-bottom: 70px !important
}
.mb-sm-80 {
margin-bottom: 80px !important
}
}
@media only screen and (max-width:767px) {
.mt-xs-0 {
margin-top: 0 !important
}
.mt-xs-10 {
margin-top: 10px !important
}
.mt-xs-20 {
margin-top: 20px !important
}
.mt-xs-30 {
margin-top: 30px !important
}
.mt-xs-40 {
margin-top: 40px !important
}
.mt-xs-50 {
margin-top: 50px !important
}
.mt-xs-60 {
margin-top: 60px !important
}
.mt-xs-70 {
margin-top: 70px !important
}
.mt-xs-80 {
margin-top: 80px !important
}
.mb-xs-0 {
margin-bottom: 0 !important
}
.mb-xs-10 {
margin-bottom: 10px !important
}
.mb-xs-20 {
margin-bottom: 20px !important
}
.mb-xs-30 {
margin-bottom: 30px !important
}
.mb-xs-40 {
margin-bottom: 40px !important
}
.mb-xs-50 {
margin-bottom: 50px !important
}
.mb-xs-60 {
margin-bottom: 60px !important
}
.mb-xs-70 {
margin-bottom: 70px !important
}
.mb-xs-80 {
margin-bottom: 80px !important
}
}
.mt-1per {
margin-top: 1vw !important;
}
.mt--1per {
margin-top: -1vw !important;
}
.mt-2per {
margin-top: 2vw !important;
}
.mt-3per {
margin-top: 3%;
}
.mt-5per {
margin-top: 5%;
}
.mt-6per {
margin-top: 6%;
}
.mt-7per {
margin-top: 7% !important;
}
.mt-5vh {
margin-top: 5vh;
}
.mt-10per {
margin-top: 10% !important;
}
.mt-12per {
margin-top: 12% !important;
}
.mt-15per {
margin-top: 15% !important;
}
.mt-20per {
margin-top: 20%;
}
.mt-30per {
margin-top: 30%;
}
.mt-40per {
margin-top: 40%;
}
.mt-50per {
margin-top: 50%;
}
.mb-3per {
margin-bottom: 3% !important;
}
.mb-5per {
margin-bottom: 5% !important;
}
.mb-7per {
margin-bottom: 7% !important;
}
.mb-5vh {
margin-bottom: 5vh;
}
.mb-10per {
margin-bottom: 10% !important;
}
.mb-15per {
margin-bottom: 15%;
}
.mb-20per {
margin-bottom: 20%;
}
.mt--5per {
margin-top: -5%;
}
.mt--10per {
margin-top: -10%;
}
.pt-10vh {
padding-top: 10vh !important
}
.pb-10vh {
padding-bottom: 10vh !important
}
.pd-left {
/* padding-left:10vw; */
}
.no-padding {
padding: 0 !important;}
.no-margin {
margin: 0 !important;
}
.width-100{
width:100%;
}
.owl-gallerygriglia-cont.pt-5per{
padding-top:5% !important;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0px;
padding-right: 0px;
}
.wrapper0 {
padding: 0 3%;
position: relative;
/* display: block; */
}
.wrapper {
padding: 0 5%;
position: relative;
/* display: block; */
}
.wrapper2 {
margin: 0 10%;
position: relative;
}
.wrapper3 {
margin: 0 15%;
position: relative;
}
.wrapper4 {
margin: 0 1vw;
position: relative;
/* display: inline-block; */
/* width: 100%; */
}
.wrapper-10per {
padding: 0 10%;
}
@media (max-width: 768px) {
.wrapper-10per {
padding: 0 5%;
}
.pd-10per {
padding: 10% 10%;
}
}
@media (max-width: 991px) {
.sm-mg-0 {
margin: 0 !important;
}
.mt-7per {
margin-top: 7vh !important;
}
.mb-7per {
margin-bottom: 7vh !important;
}
}
.page-loader {
position: fixed;
background: #F7F6F4;
bottom: 0;
right: 0;
left: 0;
top: 0;
z-index: 9998;
overflow: hidden;
-webkit-transition: left 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;
-moz-transition: left 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;
transition: left 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;
}
.page-loader.closed {
left: 100%;
}
.loader {
position: absolute;
left: 50%;
top: 50%;
margin: -125px 0 0 -125px;
z-index: 9999;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center center !important;
width: 250px;
height: 250px;
-webkit-animation-duration: 1500ms;
animation-duration: 1500ms;
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-iteration-count: pulse;
animation-iteration-count: infinite;
-webkit-animation-duration: 1500ms;
-webkit-animation-name: pulse;
-webkit-animation-iteration-count: infinite;
-moz-animation-duration: 1500ms;
-moz-animation-name: pulse;
-moz-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.page-loader.closed .loader {
opacity: 0;
margin-left: 0;
-webkit-transition: opacity 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s, margin-left 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
-moz-transition: opacity 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s, margin-left 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
transition: opacity 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s, margin-left 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
}
blockquote {
border: 0;
margin: 20px 0;
padding: 0;
}
blockquote p {
padding: 10px 20px !important;
border-left: 3px solid var(--color1);
color: #75737f;
font-style: italic;
letter-spacing: 0.01em;
}
blockquote p, blockquote p:first-letter {
font-size: 20px !important;
line-height: 1.5 !important;
}
blockquote p:first-letter {
padding: 0 !important;
}
.text-shadow * {
text-shadow: 0 0 20px var(--color4);
}
.text-shadow .btn * {
text-shadow: none;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.navbar-brand {
/* height: 108px; */
/* width: 264px; */
/* padding: 20px 10px; */
/* left: 1%; */
/* top: 0; */
/* position: absolute !important; */
/* background-color: rgba(255, 255, 255, 0) !important; */
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.menuPrincipale {
padding: 20px;
-webkit-transition: padding 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: padding 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: padding 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.sticky .menuPrincipale {
padding: 0;
}
@media (max-width: 991px) {
.menuPrincipale {
display: none;
}
footer .menu li {
/* float: none; */
width: 100%;
display: list-item !important;
padding: 0 !important;
margin: 6px 0;
text-align: center;
}
footer .menu li:after {
content: '' !important;
display: block;
width: 70px;
height: 1px;
text-align: center;
/* position: absolute; */
left: 0;
margin: 5px auto 0 auto !important;
background: var(--color3);
}
.fixed_mobile {
display: block !important
}
footer {
/* padding-bottom: 68px !important; */
}
.clear-sm {
clear: both;
/* margin-top: 40px; */
}
.testo-chescorre {
height: 23px !important;
}
.testo-chescorre span {
font-size: 20px !important;
}
}
.project-detail-list {
text-align: center;
}
ul.social-share li {
display: inline-block;
}
ul.social-share {
margin: 0;
text-align: center;
}
.btn-social {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid var(--color3);
border-radius: 100%;
text-align: center;
font-size: 20px;
line-height: 45px
}
.social-share .btn-social {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #37B6BD;
border-radius: 100%;
text-align: center;
font-size: 20px;
margin: 0 5px;
line-height: 45px
}
.social-share .btn-social .fa {
color: #37B6BD
}
.social-share .btn-social:hover {
background-color: #37B6BD
}
.social-share .btn-social:hover .fa {
color: #fff
}
.ulMobLang {
display: inline-block;
margin-top: 0 !important;
margin-bottom: 0px !important;
width: 100%;
font-size: 19px;
}
.ulMobLang li:first-child {
padding-left: 10px;
}
.ulMobLang li {
float: left;
}
.ulMobLang li a {
padding: 10px;
}
.ulMobLang li:after {
border-bottom: none !important;
}
.row-xs-flex-center {
display: flex;
align-items: center;
}
@media (min-width:768px) {
.row-sm-flex-center {
display: flex;
align-items: center;
}
}
@media (min-width: 992px) {
.row-md-flex-center {
display: flex;
max-width: 100%;
width: 100%;
height: 100%;
position: relative;
flex-direction: row;
}
}
@media (min-width: 1200px) {
.row-lg-flex-center {
display: flex;
align-items: center;
}
}
#main-container {
padding-top: 0;
position: relative;
z-index: 2;
overflow: hidden;
}
#main-container.container-desktop footer .footer-copyright {
/* padding-bottom: 114px; */
border-top: 1px solid var(--color3);
}
.logged-in .header {
top: 32px;
}
@media screen and (max-width: 782px) {
.logged-in #wpadminbar {
height: 46px;
min-width: 240px;
position: fixed !important;
top: 0;
}
.logged-in .header {
top: 46px;
}
}
/* ---FLEXSLIDER------------------------------------------ */
#home_slider {
/* padding: 1%; */
}
.height_100 {
position: relative;
height: 100%;
}
.home_slider {
overflow: hidden;
z-index: 1;
position: relative;
}
.home_slider ul, .home_slider li {
width: 100%;
height: 100%;
position: relative;
z-index: 3;
}
.home_slider li {
position: relative !important;
transform: matrix(1, 0, 0, 1, 0, 0) !important;
background-size: cover !important;
background-position: center center !important;
}
.slider_box {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 2;
background-size: cover;
background-position: center center;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.slider_box::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.scroll_down{position:absolute;left:50%;bottom: 13%;margin:-28px 0 0 -18px;z-index:9999;width:36px;height:56px;z-index:3;-webkit-filter:drop-shadow( 0 0 10px var(--color1) );filter:drop-shadow( 0 0 10px var(--color1) );}
@media (max-width: 991px){
#main-container{
/* overflow:hidden; */
}
.scroll_down{bottom:12%;}
}
.scroll-btn{display:block;position:absolute;left:0;right:0;text-align:center;}
.scroll-btn > *{display:inline-block;line-height:18px;font-size:13px;font-weight:normal;color:#7f8c8d;color:var(--color3);font-family:"proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:2px;}
.scroll-btn > *:hover,.scroll-btn > *:focus{color:var(--color3);}
.scroll-btn > *:hover,.scroll-btn > *:focus,.scroll-btn > *:active{opacity:0.8;filter:alpha(opacity=80);}
.scroll-btn .mouse{position:relative;display:block;width:35px;height:55px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid white;border-radius:23px;}
.scroll-btn .mouse > *{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:white;border-radius:50%;-webkit-animation:ani-mouse 2.5s linear infinite;-moz-animation:ani-mouse 2.5s linear infinite;animation:ani-mouse 2.5s linear infinite;}
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.bg {
background-size: cover;
background-position: center center;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.flex-viewport {
height: 100%;
}
.flexslider .slides > li {
position: relative;
display: none;
height: 100%;
backface-visibility: hidden;
overflow: hidden;
}
.img-cover {
position: relative;
height: 100%;
width: 100%;
z-index: 1;
overflow: hidden;
}
.img-cover img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
.img-cover div {
background-position: center center !important;
background-size: cover !important;
position: relative;
z-index: 1;
}
.flexslider {
margin: 0px;
padding: 0;
position: relative;
zoom: 1;
border: 0px;
border-radius: 0;
/* overflow: hidden; */
}
.flexslider .slides {
zoom: 1;
display: block;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-caption {
position: absolute;
bottom: 0;
left: 0;
opacity: 1;
width: 100%;
color: rgb(255, 255, 255);
z-index: 20;
}
.flex-caption *{
position: relative;
z-index: 1;
}
.scroll_desktop .flex-caption {
bottom: 32%;
}
.single .flex-caption, .archive .flex-caption {
bottom: 25%;
}
@media (max-width: 991px) {
.scroll_down {
bottom: 3%;
width: 40px;
height: 40px;
margin: -20px 0 0 -13px;
display: none;
}
.flex-caption {
/* bottom: 15%; */
}
.pd-left{
padding-left:0;
}
}
.flex-caption.open {
left: 0%;
opacity: 1;
-webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.8s;
-moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.8s;
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.8s;
}
.flex-caption.open-int {
left: 0%;
opacity: 1;
-webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
-moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.logo-slide {
width: 100%;
height: 18vh;
position: relative;
margin: 0px auto 5vh;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: left center !important;
opacity: 0;
-webkit-filter: drop-shadow(0 0 30px var(--color1));
filter: drop-shadow(0 0 30px var(--color1));
}
@media (max-width: 991px) {
.logo-slide {
height: 11vh;
margin: 0px auto 3vh;
}
.logo-slide.logo-base {
display:none;
}
}
#vid {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 1;
overflow: hidden;
}
.flex-caption .anim-testo {
/* padding-left: 5%; */
}
.flex-caption h1, .flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5 {
margin-bottom: 1.5vh;
color: var(--color3);
}
.flex-caption h1 {
font-size: 14.5vw;
/* letter-spacing: 1px; */
/* font-style:italic; */
/* font-weight: 600; */
/* text-transform: uppercase; */
/* width: 100%; */
line-height: .82;
padding: 0;
margin: 0;
}
.home .flex-caption {
writing-mode: vertical-rl;
text-orientation: mixed;
}
.home .flex-caption h1 {
font-size: 20vh;
bottom: 8vh;
right: 19vw;
text-transform: uppercase;
}
.single .flex-caption h1 {
/* font-size: 60px; */
}
.flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5 {
font-size: 30px;
/* line-height: 1; */
/* font-weight: 300; */
margin-top: 0;
letter-spacing: 2px;
text-transform: uppercase;
}
.flex-caption .btn {
width: initial;
font-size: 17px;
text-shadow: none;
/* background: none; */
}
.flex-caption p {
font-size: 20px;
margin: 0px;
font-weight: 200;
font-family: var(--font1);
letter-spacing: 5px;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 49px;
margin: -20px 0px 0px;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px;
transition: all 0.3s ease;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav, .flex-direction-nav li {
height: 0px;
width: 100%;
position: absolute !important;
}
.flex-direction-nav {
top: 50%;
left: 0;
height: 0px !important;
}
.flex-direction-nav .flex-nav-prev {
z-index: 2;
}
.flex-direction-nav a {
text-decoration: none;
width: 50px;
height: 50px;
margin: -24px 0px 0px;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
transition: all 0.3s ease;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
cursor: initial !important;
opacity: 0 !important;
display: none !important;
}
.flex-direction-nav a::before { /* font-family: flexslider-icon; */ /* font-size: 40px; */ /* line-height: 1; */ /* display: inline-block; */ /* content: ""; */
}
.flex-direction-nav a.flex-next::before {
background: url("img/freccia-dx.svg") right center no-repeat;
}
.flex-direction-nav a.flex-prev::before {
background: url("img/freccia-sx.svg") left center no-repeat;
}
.flex-direction-nav a.flex-next::before, .flex-direction-nav a.flex-prev::before {
content: "";
width: 50px;
height: 50px;
background-size: cover !important;
}
.carousel-flexslider {
position: absolute;
bottom: 4%;
width: 100%;
height: 47px;
margin: 0px auto;
left: 0px;
text-align: center;
background: none;
}
.carousel-flexslider > div {
display: inline-block;
height: 47px;
max-width: 50%;
background: none;
bottom: 0;
}
.carousel-flexslider li {
margin-right: 5px;
display: inline-block !important;
}
.carousel-flexslider img {
display: block;
cursor: pointer;
width: 70px !important;
}
.carousel-flexslider img:hover {
outline: var(--color1) solid 2px solid 2px;
outline-offset: -2px;
}
.carousel-flexslider img {
opacity: 1;
cursor: default;
outline: rgb(255, 255, 255) solid 2px;
outline-offset: -2px;
}
.carousel-flexslider .flex-active-slide img {
outline: #c4a47a solid 2px;
outline-offset: -2px;
}
.carousel-flexslider .flex-direction-nav {
display: none;
}
.griglia-alternata .flex-active-slide a {
cursor: pointer;
}
.griglia-alternata .flex-active-slide a:hover .slider_box {
/* opacity: 0.85; */
}
.griglia-alternata .left > .flex-direction-nav {
left: 0;
/* bottom: 10px; */
width: 120px;
height: 60px !important;
}
.griglia-alternata .right > .flex-direction-nav {
right: 0;
bottom: 0;
left: initial;
/* bottom: 10px; */
height: 60px !important;
/* display: inline-block; */
}
.griglia-alternata .flex-direction-nav, .griglia-alternata .flex-direction-nav li {
height: 60px;
width: 60px;
top: initial;
position: absolute !important;
display: inline-block;
}
.griglia-alternata .right .flex-nav-prev {
left: -60px;
bottom: 0;
}
.griglia-alternata .flex-nav-next {
right: 0;
bottom: 0;
z-index: 1;
}
.griglia-alternata .flex-direction-nav .flex-prev {
left: 0;
}
.griglia-alternata .flex-direction-nav .flex-next {
right: 0;
text-align: right;
}
.griglia-alternata .flex-direction-nav .flex-nav-prev:hover a, .griglia-alternata .flex-direction-nav .flex-nav-next:hover a {
background: var(--color1)
}
.griglia-alternata .flex-direction-nav .flex-nav-prev:hover a:before {
left: 15px;
background: var(--color3);
}
.griglia-alternata .flex-direction-nav .flex-nav-next:hover a:before {
left: 25px;
background: var(--color3);
}
.griglia-alternata .flex-direction-nav a {
text-decoration: none;
width: 60px;
height: 60px;
margin: 0;
position: relative;
background: var(--color3);
top: 0;
left: 0;
display: inline-block;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.griglia-alternata .flexslider:hover .flex-prev {
opacity: 1;
left: 0;
}
.griglia-alternata .flexslider:hover .flex-next {
opacity: 1;
right: 0;
}
.griglia-alternata .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.griglia-alternata .flex-prev, .griglia-alternata .flex-next {
font-size: 0;
}
.griglia-alternata .flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
line-height: 1;
display: inline-block;
content: '';
}
.griglia-alternata .flex-direction-nav a.flex-next:before {
background: url(img/freccia-dx_griglia.svg) no-repeat;
-webkit-mask: url(img/freccia-dx_griglia.svg) center / contain no-repeat;
background: var(--color1);
background-position: right center;
}
.griglia-alternata .flex-direction-nav a.flex-prev:before {
background: url(img/freccia-sx_griglia.svg) no-repeat;
-webkit-mask: url(img/freccia-sx_griglia.svg) center / contain no-repeat;
background: var(--color1);
background-position: left center;
}
.griglia-alternata .flex-direction-nav a.flex-next:before, .griglia-alternata .flex-direction-nav a.flex-prev:before {
content: '';
background-size: cover !important;
width: 20px;
height: 20px;
left: 20px;
top: 20px;
position: absolute;
}
.griglia-alternata .flex-direction-nav a.flex-prev:after {
position: absolute;
top: 50%;
right: -1px;
width: 2px;
height: 40px;
display: inline-block;
content: '';
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #ddd;
}
@media (max-width:768px) {
.sticky .navbar-brand {
/* height: 63px; */
/* width: 175px; */
}
.navbar-default {
margin-top: 2%;
}
.pt-mob30 {
padding-top: 30px !important
}
.pb-mob30 {
padding-bottom: 30px !important
}
.footer-social-links, .footer-social-links *, .app, .app * {
text-align: center !important;
}
footer .text-right *, footer .text-right {
text-align: left;
}
}
@media (max-width:486px) {
.flexslider-row {
height: 300px !important;
}
}
.text-white * {
color: var(--color3) !important;
background-color: initial;
background-image: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
/* font-weight: 600; */
}
.bg-white {
background-color: var(--color3);
}
@media (max-width:768px) {
.flex-caption h1, .titoloAlto h1 {
/* font-size: 50px !important; */
/* line-height: 1 !important; */
}
.flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5 {
font-size: 20px !important;
/* line-height: 1 !important; */
}
}
@media (max-width:991px) {
.home .flex-caption h1 {
font-size: 9vh;
bottom: 15%;
right: 10vw;
}
}
@media (max-width:1200px) {
.flex-caption h1 {
/* font-size: 60px; */
/* line-height: 1; */
}
.flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5 {
font-size: 23px;
/* line-height: 1; */
}
.nav li.inverted { /* margin-left: 10px; */
}
.navbar ul li a {
font-size: 11px;
/* margin: 15px 10px; */
/* padding: 10px; */
}
.navbar ul li.li-inverted {
padding: 33px 15px 32px;
}
}
/* -------------------------------------------------------------- */
.fotorama__nav__frame.fotorama__active .fotorama__dot {
width: 0;
height: 0;
border-width: 6px;
}
.fotorama__dot {
display: block;
width: 12px;
height: 12px;
position: relative;
top: 12px;
left: 6px;
border-radius: 6px;
border: 2px solid #7f7f7f;
}
.fotorama__arr {
background: 0;
font-family: "fontawesome";
font-size: 80px;
right: 16px;
padding-left: 10px;
padding-right: 10px;
color: var(--color3);
margin-top: 0
}
.detailpictures .fotorama__arr {
font-size: 30px;
right: 0;
padding-left: 10px;
padding-right: 10px;
color: var(--color1)
}
.fotorama__arr:hover {
color: #var(--color3)
}
.fotorama--fullscreen .fotorama__arr--prev, .fotorama--fullscreen .fotorama__arr--next {
font-size: 60px;
right: 2px;
height: auto;
padding-left: 50px;
padding-right: 50px
}
.fotorama__arr--next:before {
content: "\f105"
}
.fotorama__arr--prev:before {
content: "\f104"
}
.fotorama__thumb-border {
border-color: var(--color1)
}
.fotorama__fullscreen-icon {
background: none !important;
color: #ccc;
opacity: 1 !important
}
.fotorama__wrap--css3 .fotorama__fullscreen-icon:hover, .detailpictures .fotorama__wrap--css3:hover .fotorama__fullscreen-icon, #galerie .fotorama__wrap--css3:hover .fotorama__fullscreen-icon {
color: #09f
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
-webkit-transform: translate3d(80px, -80px, 0);
transform: translate3d(80px, -80px, 0)
}
#slider_caption {
/* width: 100%; */
display: inline-block;
position: fixed;
bottom: 8%;
}
#slider_caption h3, #slider_caption h4 {
text-align: left !important;
/* text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72; */
text-shadow: -2px -2px 50px rgba(39, 40, 42, 0.55), 2px 2px 12px rgba(39, 40, 42, 0.55), 2px -2px 12px rgba(39, 40, 42, 0.55), -2px 2px 50px rgba(39, 40, 42, 0.55);
}
.fotorama__html {
z-index: 10;
}
#slider_caption p {
text-align: left;
}
@media (min-width: 1200px) {
#slider_caption h4 {
font-size: 37px;
line-height: 38px;
}
#slider_caption h3 {
font-size: 64px;
line-height: 54px;
}
}
.products li h3 {
text-align: center;
text-transform: uppercase;
}
.products li {
text-align: center;
}
h1 {
font-family: var(--font1);
/* color: var(--color1); */
font-size: 100px;
line-height: 0.9;
letter-spacing: 0;
margin: 0;
font-weight: 300;
/* text-transform: uppercase; */
padding: 0 0 1.3vh 0;
position: relative;
/* text-transform: initial; */
}
.de-DE h1 {
/* font-size: 35px; */
}
h2, h3 {
color: var(--color2) !important;
font-size: 35px;
line-height: 1.1;
margin: 0;
padding: 1vh 0 1.5vh 0;
font-weight: 300;
letter-spacing: 2px;
/* text-transform: uppercase; */
position: relative;
}
h2 {
font-family: var(--font2);
text-transform: uppercase;
/* color: var(--color1); */
}
h3 {
font-family: var(--font2);
text-transform: initial;
/* font-style: italic; */
/* font-weight: 600; */
letter-spacing: 1px;
font-size: 26px;
}
h4, h5 {
font-family: var(--font1);
font-size: 24px;
/* font-weight: 600; */
line-height: 1.2;
letter-spacing: 2px;
margin: 0;
padding: 0;
/* text-transform: uppercase; */
/* padding: 0 0 2.5vh 0; */
position: relative;
color: var(--color1);
}
h3, h5 {
color: var(--color2);
}
.summary h2 {
text-align: left;
}
.summary h2:before, .summary h2:after {
display: none;
}
@media (max-width: 991px) {
h1 {
font-size: 55px;
}
h2 {
font-size: 42px;
}
h4, h5 {
font-size: 14px;
}
}
@media (max-width: 1300px) {
.de-DE h1 {
/* font-size: 55px !important; */
}
}
@media (max-width: 768px) {
h1 {
font-size: 40px;
line-height: 1;
margin-bottom: 0;
padding-bottom: 1vh;
}
.testo h1 {
font-size: 55px;
}
.de-DE h1 {
/*font-size: 28px;*/
}
h2, h3 {
font-size: 23px;
line-height: 1.15;
padding: 1vh 0 2vh 0;
}
}
.z1 {
position: relative;
z-index: 1;
}
.z2 {
position: relative;
z-index: 2;
}
.z3 {
position: relative;
z-index: 3;
/* display: inline-block; */
}
.z4 {
position: relative;
z-index: 4;
}
footer {
/* line-height: 18px; */
/* background-position: center center !important; */
/* background-size: cover !important; */
/* color: var(--color3); */
/* padding-bottom: 100px; */
/* font-size: 15px; */
/* font-weight: 600; */
/* line-height: 1.6; */
/* padding: 1%; */
border-top: 1px solid var(--color3);
/* background-color: var(--color1); */
}
.footer-bgcolor {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: .5;
mix-blend-mode: multiply;
background-color: #eae2d2;
}
.footer-bgscuro {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
/* mix-blend-mode: multiply; */
/* background-color: rgba(82, 78, 73, 0.6); */
}
.footer-bgimage {
height: 40vh;
z-index: 1;
background-position: center center !important;
background-size: cover !important;
}
@media (max-width: 991px) {
.footer-bgimage {
height: 20vh;
z-index: 1;
background-position: center center !important;
background-size: cover !important;
}
}
.owl-rooms .owl-item:before {
z-index: 3;
opacity: 1;
mix-blend-mode: multiply;
-webkit-transition: opacity .4s cubic-bezier(0.39, 0.58, 0.57, 1);
-moz-transition: opacity .4s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: opacity .4s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.owl-rooms .owl-item.active:before {
opacity: 0;
}
.home footer {
margin-top: 0 !important;
}
@media (min-width:768px) {
footer {
/* min-height: 80vh; */
}
.footer-copyright {
/* position:absolute; */
/* bottom:0; */
/* left:0; */
/* right:0; */
}
}
footer .bg-grigio {
background-color: #b7b5b3;
}
footer a {
/* color: var(--color3); */
text-decoration: none;
}
footer a:hover {
color: var(--color2);
/* text-decoration: underline; */
}
footer .footer-social-links a:hover {
color: var(--color3);
text-decoration: underline;
}
footer .footer-social-links a:hover .fab {
border-color: var(--color2);
background: var(--color2);
/* color: var(--color3); */
}
footer .copyright a:hover {
/* color: var(--color2); */
/* text-decoration: underline; */
}
footer hr {
/* width: 100px; */
/* height: 2px; */
/* margin: 0 auto 20px; */
}
footer .logo {
margin: 0 auto 3vh;
opacity: 1;
width: 80%;
max-width: 300px;
height: 10vh !important;
position: relative;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
/* -webkit-filter: drop-shadow( 0 0 45px #fff ); */
/* filter: drop-shadow( 0 0 45px #fff ); */
}
footer span.logo-fep {
width: 151px;
height: 27px;
position: relative;
display: inline-block;
vertical-align: bottom;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
footer span.logo-fep .st0 {
fill:var(--color3);
-webkit-transition: fill 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: fill 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: fill 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
footer span.logo-fep:hover .st0 {
fill:var(--color2);
}
footer .logo-app {
margin: 0;
opacity: 1;
width: 70px !important;
height: 70px !important;
position: relative;
display: inline-block;
background-position: center center !important;
}
.footer-partner {
margin-top: 6vh;
}
footer .logo-partner {
margin: 0 auto;
/* left: 10%; */
width: 80%;
height: 8vh;
position: relative;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-color: var(--color3);
/* outline: 3px solid var(--color3); */
}
@media (max-width: 480px) {
footer .logo-partner {
/* width: 60px; */
/* height: 50px; */
}
}
@media (min-width: 768px) {
.blocchi-richiamo .wrapper .cont:nth-child(2) {
margin-top: 7vh;
}
footer .logo-partner {
left: 0;
}
.mtp-md-footer {
margin-top: 13%;
}
}
.text-center *, .text-center {
text-align: center !important;
}
.text-right *, .text-right {
text-align: right !important;
}
.text-left *, .text-left {
text-align: left !important;
}
@media (max-width: 768px) {
footer .partners {
padding-top: 10px !important;
}
footer .partners ul {
width: initial !important;
float: initial !important;
margin: 0 auto;
}
footer .partners li {
padding: 0 7px !important;
}
.xs-text-center, .xs-text-center * {
text-align: center !important;
}
footer .logo {
background-position: center center !important;
/* height: 19vh !important; */
}
footer .text-right, footer .text-right *, footer .text-left, footer .text-left * {
text-align: center !important;
}
footer [class*="col-"] {
/* margin-top: 20px; */
}
footer [class*="col-"]:first-child {
margin-top: 0px;
}
.footer-social-links, .footer-social-links * {
text-align: center;
}
footer .logo-partner {
background-position: center center !important;
/* width: 100% !important; */
/* left: 0; */
}
}
@media (max-width: 991px) {
.sm-text-center, .sm-text-center * {
text-align: center !important;
}
}
footer h3 {
font-size: 25px;
line-height: 1.3;
margin: 0;
font-family: var(--font1);
padding-bottom: 10px;
font-weight: 400;
/* color: var(--color3); */
text-transform: uppercase;
letter-spacing: 3px;
}
.copyright {
margin: 0;
font-size: 15px;
line-height: 1.4;
/* padding-top: 10px; */
}
.footer-social-links {
display: inline-block;
}
.footer-social-links a {
margin: 0 5px;
display: inline-block;
}
.footer-social-links .fab {
font-size: 25px;
height: 50px;
width: 50px;
text-align: center;
line-height: 2;
border-radius: 50px;
color: var(--color1);
background: var(--color3);
/* border: 1px solid var(--color1); */
text-shadow: none;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
footer .partners ul {
/* display: inline-block; */
/* position: relative; */
/* width: 100%; */
float: right;
}
footer .partners li {
/* width:50%; */
display: inline-block;
/* float: left; */
padding: 0 0 8px 13px;
}
.bg-nero {
background-color: #46413b;
}
.stellar {
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative;
-webkit-background-size: cover !important;
background-size: cover !important;
min-height: 450px; /* margin: 60px 0 0 0; */
}
.separatore {
/* min-height: 60vh; */
overflow: hidden;
}
.separatore.due-blocchi {
/* padding:5px; */
}
.separatore.due-blocchi .height100 {
/* padding: 5px !important; */
}
.due-blocchi .col-md-6 > div:after {
/* content:''; */
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
outline: 5px solid var(--color3);
outline-offset: -5px;
z-index: 2;
}
.separatore > div:after {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 50%;
bottom: 0;
right: 0;
opacity: 1;
mix-blend-mode: multiply;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000b3', endColorstr='#00000000', GradientType=0); /* IE6-9 */
z-index: 2;
}
.separatore.due-blocchi > div:after {
display: none;
}
.separatore .bg {
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
top: 0;
opacity: 0.5;
z-index: 1;
mix-blend-mode: color;
}
.separatore .testo {
position: relative;
z-index: 2;
}
footer .menu {
display: inline-block;
position: relative;
margin: 0 auto !important;
padding:0 !important;
}
footer .menu li {
display: inline-block;
padding: 0 15px 0 0;
}
footer .menu li:last-child {
padding: 0;
}
footer .menu li:after {
content: '|';
margin: 0 0 0 18px;
}
footer .menu li:last-child:after {
display: none;
}
footer .menu li a {
/* font-weight:600; */
color: var(--color3);
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
}
footer .menu li a:hover {
color: var(--color3);
text-decoration:none;
}
.quad-thumb-block {
width: 100%;
padding-bottom: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.border-bottom {
border-bottom: 10px solid var(--color1);
/* padding-top: 30px; */
/* padding-bottom: 20px; */
}
.border-bottom:first-child {
/* padding-top: 0; */
}
/*----------BLOCCHI RICHIAMO E ISOTOPE------------------*/
/* Blocchi principali */
.blocchi-richiamo .cont, .isotope .cont {
overflow: hidden;
position: relative;
padding: 0 10px;
height: 60vh;
}
.isotope .cont, .blocchi-richiamo.owl-carousel .cont {
padding: 0;
}
.blocchi-richiamo .wrapper > div:not(.owl-stage-outer) {
padding: 0 10px !important;
}
.blocco-richiamo, .isotope .element {
overflow: hidden;
position: relative;
height: 100%;
}
.blocco-richiamo:after {
content: '';
position: absolute;
height: 20px;
width: 100%;
top: 0;
background: var(--color1);
z-index: 2;
}
.blocco-richiamo:not(.element) {
-webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.blocco-richiamo .cont {
overflow: hidden;
position: relative;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.blocco-richiamo .blocco-immagine, .isotope .blocco-immagine {
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
padding-bottom: 70%;
position: relative;
-webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
-moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.isotope .blocco-immagine, .blocchi-richiamo.owl-carousel .blocco-immagine {
padding-bottom: 100%;
}
.blocco-richiamo.blocco-galleria .blocco-immagine {
padding-bottom: 70%;
}
.blocco-richiamo .blocco-testo, .blocco-richiamo .bg, .isotope .blocco-testo, .blocchi-richiamo.owl-carousel .blocco-testo {
position: absolute;
bottom: 0;
/* background: var(--color3); */
padding: 5%;
width: 100%;
height: 30%;
left: 0;
right: 0;
text-align: center;
top: initial;
z-index: 2;
-webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.blocco-richiamo .img-cover {
-webkit-transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
-moz-transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.blocco-richiamo .icona-box, .escursioni .icona-box {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
padding: 4%;
background: #a7dffa;
z-index: 3;
}
.escursioni .icona-box {
background: var(--color1);
}
.escursioni h1 {
font-size: 50px;
padding: 0;
}
.blocco-richiamo .icona, .escursioni .icona {
position: relative;
width: 50px;
height: 50px;
/* padding: 20%; */
background-position: center center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.escursioni .icona {
width: 30px;
height: 30px;
}
.isotope .blocco-testo, .blocchi-richiamo.owl-carousel .blocco-testo {
top: 4%;
padding: 0;
width: 60%;
right: 0;
left: initial;
}
.blocco-richiamo .blocco-testo *, .isotope .blocco-testo *, .blocchi-richiamo.owl-carousel .blocco-testo * {
text-align: center;
}
.blocco-richiamo .bg {
mix-blend-mode: color;
z-index: 1;
}
.blocco-richiamo .blocco-testo h3, .isotope .blocco-testo h3, .blocchi-richiamo.owl-carousel .blocco-testo h3 {
padding-bottom: 13px;
position: absolute;
z-index: 2;
width: 90%;
top: 60%;
color: var(--color3);
letter-spacing: 1px;
transform: translate(0, -50%);
text-shadow: 0 0 7px var(--color1);
}
.isotope .blocco-testo *, .blocchi-richiamo.owl-carousel .blocco-testo * {
text-align: right;
float: right;
background: var(--color1);
color: var(--color3);
font-size: 12px;
letter-spacing: 1px;
line-height: 1;
position: relative;
/* width:100%; */
padding: 4%;
margin: 0;
}
.isotope .blocco-testo h3, .blocchi-richiamo.owl-carousel .blocco-testo h3 {
padding: 13px;
position: relative;
z-index: 2;
width: 100%;
top: 0;
font-size: 20px;
line-height: 1;
letter-spacing: 1px;
transform: initial;
text-shadow: none;
}
.blocco-richiamo .blocco-testo .btn, .isotope .btn, .blocchi-richiamo.owl-carousel .btn {
position: absolute;
z-index: 2;
width: 80%;
top: 80%;
left: 50%;
color: var(--color3);
opacity: 0;
transform: translate(-50%, -50%);
-webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.isotope .btn, .blocchi-richiamo.owl-carousel .btn {
width: initial;
}
.blocco-richiamo a:hover .blocco-testo, .blocco-richiamo a:hover .bg {
height: 80%;
}
.blocco-richiamo a:hover .blocco-testo .btn, .isotope a:hover .btn, .blocchi-richiamo.owl-carousel a:hover .btn {
top: 80%;
opacity: 1;
}
.blocco-richiamo a:hover .img-cover {
-moz-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
/* ----------CAROSELLO--------------- */
.owl-wrapper-outer {
top: -40px;
position: absolute;
}
.owl-treblocchi.owl-carousel {
display: inline-block !important;
}
#owl-strutture {
padding-left: 10px !important;
padding-right: 10px !important;
}
.owl-carousel .owl-stage {
margin: 0 auto;
display: flex;
}
.owl-carousel .owl-stage .owl-item {
display: flex;
}
.carosello-tuttowidth {
/* padding: 2vw; */
}
.owl-carousel .item {
/* margin: 0 10px; */
/* color: var(--color3); */
-webkit-border-radius: 0px;
-moz-border-radius: 3px;
text-align: center;
width: 100%;
}
.owl-carousel .owl-item img {
height: auto;
}
.recensioni .owl-carousel .item {
margin: 0 2%;
}
.servizi * {
color: var(--color1);
}
.servizi .item * {
color: var(--color3);
/* text-align: center; */
position: relative;
/* font-size: 16px; */
z-index: 2;
}
.servizi .item .testo {
/* min-height: 48px; */
position: relative;
float: left;
display: inline-block;
/* padding: 6vh 4vw; */
/* left: 50%; */
/* bottom: 10%; */
font-family: var(--font1);
font-size: 41px;
line-height: 1;
padding: 0;
margin: 0;
width:
calc(100% - 100px);
height: 100%;
}
.servizi .item .testo span {position:absolute;top:50%;left: 25px;text-transform: uppercase;transform:translate(0,-50%);}
.servizi .item-image .testo {
text-shadow: #333338 0px 0px 5px;
}
.servizi .item {
text-align: center;
/* padding: 10%; */
/* padding: 10px; */
margin: 0 5px;
width: 100%;
/* background: var(--color1); */
/* padding-bottom: 80%; */
/* height: 280px; */
/* outline: 1px solid var(--color3); */
/* outline-offset: -8px; */
}
.servizi .item.odd {
background: #4A3534;
}
.servizi .item.even {
background: var(--color1);
}
.servizi .item:after {
/* content:''; */
background-color: var(--color1);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.servizi .item-image .image {
position: absolute;
left: 5px;
right: 5px;
top: 0;
bottom: 0;
/* width: 100%; */
height: 100%;
background-size: cover !important;
/* outline: 5px solid var(--color3); */
}
.servizi .parallaxBg:after {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0.7;
mix-blend-mode: multiply;
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000b3', endColorstr='#00000000', GradientType=0); /* IE6-9 */
z-index: 2;
}
.servizi .owl-item.active .item:after {
/* content:''; */
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.servizi .owl-item:nth-of-type(2n+1) .item:before {
background: var(--color1);
}
.servizi .owl-item:nth-of-type(2n+1) .item:after {
background-color: var(--color1);
}
@media (min-width: 480px) {
.servizi .owl-item:nth-of-type(2n+1) {
/* margin-top: 1%; */
z-index: 2;
}
}
.servizi .owl-carousel .owl-stage-outer {
/* overflow-x: hidden; */
/* overflow-y: initial; */
/* overflow: initial; */
}
.servizi .owl-carousel .owl-stage, .owl-tuttowidth.owl-carousel .owl-stage, .owl-5foto.owl-carousel .owl-stage {
display: block;
}
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-dots {
position: absolute;
right: 0px;
top: 8%;
width: 70px;
/* font-size: 18px; */
/* font-weight: 600; */
text-align: center;
}
.owl-carousel .owl-dots div.owl-dot {
position: relative;
display: inline-block;
margin: 0px 20px 35px 20px;
font-size: 14px;
color: var(--color3);
opacity: 0.8;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
filter: alpha(opacity=70);
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.owl-carousel .owl-dots div.owl-dot:before {
content: '';
position: absolute;
right: -38px;
bottom: 6px;
width: 0;
height: 3px;
background-color: var(--color2);
-webkit-transition: width 300ms ease;
transition: width 300ms ease;
}
.owl-carousel .owl-dots div.owl-dot:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.owl-carousel .owl-dots div.owl-dot.active {
opacity: 1;
filter: alpha(opacity=100);
}
.owl-carousel .owl-dots div.owl-dot .link {
color: var(--color3);
}
}
@media (max-width:1250px) {
.owl-carousel .owl-dots div.owl-dot {
margin: 0px 12px 16px 12px;
}
.owl-carousel .owl-dots div.owl-dot.active:before {
content: none;
}
}
@media (max-width:680px) {
.owl-carousel .owl-dots { /* position:static; */ /* margin-top:30px; */
}
.owl-carousel .owl-dots div.owl-dot { /* margin:0px 5px; */
}
}
.servizi .testo-item * {
font-size: 16px;
font-weight: 600;
margin: 0 0 5px 0;
padding: 0;
line-height: 1.5;
}
.servizi .item .testo * {
padding-bottom: 10px;
}
.servizi .item .testo *:last-child {
padding-bottom: 0px;
}
.item .icona {
position: absolute;
/* padding-bottom: 36%; */
left: 0;
right: 0;
top: 18%;
background-position: center center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
/* margin-bottom: 25px; */
/* margin-top: 20px; */
z-index: 2;
}
.servizi div p:first-of-type {
margin-top: 0px;
}
[class*="col-"] .image, .item .image {
background-position: center center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
padding-bottom: 100%;
position: relative;
overflow: hidden !important;
}
[class*="col-"] a:hover h3, .item a:hover h3 {
/* color: #a0a0a0; */
}
.owl-carousel .item-caption {
position: absolute;
bottom: 0;
width: 100%;
background-image: linear-gradient(to top, #c5bcab, rgba(197, 188, 171, 0.4) 50%, rgba(197, 188, 171, 0) 100%);
}
.owl-carousel .item-caption h1 {
color: var(--color3);
text-align: center;
padding: 100px 0 40px;
}
.logo-immagine {
padding-bottom: 40%;
background-position: center center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.customNavigation {
display: inline-block;
padding: 15px 0 0 0;
}
.customNavigation a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: var(--color3);
cursor: pointer;
padding: 0 13px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.customNavigation a:hover {
color: #b6b8b5;
}
.owl-theme .owl-controls {
display: none !important;
}
.owl-theme .owl-controls .owl-page span {
background-color: #999196;
}
section {
position: relative;
z-index: 1;
}
.logostruttura {
width: 150px;
height: 150px;
position: absolute;
top: -100px;
right: 9%;
z-index: 3;
border-radius: 50%;
background-size: contain !important;
background-color: var(--color3);
background-position: center center !important;
}
/*----------GRIGLIA ALTERNATA---------*/
.fotorama {
position: relative;
z-index: 2;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
width: 0px;
height: 0px;
border-width: 6px;
}
.fotorama__arr {
background: 0px center;
font-family: fontawesome;
font-size: 80px;
right: 16px;
padding-left: 10px;
padding-right: 10px;
color: rgb(253, 253, 253);
margin-top: 0px;
}
.detailpictures .fotorama__arr {
font-size: 30px;
right: 0px;
padding-left: 10px;
padding-right: 10px;
color: rgb(153, 153, 153);
}
.fotorama__arr:hover {
color: var(--color3);
}
.fotorama--fullscreen .fotorama__arr--prev, .fotorama--fullscreen .fotorama__arr--next {
font-size: 60px;
right: 2px;
height: auto;
padding-left: 50px;
padding-right: 50px;
}
.fotorama__arr--next:before {
content: "\f105"
}
.fotorama__arr--prev:before {
content: "\f104"
}
.fotorama__wrap--css3 .fotorama__fullscreen-icon:hover, .detailpictures .fotorama__wrap--css3:hover .fotorama__fullscreen-icon, #galerie .fotorama__wrap--css3:hover .fotorama__fullscreen-icon {
color: rgb(0, 153, 255);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
transform: translate3d(80px, -80px, 0px);
}
.fotorama__stage__frame::after {
content: ""; /* background-color: rgba(117, 121, 86, 0.14902); */
position: absolute;
width: 100%;
height: 100%;
}
.testo-block .testo {
background-color: rgb(32, 32, 32);
}
.testo-block.rosso .testo {
background-color: var(--color3);
}
.testo ul {
margin: 15px 0;
width: 100%;
/* text-align: center !important; */
}
.testo ul li {
list-style: inside;
margin: 0px 0 0px 27px;
display: inline-block;
width: 100%;
/* text-align: center !important; */
}
.testo p:first-child {
padding-top: 0px;
margin-top: 0px;
}
.griglia-alternata { /* overflow: hidden; */ /* background-color: var(--color3); */
width: 100%;
z-index: 1;
}
.griglia-alternata .container-fluid {
position: relative;
/* min-height: 50vh; */
width: 100%;
}
.griglia-alternata .container-fluid.tutto-testo {
min-height: initial;
}
.griglia-alternata .layout-1 .container-div.right{
margin-left: 10%;
/* position: relative; */
}
.griglia-alternata .layout-1 .container-div.left{
margin-right: 10%;
/* position: relative; */
}
.blocco-intro.container-fluid {
min-height: initial;
}
.blocco-intro.container-fluid {
min-height: initial;
}
.griglia-alternata .bgLeft, .griglia-alternata .bgRight {
width: 130%;
height: 100%;
position: absolute;
background-color: #f4f4f4;
top: 7%;
z-index: 1;
}
.griglia-alternata .bgLeft {
right: 7%;
}
.griglia-alternata .bgRight {
left: 7%;
}
.griglia-alternata .img-responsive {
position: relative;
z-index: 2;
}
.griglia-alternata .layout-3 .blocco-testo > div:before, .griglia-alternata .layout-4 .blocco-testo > div:before {
display: none;
}
.griglia-alternata > .layout-3:before, .griglia-alternata > .layout-4:before {
content: '';
position: absolute;
width: 100%;
height: 50%;
bottom: -30%;
background: url('img/brush-2.svg');
background-position: center center;
background-size: contain !important;
background-repeat: no-repeat;
z-index: 1;
opacity: 0.9;
}
.griglia-alternata > .layout-3.left:before, .griglia-alternata > .layout-4.left:before {
left: -20%;
}
.griglia-alternata > .layout-3.right:before, .griglia-alternata > .layout-4.right:before {
right: -20%;
}
.griglia-alternata .testo {
/* position: relative; */
/* z-index:2; */
}
.griglia-alternata .testo.pd-10per {
padding: 10% 10%;
/* background: #F3FAFF; */
}
.griglia-alternata .layout-1 .left .testo *, .griglia-alternata .layout-1 .left .testo {
/* text-align: right; */
}
.griglia-alternata .layout-1 .left .testo .btn {
margin-right: 0;
margin-left: 10px;
}
.griglia-alternata .layout-1 .right .testo * {
text-align: left;
}
.griglia-alternata .layout-1 .blocco-testo:before {
/* position:absolute; */
/* top:0; */
/* left:15px; */
/* right:15px; */
/* bottom:0; */
/* border:1px solid var(--color1); */
/* content:''; */
z-index: 1;
}
.griglia-alternata .testo * {
text-align: left;
z-index: 2;
color: var(--color1);
}
.griglia-alternata .tutto-testo p {
margin: 0 5vw;
}
.griglia-alternata .layout-1 .testo:after {
/* padding: 4vh 6vw; */
}
@media (max-width: 991px) {
.griglia-alternata .testo.pd-10per {
padding: 6% 10%;
margin-bottom: 15px;
}
}
.griglia-alternata .testo.pd-5per {
padding: 5%;
}
.griglia-alternata .blocco-testo {
position: relative;
z-index: 2;
/* overflow: auto; */
}
.griglia-alternata .main-testo.blocco-testo {
background: transparent;
}
.banda-orizzontale {
position: absolute;
z-index: 1;
background: var(--color1);
height: 80%;
width: 8% !important;
opacity: 0.07;
top: 10%;
}
@media (min-width: 992px) {
.immagine-principale {
/* transform: translate(0, -10%); */
}
.header .logo-mobile {
/* display: none; */
}
.griglia-alternata .rooms.layout-1{
/* padding-right: 5vh; */
}
}
.griglia-alternata.griglia-into .blocco-testo {
overflow: hidden;
}
.griglia-alternata .blocco-testo.no-bg {
background: transparent;
}
@media (min-width: 992px) {
.griglia-alternata .blocco-testo {
z-index: 2;
}
}
.testo-into {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
right: 0;
bottom: 0;
left: 0;
background: #c4a47a;
-webkit-transition: top 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
-moz-transition: top 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
transition: top 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
}
.testo-into.open {
top: 0%;
}
@media (min-width: 992px) {
.row-md-flex-center > [class^="col-"], .row-md-flex-center > [class*=" col-"] {
display: flex;
align-items: center;
flex-direction: row;
}
.row-md-flex-center.top-align > [class^="col-"], .row-md-flex-center.top-align > [class*=" col-"], .row-md-flex-center > [class^="col-"].top-align {
display: flex;
align-items: initial;
flex-direction: row;
}
.row-md-flex-center.bottom > [class^="col-"], .row-md-flex-center.bottom > [class*=" col-"] {
/* display: flex; */
align-items: flex-end;
/* justify-content: center; */
}
.layout-1 .blocco-testo {
/* width: calc(50% - 15px); */
}
.rooms .comfort.left {
/* width: calc(50% - -15px); */
/* margin-left: 5% !important; */
}
.layout-1 .col-md-pull-6 {
/* right: calc(50% - -15px); */
}
.layout-1 .col-md-push-6 {
/* left: calc(50% - 15px); */
}
.v-center.row-md-flex-center > [class^="col-"], .v-center.row-md-flex-center > [class*=" col-"] {
align-items: center;
}
.row-md-flex-center > [class^="col-"] > div, .row-md-flex-center > [class*=" col-"] > div, .row-md-flex-center > [class^="col-"] > a, .row-md-flex-center > [class*=" col-"] > a {
flex-grow: 1;
width: 100%;
/* height: 100%; */
}
.row-md-flex-center .map-section, .flexslider-container {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.flexslider-rectcolor {
position: absolute;
height: 80%;
width: 90%;
top: 30%;
bottom: 0px;
}
.flexslider-rectcolor.left {
left: -5%;
}
.flexslider-rectcolor.right {
right: -5%;
}
.row-md-flex-center .map-section #map {
height: 100%;
}
}
@media (min-width: 992px) {
.flexslider-500 {
min-height: 60vh;
/* height: 100%; */
}
}
.blocco-testo > div {
/* padding: 10%; */
width: 100%;
}
.blocco-testo .logone {
position: absolute;
width: 50%;
padding-bottom: 50%;
max-height: 200px;
background: url(img/pittogramma.svg);
opacity: 0.07;
background-repeat: no-repeat !important;
background-position: center center !important;
right: -10%;
bottom: 6%;
transform: translate(0, 50%);
display: none;
}
.thumb-quad {
padding-bottom: 100%;
background-size: cover !important;
background-position: center center !important;
}
/*----------------------------*/
.bg-scuro {
background: var(--color1);
}
.bg-scuro * {
color: #fff !important;
}
.sidebar, #sidebar {
margin-top: 23px !important;
}
#sidebar ul {
width: 100% !important;
margin: 0 !important;
padding: 0;
}
.sidebar .border, .widget.woocommerce {
border-width: 2px;
border-color: var(--color1);
/* background: var(--color3); */
border-style: solid;
padding: 30px 20px 15px !important;
margin-bottom: 45px !important;
position: relative;
/* text-align: center; */
}
.sidebar h4 {
border-width: 2px;
border-color: var(--color1);
border-style: solid;
background-color: var(--color3);
padding: 10px;
display: inline-block;
position: absolute;
margin: 0 auto;
margin-top: -55px;
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: 1px;
}
.sidebar a {
font-size: 13px; /* line-height:14px; */
}
.tags {
margin: 0;
padding: 0;
list-style: none;
}
.owl-item .tags {
text-align: center;
}
.tags li {
display: inline-block;
float: right;
margin: 0 5px 5px 0;
padding: 0;
}
.sidebar .tags li {
float: left;
}
.tags li a {
display: inline-block;
max-width: 100px;
height: 28px;
line-height: 28px;
padding: 0 1em;
background-color: var(--color3);
border: 1px solid var(--color1);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: var(--color1) !important;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: .2s;
transition: .2s;
}
.tags li a:hover {
background-color: var(--color3);
border: 1px solid var(--color3);
text-decoration: none;
color: #fff !important;
}
.article-item * {
color: var(--color3);
}
.article-item .testo {
position: relative;
width: 90%;
left: 5%;
bottom: 48px;
z-index: 2;
padding: 20px 30px;
background: rgba(0, 60, 117, 0.7) !important;
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.article-item .div-tags {
position: absolute;
top: 3%;
left: -5px;
z-index: 2;
color: var(--color3);
font-weight: 700;
font-size: 14px;
padding: 10px 15px;
margin: 0;
text-transform: uppercase;
background: var(--color1);
}
.article-item .btn {
position: absolute;
bottom: 70px;
right: 14%;
z-index: 2;
opacity: 0;
}
.article-item a {
font-weight: 400;
}
.article-item a:hover .btn {
right: 5%;
opacity: 1;
}
.article-item a:hover .testo {
background: rgba(0, 60, 117, 0.85) !important;
}
.data, .tags {
font-size: 15px;
text-transform: uppercase;
color: #var(--color3) !important;
margin-top: 10px !important;
margin-bottom: 5px;
letter-spacing: 1px;
text-align: left;
}
.main-immagine {
height: 1100px;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
.bordered {
border: 1px solid var(--color1);
}
.pd-60 {
padding: 10px !important
}
.main-immagine {
height: 500px;
}
.bg-riga:after {
display: none;
}
.bg-riga span {
background: none !important;
padding: 0 !important;
}
.logotypes {
background-color: var(--color3);
}
.logotypes li {
text-align: center;
list-style: none;
}
.logotypes img {
opacity: 1;
transition: opacity .15s ease
}
.logotypes a:hover img {
opacity: .4;
}
.bg-riga:after {
content: '';
width: 80%;
position: absolute;
height: 3px;
background-color: var(--color3);
top: 26%;
left: 10%;
z-index: 1;
}
.bg-riga span {
background-color: var(--color3);
padding-left: 20px;
padding-right: 20px;
position: relative;
z-index: 2;
}
.parallaxBg {
/* height: 60vh; */
overflow: hidden;
}
.parallaxBg.abs {
height: 100%;
/* min-height: 400px; */
position: absolute;
width: 100%;
top: 0 !important;
}
.blocchi-richiamo .parallaxBg.abs {
bottom: 16vh;
top: initial !important;
height: 130%;
}
.blocchi-richiamo .parallaxBg:after {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 30vh;
right: 0;
opacity: 1;
background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff00', GradientType=0); /* IE6-9 */
}
.wrapper > .parallaxBg.abs {
width: 90%;
}
.parallaxBg .divBg {
background-size: cover !important;
background-position: center center !important;
height: 120%;
width: 100% !important;
position: relative;
top: -40%;
}
.parallaxBg .divBg:before {
position: fixed;
content: ''
}
@media (max-width: 991px) {
.wrapper.rooms {
padding:0;
width: 100%;
}
.griglia-alternata .parallaxBg.abs {
/* position: relative; */
display: inline-block;
/* height: 60vh !important; */
}
.parallaxBg .divBg {
transform: initial !important;
top: 0;
}
.separatore .container {
width: 90%;
margin: 5% !important;
}
#owl-imgtesto .owl-navs {
position: relative;
margin-top: -50px;
}
}
.owl-navs { /* padding-bottom: 15px; */
}
.owl-navs .btn {
background: transparent;
border: 0;
width: 50px;
height: 37px;
border: 1px solid var(--color1);
}
@media (max-width: 991px) {
.owl-navs .btn {
background: var(--color3);
}
}
.owl-navs .btn:hover {
background: var(--color1);
border: 1px solid var(--color1);
color: var(--color3);
}
.owl-navs .btn i {
margin-top: 6px;
}
.owl-navs .btn {
padding: 5px 10px;
margin: 0 5px;
}
.owl-gallerygriglia-cont, .rooms .owl-gallerygriglia-cont > div {
/* overflow: hidden; */
min-height: 50vh;
/* height: 100%; */
}
.owl-gallerygriglia-cont:hover .owl-navs-gallerygriglia .prev {
opacity: 0.7;
left: 10px;
}
.owl-gallerygriglia-cont:hover .owl-navs-gallerygriglia .next {
opacity: 0.7;
right: 10px;
}
.owl-gallerygriglia a:active, .owl-gallerygriglia a:focus {
outline: none;
}
.owl-navs-gallerygriglia a {
text-decoration: none;
display: block;
width: 40px;
height: 49px;
margin: -20px 0px 0px;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px;
transition: all 0.3s ease;
}
.owl-navs-gallerygriglia, .owl-navs-gallerygriglia li {
height: 0px;
width: 100%;
position: absolute !important;
}
.owl-navs-gallerygriglia {
top: 50%;
left: 0;
height: 0px !important;
}
.owl-navs-gallerygriglia .flex-nav-prev {
z-index: 2;
}
.owl-navs-gallerygriglia a {
text-decoration: none;
width: 40px;
height: 40px;
margin: -24px 0px 0px;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
transition: all 0.3s ease;
}
.owl-navs-gallerygriglia .prev {
left: -50px;
}
.owl-navs-gallerygriglia .next {
right: -50px;
text-align: right;
}
.owl-gallerygriglia-cont:hover .owl-navs-gallerygriglia .prev {
opacity: 0.7;
left: 10px;
}
.owl-gallerygriglia-cont:hover .owl-navs-gallerygriglia .next {
opacity: 0.7;
right: 10px;
}
.owl-gallerygriglia-cont:hover .owl-navs-gallerygriglia .next:hover, .owl-gallerygriglia-cont:hover .owl-navs-gallerygriglia .prev:hover {
opacity: 1;
}
.owl-navs-gallerygriglia .next::before {
background: url("img/freccia-dx.svg") right center no-repeat;
}
.owl-navs-gallerygriglia .prev::before {
background: url("img/freccia-sx.svg") left center no-repeat;
}
.owl-navs-gallerygriglia .next::before, .owl-navs-gallerygriglia .prev::before {
content: "";
width: 40px;
height: 40px;
left: 0;
background-size: cover !important;
position: absolute;
z-index: 2;
}
.owl-gallerygriglia-cont:hover .owl-navs-gallerygriglia .prev:hover {
opacity: 1;
}
.owl-navigation-container {
margin: 0 10px;
}
.owl-navigation {
position: absolute;
bottom: 0;
right: 0;
/* width: 100%; */
/* padding: 0 5%; */
}
.owl-navigation .owl-navs .btn {
width: 45%;
padding: 10px;
height: initial;
margin-left: 5%;
float: left;
margin: 0 0 0 5%;
}
.recensioni .owl-navigation {
position: relative;
display: inline-block;
padding: 7%;
/* bottom: 0; */
width: 100%;
}
.owl-navigation .owl-navs {
margin-top: -43px;
}
#map {
/* height: 450px; */
}
.bolla {
position: absolute;
background: url('img/bolla.png');
background-position: center center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
z-index: 1;
}
.bolla.big {
width: 670px;
height: 940px;
max-height: initial;
}
.bolla-1.sx {
left: -10%;
top: 40%;
width: 300px;
height: 300px;
transform: translate(0, -40%);
}
.bolla-2.sx {
left: 3%;
top: 20%;
width: 350px;
height: 350px;
transform: translate(0, -20%);
}
.bolla-3.sx {
left: 10%;
top: 92%;
width: 150px;
height: 150px;
transform: translate(0, -92%);
}
.bolla-4.sx {
left: 19%;
top: 90%;
width: 100px;
height: 100px;
transform: translate(0, -90%);
}
.thumb-block, .md-thumb-block, .bg-thumb-block, .quad-thumb-block {
background-position: center center;
background-repeat: no-repeat;
background-size: cover !important;
}
.padding-interno {
padding: 15px;
}
.quad-thumb-block {
width: 100%;
height: 0px;
position: relative;
overflow: hidden;
padding-bottom: 100%;
}
.quad-thumb-block::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
transition: all 0.2s;
opacity: 0.7;
mix-blend-mode: multiply;
background-image: linear-gradient(0deg, rgba(25, 30, 50, 0) 0%, rgb(85 85 85 / 60%) 100%);
}
.quad-thumb-block:hover::before {
opacity: 1;
background-image: linear-gradient(0deg, rgba(131, 116, 112, 0) 0%, var(--color1) 100%);
}
.quad-thumb-block:hover .testo-block-to {
top: 35%;
}
.quad-thumb-block h2 {
color: rgb(255, 255, 255);
margin: 0px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1.6px;
}
.quad-thumb-block p {
font-family: var(--font1);
color: rgb(254, 254, 254);
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
margin-top: 10px;
font-size: 13px;
text-align: center;
text-decoration: none;
}
.testo-block-to {
padding: 30px;
top: 30%;
width: 100%;
position: absolute;
display: inline-block;
z-index: 2;
text-align: center;
transition: all 0.2s;
}
.testo-block-to * {
text-align: center;
}
.thumb-title-wrapper {
position: relative;
width: 100%;
height: calc(100% - 60px);
overflow: hidden;
display: none;
transition: 0.3s;
}
.thumb-title-wrapper::before, .thumb-title-wrapper::after {
position: absolute;
top: 25px;
right: 0px;
bottom: 0px;
left: 0px;
content: "";
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}
.thumb-title-wrapper::before {
border-top: 1px solid rgb(253, 253, 253);
border-bottom: 1px solid rgb(253, 253, 253);
transform: scale(0, 1);
}
.thumb-title-wrapper::after {
border-right: 1px solid rgb(253, 253, 253);
border-left: 1px solid rgb(253, 253, 253);
transform: scale(1, 0);
}
.quad-thumb-block:hover .thumb-title-wrapper::before, .quad-thumb-block:hover .thumb-title-wrapper::after {
opacity: 1;
transform: scale(1);
}
.testo-block-to::after {
right: 40px;
bottom: 40px;
}
.blocchi-toSez .container-fluid {
position: relative;
z-index: 2;
}
.row-centered {
text-align: center;
width: 100%;
}
.col-centered {
display: inline-block;
float: none;
vertical-align: top;
overflow: hidden;
margin: 0px -2px !important;
}
.col-centered.article-item {
overflow: initial;
}
.bg1 {
background-color: var(--color1);
}
.bg1 * {
color: var(--color3);
}
.bg2 * {
color: var(--color1);
}
.bg3 {
background: var(--color2)
}
.bg3 *{
/* color: var(--color3); */
}
.bg3 h3{
color: var(--color1);
}
.bg3 .blocco-testo h1, .carosello-rooms h1{
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background: transparent;
}
.bg4 {
background: var(--color3);
}
.bg5 {
background: var(--color7);
}
.bg9 {
background-color: var(--color1);
}
.bg9 * {
color: var(--color2);
}
.bg6 {
background-color: var(--color1);
}
.bg6 p, .bg6 ul{
color: var(--color3);
}
.recensioni {
overflow: hidden;
}
.recensioni .bg3 * {
margin: 0;
padding: 0;
}
.recensioni .bg3 > div {
position: relative;
z-index: 2;
}
.bg1 h1 {
/* color: var(--color3); */
}
p .btn, p .btn-mini, li .btn, li .btn-mini {
margin-left: 7px;
}
#newsletter .gform_button.button, #newsletter form input[type="submit"] {
/* background-color: transparent; */
border: 1px solid #fff !important;
min-width: 200px;
/* margin-left: 10px; */
color: #fff !important;
}
#richiesta-prenotazione form input[type="submit"] {
min-width: 200px;
/* margin-left: 15px; */
}
#richiesta-prenotazione form input[type="submit"]:hover {
border: 1px solid var(--color1) !important;
}
.text .btn {
text-align: center;
margin: 0px auto;
display: block;
}
.html-content a, .gform_button.button, .vertical-booking .button, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],.woocommerce input.button, .woocommerce-product-search button, .woocommerce button.button.alt.disabled, .xoo-wsc-container .button {
font-family: var(--font1);
color: var(--color1);
border: 1px solid var(--color1);
font-size: 14px !important;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 1.5;
position: relative;
text-transform: uppercase;
text-shadow: none !important;
text-decoration: none;
display: inline-block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
max-width: 100%;
white-space: initial;
padding: 15px 30px;
text-align: center;
vertical-align: middle;
cursor: pointer;
/* border: none; */
background: transparent;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.text-white .btn {
border: 2px solid var(--color3);
color: var(--color3);
}
.left .btn {
/* margin-left: 10px; */
}
.right .btn {
margin-right: 0;
}
.html-content a span, .btn span, .sh-link a span {
/* padding: 9px 25px; */
/* background-color: var(--color3); */
z-index: 2;
position: relative;
}
.text-white a span {
background-color: transparent;
}
.diamond-btn {
/* display: table-cell; */
position: relative;
display: inline-block;
width: 250px !important;
height: 60px;
margin-top: 4vh;
padding-left: 48px;
overflow: initial !important;
}
.griglia-alternata.layout-9 .diamond-btn {
width: 280px !important;
}
.text-rooms .right .diamond-btn {
float: right;
}
.diamond-btn .diamond-shape {
position: absolute;
height: 60px;
width: 60px;
}
.diamond-btn .text {
position: absolute;
vertical-align: middle;
height: 47px;
min-width: 130px;
color: #000;
line-height: 1.2;
top: 5px;
text-transform: uppercase;
text-align: left !important;
}
.diamond-btn .text span {
position: absolute;
width: 100%;
/* height:100%; */
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-left: 90px;
text-align: left !important;
}
.diamond-btn .diamond-shape:before {
content: '';
border: 1px solid var(--color1);
height: 100%;
text-align: center;
/* transform: rotate(45deg); */
border-radius: 50%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.diamond-btn .diamond-shape:after {
content: '';
width: 50px;
height: 1px;
background: var(--color1);
position: absolute;
left: -50px;
top: 50%;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.diamond-btn .diamond-shape.left:after {
left: initial;
right: -50px;
top: 50%;
}
.diamond-shape .arrow {
position: absolute;
top: 50%;
left: calc(50% - 7px);
/* transform: translate(0, -50%); */
width: 14px;
height: 1px;
background-color: var(--color1);
}
.diamond-shape .arrow::after, .diamond-shape .arrow::before {
content: '';
position: absolute;
width: 8px;
height: 1px;
right: 0px;
background-color: var(--color1);
}
.diamond-shape .arrow.left::after, .diamond-shape .arrow.left::before {
right: initial;
left: 0;
}
.carosello-new .diamond-shape .arrow, .carosello-new .diamond-shape .arrow::after, .carosello-new .diamond-shape .arrow::before, .carosello-new .diamond-btn .diamond-shape:after {
background-color: var(--color3);
}
.carosello-new .diamond-btn .diamond-shape:before {
border: 1px solid var(--color3);
}
.mini .diamond-btn {
width: 200px !important;
height: 30px;
padding-left: 25px;
margin-right: 40px;
margin-top: 3vh;
overflow: initial !important;
}
.owl-navs.mini .diamond-btn {
width: 76px !important;
/* padding: 6vh 0 0 0; */
margin: 2vh 0;
display: inline-block;
}
.mini .diamond-btn .diamond-shape {
position: absolute;
height: 30px;
width: 30px;
}
.owl-arrow.disabled {
opacity: 0.3;
pointer-events: none;
}
.mini .diamond-btn .text {
height: 20px;
min-width: 160px;
color: #000;
line-height: 1.2;
top: 5px;
text-transform: uppercase;
text-align: left !important;
}
.mini .diamond-btn .text span {
margin-left: 45px;
}
.mini .diamond-btn .diamond-shape:after {
width: 25px;
left: -25px;
}
.mini .diamond-btn .diamond-shape.left:after {
left: initial;
right: -25px;
top: 50%;
}
.mini .diamond-shape .arrow {
position: absolute;
top: 50%;
left: calc(50% - 7px);
/* transform: translate(0, -50%); */
width: 14px;
height: 1px;
background-color: var(--color1);
}
.mini .diamond-shape .arrow::after, .diamond-shape .arrow::before {
content: '';
position: absolute;
width: 8px;
height: 1px;
right: 0px;
background-color: var(--color1);
}
.mini .diamond-shape .arrow.left::after, .diamond-shape .arrow.left::before {
right: initial;
left: 0px;
}
.mini .diamond-btn:hover .diamond-shape:after {
left: -24px;
}
.mini .diamond-btn.left:hover .diamond-shape:after {
left: initial;
right: -25px;
}
.inverted .diamond-btn .diamond-shape:before, .inverted.diamond-btn .diamond-shape:before {
content: '';
border: 1px solid var(--color3);
}
.inverted .diamond-btn .diamond-shape:after, .inverted.diamond-btn .diamond-shape:after {
content: '';
background: var(--color3);
}
.inverted .diamond-shape .arrow::after, .inverted .diamond-shape .arrow::before, .inverted .diamond-shape .arrow, .inverted .diamond-btn .diamond-shape:after {
background-color: var(--color3);
}
.diamond-shape .arrow::before {
top: 3px;
transform: rotate(-45deg);
}
.diamond-shape .arrow::after {
top: -3px;
transform: rotate(45deg);
}
.diamond-shape .arrow.left::before {
top: 3px;
transform: rotate(-135deg);
}
.diamond-shape .arrow.left::after {
top: -3px;
transform: rotate(135deg);
}
.diamond-btn:hover .diamond-shape:before {
transform: rotate(0deg);
}
.diamond-btn:hover .diamond-shape:after {
left: -36px;
}
.diamond-btn:hover .diamond-shape.left:after {
left: initial;
right: -35px;
}
.diamond-btn:hover .arrow {
animation: linear infinite alternate;
animation-name: arrowmove;
animation-duration: 0.5s;
}
@-webkit-keyframes arrowmove {
0% {
transform: translateX(-3px);
}
100% {
transform: translateX(3px);
}
}
.btn {
-webkit-font-smoothing: antialiased;
display: inline-block;
position: relative;
}
.btn span {
/* color: var(--color1); */
display: inline-block;
/* font-weight: 600; */
letter-spacing: 1px;
text-align: center !important;
-webkit-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.btn::after {
content: "";
display: block;
bottom: -6px;
position: absolute;
width: 100%;
/* height: 1px; */
background-color: var(--color1);
-webkit-transition: background-color .2s ease-in-out, -webkit-transform .25s ease-out;
transition: background-color .2s ease-in-out, -webkit-transform .25s ease-out;
-o-transition: background-color .2s ease-in-out, -o-transform .25s ease-out;
-moz-transition: transform .25s ease-out, background-color .2s ease-in-out, -moz-transform .25s ease-out;
transition: transform .25s ease-out, background-color .2s ease-in-out;
transition: transform .25s ease-out, background-color .2s ease-in-out, -webkit-transform .25s ease-out, -moz-transform .25s ease-out, -o-transform .25s ease-out;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
}
.btn:focus::after, .btn:hover::after {
background-color: var(--color2);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
}
.btn:focus span, .btn:hover span {
color: var(--color3);
-webkit-filter: none;
filter: none;
opacity: 1;
}
.btn{
background: var(--color1);
color: var(--color3);
/* border: 4px solid var(--color1); */
display: inline-block;
border-radius: 30px;
padding: 15px 40px;
min-width: 200px;
position: relative;
margin-right: 10px;
cursor: pointer;
font-family: var(--font1);
/* font-weight: 600; */
margin-top: 3vh;
text-align: center !important;
text-transform: uppercase;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.btn.mini{font-size: 12px !important;padding: 0;}
.btn:hover, .inverted .btn:hover{color: var(--color1)!important;background: var(--color2);border: 1px solid var(--color2) !important;text-shadow:none;text-decoration: initial !important;}
.btn:focus {
outline:none;
box-shadow: none;
}
.btn:focus:hover span {
color: var(--color3)!important;
}
.header .btn.anim{border: 1px solid var(--color3);}
.html-content a:hover span, .html-content a:focus span, .sh-link a:hover span {
background-color: var(--color1);
}
.btn.inverted, .inverted .btn {
color: var(--color3);
background-color: transparent;
border: 1px solid var(--color3);
-webkit-filter: drop-shadow(0 0 20px var(--color1));
filter: drop-shadow(0 0 20px var(--color1));
}
.btn.anim.inverted {
border: 1px solid var(--color3);
}
.inverted .btn, .btn.inverted span, .gform_button.button span { color: var(--color3);
}
.html-content a:hover, .html-content a:focus {
/* outline: none; */
text-decoration: none !important;
color: #fff !important;
border: 2px solid var(--color1) !important;
background-color: var(--color1);
}
.html-content a:hover span, .btn:hover span, .html-content a:focus span, .btn:focus span {
/* background-color: var(--color1); */
}
.btn.inverted:hover, .btn.inverted:focus, .btn.inverted.selected, .btn.inverted:focus span, .vertical-booking .button:hover, .gform_button.button:hover, .vertical-booking .button:focus, .gform_button.button:focus, .gform_button.button:hover span, .gform_button.button:focus span, #newsletter .gform_button.button:hover {
text-decoration: none !important;
/* color: #FDFDFD; */
/* border: 1px solid var(--color1) !important; */
background-color: var(--color1);
outline: none;
/* -webkit-filter: drop-shadow(0 0 20px var(--color1)); */
/* filter: drop-shadow(0 0 20px var(--color1)); */
}
footer .btn.inverted:hover, footer .btn.inverted:focus, footer .btn.inverted.selected {
background-color: var(--color1);
}
.btn.inverted:hover span {
/* background-color: var(--color1); */
}
/*
.left .btn:after, .right .btn:after {
content:'';
position: absolute;
height:1px;
width:3000px;
top: 50%;
background-color: var(--color1);
mix-blend-mode: screen;
z-index: 1;
}
*/
.left .btn.inverted:after, .right .btn.inverted:after {
background-color: var(--color3);
}
.gform_button.button:hover, .gform_button.button:focus {
/* background-color: rgb(179, 178, 178); */
}
.form-container p {
font-size: 13px;
line-height: 15px;
margin-top: 10px;
text-align: center !important;
}
.form-container .col-md-4 p {
margin-bottom: 6px;
}
.form {
background: none;
display: inline-block;
text-align: center;
}
.form-container .form {
width: 100%;
position: relative;
z-index: 2;
}
.simple-bookingForm .col-md-4 {
padding-right: 5px;
padding-left: 5px;
}
.form .title-quick .line {
width: 23px;
height: 2px;
margin: 0px auto;
display: inline-block;
background: rgb(111, 111, 111);
}
#subscribeForm input[type="text"], .form input:not([type="submit"]):not([type="checkbox"]):not([type="button"]):not([type="radio"]), .form select, .form textarea {
color: var(--color1);
font-size: 18px;
border: none;
background: transparent;
border-bottom: 1px solid var(--color1);
}
#richiesta-prenotazione input[type="text"], #richiesta-prenotazione input:not([type="submit"]):not([type="checkbox"]):not([type="button"]):not([type="radio"]), #richiesta-prenotazione .form select, #richiesta-prenotazione .form textarea {
color: var(--color1);
font-size: 18px;
border: none;
background: transparent;
border-bottom: 1px solid var(--color1);
}
#richiesta-prenotazione .form textarea {
border: 1px solid var(--color1);
}
#newsletter li.gfield {
padding: 0 10px 10px 0;
}
.form .date_field {
width: 100%;
border-radius: 0px;
outline: none;
display: inline-block;
cursor: pointer;
}
.form .date_field {
position: relative;
}
.form .date_field::after {
content: "";
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 13px;
line-height: normal;
font-family: "Font Awesome 5 Free";
color: rgb(253, 253, 253);
right: 8px;
top: 7px;
padding: 0px 0px 2px;
position: absolute;
pointer-events: none;
}
.form .date_field:hover::after {
cursor: pointer;
color: rgb(111, 111, 111);
}
.form select {
padding: 0px 10px;
margin: 0px;
border-radius: 0px;
outline: none;
display: inline-block;
-webkit-appearance: none;
cursor: pointer;
}
.form .select {
position: relative;
}
.form .select::after {
content: "";
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 13px;
line-height: normal;
font-family: "Font Awesome 5 Free";
color: rgb(253, 253, 253);
right: 8px;
top: 7px;
padding: 0px 0px 2px;
position: absolute;
pointer-events: none;
}
.form .select:hover::after {
color: rgb(111, 111, 111);
}
.form textarea {
min-height: 87px;
resize: none;
}
.flex-caption .btn {
width: initial;
margin: 0;
padding: 10px 20px;
font-size: 17px;
text-shadow: none;
/* background: none; */
display: inline-block;
/* float: right; */
clear: both;
}
table {
width: 100%;
margin-top: 20px;
border-collapse: collapse;
}
table.premi {
font-size:20px;
margin-top: 0;
}
table.premi .btn {
margin-top: 0;
}
table.premi td, table.premi th{
vertical-align: middle;
}
tr:nth-of-type(2n+1) {
background: var(--color2);
}
th {
/* background: var(--color3); */
/* color: white; */
font-weight: bold;
}
td, th {
padding: 6px;
/* border: 1px solid #eaeaea; */
text-align: left;
}
.form a:hover { /* color: rgb(255, 255, 255); */ /* text-decoration: underline; */
}
.gform_wrapper, .gform_wrapper form {
display: inline-block;
width: 100%;
}
.gform_wrapper ul {
padding-left: 0px;
list-style: none;
display: block;
}
.ginput_container_date span {
display: none;
}
.gfield_checkbox label {
width: calc(100% - 16px);
padding-left: 6px;
/* display: table; */
font-size: 15px;
}
.ginput_container.ginput_container_checkbox {
display: inline-block;
float: left;
width: 100%;
}
.gform_wrapper li.field_description_below {
line-height: 1.5;
}
.gfield_html_formatted {
display: inline-block !important;
font-size: 13px;
color: var(--color1);
}
.gform_wrapper li {
margin-bottom: 20px;
font-weight: 500;
display: block;
/* color: var(--color3); */
font-size: 14px;
/* padding-left: 5px; */
/* padding-right: 5px; */
}
@media (max-width: 991px) {
.gform_button.button {
margin-left: 0 !important;
}
.gform_wrapper li {
display: block;
}
}
input[type="checkbox"], input[type="radio"] {
float: left;
margin: 0px 3px 0px 0px;
display: inline-block;
position: relative;
}
.clear-multi {
clear: both;
}
.gsection {
clear: both;
width: 100%;
height: 5px;
margin: 0 !important;
}
.gsection h2 {
margin: 5px 0 13px !important;
padding-bottom: 0;
font-size: 18px;
line-height: 1;
text-align: center;
}
.gform_wrapper form {
margin-bottom: 0px;
}
.gform_wrapper .gfield_required {
margin-right: 2px;
/* font-size: 80%; */
/* margin-left: 4px; */
}
#subscribeForm input[type="text"], .ginput_container input:not([type="checkbox"]):not([type="radio"]), .ginput_container select, .ginput_container textarea, .ui-datepicker-title select {
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.1;
color: var(--color1);
vertical-align: middle;
border: 0;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
/* font-family: "Alegreya Sans", sans-serif; !important; */
font-size: 12px !important;
}
.ui-widget select:focus {
outline: none;
}
.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
color: var(--color4);
}
.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus { /* border-color: rgb(102, 175, 233); */
outline: 0px;
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(221, 205, 180, 0.7) 0px 0px 8px;
}
#richiesta-prenotazione .ginput_container input:focus, #richiesta-prenotazione .ginput_container select:focus, #richiesta-prenotazione .ginput_container textarea:focus {
outline: 0px;
box-shadow: none;
border-bottom: 1px solid var(--color1) !important;
}
#richiesta-prenotazione .ginput_container textarea:focus {
outline: 0px;
box-shadow: none;
border: 1px solid var(--color1);
}
.ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea {
cursor: not-allowed;
background-color: rgb(238, 238, 238);
}
textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea {
height: auto;
}
.ginput_container textarea {
height: 93px;
}
.gfield, .ginput_container {
position:relative;
}
.gfield {
margin-bottom:20px;
}
.ginput_container_select::after {
content: "";
background-image: url(img/down-arrow.svg);
/* background: #000; */
right: 10px;
bottom: 7px;
width: 20px;
height: 20px;
padding: 0px 0px 2px;
position: absolute;
pointer-events: none;
z-index:2;
}
.ginput_container_select:hover::after {
color: var(--color1);
}
.ginput_container_date::after {
content: "\f073";
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 17px;
line-height: normal;
font-family: "Font Awesome 5 Free";
color: var(--color1);
right: 10px;
bottom: 7px;
padding: 0px 0px 2px;
position: absolute;
pointer-events: none;
}
.ginput_container_date:hover::after {
cursor: pointer;
color: var(--color1);
}
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
border-color: rgb(238, 211, 215);
background-color: rgb(242, 222, 222);
color: rgb(185, 74, 72);
}
.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
border-color: rgb(185, 74, 72);
outline: 0px;
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(185, 74, 72, 0.6) 0px 0px 8px;
}
.gform_footer.top_label {
display: initial;
width: 100%;
position: relative;
}
.gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_year, .gform_wrapper .gfield_time_hour, .below.hour_minute_colon, .gform_wrapper .gfield_time_minute {
width: 100px;
vertical-align: top;
display: inline-block;
}
.below.hour_minute_colon{
width: 20px;
}
.gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_year input, .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
width: 80% !important;
}
.gform_wrapper .gfield_time_hour i {
width: 0.625em;
text-align: center;
float: right;
margin-top: 6%;
font-style: normal !important;
font-family: sans-serif !important;
}
#field_1_30 .gfield_label, #field_2_30 .gfield_label {
display: inline-block;
float: left;
margin-right: 4px;
}
@media (max-width: 991px) {
.gform_footer.top_label .btn {
margin: 0 auto;
position: relative;
max-width: 100% !important;
}
.gform_footer.top_label {
/* padding: 0 15px; */
display: inline-block;
/* text-align: center; */
}
}
.gfield_checkbox li, .gfield_radio li {
margin-bottom: 0px;
float: left; /* margin-left: 15px; */
}
.gfield_checkbox li:first-child, .gfield_radio li:first-child {
margin-left: 0px;
}
.ginput_container_checkbox li {
width: 100%;
}
.gform_footer img {
margin-left: 20px;
}
.gform_wrapper .gfield_error .gfield_label {
color: #d43a37;
}
.list .gfield_checkbox li {
display: inline-block;
width: initial;
margin-right: 20px;
}
.list .gfield_checkbox label {
width: initial;
}
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
border-color: #eed3d7;
background-color: #f2dede;
color: #d43a37
}
.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
border-color: #d43a37;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(185, 74, 72, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(185, 74, 72, 0.6)
}
.validation_message {
color: #d43a37;
font-weight: 600;
font-size: 11px;
}
.validation_error {
padding: 9px 14px;
margin: 0 15px;
margin-bottom: 20px;
background-color: #f9f9f9;
border-color: #f9f9f9;
color: #d43a37;
font-weight: 400;
text-align: center;
}
.validation_error h4 {
margin-top: 0;
color: inherit
}
.validation_error .alert-link {
font-weight: bold
}
.validation_error > p, .validation_error > ul {
margin-bottom: 0
}
.validation_error > p + p {
margin-top: 5px
}
.validation_error hr {
border-top-color: #e6c1c7
}
.validation_error .alert-link {
color: #953b39
}
#gforms_confirmation_message {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
#gforms_confirmation_message h4 {
margin-top: 0;
color: inherit
}
#gforms_confirmation_message .alert-link {
font-weight: bold
}
#gforms_confirmation_message > p, #gforms_confirmation_message > ul {
margin-bottom: 0
}
#gforms_confirmation_message > p + p {
margin-top: 5px
}
.ui-datepicker {
height: auto;
border: 1px solid var(--color1) !important;
background: none var(--color1) !important;
/* font-family: "Alegreya Sans", sans-serif; !important; */
border-radius: 0px !important;
z-index: 3000 !important;
}
.ui-datepicker a {
text-decoration: none;
}
.ui-datepicker table {
width: 100%;
margin: 0px;
background-color: rgb(153, 153, 153);
}
.ui-datepicker-header {
/* line-height: 30px; */
border: 0px !important;
color: rgb(253, 253, 253) !important;
background: none !important;
}
.ui-datepicker-title select {
width: initial;
margin: 4px 3px;
width: 80px;
}
.ui-datepicker-title {
text-align: center;
}
.ui-widget-header .ui-icon, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-datepicker-next-hover {
color: var(--color1);
background: none !important;
border: 0px !important;
/* top: 2px !important; */
}
/*.ui-widget-header .ui-datepicker-prev-hover {
left: 2px !important;
}
.ui-widget-header .ui-datepicker-next-hover {
right: 2px !important;
}*/
.ui-datepicker-prev, .ui-datepicker-next {
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
margin-top: 3px;
}
.ui-datepicker-prev::after, .ui-datepicker-next::after {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 16px;
line-height: normal;
font-family: "Font Awesome 5 Free";
color: rgb(253, 253, 253);
right: 8px;
top: 7px;
padding: 0px 0px 2px;
position: absolute;
pointer-events: none;
}
.ui-datepicker-prev:hover::after, .ui-datepicker-next:hover::after {
color: var(--color1);
margin: 0px;
}
.ui-datepicker-prev {
float: left;
background-position: center -30px;
}
.ui-datepicker-prev::after {
content: '\f053';
}
.ui-datepicker-next {
float: right;
background-position: center 0px;
}
.ui-datepicker-next::after {
content: '\f054';
}
.ui-datepicker thead {
background-color: var(--color3);
}
.ui-datepicker th {
text-transform: uppercase;
font-size: 8pt;
padding: 3px 0px;
text-align: center;
color: rgb(92, 92, 92);
}
.ui-datepicker tbody td {
padding: 0px;
}
.ui-datepicker tbody td:last-child {
border-bottom: 0px;
}
.ui-datepicker tbody tr {
border-bottom: 1px solid var(--color3);
background: var(--color3) !important;
}
.ui-datepicker tbody tr:last-child {
border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
font-weight: bold;
text-align: center;
width: 100%;
height: 30px;
/* font-size: 18px; */
line-height: 30px;
color: var(--color1);
margin: 0px !important;
background: none var(--color3) !important;
}
.ui-datepicker td a:hover {
/* color: rgb(255, 255, 255); */
border: 0px;
background-color: var(--color2) !important;
}
.ui-datepicker-calendar .ui-state-default {
/* background: rgb(237, 237, 237); */
border: 0px !important;
padding: 0px 7px !important;
}
.ui-datepicker-calendar .ui-state-hover {
background: none !important;
}
.ui-datepicker-calendar .ui-state-active {
background: rgb(110, 175, 191);
color: rgb(224, 224, 224);
border: 1px solid rgb(85, 131, 143);
position: relative;
margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
/* background: #f4f4f4; */
/* color: rgb(180, 179, 179); */
opacity: .2;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
margin-left: 0px;
}
.ui-datepicker-calendar td .ui-state-active {
border: 0px;
color: var(--color3) !important;
font-weight: 600;
margin-right: 0px;
background-color: var(
--color1) !important;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0px;
}
.gform_confirmation_wrapper, .gform_confirmation_wrapper * {
/* color: var(--color3); */
text-align: center;
font-size: 25px;
line-height: 30px;
width: 100%;
}
.gform_confirmation_wrapper {
margin-bottom: 5%;
}
.form-container {
/* background: var(--color3); */
/* padding: 20px 20px; */
font-weight: 500;
/* outline: 1px solid var(--color1); */
/* outline-offset: -1.5vw; */
padding: 7vh !important;
/* padding-bottom: calc(4vw - 20px) !important; */
/* z-index: 2; */
}
#newsletter .form-container {
background: transparent;
padding: 0 !important;
outline: none;
}
.modal .form-container {
background: rgba(58, 57, 56, 0.9);
}
.modal .sb__dates .sb__form-field {
width: 100% !important;
float: left;
}
.modal .sb__form-field.sb__form-field--checkin{
margin-bottom:20px !important;
}
.form-container p {
font-size: 11px;
text-align: center !important;
}
p.gform_required_legend {
display: none;
}
.form {
/* border: solid 1px #ccc; */
/* padding: 10px; */
/* text-align: center; */
}
#newsletter .form a {
/* color: var(--color1); */
font-weight: 600;
}
#newsletter .form a:hover {
/* color: var(--color1); */
text-decoration: underline;
}
#richiesta-prenotazione .form a {
color: var(--color1);
font-weight: 500;
}
#richiesta-prenotazione .form a:hover {
color: var(--color1);
text-decoration: underline;
}
.form input:not([type='submit']):not([type='checkbox']):not([type='button']) {
/* height: 34px; */
/* border: 1px solid #c3c3c3; */
/* background: rgb(253, 253, 253); */
/* color: #6F6F6F; */
/* padding-left: 10px; */
/* width: 100%; */
/* position: relative; */
/* -webkit-border-radius: 0px; */
/* outline: none; */
}
.form .row_label {
margin-top: 0px;
width: 100%;
font-size: 12px;
text-transform: uppercase;
padding-bottom: 1px;
display: inline-block;
letter-spacing: 0.04em;
}
.privacy-form p {
margin: 0px 0 10px 0 !important;
padding: 0;
}
@media (min-width: 1680px) {
.form input:not([type='submit']):not([type='checkbox']):not([type='button']) {
height: 40px;
font-size: 16px;
}
}
#contatti span {
font-size: 11px;
line-height: 12px;
}
.img-responsive.thumb, .thumb {
height: 100%;
background-size: cover !important;
background-position: center center !important;
}
.fixed_mobile {
display: none;
position: fixed;
font-size: 12px !important;
left: 0;
bottom: 0;
z-index: 996;
width: 100%;
height: 40px;
margin: 0;
border-top: 1px solid var(--color2);
background-color: var(--color1);
}
.fixed_mobile > div {
/* width: 33.3333%; */
height: 40px;
float: left;
position: relative;
text-align: center;
}
.fixed_mobile > .col-xs-12 {
/* border-bottom: 1px solid var(--color1); */
background: var(--color1);
}
.fixed_mobile .col-xs-12:after {
display: none;
}
.fixed_mobile div {
/* border-right: 1px solid #f0f0f0; */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.fixed_mobile div:after {
content: '';
height: 20px;
width: 1px;
background-color: var(--color3);
position: absolute;
right: 0;
top: 9px;
}
.fixed_mobile .col-12 {
border-top: 1px solid var(--color3);
}
.fixed_mobile div:last-child:after, .fixed_mobile .no-border:after {
display: none;
}
.fixed_mobile div:last-child {
border-right: 0px
}
.fixed_mobile div a {
color: var(--color3) !important;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
text-align: center;
text-transform: uppercase;
}
.fixed_mobile div a span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
text-align: center;
}
.fixed_mobile div a:hover {
text-decoration: none
}
.gallery {
background-size: cover !important;
background-position: center center !important;
}
.gallery .wrapper {
padding: 222px 0;
text-align: center;
}
.gallery .wrapper:after {
content: '';
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s
}
.gallery .wrapper:hover:after {
background-color: rgba(0, 0, 0, 0.4)
}
.gallery .btn {
position: relative;
z-index: 2;
}
.gallery:hover .wrapper:before {
color: var(--color1);
}
a.item-a {
width: 100%;
font-weight: initial;
}
.quadDiv {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 100% !important;
background-size: cover !important;
background-position: center center !important;
}
.thumbDiv {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
background-size: cover !important;
background-position: center center !important;
}
#owl-animazione .quadItem {
margin: 10px;
}
.quadDiv.rounded {
border-radius: 50%;
}
.owl-item {
overflow: hidden;
}
.servizi .owl-item {
overflow: initial;
}
.owl-item .blocco-richiamo {
padding: 10px;
}
.quadItem, .quadItem::before {
transition: all 0.2s;
}
.col-centered .quadItem {
margin: 10px;
position: relative;
/* overflow: hidden; */
height: 50vh;
}
@media (max-width: 768px) {
.col-centered .quadItem {
height: 65vh;
}
}
.blocchi .quadItem::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: -50%;
left: 0px;
z-index: 1;
transition: all 0.2s;
mix-blend-mode: multiply;
}
.blocchi .quadItem:hover::before {
top: -20%;
}
.blocchi .quadItem .testo {
position: relative;
background: rgb(255, 255, 255);
padding: 8%;
margin: -10% 5% 0px;
min-height: 145px;
z-index: 2;
}
.blocchi .quadItem .testo h2 {
margin: 0;
padding: 0 0 2vh 0;
font-weight: 500;
font-size: 20px;
line-height: 1;
/* letter-spacing: 1px; */
display: inline-block;
}
.blocchi .quadItem .testo h4 {
margin: 0px !important;
padding-bottom: 0;
font-size: 15px;
line-height: 1;
display: inline-block;
}
.blocchi .quadItem .btn {
position: absolute;
left: 5%;
bottom: 4%;
opacity: 0;
z-index: 2;
}
.blocchi .quadItem:hover h3 {}
.blocchi .quadItem:hover .btn {
bottom: 15%;
opacity: 1;
}
.item-a .quadItem .testo {
position: absolute;
/* background: rgba(245, 244, 244, 0.9); */
padding: 3% 5% 5%;
bottom: 5%;
left: 5%;
width: 90%;
z-index: 2;
-webkit-transition: bottom 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: bottom 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: bottom 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.item-a:hover {
color: var(--color1)
}
.item-a:hover .quadItem .testo {
bottom: 10%;
}
.item-a:hover .btn {
/* background: #a0a0a0; */
}
.item-a .quadItem .btn {
position: absolute;
bottom: -5%;
right: 5%;
}
.filters {
padding: 0 0 40px 0;
display: block;
width: initial;
position: relative;
margin: 0 auto;
text-align: center;
}
.filters li {
display: inline-block;
margin-right: 13px;
margin-bottom: 11px;
}
.filters li a {
font-size: 12px;
text-transform: uppercase;
padding: 8px 15px !important;
}
.filters li:last-child {
margin-right: 0;
}
.filters li:last-child a {
border-right: none;
}
.filters li a {
display: inline-block;
}
.mini-icon, .bandiera-icon {
width: 35px;
height: 35px;
margin-right: 10px;
margin-top: -4px;
display: table-cell;
/* float: left; */
position: relative;
vertical-align: middle;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.mini-icon span {
position:absolute;
z-index:2;
width: 22px !important;
height: 22px;
top: 6px;
left: 6px;
padding: 0 !important;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.mq {
background: url('img/expand.svg');
}
.pax {
background: url('img/user.svg');
}
.mq.white {
background: url('img/expand_w.svg');
}
.pax.white {
background: url('img/user_w.svg');
}
.bandiera-icon {
float: initial;
position: relative;
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
.bandiera-icon:first-of-type {
margin-left: 5px;
}
.lista-contatti > [class*="col-"]:nth-of-type(3n+1) {
clear: left;
}
@media (min-width: 768px) and (max-width: 991px) {
.lista-contatti > [class*="col-"]:nth-of-type(2n+1) {
clear: left;
}
.lista-contatti > [class*="col-"]:nth-of-type(3n+1) {
clear: none;
}
}
.riga {
height: 100%;
position: absolute;
width: 10px;
top: 0;
background: var(--color1);
display: none;
}
.riga.left {
left: 0;
}
.riga.right {
right: 0;
}
.righina {
height: 80%;
position: absolute;
width: 1px;
bottom: 10%;
background: var(--color1);
}
.left .righina {
left: 10%;
}
.right .righina {
right: 10%;
}
@media (max-width:768px) {
.riga.left {
left: 0;
}
.riga.right {
right: 0;
}
.righina {
/* bottom: 25px; */
}
}
.griglia-alternata .riga:after {
content: '';
background: url('img/logo-t.svg');
position: absolute;
width: 36px;
height: 36px;
top: 6px;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.griglia-alternata .riga.left:after {
left: 6px;
}
.griglia-alternata .riga.right:after {
right: 6px;
}
.v-align {
display: block;
position: absolute !important;
top: 50%;
transform: translate(0, -50%);
}
/*
.close-into {
content: '';
background-color: var(--color3);
-webkit-mask-image: url('img/close.svg');
mask-image: url('img/close.svg');
width: 30px;
height: 30px;
position: absolute;
background-repeat: no-repeat !important;
background-size: contain !important;
right: 20px;
top: 20px;
cursor:pointer;
}
.close-into:hover {
background-color: var(--color1);
}
*/
#calendar #closeBtn a:after {
content: ' x';
}
.sb-search-form input, .sb-search-form select {
cursor: pointer;
}
.logo-recensione {
background-size: contain !important;
width: 100%;
height: 60px;
margin-bottom: 10px;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.recensione {
padding: 5%;
}
.card-grid .back {
left: 0;
background: #eee;
position: absolute !important;
}
.card-grid .back .content {
position: absolute;
left: 50%;
top: 50%;
width: 85%;
transform: translate(-50%, -50%);
}
.card-grid .front {
left: 0;
top: 0;
position: relative !important;
padding-bottom: 100%;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
outline: 1px solid;
outline-offset: 10px;
}
.card-grid {
display: flex;
height: 100%;
}
.block-card {
display: inline-block;
}
.aInfo {
position: absolute;
z-index: 1;
background-color: var(--color1);
top: 10px;
left: -10px;
margin: 0;
font-size: 13px;
color: var(--color3);
/* font-weight: 600; */
padding: 5px 9px;
}
.aInfo:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 0px;
top: 100%;
border-width: 5px 5px;
border-style: solid;
border-color: #000000 #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.cpt-filters {
margin: 0 auto;
display: inline-block;
list-style: none;
}
.cpt-filters li {
margin: 0 auto;
display: inline-block;
list-style: none;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 10%;
text-align: center;
display: none;
}
.flex-control-nav.slick-track {
position: relative !important;
top: 0;
left: 0;
margin: 20px auto 0;
display: block;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
}
.iubenda-cs-close-btn {
z-index: 10;
}
.map-section iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
@media (max-width: 991px) {
.map-section {
/* min-height: 400px !important; */
}
.left .righina {
left: 5%;
}
.right .righina {
right: 5%;
}
.righina {
bottom: 12%;
}
}
.plyr__video-wrapper.plyr__video-embed{height:100%;padding:0;margin:0;}
.plyr--video{height:100%;}
.video-section .plyr--video{height:90%;}
.plyr__video-embed iframe{width: 300% !important;margin-left:-100%;}
.bg-intro {
position: absolute;
height: 90%;
width: 100%;
top: 10%;
left: 0;
}
.bg-intro:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.75);
z-index: 2;
}
.bg-separator_dissolve {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.bg-separator_dissolve:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.75);
z-index: 2;
}
@media (min-width: 992px) {
.blocco-intro .testo {
padding: 10% 20% 7% 7%;
}
}
.blocco-intro .blocco-testo {
padding: 0 !important;
}
.blocco-intro .testo * {
color: var(--color3);
position: relative;
z-index: 2;
}
.blocco-intro .img-cover:after{
content: '';
position: absolute;
z-index: 1; /* width: 100%; */ /* height: 80%; */ left: 0;
top: 0;
right: 0;
bottom: 0;
mix-blend-mode: hard-light; /* opacity: 0.85; */ background: -moz-linear-gradient(bottom, rgba(27, 43, 49, 0.7) 0%, rgba(27, 43, 49, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(bottom, rgb(27 43 49 / 70%) 0%, rgb(27 43 49 / 0%) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgb(27 43 49 / 70%) 0%, rgb(27 43 49 / 0%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313c52bf', endColorstr='#313c5200', GradientType=0); /* IE6-9 */
}
.owl-tuttowidth {
/* height: 100vh !important; */
}
.owl-tuttowidth h1 {
/* transform: scale(1.6); */
margin-bottom: 1vh;
/* margin-top: 1%; */
}
.owl-tuttowidth .btn.anim {
border: 1px solid var(--color3);
}
.owl-tuttowidth .btn.anim:hover span {
color: var(--color1) !important;
}
.owl-tuttowidth .img-cover:after {
top: 50%;
}
.testo {
/* overflow: hidden; */
}
/*
.testo p:first-of-type:first-letter {
float: left;
font-size: 80px;
line-height: 0.8;
padding-top: 4px;
padding-right: 13px;
padding-left: 0px;
}
*/
.anim-laterale {
-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.griglia-alternata .flex-direction-nav {
-webkit-transition: bottom 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
-moz-transition: bottom 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
transition: bottom 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
bottom: -60px;
}
.anim-laterale > div {
z-index: 1;
position: relative;
/* height: 100%; */
-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.anim-laterale.anim-left > div {
transform: translate(-30%, 0);
}
.anim-laterale.anim-right > div {
/* transform: translate(30%, 0); */
}
.anim-laterale.open.anim-left > div, .anim-laterale.open.anim-right > div {
transform: translate(0, 0);
}
.anim-laterale.open {
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}
.anim-laterale.blocco-testo.open {
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
clip-path: polygon(-20% -20%, 175% -20%, 175% 120%, -20% 120%);
}
.anim-laterale.gallery-frame.open {
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 103% 0%, 103% 103%, 0 103%);
}
.anim-laterale.img-primopiano.open {
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 103% 0%, 103% 103%, 0 103%);
}
.anim-laterale.gallery-frame.open .flex-direction-nav {
bottom: 10px;
}
.multi-gallery {
position: relative;
}
.gallery-frame > div {
height: 100%;
}
.gallery-frame:before, .img-primopiano > div:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: rgba(211, 188, 107, 0.8);
left: 10px;
top: 10px;
z-index: 1;
}
.gallery-frame:before {
height: 35vh;
}
.gallery-frame.layout-3:before, .gallery-frame.layout-4:before {
display: none
}
.layout-3.gallery-frame:before {
height: 100%;
}
@media (min-width: 992px) {
.img-primopiano.right {
transform: translate(-20%, 20%);
}
.img-primopiano.left {
transform: translate(20%, 20%);
}
}
a.multi-gallery .plus-icon, .photostack-img .plus-icon {
position: absolute;
left: 50%;
top: 50%;
width: 60px;
height: 60px;
transform: translate(-50%, -70%);
background: url(img/zoom-in.svg) no-repeat;
-webkit-mask: url(img/zoom-in.svg) center / contain no-repeat;
background: var(--color3);
background-position: center center;
z-index: 4;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a.multi-gallery:hover .plus-icon, .photostack-img:hover .plus-icon {
opacity: 1;
transform: translate(-50%, -50%);
}
a.multi-gallery .bg-cover:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #2f2f2f;
opacity: 0;
z-index: 3;
mix-blend-mode: multiply;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a.multi-gallery:hover .bg-cover:after {
opacity: 0.4;
}
.multi-gallery.last-image .plus-icon {
opacity: 1;
transform: translate(-50%, -50%);
}
.multi-gallery.last-image:after {
opacity: 0.75;
}
.rombettino {
display: none;
}
@media (min-width: 992px) {
.rombettino {
content: '';
background-image: url('img/rombo.svg');
width: 50px;
height: 50px;
position: absolute !important;
display: block !important;
top: 50%;
z-index: 4;
}
.rombettino.right {
transform: translate(25px, -25px);
}
.rombettino.left {
transform: translate(25px, -25px);
}
}
.rombettino-after:after {
content: '';
background-image: url('img/rombo.svg');
width: 50px;
height: 50px;
position: absolute !important;
display: block !important;
top: 100%;
z-index: 4;
}
.rombettino-after.right:after {
right: 0;
transform: translate(25px, -25px);
}
.rombettino-after.left:after {
left: 0;
transform: translate(-25px, -25px);
}
@media (max-width: 768px) {
.rombettino-after:after {
width: 30px;
height: 30px;
}
.rombettino-after.right:after {
transform: translate(15px, -15px);
}
.rombettino-after.left:after {
transform: translate(-15px, -15px);
}
}
.owf-hidden {
position: relative;
/* overflow: hidden; */
}
.vh-20 {
height: 20vh;
}
.vh-30 {
height: 30vh;
}
.vh-40 {
height: 40vh;
}
.vh-50 {
height: 50vh;
}
.vh-60 {
height: 60vh;
}
.vh-70 {
height: 70vh;
}
.vh-80 {
height: 80vh;
}
.vh-90 {
height: 90vh;
}
.vh-100 {
height: 100vh;
}
.abs {
position: absolute;
}
.bottom-0 {
bottom: 0 !important;
}
.anim-scale_in {
transform: scale(0.9);
opacity: 0;
-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.anim-scale_in.open {
transform: scale(1);
opacity: 1;
}
.columns-2 {
column-count: 2;
column-gap: 5%;
}
.tr-top_5per {
margin-top: -5%;
}
.tr-top_10per {
margin-top: -10%;
}
.img-grid li {
width: 50%;
float: left;
display: list-item;
vertical-align: middle;
list-style: none;
padding: 5px;
}
.img-grid {
padding: 5px;
display: inline-block;
}
.audio_video {
position: absolute;
width: 50px;
height: 50px;
bottom: 20%;
left: 50px;
/* background: var(--color3); */
z-index: 3;
border-radius: 50%;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-filter: drop-shadow(0 0 5px var(--color1));
filter: drop-shadow(0 0 5px var(--color1));
}
.audio_video:hover {
cursor: pointer;
background: var(--color1);
}
.audio_video.off:after, .audio_video.on:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
background: url(img/volume-off.svg) no-repeat;
background-size: cover;
background-position: center center;
z-index: 1;
}
.audio_video.on:after {
background: url(img/volume-on.svg) no-repeat;
}
@media (min-width: 1680px) {
body {
font-size: 18px;
}
.testo h1 {
/* font-size: 55px; */
}
h2 {
/* font-size: 34px; */
}
#main-container.de-DE h1 {
/* font-size: 45px; */
}
#main-container.de-DE h2 {
font-size: 45px;
}
.btn {
font-size: 18px !important;
line-height: 1.5;
}
.flex-caption h1 {
/* font-size: 14.5vw; */
}
.flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5 {
font-size: 26px;
}
.flex-caption h4, .flex-caption h5 {
font-size: 30px;
}
}
@media (max-width: 991px) {
.layout-1.img-clipBG {
display: none;
}
}
.img-clipBG {
top: 0;
width: 55%;
height: 100%;
position: absolute;
}
.img-clipBG.right {
right: 0;
-webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}
.img-clipBG.left {
-webkit-clip-path: polygon(0 0, 70% 0%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 70% 0%, 100% 100%, 0 100%);
}
@media (min-width: 992px) {
.layout-1 .flexslider-container {
height: 35vh;
}
}
.layout-1 .flexslider {
background: transparent;
}
.layout-2 .icona, .layout-3 .icona {
height: 60%;
width: 100%;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.layout-3.left.div-icona {
transform: translate(-20%, 0);
}
#richiesta-prenotazione {
overflow: hidden;
width: 100%;
/* padding-bottom: 5%; */
}
#richiesta-prenotazione .img-cover{
/* position:absolute; */
/* top: 0; */
/* opacity: .4; */
}
#richiesta-prenotazione .pd-modulo{
padding: 7vh 0;
}
#richiesta-prenotazione .titolo {
background: var(--color1);
padding: 20px;
}
#richiesta-prenotazione .titolo * {
z-index: 2;
color: var(--color3);
position: relative;
margin: 0;
padding: 0;
}
#richiesta-prenotazione .bgimage {
height: 40vh;
margin-top: -15vh;
}
#richiesta-prenotazione .blocco-testo h1 {
/* font-size: 40px; */
/* text-align: right; */
}
#richiesta-prenotazione .blocco-testo {
/* padding-right: 30px; */
/* margin-top: 10vh; */
}
#richiesta-prenotazione .blocco-testo * {
z-index: 2;
/* color: var(--color3); */
position: relative;
/* height: 100%; */
}
#richiesta-prenotazione .line-vertical {
width: 1px;
height: 0;
position: absolute;
background: var(--color1);
top:0;
bottom:0;
right:0;
-webkit-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .4s;
-moz-transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .4s;
transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .4s;
}
#richiesta-prenotazione .blocco-testo{
position:relative;
}
#richiesta-prenotazione .blocco-testo .testo{
/* padding-right: 4vw !important; */
}
#richiesta-prenotazione .line-vertical:before {
content:'';
width: 10px;
height: 10px;
top: 15%;
position: absolute;
border: 0 solid transparent;
border-bottom-width: 10px;
border-top-width: 10px;
border-left: 0 solid var(--color1);
-webkit-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .6s;
-moz-transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .6s;
transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .6s;
}
#richiesta-prenotazione .line-vertical.open {
height:100%;
}
#richiesta-prenotazione .line-vertical.open:before {
border-left: 10px solid var(--color1);
}
@media (max-width: 991px) {
#richiesta-prenotazione .img-cover {
/* bottom: 0; */
/* height: 30vh; */
/* width: 100%; */
}
#richiesta-prenotazione .img-cover img {
/* object-fit: initial !important; */
}
#richiesta-prenotazione .pd-modulo {
/* padding: 7vh 0 25vh 0; */
}
#richiesta-prenotazione .line-vertical {
width: 0;
height: 1px;
position: absolute;
background: var(--color1);
top: initial;
bottom: 0;
left: 0;
}
#richiesta-prenotazione .line-vertical:before {
content:'';
width: 10px;
right: 10%;
border: 0 solid transparent;
border-left-width: 10px;
border-right-width: 10px;
border-bottom: none;
}
#richiesta-prenotazione .line-vertical.open {
width:100%;
height:1px;
}
#richiesta-prenotazione .line-vertical.open:before {
border-left: 10px solid var(--color2);
/* border-left-width: 10px; */
border-top: 10px solid var(
--color1);
}
}
.blocco-testo li {
list-style: inside;
margin-left: 10px;
padding-left: 5px;
display: inline-block;
}
.blocco-testo li:before {
content: '\ffed';
margin-right: 0.5em;
}
.blocco-testo .iubenda_embed_policy li {
display: initial;
}
.blocco-testo .iubenda_embed_policy li:before {
display:none;
}
footer .partners {
padding-top: 171px;
}
footer .partners * {
text-align: right;
}
.div-icona > div {
height: 100%;
min-height: 15vh;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
@media (max-width: 991px) {
.div-icona {
margin-top: -12vh;
}
.griglia-alternata > .layout-3:before, .griglia-alternata > .layout-4:before {
bottom: -21%;
z-index: 2;
}
}
.div-icona.right {
transform: translate(-20%, 0);
}
@media (max-width: 768px) {
.element {
/* display: none; */
}
}
.carousel-dots {
margin: 0;
padding: 0;
list-style: none;
display: table;
table-layout: fixed;
width: 100%;
}
.carousel-dots .owl-dot {
display: table-cell;
height: 3px;
}
.carousel-dots .owl-dot:before {
content: '';
position: relative;
display: block;
left: 0;
top: 0;
width: 90%;
height: 100%;
background: var(--color3);
}
.carousel-dots .owl-dot.active:before {
content: '';
position: relative;
display: block;
left: 0;
top: 0;
width: 90%;
height: 100%;
background: var(--color1);
}
@media (min-width: 992px) {
.moduletable.simplebooking {
height: initial !important;
}
}
#btnSearch { /* font-size:12px; */ padding: 10px 25px; /* line-height:13px; */ /* white-space:normal; */
}
.button-search input {
height: 45px;
}
.persons-rooms {
display: none;
}
.text-center > * {
text-align: center;
}
@media (max-width: 991px) {
.barra-simplebooking {
display: none !important;
}
}
.barra-simplebooking {
position: relative;
z-index: 7;
margin-top: -84px;
}
.barra-simplebooking .booking-form-container {
padding: 0 2%;
position: relative;
display: inline-block;
background: var(--color3);
border: 1px solid #969f8a;
}
.barra-simplebooking .occupazione-camera {
font-size: 0.8em;
text-align: left;
position: absolute;
}
.barra-simplebooking label, .barra-simplebooking a {
display: block;
font-weight: 400;
float: left;
letter-spacing: 1px;
font-size: 11px;
line-height: 13px;
font-family: 'Montserrat', sans-serif;
text-align: left;
color: var(--color1);
text-transform: uppercase;
margin: 13px 10px 3px 0;
}
.barra-simplebooking .input-container {
position: relative;
z-index: 0;
float: left;
background: #f7f7f7;
border: 1px solid #969F8B;
}
.barra-simplebooking .input-container.arrow:after {
content: "";
position: absolute;
top: 19px;
right: 10px;
z-index: -1;
color: var(--color1);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
display: inline-block;
height: 0;
vertical-align: middle;
width: 0;
}
.barra-simplebooking .input-container input {
height: 40px;
background: none;
text-align: left !important;
padding-left: 14px;
color: #3b3a39;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 400;
width: 100%;
border: 0;
cursor: pointer;
}
.barra-simplebooking .input-container input:focus {
outline: none;
}
.barra-simplebooking .select-container {
overflow: hidden;
position: relative;
z-index: 0;
float: left;
width: 100%;
background: #f7f7f7;
border: 1px solid #969F8B;
margin-bottom: 10px;
}
.barra-simplebooking .select-container:after {
content: "";
position: absolute;
top: 19px;
right: 10px;
z-index: -1;
color: var(--color1);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
display: inline-block;
height: 0;
vertical-align: middle;
width: 0;
}
.barra-simplebooking .select-container select {
height: 40px;
background: none;
border: 0px none;
outline: 0px none;
padding-left: 15px;
width: 90px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
color: #434241;
font-weight: 400;
cursor: pointer;
-webkit-appearance: none;
}
.barra-simplebooking .select-container select option {
padding-left: 45%;
background: var(--color3);
}
.barra-simplebooking .button-search, .barra-simplebooking .button-vantaggi {
position: relative;
display: inline-block;
margin: 30px 0 0 0;
font-size: .8em;
float: left;
}
.barra-simplebooking .button-search:hover input {}
.barra-simplebooking .button-vantaggi {
margin: 25px 0 0 15px;
width: 150px;
}
.barra-simplebooking .button-search input {
height: 42px;
outline: none;
}
.barra-simplebooking .simple-block {
display: inline-block;
float: left;
margin-right: 20px;
width: 150px;
}
.barra-simplebooking .simple-block.long {
width: 200px;
}
.barra-simplebooking .rooms-adults.simple-block > div {
width: 30%;
float: left;
margin-right: 5%;
}
.barra-simplebooking .rooms-adults.simple-block > div:last-child {
margin-right: 0;
}
#modal-vantaggi {
text-align: center
}
#modal-vantaggi .modal-dialog {
width: 90%;
margin: 13% auto 0;
}
@media all and (max-width: 480px) {
#modal-vantaggi .modal-dialog {
width: 90%;
font-size: 13px;
}
}
@media (min-width: 992px) {
#modal-vantaggi .modal-dialog {
width: 700px;
}
}
#modal-vantaggi .modal-dialog .modal-content {
background: none;
box-shadow: none;
border: 0;
}
#modal-vantaggi .modal-dialog .modal-content:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0px;
background: #FFF9EA;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
z-index: -1;
}
#modal-vantaggi .modal-dialog .modal-content .modal-body {
padding: 0;
z-index: 20;
position: relative;
text-align: center;
}
#modal-vantaggi .modal-dialog .modal-content .modal-body .custom .testo {
padding: 40px 10px;
text-align: center;
font-weight: 400; /* color: var(--color3); */ position: relative;
overflow: hidden;
vertical-align: middle;
}
@media (max-width: 991px) {
#modal-vantaggi .modal-dialog .modal-content .modal-body .custom .testo:after {
display: none;
}
#modal-vantaggi .modal-dialog .modal-content .modal-body .col-md-7 .custom .testo {
padding: 40px 10px 0;
}
}
@media (min-width: 992px) {
#modal-vantaggi .modal-dialog .modal-content .modal-body .custom .testo {
border-right: 0;
}
}
#modal-vantaggi .modal-dialog .modal-content .modal-body .custom .testo h3 {
margin: 5px 5px 15px 15px;
font-size: 1.45em;
line-height: 24px;
color: var(--color3);
}
#modal-vantaggi .modal-dialog .modal-content .modal-body .custom .testo ul li {
margin: 10px 0 0 45px;
}
.btn.pulsantone {
position: absolute;
bottom: -3%;
right: 5%;
padding: 4% 3%;
}
.img-up, .img-down {
height: 60%;
}
.img-up {
/* bottom:0; */
bottom: 0;
height: 60vh;
}
.img-up.left {
left: 7%;
}
.img-up.right {
right: 7%;
}
.img-down {
top: 0;
right: 0;
}
.alpha-20 {
opacity: 0.2;
}
.alpha-30 {
opacity: 0.3;
}
.alpha-40 {
opacity: 0.4;
}
.alpha-50 {
opacity: 0.5;
}
.alpha-60 {
opacity: 0.6;
}
.alpha-70 {
opacity: 0.7;
}
.text-underline h1 {
border-bottom: 10px solid #a7dffa;
display: inline-block;
padding-bottom: 0px;
}
.meteo > div {
padding: 10%;
}
.flatWeatherPlugin > h2 {
display: none;
}
.blocco-intro .icona-1 {
left: 7%;
top: 20%;
width: 40%;
height: 350px;
transform: translate(0, -20%);
}
.blocco-intro .icona-2 {
right: 5%;
top: 110%;
width: 40%;
height: 350px;
transform: translate(0, -110%);
}
@media (min-width: 992px) {
.blocco-intro .blocco-immagini {
min-height: 60vh;
}
}
@media (max-width: 991px) {
.blocco-intro {
margin-top: 10% !important;
}
.blocco-intro .row-md-flex-center > div {
margin-left: 5% !important;
margin-right: 5% !important;
}
.blocco-intro .blocco-immagini {
margin-top: 5%;
margin-bottom: 5%;
}
.blocco-intro .blocco-testo {
margin-bottom: 5%;
}
.blocco-intro .img-down, .blocco-intro .bg {
display: none;
}
.blocco-intro .img-up {
height: 40vh;
position: relative;
}
.blocco-intro .icona-1, .blocco-intro .icona-2 {
display: none;
}
}
@media (max-width: 768px) {
#richiesta-prenotazione {
overflow: hidden;
}
.blocco-intro .row-md-flex-center > div {
padding-left: 15px !important;
padding-right: 15px !important;
}
.blocchi-richiamo .parallaxBg {
display: none;
}
.blocchi-richiamo .cont, .isotope .cont {
height: 45vh;
}
#richiesta-prenotazione .blocco-testo:before {
transform: translate(0, -30%);
}
}
@media (min-width: 1680px) {
.blocco-intro { /* max-width:85%; */
}
}
.blocco-intro .blocco-immagini .bg {
position: absolute;
left: 60px;
top: 60px;
bottom: 60px;
right: 60px;
background: #E5F4F8;
}
.blocchi hr, .article-item hr {
content: '';
background: var(--color3);
position: relative;
display: block;
width: 40%;
height: 2px;
border: 0;
margin: 10px auto;
background-size: contain !important;
background-position: center center !important;
}
.article-item hr {
margin: 0 0 10px 0;
}
.blocchi h3 {
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 1.2;
padding: 20px 0;
margin: 5px 0 0px 0px;
color: var(--color3);
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
text-align: inherit;
}
.blocchi .item {
position: relative;
height: 35vh;
margin-bottom: 20px;
}
.blocchi .item .testo {
bottom: 0;
position: absolute;
text-align: center;
width: 100%;
}
.blocchi .item h3 {
font-size: 20px;
line-height: 1;
padding: 25px 10px !important;
margin: 0;
color: var(--color3);
background: rgba(0, 60, 117, 0.7) !important;
z-index: 1;
}
.blocchi .item h3 span {
font-size: 14px;
}
.blocchi .item .btn {
/* background:none; */
margin: 0 !important;
position: absolute;
bottom: 80%;
left: 50%;
transform: translate(-50%);
opacity: 0;
z-index: 2;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.blocchi a.item-a:hover .item .btn {
color: rgb(255, 255, 255);
bottom: 100%;
opacity: 1;
}
.blocchi .item h3 {
margin-top: 10px;
margin-bottom: 0;
}
.blocchi .icon-mq {
content: '';
background: url('img/mq.svg');
position: relative;
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
border: 0;
margin: 0px auto 0;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
@media (max-width: 991px) {
.dettaglio-alloggio .mt-120 {
margin-top: 0 !important;
}
}
.cont-icona {
width: 100px;
height: 100px;
position: relative;
float: left;
background: #2f2f2f;
border-radius: 50%;
}
ul.adatto_a li {
list-style: none;
display: inline-block;
margin: 0 10px 0 0;
max-width: 50px;
vertical-align: top;
text-align: center;
}
.cont-icona .icona {
width: 50px;
height: 50px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.adatto-testo {
text-align: center;
font-size: 11px;
line-height: 1;
margin-top: 7px;
}
ul.adatto_a {
margin-top: 0;
margin-bottom: 15px;
}
.testo.alloggio hr {
margin-left: 0;
width: 100%;
height: 2px;
background: #a7dffa;
}
footer hr {
/* width: 140px; */
/* height: 2px; */
margin: 0 auto 20px;
/* background: var(--color1); */
/* border: 0; */
/* opacity: 1; */
}
footer .row-md-flex-center > div {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 991px) {
footer .logo {
width: 100% !important;
/* margin: 0; */
margin-top: 1.5vh;
left: 0;
height: 10vh !important;
}
footer [class*="col-"]:first-child {
margin-top: 0px;
}
.footer-social-links {
text-align: center;
}
footer .bordered {
border-right: none !important;
border-bottom: 1px solid var(--color1);
margin-bottom: 30px;
}
}
footer, footer p {font-size: 15px;/* letter-spacing:0.6px; *//* border-top: 1px solid var(--color3); */}
footer .bordered {
border: 0;
border-right: 1px solid var(--color1);
}
.footer-loghi {
padding-top: 10vh;
padding-bottom: 7vh;
/* margin: 0; */
}
.footer-loghi h5 {
font-size: 60px;
margin-top: 1.3vh;
padding-bottom: 5px;
}
.footer-riferimenti {
padding-top: 6vh;
padding-bottom: 6vh;
}
.footer-copyright {
/* padding-bottom: 3vh; */
border-top: 1px solid var(--color3);
}
footer .line {
width: 90%;
height: 2px;
position: absolute;
background: var(--color1);
top: -2vh;
left: 5%;
/* margin-bottom: 60px; */
}
.footer-riferimenti .line{
width:100%;
left:0;
}
.is-table-row .thumb {
min-height: 270px;
}
@media (max-width:768px) {
.is-table-row .img-cover {
height: 35vh;
}
}
@media only screen and (min-width:768px) {
.is-table-row {
display: table;
width: 100%;
height: 100%;
}
.is-table-row [class*="col-"] {
float: none;
display: table-cell;
vertical-align: middle;
}
}
.is-table-row .thumb {
height: 100%;
background-size: cover !important;
background-position: center center !important;
}
.is-table-row .arrow {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
background: var(--color3);
transform: translate(-50%, -50%) rotate(45deg);
}
.is-table-row.bg3 .arrow {
background: var(--color1);
}
.is-table-row.bg2 .arrow {
background: #4a3434;
}
.is-table-row .arrow.right {
right: 0;
transform: translate(50%, -50%) rotate(45deg);
}
#owl-photogallery .owl-item, #owl-video .owl-item {
margin: 10px;
}
.blocchi-media .title-over .quadItem .testo {
position: absolute;
bottom: 0;
left: 0;
top: initial;
width: 100%;
z-index: 2;
padding: 7%;
transform: initial;
background: rgba(47, 47, 47, 0.9) !important;
}
.blocchi-media .title-over .quadItem .icona {
position: absolute;
left: 20px;
top: 20px;
z-index: 2;
font-size: 25px;
width: 40px;
line-height: 1.6;
height: 40px;
color: var(--color3);
text-align: center;
background: #2f2f2f;
}
.blocchi-media .title-over .quadItem .button {
position: absolute;
right: 20px;
top: -70px;
left: initial;
border: 1px solid var(--color3);
bottom: initial;
transform: initial;
z-index: 2;
}
.blocchi-media .title-over .quadItem:hover .btn { /* bottom:initial; */ top: 20px; /* right: 20px; */ /* left: initial; */ opacity: 1;
transform: initial;
}
.blocchi-media .title-over .quadItem .testo * {
color: var(--color3);
padding: 0;
margin: 0;
}
.blocchi-media .quadItem .testo h2 {
font-size: 25px;
width: 100%;
margin: 0 0 13px 0;
font-weight: 500;
letter-spacing: 0.5px;
display: inline-block;
}
.blocchi-media .quadItem:hover .btn { /* bottom:15%; */ /* opacity:1; */ /* left: auto; */
}
.mappa img {
width: 100%;
}
.separatore .height100 .abs .divBg {
height: 50vh;
}
@media (max-width: 991px) {
.footer-loghi .numero {
margin-bottom:20px;
}
.separatore .middle-vertical {
position: absolute;
width: 100%;
display: inline-block; /* top: calc(50% - -54px); */ /* left:initial; */ /* transform:initial; */ padding: 15vh 0;
z-index: 4;
}
.blocco-intro .bottom-vertical {
position: absolute;
width: 100%;
display: inline-block; /* top: calc(50% - -54px); */ /* left:initial; */ /* transform:initial; */ padding: 15vh 0;
z-index: 4;
}
.separatore .abs, .separatore .abs .divBg {
width: 100%;
height: 100% !important;
}
}
.height100, .separatore .height100 .abs .divBg {
min-height: 80vh;
position: relative;
}
.owl-tuttowidth .height100 {
height: 100%;
min-height: initial;
}
.height100 > div {
height: 100%;
min-height: 80vh;
}
.owl-tuttowidth .height100 > div {
height: calc(100vh - 80px);
}
@media (min-width: 992px) {
.height100, .separatore .height100 .abs .divBg {
min-height: 80vh;
position: relative;
}
.owl-tuttowidth .height100 {
height: 100%;
max-height: 100vh;
}
.height100 > div {
height: 100%;
min-height: 80vh;
}
.owl-tuttowidth .height100 > div {
height: calc(100vh - 80px);
}
.hg-100 {
height: 100%;
min-height: 80vh;
}
}
@media (min-width:1200px) {
.separatore .height100 .abs .divBg {
max-height: 800px;
}
}
.separatore * {
color: var(--color3);
text-shadow: #333338 0px 0px 10px;
}
.separatore .btn {
border: 1px solid var(--color3);
}
.middle-vertical {
width: 100%;
position: absolute;
top: calc(50% - -54px);
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.bottom-vertical {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
/* transform:translate(-50%,-50%); */
z-index: 3;
}
.separatore .testo {
position: relative;
z-index: 2;
}
.griglia-alternata .layout-1 .testo {
position: relative;
z-index: 2;
padding: 15vh 7vw;
/* text-align: center; */
/* overflow: hidden; */
/* height: 100%; */
}
.griglia-alternata .layout-1 .right .testo {
padding: 15vh 5vw 15vh 8vw;
}
.griglia-alternata .layout-1 .left .testo {
padding: 15vh 8vw 15vh 5vw;
}
.griglia-alternata .layout-1 .testo:before {
}
.griglia-alternata .cornice {
position: absolute;
top: 3vw;
left: 3vw;
bottom: 3vw;
right: 3vw;
z-index: 1;
}
.carosello-new .cornice {
position: absolute !important;
top: 1vw;
left: 1vw;
bottom: 1vw;
right: 1vw;
}
.griglia-alternata .cornice .top, .griglia-alternata .cornice .bottom, .griglia-alternata .cornice .right, .griglia-alternata .cornice .left{
position:absolute;
background:var(--color1);
transition: outline 0.6s linear;
}
.griglia-alternata .cornice .top{
width:100%;
height:1px;
top:0;
}
.griglia-alternata .cornice .bottom{
width:100%;
height:1px;
bottom:0;
}
.griglia-alternata .cornice .left{
width:1px;
height:100%;
left:0;
}
.griglia-alternata .cornice .right{
width:1px;
height:100%;
right:0;
}
.griglia-alternata .cornice .top:before, .griglia-alternata .cornice .bottom:before {
content: "";
width: 78px;
height: 14px;
background-image: url('img/ornament.svg');
background-position: center center !important;
background-size: contain !important;
display: inline-block;
position: absolute;
top: -7px;
left: 50%;
margin: 0 0 0 -39px;
z-index: 2;
}
.griglia-alternata .cornice .left:before, .griglia-alternata .cornice .right:before {
content: "";
width: 14px;
height: 78px;
background-image: url('img/ornament_vert.svg');
background-position: center center !important;
background-size: contain !important;
display: inline-block;
position: absolute;
top: 50%;
left: -7px;
margin: -39px 0 0 0;
z-index: 2;
}
.griglia-alternata .layout-1.rooms .testo:after {
top: 16px;
bottom: 16px;
}
.griglia-alternata .layout-1.rooms .testo:before {
top: 27px;
bottom: 27px;
}
.griglia-alternata .testo.open:after {
outline-width: 3px;
}
.griglia-alternata .testo.open:before {
outline-width: 1px;
}
.griglia-alternata .recensioni .testo * {
text-align: initial;
}
.griglia-alternata .blocco-testo, .griglia-alternata .blocco-testo > div {
position: relative;
z-index: 2;
/* text-align: center; */
}
.griglia-alternata .blocco-testo h1 + p, .griglia-alternata .blocco-testo h2 + p, .griglia-alternata .blocco-testo h3 + p, .griglia-alternata .blocco-testo h4 + p {
margin-top: 1.5vh;
}
@media (min-width: 992px) {
.griglia-alternata .blocco-testo {
z-index: 3;
}
.griglia-alternata .rooms .blocco-testo {
/* position:absolute; */
}
.griglia-alternata .rooms .blocco-testo.right {
/* transform: translate(-6vh,23vh); */
}
.griglia-alternata .rooms .blocco-testo.left {
/* transform: translate(6vh,23vh); */
}
}
.row-md-flex-center {
position: relative;
width: 100%;}
@media (min-width: 992px) {
.row-md-flex-center {
width: 100%;
}
#richiesta-prenotazione .row-md-flex-center > [class^="col-"] {
/* align-items: flex-end; */
}
#richiesta-prenotazione .form-container {
/* margin-left: -8.333333%; */
/* padding-left: calc(8.333333% - -4vw) !important; */
}
.row-md-flex-center > [class^="col-"] > div {
width: 100%;
}
.tre-blocchi .row-md-flex-center > [class^="col-"] > div {
height: 100%;
}
}
.due-blocchi .abs {
position: relative;
z-index: 1;
}
.image-logo {
max-width: 300px;
margin: 4vh 0;
}
.tutto-testo * {
text-align: center;
}
.height_70 {
position: relative;
height: 70%;
}
.height_30 {
position: relative;
height: 30%;
}
.owl-carousel .item { /* margin: 10px; */ -webkit-border-radius: 0px;
-moz-border-radius: 3px;
text-align: center;
width: 100%;
}
.owl-carousel a, .owl-carousel .rectItem {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
display: inline-block;
}
.owl-carousel .title-over{
/* height:100%; */
}
.owl-carousel a.btn.anim{
width: initial;
/* overflow: initial; */
margin-top: 0;
}
.carosello-rooms .owl-carousel a.btn.anim, .carosello-rooms .owl-carousel h1 {
/* transform: scale(0.8); */
}
.carosello-rooms .owl-carousel h1 {
margin: 0;
padding: 0;
}
.owl-tuttowidth a {
width: initial;
}
.owl-item {
overflow: hidden;
}
.owl-gallerygrigliathumb {
position: absolute;
bottom: 0;
border: 2px solid var(--color3);
}
.owl-gallerygriglia {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.owl-gallerygriglia .item, .owl-gallerygriglia .item a, .owl-gallerygriglia.owl-carousel .owl-stage-outer, .owl-gallerygriglia.owl-carousel .owl-stage, .owl-gallerygriglia.owl-carousel .item .bg-cover, .owl-gallerygrigliathumb .item, .owl-gallerygrigliathumb.owl-carousel .owl-stage-outer, .owl-gallerygrigliathumb.owl-carousel .owl-stage, .owl-gallerygrigliathumb.owl-carousel .item .bg-cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}
.owl-gallerygriglia.owl-carousel .owl-stage .owl-item, .owl-gallerygrigliathumb.owl-carousel .owl-stage .owl-item {
height: 100%; /* display: inline-block; */
}
.owl-gallerygriglia.owl-carousel .owl-stage {
display: block;
}
.owl-gallerygriglia .item .bg-cover, .owl-gallerygrigliathumb .item .bg-cover {
display: block; /* min-height: 80vh; */
}
.owl-gallerygriglia.owl-carousel .item .bg-cover, .owl-gallerygrigliathumb.owl-carousel .item .bg-cover {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.owl-gallerygrigliathumb .item {
border: 5px solid var(--color3);
cursor: pointer;
}
.owl-gallerygrigliathumb .synced .item {
border: 5px solid var(--color3);
}
.owl-gallerygrigliathumb .item > div {
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
-moz-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
}
.owl-gallerygrigliathumb .synced .item > div {
border: 5px solid var(--color1);
}
.masorny {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
display: block;
}
.tre-blocchi .testo * {
color: #fff !important;
font-size: 38px;
letter-spacing: 0;
padding: 0;
}
.tre-blocchi .btn {
/* border: 1px solid #fff !important; */
}
.tre-blocchi .btn:hover {
/* border: 1px solid var(--color1) !important; */
}
.tre-blocchi .col {
/* display: inline-block; */
/* position: relative; */
/* float: left; */
width: 100%;
/* height: 100%; */
padding: 1vw;
overflow: hidden;
-webkit-clip-path: polygon(100% 1vw, 0 1vw, 0 1vw, 100% 1vw);
clip-path: polygon(100% 1vw, 0 1vw, 0 1vw, 100% 1vw);
}
.tre-blocchi.open .col {
-webkit-clip-path: polygon(100% 1vw, 0 1vw, 0 100%, 100% 100%);
clip-path: polygon(100% 1vw, 0 1vw, 0 100%, 100% 100%);
}
.tre-blocchi .col-100vh {
min-height: 100vh;
height: 100%;
/* padding-top: 0; */
/* padding-bottom: 0; */
}
.tre-blocchi .col-50vh {
min-height: 50vh;
/* padding-bottom: 1vw; */
}
.tre-blocchi .col-50vh:last-of-type, .tre-blocchi.layout-10 .col-50vh:nth-of-type(2) {
/* padding-top: 1vw; */
/* padding-bottom: 0; */
}
.tre-blocchi .main-testo {
padding: 5vh;
width: 100%;
/* display: table-cell; */
/* vertical-align: middle; */
position: relative;
/* display: flex; */
/* top: 50%; */
/* -webkit-box-flex: 1; */
/* -webkit-flex: 1; */
-ms-flex: 1;
/* flex: 1; */
}
.tre-blocchi .col > div {
height: 100%;
position: relative;
transform: translate(0, -25vh);
/* display: flex; */
/* -webkit-box-flex: 1; */
/* -webkit-flex: 1; */
-ms-flex: 1;
/* flex: 1; */
}
.tre-blocchi .col .abs, .tre-blocchi .col .abs * {
height: 100%;
width: 100%;
}
.tre-blocchi .col-1, .tre-blocchi .col-1 > div {
-webkit-transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1);
-moz-transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.tre-blocchi .col-2, .tre-blocchi .col-2 > div {
-webkit-transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0.3s;
-moz-transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0.3s;
transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0.3s;
}
.tre-blocchi .col-3, .tre-blocchi .col-3 > div {
-webkit-transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0.6s;
-moz-transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0.6s;
transition: all 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0.6s;
}
.tre-blocchi.open .col-1 > div, .tre-blocchi.open .col-2 > div, .tre-blocchi.open .col-3 > div {
transform: translate(0, 0);
}
/*
#bookingexpert {
background: #f5f5f5;
width: 270px;
overflow: hidden;
}
#searchbox {
position: relative;
font-family: 'Open Sans', sans-serif;
text-align: left;
}
#searchbox .searchboxTitle {
text-transform: uppercase;
background: #244b90;
color: var(--color3);
margin: 0;
padding: 0;
font-size: 16px;
height: 50px;
line-height: 50px;
padding: 0 20px;
}
#searchbox form {
padding: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #bbb;
}
#searchbox div {
clear: both;
margin-bottom: 10px;
overflow: hidden;
}
#searchbox label {
display: block;
line-height: 20px;
font-size: 12px;
font-weight: 700;
color: var(--color1);
text-transform: uppercase;
}
#searchbox input, #searchbox select {
width: 100%;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 5px;
font-family: 'Open Sans', sans-serif;
border: 1px solid var(--color1);;
box-sizing: border-box;
border-radius: 3px;
}
#searchbox input[name="checkin"], #searchbox input[name="checkout"] {
background: url(img/calendar.png) no-repeat 97% center var(--color3);
}
#searchbox input[type="submit"] {
display: block;
width: 140px;
height: 37px;
line-height: 37px;
margin: 20px auto 0 0;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
background: #f56600;
color: var(--color3);
border: 0;
cursor: pointer;
-webkit-appearance: none;
}
#searchbox .searchboxCredits {
display: block;
text-align: center;
text-decoration: none;
margin: 15px 0;
overflow: hidden;
}
#searchbox .searchboxAdd, #searchbox .searchboxArea {
display: block;
font-size: 10px;
font-weight: 600;
color: var(--color1);
margin: 10px 0 0 0;
text-decoration: none;
text-transform: uppercase;
}
#searchbox .searchboxAdd:before, #searchbox .searchboxArea:before {
display: block;
float: left;
width: 16px;
height: 16px;
font-weight: 400;
text-align: center;
color: var(--color3);
margin: 0 7px 0 20px;
border-radius: 3px;
}
#searchbox .searchboxAdd:before {
content: '+';
line-height: 16px;
font-size: 20px;
background: #444;
}
#searchbox .searchboxArea:before {
content: '-';
line-height: 11px;
font-size: 28px;
background: #888;
}
#ui-datepicker-div {
font-size: 11px !important;
z-index: 1000 !important;
}
#bookingexpert {
background: #f5f5f5;
width: 400px;
overflow: hidden;
}
#acrbox {
position: relative;
font-family: 'Open Sans', sans-serif;
text-align: left;
}
#acrbox .searchboxTitle {
text-transform: uppercase;
background: #244b90;
color: var(--color3);
margin: 0;
padding: 0;
font-size: 16px;
height: 50px;
line-height: 50px;
padding: 0 20px;
}
#acrbox form {
padding: 20px;
}
#acrbox div {
clear: both;
margin-bottom: 10px;
overflow: hidden;
}
#acrbox label {
display: block;
line-height: 20px;
font-size: 12px;
font-weight: 700;
color: var(--color1);
text-transform: uppercase;
}
#acrbox input, #acrbox select {
width: 100%;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 5px;
font-family: 'Open Sans', sans-serif;
border: 1px solid var(--color1);;
box-sizing: border-box;
border-radius: 3px;
}
#acrbox textarea {
width: 100%;
height: 80px;
line-height: 30px;
margin: 0;
padding: 10px 5px;
font-family: 'Open Sans', sans-serif;
border: 1px solid var(--color1);;
box-sizing: border-box;
border-radius: 3px;
resize: vertical;
}
#acrbox input[name="checkin"], #acrbox input[name="checkout"] {
background: url(img/calendar.png) no-repeat 97% center var(--color3);
}
#acrbox input[type="button"] {
display: block;
width: 100%;
height: 37px;
line-height: 37px;
margin: 0 auto 0 0;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
background: #f56600;
color: var(--color3);
border: 0;
cursor: pointer;
-webkit-appearance: none;
}
#acrbox .result {
line-height: 30px;
font-size: 14px;
border-radius: 3px;
background: #900;
color: var(--color3);
text-align: center;
padding: 0 10px;
box-sizing: border-box;
}
#acrbox .result.ok {
background: #00763A
}
#acrbox .g-recaptcha {
margin-top: 10px;
}
#acrbox .privacysection {
font-size: 14px;
margin: 20px 0;
}
#acrbox .privacysection input {
display: inline-block;
width: auto;
height: auto;
margin-right: 10px;
}
#acrbox .privacyread {
font-weight: 700;
cursor: pointer;
}
#acrbox .privacytxt label {
font-weight: 700;
color: var(--color1);
margin-bottom: 10px;
}
#acrbox .privacyscroll {
height: 150px;
font-size: 14px;
color: #777;
border: 1px solid var(--color1);;
border-radius: 3px;
padding: 10px;
overflow-y: auto;
}
#acrbox .requiredfieldsmessage {
font-size: 14px;
}
#ui-datepicker-div {
font-size: 11px !important;
z-index: 1000 !important;
}
*/
.sand {
/* background: url(img/sand.jpg); */
position: relative;
width: 100%;
height: 30vh;
background-position: top center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.sand.abs {
bottom: 0;
position: absolute;
height: 50vh;
}
.logone-bianco {
background: url(img/logone-bianco.svg);
position: absolute;
width: 100%;
height: 70%;
bottom: 0;
background-position: top center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.escursioni p {
text-align: left;
}
/*
.griglia-alternata .testo .logone-bianco {
background: url(img/logone-bianco.svg);
position: relative;
width: 100%;
height: 100px;
margin-bottom: 4vh;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
*/
.separatore.left * {
/* text-align:left !important; */
}
.separatore.right * {
/* text-align:right !important; */
}
.separatore.left .logone-bianco {
background-position: center left !important;
}
.separatore.right .logone-bianco {
background-position: center right !important;
}
a.item-a {
width: 100%;
font-weight: initial;
}
.quadDiv {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 100% !important;
background-size: cover !important;
background-position: center center !important;
}
.bg-image {
overflow: hidden;
}
.rectDiv {
position: relative;
width: 100%;
z-index: 2;
margin: 0;
padding-bottom: 55% !important;
background-size: cover !important;
background-position: center center !important;
}
.bg-image .rectDiv {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.item-a:hover {
color: #8a8989;
}
.item-a .rectDiv, .title-over .img-cover {
-webkit-transition: transform 5s ease-in-out;
transition: transform 5s ease-in-out;
overflow: hidden;
height: 100%;
/* padding: initial !important; */
}
.item-a:hover .rectDiv, .carosello-rooms .title-over:hover .img-cover {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
.item-a.no-scale:hover .rectDiv {
-webkit-transform: scale(1);
transform: scale(1);
}
.title-over .btn {
position: absolute;
z-index: 2;
opacity: 0;
left: 50%;
top: 50%;
color: var(--color3);
cursor: pointer;
/* min-width: 180px; */
/* padding: 15px 25px; */
/* width: 20%; */
/* border:1px solid var(--color3); */
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.title-over .rectDiv {
position: absolute;
top: 0;
bottom: 0;
padding-bottom: initial;
left: 0;
right: 0;
z-index: 1;
}
.title-over .testo, .tre-blocchi .testo {
position: absolute;
left: 50%;
top: 5%;
z-index: 3;
width: 80%;
transform: translate(-50%, -50%);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.tre-blocchi .testo {
position: absolute;
left: 50%;
top: 50%;
padding: 5vh 6vw 5vh
6vw !important;
/* transform: translate(-50%,0); */
}
.title-over .testo * {
color: var(--color3);
text-align: center;
}
.title-over:hover .btn, .owl-treblocchi .active .btn.appear {
opacity: 1;
transform: translate(-50%, -100%);
}
.title-over:hover .testo {
opacity: 1;
transform: translate(-50%, 20%);
}
.blocchi-rollover .title-over .testo {
top: 20vh;
opacity: 1;
z-index: 4;
}
.blocchi-rollover .title-over:hover .testo {
transform: translate(-50%, 20%);
}
.owl-treblocchi_container .title-over .btn, .owl-treblocchi_container .title-over.mob .btn {
opacity: 1;
transform: translate(-50%, 50%);
}
.owl-treblocchi_container .title-over .testo, owl-treblocchi_container .title-over:hover .testo {
opacity: 1;
left: 50%;
transform: translate(-50%, -50%);
}
.item-media .testo * {
font-size: 35px;
}
#main-container .pittogramma {
background: url('img/pittogramma.svg');
background-size: contain !important;
width: 90%;
height: 35vh;
background-position: right;
background-repeat: no-repeat;
margin-bottom: 0;
top: -7vh;
right: 0;
opacity: 0.3;
max-height: 55%;
/* z-index: 4; */
}
#main-container .carosello-tuttowidth .pittogramma {
width: 16vw;
height: 16vw;
background-position: center;
background-repeat: no-repeat;
top: calc(-9vw - -3%);
right: initial;
left: calc(16.66666667% - -15px);
opacity: 1;
z-index: 3;
mix-blend-mode: color-dodge;
max-height: initial;
}
#main-container .griglia-alternata .rooms .pittogramma {
background: url('img/pittogramma_big.svg');
background-position:center !important;
background-repeat:no-repeat !important;
opacity: 1;
top: 10%;
width: 30vw;
height: 80%;
/* bottom: 0%; */
max-height: initial;
position: absolute;
/* margin-bottom: 6vh; */
}
#main-container .griglia-alternata .rooms .pittogramma.left {
left: 12vw;
}
#main-container .griglia-alternata .rooms .pittogramma.right {
margin-right: 5vw;
float: right;
/* width: 100%; */
}
#main-container #richiesta-prenotazione .pittogramma {
opacity: 1;
width: 30vw;
position: absolute;
right: 2.5%;
left: initial;
background-position: right !important;
background-repeat: no-repeat !important;
height: 50vh;
max-height: 50vh;
top: 5%;
z-index: 1;
}
#main-container #richiesta-prenotazione .pittogramma.big{
background: url('img/pittogramma_big.svg');
}
.vertical-line {
width: 4vw;
height: 14vw;
left: calc(50% - -3vw);
transform: translate(-50%, 0);
position: relative;
}
#main-container .vertical-line .pittogramma {
opacity: 1;
width: 4vw;
height: 4vw;
position: absolute;
top: 4vw;
z-index: 2;
}
.vertical-line:before {
content: '';
position: absolute;
width: 1px;
left: 50%;
height: 3vw;
background: var(--color1);
z-index: 1;
}
.vertical-line:after {
content: '';
position: absolute;
width: 1px;
left: 50%;
height: 5vw;
bottom: 0;
background: var(--color1);
z-index: 1;
}
.tag-div {
position: absolute;
top: 40px;
right: 0px;
z-index: 3;
background: var(--color1);
color: var(--color3);
padding: 5px 20px;
}
.tag-div.offerta-tip {
background: var(--color1);
}
.owl-treblocchi .item {
padding-bottom: 74%;
}
.owl-treblocchi .item {
margin: 0;
}
.owl-treblocchi .item .btn {
margin: 0;
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""]{
max-height:initial;
}
.owl-treblocchi .item-img, .owl-treblocchi .title-over {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover !important;
}
.owl-treblocchi .testo {
position: absolute;
top: 50%;
text-align: center;
left: 0;
right: 0;
transform: translate(0, -50%);
background-size: cover !important;
}
.owl-treblocchi .testo *{
text-align: center;
color:#fff;
}
.owl-treblocchi .owl-stage {
display: inline-block;
}
.owl-treblocchi_container {
/* margin-top: -40px; */
}
.img-relative {
/* position: relative !important; */
height: 100%;
overflow: hidden;
}
.img-relative .divBg .img-cover {
height: 100%;
/* transform:translate(0,-50%); */
}
.blocchi .testo, .blocchi .testo * {
text-align: center;
}
.blocchi .quadItem, .blocchi .quadItem:before {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.blocchi .quadItem:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: -50%;
left: 0;
z-index: 1;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
mix-blend-mode: multiply;
}
.blocchi .quadItem:hover:before {
top: -20%;
}
.blocchi .quadItem .testo {
position: relative;
background: #F7F6F4;
outline: 1px solid #4a3534;
outline-offset: -15px;
left: 0;
text-align: center;
margin: -10% auto 0;
min-height: 25vh;
z-index: 2;
}
.blocchi .quadItem .testo span {
font-weight: 500;
font-size: 19px;
line-height: 1.1;
letter-spacing: 1px;
position: absolute;
top: 50%;
left: 50%;
width: 75%;
display: inline-block;
transform: translate(-50%, -50%);
}
.blocchi .quadItem .btn {
position: absolute;
left: 5%;
bottom: 4%;
opacity: 0;
z-index: 3;
color: var(--color3);
border: 1px solid var(--color3);
-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.blocchi .quadItem .quadDiv:after {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 50%;
bottom: 0;
right: 0;
opacity: 1;
mix-blend-mode: multiply;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000b3', endColorstr='#00000000', GradientType=0); /* IE6-9 */
z-index: 2;
}
.separatore.due-blocchi .btn {
opacity: 0;
}
.separatore.due-blocchi a:hover .btn {
opacity: 1;
}
.separatore.due-blocchi .middle-vertical {
-webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.separatore.due-blocchi a:hover .middle-vertical {
top: 50%;
}
@media (min-width: 992px) {
.layout-imgparallax .blocco-testo {
margin-bottom: 90vh;
}
.layout-imgparallax {
margin-bottom: -20vh;
}
.layout-imgparallax .col-md-push-8 .testo, .layout-imgparallax .col-md-push-8 .testo * {
text-align: right;
}
}
.layout-imgparallax .testo, .layout-imgparallax .testo * {
text-align: left;
}
@media (max-width: 991px) {
.img-down {
position: relative;
/* height: 50vh; */
}
.img-up {
display: none;
}
}
.gallerie-foto {
margin-top: 150px;
}
.gallery-filters li {
display: inline-block;
vertical-align: middle;
margin: 5px;
}
.gallery-filters li a.active, .gallery-filters li .btn.active, .gallery-filters li a.active:hover, .gallery-filters li .btn.active:hover, .gallery-filters li a.active:focus {
color: #fff !important;
background-color: var(--color1);
border: 2px solid var(--color1) !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.square {
display: block;
background-size: cover;
background-position: 50%;
}
.row-nopadding {
margin-left: 0;
margin-right: 0;
}
.row-nopadding [class^=col-] {
padding-left: 0;
padding-right: 0;
}
.gallery-container .gallery-item a {
position: relative;
}
.gallery-container .gallery-item a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
opacity: 0;
z-index: 2;
}
.gallery-container:hover .gallery-item a:before {
opacity: 1;
}
.gallery-container:hover .gallery-item a:hover:before {
opacity: 0;
}
.line {
position: absolute;
/* background-color: var(--color1); */
}
.map-section .line {
width: 100%;
height: 50%;
left: 0;
top: 50%;
bottom: initial;
background: none;
overflow: hidden;
}
.map-section .line span{
position: absolute;
width:100%;
height:100%;
top:-100%;
background-color: var(--color1);
}
.layout-9 .line {
background-color: var(--color3);
left: 0;
bottom: 0;
z-index: 1;
}
.griglia-alternata .layout-1 .line.open {
height: 80%;
width: 5%;
}
.griglia-alternata .layout-9 .line.open{
height: 100%;
}
.griglia-alternata .layout-1 .left.line.open {
right: calc(50% - 3vw);
}
.griglia-alternata .layout-1 .right.line.open {
/* left: 50%; */
}
.blocchi.griglia-alternata .line {
position: relative;
bottom: 0;
margin-top: 4vh;
}
.blocchi.griglia-alternata .line.open {
width: 100%;
}
.griglia-alternata .line.open:before {
transform: scale(1) rotate(45deg);
}
.line.line-sx {
left: -3vw;
}
.line.line-dx {
right: -3vw;
}
.owl-item .middle-line {
width: 0;
height: 1px;
position: relative;
background: var(--color1);
-webkit-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
-moz-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.owl-item .middle-line:before {
content: '';
background: var(--color1);
height: 14px;
text-align: center;
transform: scale(0) rotate(45deg);
width: 14px;
position: absolute;
left: calc(50% - 2px);
top: -6px;
-webkit-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .4s;
-moz-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .4s;
transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1) .4s;
}
.owl-item.active .middle-line {
width: 100%;
}
.owl-item.active .middle-line:before {
transform: scale(1) rotate(45deg);
}
.owl-rooms .owl-item .diamond-btn {
opacity: 0;
transform: translate(0, 4vh);
-webkit-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
-moz-transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.owl-rooms .owl-item.active .diamond-btn {
opacity: 1;
transform: translate(0, 0);
}
@media only screen and (max-width: 991px) {
.owl-item .middle-line {
margin-top: 3%;
}
}
.blocco-intro .text-vertical {
position: absolute;
top: 0;
left: -1.5vw;
background: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
/* margin-top: 0vh; */
}
.text-vertical h1 {
font-size: 42px;
}
@media (max-width:1280px) {
.text-vertical h1 {
font-size: 35px;
}
}
.blocco-intro .div-pulsanti {
mix-blend-mode: color-dodge;
}
.blocco-intro .div-pulsanti > div {
mix-blend-mode: color-dodge;
padding-left: 7%;
}
.owl-tuttowidth .bottom-vertical {
opacity: 0;
padding-bottom: 10vh;
filter: alpha(opacity=0);
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: -webkit-transform 0ms ease 1300ms, opacity 1300ms ease;
transition: transform 0ms ease 1300ms, opacity 1300ms ease;
}
.owl-tuttowidth .bottom-vertical:after{
content:'';
position:absolute;
height: 140%;
width:100%;
left: 0;
bottom: 0;
z-index: 1;
/* mix-blend-mode: multiply; */
background: -moz-linear-gradient(top, var(--color8) 0%, var(--color7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--color8) 0%, var(--color7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, var(--color8) 0%, var(--color7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000b3', endColorstr='#00000000', GradientType=0); /* IE6-9 */
}
.owl-tuttowidth .active .bottom-vertical {
opacity: 1;
filter: alpha(opacity - 100);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 1300ms ease, opacity 1300ms ease;
transition: transform 1300ms ease, opacity 1300ms ease;
}
.title-decoration {
position: relative;
padding: 0;
}
.title-decoration:before {
content: '';
position: absolute;
top: 47%;
left: 0;
width: 100%;
border-top: 4px double var(--color1);
}
.text-center .title-decoration span {
padding: 0 15px;
}
.bg1 .title-decoration span {
background-color: var(--color2);
}
.bg2 .title-decoration:before {
border-color: var(--color1);
}
.bg2 .title-decoration span {
background-color: var(--color3);
}
.title-decoration{position:relative;}
.title-decoration:before{content:'';position:absolute;top: 55%;left: 0;width:100%;border-top: 4px solid var(--color1);}
.title-decoration:after{content:'';position:absolute;top: 60%;left:0;width:100%;border-top: 2px solid var(--color1);}
.right .title-decoration:before{left: -10px;}
.left .title-decoration:before{left: 10px;}
.title-decoration span{position:relative;display:inline-block;padding:0 15px;background-color: var(--color2);z-index: 5;}
.comfort.right{padding-left:6vh; }
.comfort.left{padding-right:6vh; }
.comfort .title-decoration{padding:0;}
.comfort .triple{border-top: 1px solid var(--color1);padding: 3vh 0 0 0;}
.comfort .title-decoration:after{content:'';background:var(--color1);height: 20px;text-align:center;/* transform:rotate(45deg); */width: 20px;border-radius: 50%;position:absolute;left: -11px;top: 16px;}
.comfort.left .title-decoration:after{left:initial;right: -11px;}
.comfort.right .title-decoration{text-align:right;}
.comfort.right .title-decoration span{position:relative;display:inline-block;padding:0 0 0 15px;}
.comfort.right .triple{float: right;}
.comfort.right ul.triple li *{float:right;text-align:right;}
.layout-4.inverted .comfort ul.triple li span {
/* color:var(--color3) !important; */
}
.comfort.right ul.triple li .mini-icon{margin-right:0;border-radius: 50%;/* background: var(--color1); */}
.comfort ul.triple li .mini-icon:before{
content: '';
display: inline-block;
width: 35px;
height: 35px;
border-radius: 50%;
position: relative;
/* background: var(--color3) !important; */
z-index: 1;
}
.comfort.left ul.triple li .mini-icon:before{
/* background: var(--color8) !important; */
}
@media only screen and (max-width: 1440px){
.mini-icon{width:20px;height:20px;margin-right:10px;}
ul.triple li span{font-size:14px;}
}
@media only screen and (max-width: 991px){
.title-decoration:before{
left: 0 !important;
}
ul.triple li span{font-size:16px;}
.comfort {/* padding:0 30px !important; *//* padding-left: initial !important; */}
.comfort .title-decoration:after{left: initial;right: 0 !important;top: 4px;}
.comfort.right .triple li {
float: left;
}
.comfort.right * {
text-align: left;
}
}
@media only screen and (max-width: 991px){
ul.triple li{width:50% !important;}
}
.slide-webcam .video-container, .slide-webcam .video iframe {
width: 100vw !important;
height: calc(100vw / 1.777) !important;
}
.no-margin {
margin: 0 !important;
}
.text-small {
font-size: 12px !important;
line-height: 1.5;
}
.text-large {
font-size: 15px !important;
line-height: 24px !important;
}
.font-family-alt {
font-family: Montserrat, sans-serif !important;
}
.font-weight-700 {
font-weight: 700 !important;
}
.letter-spacing-2 {
letter-spacing: 2px !important;
}
.border {
border: 1px solid rgba(0, 0, 0, .1) !important;
}
.no-border-bottom {
border-bottom: none !important;
}
.no-border-radius {
border-radius: 0 !important;
}
.display-block {
display: block !important;
}
.ease {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.margin-3 {
margin: 3% !important;
}
.margin-5 {
margin: 5% !important;
}
.no-margin-tb, .no-margin-top {
margin-top: 0 !important;
}
.no-margin-tb {
margin-bottom: 0 !important;
}
.no-margin-rl {
margin-right: 0 !important;
}
.no-margin-left, .no-margin-rl {
margin-left: 0 !important;
}
.position-relative {
position: relative !important;
}
.text-gray-dark-2 {
color: #272727 !important;
}
.border-gray-light {
border-color: #dfdfdf !important;
}
@media (max-width:991px) {
.sm-no-margin {
margin: 0 !important;
}
}
.nav.nav-pills.nav-stacked > li.active > a, .nav.nav-pills.nav-stacked > li.active > a:hover, .nav.nav-pills.nav-stacked > li.active > a:focus {
background-color: #404040;
color: var(--color3);
}
.panel-group .panel {
border: 1px solid var(--color1);
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 17px;
}
.panel-group .panel:last-child {
margin-bottom: 0;
}
.panel-group .panel.active .panel-heading, .panel-group .panel .panel-heading:hover {
background-color: var(--color3);
/* color: var(--color1); */
}
.panel-group .panel .panel-heading:hover a {
color: var(--color3);
}
.panel-group .panel.active .panel-heading .panel-title a {
/* color: var(--color1); */
}
.panel-group .panel.active .panel-heading .panel-title a:before {
color: var(--color3);
}
.panel-group .panel + .panel {
margin-top: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: 1px solid var(--color1);
}
.panel-heading {
background-color: transparent;
border-radius: 0;
padding: 0;
}
.panel-title a {
color: var(--color1);
display: block;
padding: 14px 18px 14px 38px;
position: relative;
}
.panel-title a:before { /* color:#989898; */ content: '\f107';
display: block;
font-family: "FontAwesome", sans-serif;
font-size: 24px;
left: 0;
padding: 6px 15px;
position: absolute;
top: 0;
}
.panel-title a.collapsed:before {
content: '\f105';
}
.panel-body {
padding: 18px 20px 8px;
}
.nav.nav-pills.nav-stacked > li:first-child > a {
border-top-right-radius: 4px !important;
border-top-left-radius: 4px !important;
}
.nav.nav-pills.nav-stacked > li:last-child > a {
border-bottom-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
.nav.nav-pills.nav-stacked > li > a {
color: var(--color1);
padding: 14px 18px;
}
#newsletter a {
/* color: var(--color3); */
}
.label {
background:none;
color:var(--color1);
padding:0;
}
label, .gfield_label {
float: left;
margin-top: 0px;
font-family: var(--font1);
/* color:#585858; */
font-size: 16px;
font-weight: 400;
/* letter-spacing: 1px; */
line-height: 1;
text-transform: uppercase;
padding-bottom: 1px;
margin-bottom: 7px;
text-shadow: none;
/* width: 100%; */
display: inline-block;
}
.form-container label {color: var(--color1);}
#newsletter label {/* color: var(--color3); */font-size: 15px;}
.newsletter .gform_wrapper ul {
width: 100%;
display: inline-block;
text-align: center;
}
.newsletter .gfield_checkbox label {
width: initial;
padding-left: 3px;
float: left;
}
.newsletter .ginput_container.ginput_container_checkbox {
width: initial;
text-align: center;
}
.newsletter input[type=checkbox] {
float: initial;
}
.newsletter .gform_wrapper input[type=checkbox] {
float: left;
}
.gsection {
clear: both;
width: 100%;
height: 3px;
margin: 0 !important;
}
.gsection h2 {
margin: 9px 0 !important;
}
.gform_wrapper form {
margin-bottom: 0;
}
@media (max-width: 768px) {
.gform_wrapper form {
margin: 0 0 10px 0;
}
}
#newsletter .gform_footer.top_label {/* text-align:center; */display: inline-block;}
#newsletter .gform_footer .btn.anim span{
/* color: var(--color3); */
}
#newsletter .gform_footer .btn.anim:before{
/* background: var(--color1) !important; */
}
#newsletter .gform_footer .btn.anim:hover span{
/* color: var(--color1); */
}
#newsletter .btn.anim{
/* border: 2px solid var(--color3); */
/* background: transparent; */
}
#newsletter .btn.anim:hover{
/* border: 2px solid var(--color2); */
/* background: var(--color2); */
}
.newsletter .gfield_checkbox li {
display: inline-block;
width: initial;
float: initial;
}
.height100 {
height: 100%;
min-height: 40vh;
}
.imageBg {
background-size: cover !important;
background-position: center center !important;
width: 100%;
height: 100%;
min-height: 40vh;
}
@media (min-width: 992px) {
.md-bigArrowRight {
-webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
}
@media (max-width: 991px) {
.sm-bigArrowBottom {
-webkit-clip-path: polygon(100% 0, 100% 87%, 50% 100%, 0 87%, 0 0);
clip-path: polygon(100% 0, 100% 87%, 50% 100%, 0 87%, 0 0);
}
}
.footer-app-links {
display: inline-block;
margin-bottom: 10px;
}
.footer-app-links a {
margin: 0 5px 5px 0;
display: inline-block;
}
.footer-app-links .img-app {
width: 167px;
height: 38px;
background-size: contain !important;
background-repeat: no-repeat !important;
}
@media (max-width: 768px) {
.xs-text-center * { /* text-align:center!important; */
}
footer h3 {
font-size: 29px;
}
}
.btn-mini {
margin-right: 5px;
padding: 8px 12px;
border-radius: 0;
font-size: 11px !important;
}
.griglia-alternata .rooms .blocco-testo {
/* background: var(--color3); */
/* min-height: 10vh; */
}
.griglia-alternata .rooms.layout-1 .testo {
padding: 4vw;
/* outline: 2px solid var(--color1); */
outline-offset: -10px;
/* min-height: 36vh; */
}
.layout-9 .blocco-testo.right, .layout-9 .blocco-testo.right * {
text-align: right;
}
.layout-9 .testo {
padding: 18vh 5vw;
}
.scrittona {
height: 24vh;
line-height: 12vh;
font-size: 6.5vw;
letter-spacing: 0;
font-family: var(--font1);
text-transform: uppercase; /* position:absolute; */ /* top: -5vh; */ right: 0;
left: 0;
}
.scrittona > div {
width: 100%;
height: 12vh;
overflow: hidden;
position: absolute;
top: 10vh;
left: 0;
z-index: 2;
-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.scrittona.open > div {
top: 6vh;
}
.scrittona > div:last-child {
top: 11vh;
}
.scrittona > div:last-child span {
top: -11vh;
}
.scrittona.open > div:last-child span {
top: -5vh;
}
.scrittona span {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-weight: 300;
-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (max-width:1439px) {
.scrittona {
right: 90px;
left: 90px;
}
}
@media (max-width: 1199px) {
.scrittona { /* font-size: 7vw; */
}
}
@media (max-width: 991px) {
.scrittona { /* font-size: 6vw; */
}
}
@media (max-width:767px) {
.col-centered{
display:block;
}
.scrittona { /* display:none; */ height: 16vh; /* font-size: 6.5vw; */
}
.scrittona > div {
height: 8vh;
}
.scrittona.open > div {
top: 5.3vh;
}
.scrittona > div:last-child {
top: 11vh;
}
.scrittona.open > div:last-child span {
top: -5.6vh;
}
.map-div {
padding-bottom: 100% !important;
}
}
.top-col1:after, .top-col2:after, .bottom-col1:before, .bottom-col2:before {
content: '';
height: 12vh;
position: absolute;
width: 100%;
z-index: 1;
}
.top-col1:after, .bottom-col1:before {
background-color: var(--color2);
}
.top-col2:after, .bottom-col2:before {
background: var(--color3);
}
.top-col1:after, .top-col2:after {
top: 0;
}
.bottom-col1:before, .bottom-col2:before {
bottom: 0;
}
.scrittona.top-col1 > div {
color: var(--color3);
}
.scrittona.top-col2 > div {
color: var(--color2);
}
.scrittona.bottom-col1 > div:last-child {
color: var(--color3);
background-color: var(--color2);
}
.scrittona.bottom-col2 > div:last-child {
color: var(--color2);
background: var(--color3);
}
@media (min-width: 992px) {
.menuMob { /* display:none; */
}
}
.menuMob {
position: fixed;
top: 0;
width: 100%;
left:initial;
right: -100%;
height: 100vh;
z-index: 997;
background: var(--color2);
-webkit-transition: right 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: right 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: right 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.menuMob.right{
right: 100%;
}
.menuMob.right *{
text-align:right;
}
.menuMob-cont {
overflow-y: scroll;
z-index: 2;
position: absolute;
margin: auto;
left: 50%;
top: 50%;
width: 80%;
transform: translate(-50%, -50%);
}
.menuMob-cont .row-content *{
color: var(--color3);
}
.menuMob-cont .row-content .btn{
margin-top:0;
margin-left: 5px;
}
.menuMob-cont .row-content .btn span{
margin-top:0;
color: var(--color3);
}
.menuMob-cont .row-content .btn:before, .menuMob-cont .row-content .btn:after{
border: 1px solid var(--color3);
opacity: 0.5;
}
.menuMob-cont .row-content{
border-bottom:1px solid var(--color3);
padding-bottom: 30px;
margin-bottom:20px;
}
.menuMob-cont .row-content h2{
padding-bottom: 10px;
}
.menuMob-cont::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.menuMob-cont {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.menuMob-cont ul {
width: 100%;
position: relative;
display: inline-block;
margin: 0;
padding: 0;
/* column-count: 2; */
}
.menuMob-cont ul li {
text-align: left;
padding: 1vh 0;
color: var(--color3);
letter-spacing: 1px;
position: relative;
overflow:hidden;
-webkit-animation: fade-out .4s forwards;
-moz-animation: fade-out .4s forwards;
-ms-animation: fade-out .4s forwards;
animation: fade-out .4s forwards;
}
.is-open .menuMob-cont ul li {
opacity:0;
-webkit-transform:translateY(-40%);
-moz-transform:translateY(-40%);
transform: translateY(-40%);
-webkit-animation: slideDown .4s forwards;
-moz-animation: slideDown .4s forwards;
-ms-animation: slideDown .4s forwards;
animation: slideDown .4s forwards;
}
@-webkit-keyframes fade-out{100%{opacity:0;}}
@-moz-keyframes fade-out{100%{opacity:0;}}
@keyframes fade-out{100%{opacity:0;}}
@-webkit-keyframes slideDown{100%{opacity:1;-webkit-transform:translateY(0%)}}
@-moz-keyframes slideDown{100%{opacity:1;-moz-transform:translateY(0%)}}
@keyframes slideDown{100%{opacity:1;transform:translateY(0%)}}
.menuMob-cont ul li {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
.is-open .menuMob-cont ul li:nth-child(1) {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-ms-animation-delay: .4s;
animation-delay: .4s;
}
.is-open .menuMob-cont ul li:nth-child(2) {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
animation-delay: .6s;
}
.is-open .menuMob-cont ul li:nth-child(3) {
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-ms-animation-delay: .8s;
animation-delay: .8s;
}
.is-open .menuMob-cont ul li:nth-child(4) {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
animation-delay: 1s;
}
.is-open .menuMob-cont ul li:nth-child(5) {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.is-open .menuMob-cont ul li:nth-child(6) {
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-ms-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.is-open .menuMob-cont ul li:nth-child(7) {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
-ms-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.is-open .menuMob-cont ul li:nth-child(8) {
-webkit-animation-delay: 1.8s;
-moz-animation-delay: 1.8s;
-ms-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.menuMob-cont ul li a {
color: var(--color3);
font-weight: 300;
position: relative;
width: 100%;
/* white-space: inherit; */
/* display: inline-block; */
font-family: var(--font1);
text-transform: uppercase;
font-size: 45px;
line-height: 1;
}
.menuMob-cont ul li a:after {
content: '';
height: 2px;
width: 0;
position: absolute;
left: 0;
/* right: 100%; */
/* transform: translate(-25%, 0); */
bottom: 0;
background-color: var(
--color2);
margin-top: 2px;
}
.menuMob-cont ul li.current-menu-item a:after {
width: 100%;
/* right: 0; */
}
.menuMob-cont ul li a:hover:after {
width: 100%
}
.nav-langMob {
margin-top: 20px;
border-top: 2px solid var(--color3);
width: initial !important;
}
.nav-langMob li {
width: 80px;
float: left;
display: inline-block;
margin-top: 10px;
}
.nav-langMob li:after {
content: '';
height: 50%;
width: 1px;
position: absolute;
right: 0;
top: 20%;
bottom: 20%;
background-color: var(--color3);
margin-top: 2px;
}
.nav-langMob li:last-child:after {
display: none;
}
.menuMob .divBg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.menuMob .divBg img {
z-index: 1;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); /* display: none; */ opacity: 0;
}
.menuMob .divBg img.active {
z-index: 2;
opacity: 1; /* display: block; */
}
.menuMob .divBg img.active.activeFirst {
z-index: 3;
}
.menuMob .divBg:before {
content: '';
position: absolute;
right: 50%;
top: 0;
bottom: 0;
left: 0;
background: -moz-linear-gradient(right, var(--color4) 0%, rgb(137 103 82 / 0%) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right, var(--color4) 0%, rgb(137 103 82 / 0%) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, var(--color4) 0%, rgb(137 103 82 / 0%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e120ecc', endColorstr='#1e120e00', GradientType=0); /* IE6-9 */
mix-blend-mode: multiply;
opacity: 0.85;
z-index: 2;
}
.menuMob .logo-multiply {
content: '';
position: absolute;
width:50%;
height: 85%;
left:50%;
bottom: -41%;
background-color: rgb(55 53 54 / 45%);
background-repeat:no-repeat !important;
mix-blend-mode: overlay;
opacity: 0.5;
/* z-index: 2; */
}
@media (max-width: 991px) {
.menuMob .logo-multiply {
width: 80%;
height: 50%;
left: 10%;
bottom: -24%;
background-position: center !important;
}
}
.menuMob.right .logo-multiply {
left:2%;
}
.navbar-brand {
float:left;
/* width: 155px; */
/* height: 159px; */
left: 3vw;
/* transform: translate(-50%, 0); */
padding: 0;
/* font-size: 18px; */
/* line-height: 20px; */
z-index: 4;
margin: 10px 0 0 0;
}
.rif.left .line-vertical {
position: absolute;
width: 1px;
height: 0px;
top: 90px;
background-color: var(--color1);
opacity: 0;
left: 50%;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
z-index:2;
}
.rif.left .navbar-brand {
position: absolute;
width: 100%;
height: 90px;
top: 270px;
padding: 0;
margin: 0;
transform:translate(0,-40%);
opacity:0;
pointer-events: none;
z-index:2;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (max-width: 991px) {
.rif.left .line-vertical, .rif.left .bg {
display:none;
}
}
.sticky.header .rif.left .navbar-brand {
transform:translate(0,0);
opacity:1;
pointer-events: initial;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
}
@media (max-width: 991px) {
.header .rif.left .navbar-brand {
transform:translate(-50%,0) !important;
top: 15px;
left:50%;
opacity:1;
pointer-events: initial;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
}
.header .rif.left .language {
top: 15px !important;
right:80px !important;
transform:translate(0,0) !important;
opacity: 1 !important;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
}
.sticky.header .rif.left .line-vertical {
height: 70px;
opacity:1;
-webkit-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
-moz-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
}
.sticky.header .rif.left .language {
transform:translate(0,0);
opacity:1;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
}
.navbar-brand.navbar-brand-out {
width: 185px;
height: 158px;
left: 2%;
transform: initial;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
z-index: 3;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none;
}
.navbar-default .navbar-brand {
/* color: #777; */
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent;
}
.logo {
background-repeat: no-repeat !important;
width: 100%;
height: 100%;
position: absolute;
background-size: contain !important;
background-position: center !important;
}
.header .logo {
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.header .logo.mobile {
opacity: 0 !important;
}
.header .shop .logo.mobile {
opacity: 1 !important;
}
.header .rif.left .logo {
opacity: 1;
}
.header .logo.logo-in {
opacity: 1;
min-height: 60px;
}
.header .logo.logo-out {
opacity: 0;
/* height: 50px; */
}
.menuPrincipale {
padding: 20px;
-webkit-transition: padding 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: padding 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: padding 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.sticky .menuPrincipale {
padding: 0;
}
.menuPrincipale {
display: none;
}
@media (min-width: 992px) {
.logo-out {
/* width: 235px !important; */
/* height: 50px !important; */
}
.sticky.header .logo.logo-out {
opacity: 1;
}
.sticky.header .logo.logo-in {
opacity: 0;
/* height: 70px; */
min-height: initial;
}
}
.navbar-brand {
height: 100px;
width: 240px;
}
.sticky .navbar-brand {
height: 65px;
width: 150px;
}
.sticky .navbar-brand.navbar-brand-out {
height: 70px;
width: 240px; /* left:2%; */ padding: 10px 0;
}
.nav {
margin-right: 0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.header-nav {
margin: 36px 20px 0 0;
}
.navbar .nav-lang ul li {
padding: 0;
}
.navbar .nav-lang li {
color: #fff !important;
font-size: 14px;
font-weight: 700;
line-height: 1;
letter-spacing: 2px;
border: 0;
text-transform: uppercase;
padding: 8px 3%;
display: block;
cursor: pointer;
}
@media (max-width:1200px) {
.nav-lang {
font-size: 11px;
}
.navbar .nav-lang > li {
font-size: 11px;
}
.navbar .nav-lang ul li {
padding: 0px !important;
}
.navbar .nav-lang ul li a {
padding: 6px 7px 6px 8px !important;
}
.navbar .nav-lang > li span:after {
top: 13px !important;
}
}
.nav-lang {
padding: 0px 15px 0 10px;
}
.navbar .nav-lang > li span {
padding: 5px 15px 4px 8px;
outline: 1px solid var(--color3);
width: 100%;
font-family: 'itc_avant_garde_std';
display: inline-block;
text-shadow: 0 0 5px var(--color1);
}
.navbar .nav-lang > li span:after {
content: '\f0d7';
font: 13px "fontawesome", monospace;
color: var(--color3);
right: 9%;
top: 14px;
padding: 0 0 2px;
position: absolute;
pointer-events: none;
}
.navbar .nav-lang .dropdown-menu {
min-width: 1px;
padding: 0;
text-align: center;
}
.navbar .nav-lang .dropdown-menu a {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.navbar.sticky .nav-lang > li span {
text-shadow: none;
}
.navbar.sticky .nav-lang > li span:after {
color: #f8f8f8;
}
.navbar.sticky .nav-lang li {
color: #f8f8f8 !important;
}
.navbar .navbar-move {
position: absolute;
width: 100%;
height: 90px;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* background: var(--color3); */
/* border-bottom: 1px solid var(--color1); */
-webkit-transition: top 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: top 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: top 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.navbar.sticky .navbar-move {
top:0;
/* height: 100px; */
/* width: 100px; */
}
.navbar .navbar-bg {
position: absolute;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
/* background: var(--color2); */
/* pointer-events: none; */
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;
-moz-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;
}
.navbar .navbar-bg:after {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 0;
bottom: -160px;
right: 0;
pointer-events: none;
opacity: 1;
mix-blend-mode: multiply;
background: -moz-linear-gradient(top, var(--color4) 0%, rgb(137 103 82 / 0%) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--color4) 0%, rgb(137 103 82 / 0%) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, var(--color4) 0%, rgb(137 103 82 / 0%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e120ecc', endColorstr='#1e120e00', GradientType=0); /* IE6-9 */
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
-moz-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
z-index: 1;
}
.navbar.sticky .navbar-bg {
padding: 0;
background: var(--color3);
}
.navbar.sticky .navbar-bg:after {
opacity: 0;
}
body.open .navbar .navbar-move {
top: 0px;
}
.navbar-default {
background: transparent;
border: 0;
border: 0;
width: 100%;
margin: 0;
padding: 0;
height: 90px;
-webkit-filter: drop-shadow(0 0 15px var(--color5));
filter: drop-shadow(0 0 10px var(--color5));
z-index: 999;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.navbar-default.sticky {
border: 0;
/* height: 70px; */
z-index: 999;
margin-top: 0;
padding: 0;
/* background: var(--color3); */
}
.navbar.sticky .navbar-bg:after {
bottom: -10px;
}
.navbar .nav ul {
position: absolute;
display: none;
top: 39px;
right: 3%;
padding: 0;
z-index: 201;
margin: 0;
border: 0;
width: 94% !important;
border-radius: 0;
background-color: var(--color3);
box-shadow: none;
}
@media (max-width:1200px) {
.navbar .nav ul {
top: 37px;
}
}
.navbar .nav li:hover > ul {
display: block;
}
.navbar .nav ul li {
width: 100%;
}
.navbar ul li {
float: left;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.wpmenucart{
/* margin-top:9px; */
}
.navbar ul li.inverted {
background: var(--color1);
}
.navbar ul li.active {
background: none;
position: relative;
}
.navbar ul li:hover {
background: none;
color: var(--color3);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.navbar ul li.inverted:hover {
background: #004698;
}
.navbar ul li.inverted:hover > a {
color: var(--color3);
}
.navbar ul li.inverted > a:hover {
color: #fff !important;
}
.navbar-default.sticky .navbar-nav > .active > a {
color: #a7dffa !important;
background: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: var(--color3);
background-color: transparent !important;
}
.navbar-default.sticky .navbar-nav > .active > a, .navbar-default.sticky .navbar-nav > .active > a:focus, .navbar-default.sticky .navbar-nav > .active > a:hover, .navbar-default.sticky .navbar-nav > li > a:hover {
color: #a7dffa;
background-color: transparent !important;
}
.navbar ul li a:after {
content: '';
height: 2px;
width: 0;
position: absolute;
left: 0;
bottom: -2px;
background-color: var(--color3);
margin-top: 2px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
-webkit-filter: drop-shadow(0 0 5px var(--color1));
filter: drop-shadow(0 0 5px var(--color1));
}
.navbar ul ul li a:after {
display: none;
}
.navbar ul li:hover > a:after, .navbar ul li.active > a:after { /* width:100%; */
}
.navbar ul li.inverted:hover > a:after {
display: none;
}
.navbar ul li a {
font-size: 14px;
color: var(--color3);
/* font-family:'itc_avant_garde_std'; */
text-transform: uppercase;
margin: 7px 13px;
padding: 0;
display: block;
cursor: pointer;
}
@media (max-width:1280px) {
.navbar ul li a, .navbar .nav-lang li {
font-size: 12px;
}
.navbar ul li a {
margin: 10px 8px;
}
.navbar-default .navbar-nav > li.inverted > a {
margin: 18px 23px 16px !important;
}
}
.navbar-default .navbar-nav > li > a {
color: var(--color3);
font-weight: 700;
text-shadow: 0 0 5px var(--color1);
letter-spacing: 2px;
}
.navbar-default .navbar-nav > li.inverted > a {
color: var(--color3);
font-weight: 600;
margin: 15px 23px;
text-shadow: none;
letter-spacing: 2px;
}
.navbar.sticky ul li a {
/* color: var(--color3); */
text-shadow: none;
}
.navbar ul li.inverted * {
text-align: center;
}
.navbar ul li ul li {
background: none;
line-height: 20px;
}
.navbar ul li ul li:last-child {
border-bottom: 0;
}
.navbar ul li ul li a {
display: inline-block;
width: 100%;
height: 100%;
font-size: 12px;
font-weight: 700;
padding: 8px 20px;
white-space: initial;
margin: 0;
color: var(--color1);
/* color: #F7F6F4 !important; */
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
border: 0;
}
.navbar ul li ul li a:before {
content: '';
position: absolute;
width: 86%;
left: 7%;
height: 1px;
bottom: 0;
background-color: var(--color1);
}
.navbar ul li ul > li:last-child a:before {
display: none;
}
.navbar ul li ul li:last-child a {
border-bottom: none;
}
.navbar ul li ul li a:hover {
color: #fff !important;
background: var(--color1);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.menuPrincipale .line-bottom {
display: inline-block;
margin-top: 5px;
margin-right: 10px;
}
@media (max-width: 991px) {
.navbar .navbar-move {
height: 60px !important;
}
.sticky.navbar .navbar-bg:after {
/* background: -moz-linear-gradient(top, var(--color3) 0%, rgba(0 0 0 / 40%) 100%); */ /* FF3.6-15 */
/* background: -webkit-linear-gradient(top, var(--color3) 0%, rgba(0 0 0 / 40%) 100%); */ /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom, var(--color3) 0%, rgb(0 0 0 / 40%) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
}
@media (max-width:768px) {
.sticky .logo { /* width:155px; */ /* height:44px; */
}
}
@media (max-width:1200px) {
.navbar ul li a {
font-size: 11px;
}
}
@media (max-width: 991px) {
.navbar-default{
height:70px;
}
.navbar .navbar-bg {
/* background: var(--color3); */
}
.hamb {
height: 60px !important;
padding: 16px 15px !important;
}
}
@media (min-width: 992px) {
.hamb, .booknow, .altrihotel { /* display:none; */
}
}
@media (max-width: 991px) {
.sticky .navbar .navbar-bg:after {
/*display: none;*/
bottom: 0 !important;
}
.navbar .navbar-bg {
/* box-shadow: 0 0 4px 1px rgba(0, 0, 0, .125); */
}
.carrello-header, .header .rif.booking {
display:none;
}
.navbar-brand {
height: 50px;
width: 120px;
margin: 10px 0 0 0;
}
.sticky .navbar-brand {
width: 100px !important;
height: 54px !important;
/* left: 15px; */
/* transform: initial; */
margin: 4px 0 0 0;
/* padding: 10px !important; */
/* top: 0; */
}
.header .logo {
/* width: 72px; */
/* height: 50px; */
}
.header .logo {
min-height: initial !important;
/* opacity: 0 !important; */
}
.header .logo.logo-in {
opacity: 1;
/* min-height: 130px; */
}
.sticky.header .logo.logo-in {
opacity: 0;
}
.sticky.header .logo.logo-out {
opacity: 1;
}
.header .logo.mobile {
opacity: 1 !important;
}
.header .rif {
top: 0 !important;
right: 0 !important;
}
.header .rif.left {
right: initial !important;
left: 0 !important;
}
.header .rif.right {
right: 80px !important;
}
.header .language {
padding: 5px 12px 0 12px !important;
}
.menuMob.right *{
text-align:center;
}
.menuMob.right .logo-multiply {
left: 10%;
}
}
.hamb {
position: relative;
/* right: 0; */
/* top: 20px; */
float: right;
text-align: center;
height: 70px;
padding: 20px;
/* background: var(--color1); */
z-index: 3;
display: inline-block !important;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.hamb:before{
content: "";
position: absolute;
width: calc(100% - -1px);
height: calc(100% - -1px);
top: calc(1px/-1);
left: calc(1px/-1);
background: linear-gradient(to right, var(--color3) 0%, var(--color3) 100%), linear-gradient(to top, var(--color3) 50%, transparent 50%), linear-gradient(to top, var(--color3) 50%, transparent 50%), linear-gradient(to right, var(--color3) 0%, var(--color3) 100%), linear-gradient(to left, var(--color3) 0%, var(--color3) 100%);
background-size: 100% 1px, 1px 200%, 1px 200%, 0% 1px, 0% 1px;
background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
background-repeat: no-repeat, no-repeat;
transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
transform: scaleX(0) rotate(0deg);
transition-delay: 0.4s, 0.2s, 0s;
}
.sticky .hamb:before{
background: linear-gradient(to right, var(--color1) 0%, var(--color1) 100%), linear-gradient(to top, var(--color1) 50%, transparent 50%), linear-gradient(to top, var(--color1) 50%, transparent 50%), linear-gradient(to right, var(--color1) 0%, var(--color1) 100%), linear-gradient(to left, var(--color1) 0%, var(--color1) 100%);
background-size: 100% 1px, 1px 200%, 1px 200%, 0% 1px, 0% 1px;
background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
background-repeat: no-repeat, no-repeat;
}
.hamb:hover:before, .hamb.is-open:before, .sticky .rif.left .hamb:hover:before {
background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px;
background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
transform: scaleX(1) rotate(0deg);
transition-delay: 0s, 0.2s, 0.4s;
}
.hamb * {
text-align: center;
}
.hamb .lines {
position: relative;
top: -20px;
left: 0;
width: 60px;
/* height: 2px; */
display: inline-block;
/* background: var(--color1); */
transition: all .25s ease 0s;
}
.hamb .lines:before, .hamb .lines:after {
content: '';
position: absolute;
left: 0;
/* top: 70px; */
width: 100%;
height: 1px;
display: inline-block;
background: var(--color3);
-webkit-transform-origin: 11px center;
transform-origin: 11px center;
-webkit-transition: trans-prefix(all, .25s ease 0s, webkit);
transition: all .25s ease 0s;
}
.sticky .hamb .lines:before, .sticky .hamb .lines:after {
display: inline-block;
background: var(--color1);
}
.hamb .lines:before {
top: 4px;
}
.hamb .lines:after {
top: -6px;
}
.hamb .txt-label {
position: absolute;
bottom: 14px;
width: 80%;
left: 10%;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: var(--color3);
/* display: none; */
}
.hamb .txt-label.open {
/* display:block; */
float: initial;
opacity: 1;
line-height: 1;
}
.hamb .txt-label.close {
display: none;
float: initial;
opacity: 1;
line-height: 1;
text-shadow: none;
}
.sticky .txt-label {
position: absolute;
bottom: 14px;
width: 80%;
left: 10%;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: var(--color1);
/* display: none; */
}
.header .rif.left .language {
position: absolute;
top: 150px;
transform:translate(0,-40%);
opacity:0;
z-index:2;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header .rif.left .bg {
width: calc(100% - -40px);
left: -20px;
height: 0;
position:absolute;
background:var(--color2);
box-shadow: 0 0 100px var(--color4);
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sticky.header .rif.left .bg {
height:100%;
}
@media (min-width: 992px) {
.header .rif.left {
/* height:50vh; */
/* min-height: 500px; */
}
.sticky .rif.left .hamb .lines, .sticky .rif.left .hamb .lines:before, .sticky .rif.left .hamb .lines:after{
/* background: var(--color1); */
}
.sticky .rif.left .hamb span{
/* color: var(--color1); */
}
.sticky.header .language a {
/* color: var(--color1); */
/* pointer-events:initial; */
}
}
.booknow, .altrihotel {
position: absolute;
/* width: 90%; */
margin-right: 10px;
top: 16px;
/* height: 70px; */
right: 80px;
/* width: calc(100% - 180px); */
float: right;
/* background:var(--color1); */
text-align: center;
color: var(--color1);
z-index: 3;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.altrihotel {
float: left;
}
.booknow a, .altrihotel a {
padding: 10px 15px 14px 15px;
}
.booknow a, .booknow a span, .booknow a:focus span {
color: var(--color3);
background: initial;
font-size: 14px;
letter-spacing: 1px;
font-weight: 600;
line-height: 1;
text-align: center;
width: 100%;
/* height:100%; */
position: relative;
/* padding: 0; */
min-width: initial;
margin-top: 6px !important;
display: inline-block;
white-space: nowrap;
text-transform: uppercase;
}
.sticky .booknow a,.sticky .booknow a span, .sticky .booknow a:focus span {
color: var(--color1);
}
.sticky .booknow a:hover span {
color: var(--color3);
}
.booknow a{
/* font-size:30px; */
}
.booknow a:before{
content: '';
width: 1px;
position: absolute;
height: 20px;
right: -14px;
top: 13px;
background: var(--color3);
}
.sticky .booknow a:before {
background: var(--color1);
}
.sticky .booknow a, .sticky .booknow a span {
/* color: #8395a7; */
}
.booknow:hover *, .altrihotel:hover * {
/*color: var(--color1);*/
}
.booknow:hover, .hamb:hover {
/* background: var(--color1); */
}
.sticky .booknow:hover, .sticky .hamb:hover {
background: transparent;
/* outline: 1px solid var(--color1); */
}
.booknow a span {
/* margin-top: 3px; */
}
.booknow .fa {
width: 100%;
font-size: 18px;
margin-bottom: 4px;
line-height: 1;
text-align: center;
}
.hamb.is-open .lines {
background: 0 0 !important;
left: 14px;
top: -12px;
}
.hamb.is-open .lines:before, .hamburger.is-open .lines:after {
top: -6px;
left: 1px;
width: 30px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hamb.is-open .lines:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.hamb.is-open .lines:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
top: -3px;
left: 3px;
width: 30px;
}
.hamb.is-open .txt-label.open {
display: none;
}
.hamb.is-open .txt-label.close {display:block;}
.header .rif {
position: absolute;
/* width: calc(100% - 210px); */
top: 10px;
right: 10px;
z-index: 3;
}
.header .rif.left {
/* min-height: 500px; */
right: initial;
left: 20px;
}
.header .rif.right {
position: absolute;
top: 0px;
left: initial;
right: 20px;
height: 100%;
/* width: calc(90% - 110px); */
}
@media (min-width: 1440px){
.header .rif.right {
/* width: calc(75% - 110px); */
}
}
.sticky.header .rif {
/* top: 0; */
/* left: 0; */
}
.menuMob.is-open {
right: 0;
}
.map-containerdiv {
max-width: 1000px; /* min-height: 70vh; */ width: 100%;
margin: 0 auto;
padding-top: 10vh;
outline: 2vh solid var(--color3);
}
#map { /* position: absolute; */ /* height: 100%; */ /* width:100%; */ /* left: 0; */ /* right: 0; */ /* bottom: 0; */ /* top: 0; */ height: 75vh;
}
#map-leaflet {
background: #e2dedb;
}
.map-contatti {
height:100%;
}
.map-contatti #map{
height:100%;
}
.map-container {
padding: 0 0 15vh 0;
}
.map-div {
position: relative;
/* height: 75vh; */
/* width: 100%; */
padding-bottom: 74.21875%;
}
.map-container .abs {
position: absolute !important;
}
.map-container .abs img {
object-fit: initial;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 0;
}
.leaflet-popup-content {
margin: 20px;
line-height: 1;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
}
.leaflet-container a.leaflet-popup-close-button {
top: -12px;
right: 2px;
color: var(--color1);
width: 10px;
height: 20px;
font-size: 30px;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: var(--color1);
}
.leaflet-container h1, .leaflet-container h2, .leaflet-container h3, .leaflet-container h4{
color: var(--color1);
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 5px !important;
letter-spacing: 1px;
line-height: 1;
}
.leaflet-container .address {
padding-top: 5px !important;
}
.leaflet-container a {
/* color: var(--color1); */
}
.leaflet-container a.btn {
color: var(--color3) !important;
background: var(--color1) !important;
margin-left: 0 !important;
padding: 10px 18px;
margin-top: 10px;
border-radius: 0;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px !important;
}
.leaflet-container a.btn:hover {
/* color: #ffffff !important; */
background: var(--color1) !important;
outline: none !important;
}
.leaflet-popup-content p {
margin: 8px 0 !important;
}
.textbox {
margin-top: 10px;
display: inline-block;
width: 100%;
position: relative;
/* min-height: 111px; */
z-index: 2;
}
.textbox .alignleft {
width: 50%;
margin: 0;
}
.textbox .alignright {
width: 50%;
margin: 0;
text-align: right;
/* font-size: 10px; */
}
.textbox .alignright * {
text-align: right;
}
.textbox * {
color: var(--color1);
}
.textbox .icons, .textbox .icons * {
display: inline-block;
/* float: right; */
}
.textbox .icons {
margin-top: 0;
margin-left: 15px;
}
.rooms.container-fluid {
margin: auto 5%;
}
.no-minheight {
min-height: initial !important;
}
.carosello-new .line {
top: 0;
bottom: initial;
}
.carosello-new .line:before {
position: absolute;
left: calc(50% - 2px);
}
.modal-dialog {
/* width: 65%; */
/* margin: 120px auto; */
/* z-index: 9999999; */
}
@media only screen and (max-width: 768px) {
.modal-dialog {
/* width: 90%; */
}
}
.modal .close {
opacity: 1;
text-shadow: none;
border: 0;
}
.modal .close:focus, .modal .close:hover {
color: var(--color3);
text-decoration: none;
outline: none;
opacity: 1;
}
.modal-header {
padding-bottom: 0;
border: none;
height: 0;
padding: 0;
margin: 0;
}
.modal-header button {
border-bottom: 0px;
position: absolute;
top: 0;
right: -55px;
width: 37px;
height: 37px;
z-index: 2;
background-color: transparent;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.modal-header button:after {
content: '';
position: absolute;
background: url(img/close.svg);
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.modal-header button:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.modal-content {
border-radius: 0px;
padding: 4vw;
word-wrap: break-word;
outline: 1px solid var(--color1);
outline-offset: -2vw;
}
.modal {
text-align: center;
}
@media all and (max-width: 480px) {
.modal.booking .modal-dialog {
/* width: 90%; */
font-size: 13px;
}
.booknow {
width: 100px;
text-align: center;
}
.booknow a, .booknow a span {
/* font-size: 10px; */
}
.booknow a {
/* padding: 20px 10px 22px 10px; */
}
.booknow a:before {
height: 21px;
top: 25px;
}
}
@media screen and (min-width: 768px) {
.modal:before {
/* display: inline-block; */
/* vertical-align: middle; */
/* content: " "; */
/* height: 100%; */
}
}
.modal-dialog {
/* display: inline-block; */
/* text-align: left; */
/* vertical-align: middle; */
}
.modal.booking .modal-header {
height: 0;
padding: 0;
margin: 0;
}
.modal.booking .modal-dialog .modal-content {
background: none;
box-shadow: none;
border: 0;
padding: 0;
background: var(--color3);
outline: 2px solid var(--color3);
outline-offset: -8px;
}
.modal.booking .modal-dialog .modal-content:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0px;
background: var(--color3);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
z-index: -1;
}
.modal.booking .modal-dialog .modal-content .modal-body {
padding: 0;
z-index: 20;
position: relative;
display: inline-block;
width: 100%;
/* overflow: hidden; */
}
.modal.booking .modal-dialog {
/* width: 60%; */
}
.modal.booking .modal-dialog .modal-content .modal-body .div-mascherina {
padding: 4vh;
}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo {
background-color: var(--color2);
overflow: hidden;
}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo * { /* color:#F7F6F4; */
}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo h3 {
margin-top: 0;
}
@media (max-width: 991px) {
.altrihotel{
display:none;
}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo:after {
display: none;
}
.modal.booking .modal-dialog .modal-content .modal-body .custom {
padding-bottom: 0;
}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo {
padding: 20px !important;
}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:after, .modal.booking .modal-dialog .modal-content .modal-body .div-testo:before {
display: none;
}
}
@media (min-width: 992px) {
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo {
border-right: 0;
}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo div {
position: relative;
}
}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{
content: " ";
height: 100%;
width: 20px;
position:absolute;
right: 50%;
top:0;
background: var(--color3);
z-index:1;
}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:after {
left: auto;
right: 50%;
top: 50%;
bottom: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
/* max-height: 100%; */
position: absolute;
pointer-events: none;
border-color: var(--color3);
border-left-color: var(--color2);
border-width: 100px 0 100px 20px;
margin-top: -100px;
z-index:2;
}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo ul li {
margin: 15px 0;
}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo {
padding: 2vw;
/* padding-right:calc(30px - -4vw); */
}
.modal.booking .sb ul {
width: 100%;
}
.modal.booking .sb__form-field-input {
height: 90px !important;
border-radius: 0 !important;
padding: 16px 16px 16px 16px;
width: 100% !important;
}
.modal.booking span.sb__form-field-date-number {
font-size: 80px !important;
line-height: 0.7;
height: 50px;
font-weight: 400;
/* font-family: var(--font1); */
}
.modal.booking .sb__btn--verify {
text-transform: uppercase;
font-size: 16px !important;
font-weight: 600;
letter-spacing: 1px;
height: 89px !important;
text-align: center;
border-radius: 0 !important;
}
.modal.booking .sb__form-field-icon .icon {
width: 40px;
height: 100%;
}
.modal.booking .sb__footer {
display: none;
}
.modal.booking .sb__form-field-label, .sb__form-field > span {
/* color: #fff !important; */
}
.modal.booking .sb-custom-label-color {
text-shadow: 0 0 3px rgba(43, 42, 40, 0.7) !important;
}
.modal.booking .sb__guests * {
font-weight: 400;
}
.modal.booking .sb__form-field-label {
text-shadow: none !important;
font-size: 18px;
font-weight: 400;
line-height: 1;
margin-bottom: 10px;
color: var(--color1) !important;
}
.modal.booking .sb-screen-xs .sb__dates .sb__form-field {
width: 100% !important;
margin-top: 20px !important;
}
.modal.booking .sb__form-field-weekday, .sb__form-field-rooms {
font-size: 14px;
line-height: 1;
}
.modal.booking .sb__form-field-icon {
position: absolute;
top: 20px;
right: 20px;
height: 48px;
width: 40px;
}
.header .language .language-options li:hover {
background: var(--color3);
}
.header .language .language-options li:hover a {
color: var(--color1);
}
.header .language {
position: relative;
float: right;
text-align: center;
font-family: var(--font1);
text-transform: uppercase;
z-index: 3;
padding: 23px 12px 0 12px;
}
@media (min-width:768px) {
.header .language { /* right:30px; */
}
}
.header .language a {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
color: var(--color3);
text-align: center;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
}
.sticky.header .language > a {
color: var(--color1);
}
.header .language:hover ul {
display: block;
}
.header .language ul a {
height: 25px;
line-height: 2;
/* width: 70px; */
margin: 7px 12px;
}
.header .language .language-options {
display: none;
position: absolute;
top: 99.9%;
left: 0;
width: 100%;
padding: 0;
}
.header .language .language-options li {
width:100%;
}
.header .language .language-options:before {
content: '';
position: absolute;
top: -1px;
width: 100%;
height: 1px;
background: var(--color1);
z-index: 2;
}
.header .language .language-options {
background: var(--color1);
}
.header .language .language-options.active {
display: block;
}
.header .language ul a {
color: var(--color3);
}
/*Default styles for Gravity Forms form-container class*/
.form-container ul.gfield_checkbox li input[type=checkbox]:checked + label, .form-container ul.gfield_checkbox li input[type=checkbox]:not(:checked) + label {
margin-left: 19px;
font-weight: 400;
font-size: 15px;
}
/*Custom subscribe box for .form-container class*/
.form-container [type="checkbox"]:not(:checked), .form-container [type="checkbox"]:checked {
position: absolute !important;
left: -9999px;
}
.form-container [type="checkbox"] + label {
position: relative !important;
padding-left: 2em !important;
cursor: pointer !important;
}
.form-container [type="checkbox"] + label:before {
content: '';
position: absolute;
left: 0;
top: -3px;
width: 20px;
height: 20px;
border: 1px solid var(--color1);
background: transparent;
/* box-shadow: inset 0 1px 3px rgba(0,0,0,.1); */
padding: 2px;
}
#newsletter .form-container [type="checkbox"]:not(:checked) + label:before, #newsletter [type="checkbox"]:checked + label:before {
/* border: 2px solid var(--color2); */
}
.form-container [type="checkbox"] + label:after, #newsletter [type="checkbox"]:checked + label:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
top: 1px;
left: 4px;
font-size: 1.3em;
line-height: 0.8;
background-color: var(--color1);
transition: all .2s;
}
/* checked mark aspect changes */
.form-container [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
.form-container [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
.form-container [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.form-container [type="checkbox"]:disabled:checked + label:after {
color: #999;
}
.form-container [type="checkbox"]:disabled + label {
color: var(--color1);
}
@media only screen and (max-width: 1440px) {
.textbox {
font-size: 16px;
/* min-height: 93px; */
}
.owl-rooms h2 {
font-size: 28px;
}
.mini-icon, .bandiera-icon {
width: 14px;
height: 23px;
margin-right: 6px;
/* margin-top: -4px; */
}
ul.triple li span {
font-size: 16px;
}
h1 {
font-size: 80px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 25px;
}
body {
/* font-size: 15px; */
/* line-height: 1.4; */
}
.layout-10 .blocco-testo > div {
padding-bottom: 10vh;
}
.diamond-btn {
font-size: 18px;
}
.modal.booking .modal-dialog {
/* width: 70%; */
}
.menuMob-cont ul li a {
font-size: 45px;
}
.layout-9, .layout-9 > div, .layout-10, .layout-10 > div {
min-height: initial;
}
}
@media only screen and (max-width: 1280px) {
#owl-offerte.owl-carousel {
/* width:75%; */
}
.map-div { /* min-height: 55vh; */
}
.map-section { /* height: 55vh; */
}
h1 {
font-size: 65px;
}
h2 {
/* font-size: 28px; */
}
.layout-9 .blocco-tondo, .layout-10 .blocco-tondo {
top: -10vh;
}
}
@media only screen and (max-width: 991px) {
.booknow {
display:none;
}
.hamb:before{display:none}
.map-div { /* min-height: 55vh; */
}
.map-section {
/* height: 55vh; */
}
.header .language a, .booknow a, .booknow a span {
/* color: var(--color1); */
font-size: 12px;
}
.booknow a:before {
/* background: var(--color1); */
}
.header .language .language-options {
/* line-height: 25px; */
}
.sticky.header .language a {
/* color: var(--color1); */
}
.header .language-options a {
/* color: #fff !important; */
}
.header .language .language-options {
display: none;
position: absolute;
/* top: 61px; */
left: 0;
}
.header .language .language-options:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 1px;
background: var(--color3);
z-index: 2;
}
.header .language .language-options {
/* background: var(--color1); */
}
.map-container {
padding: 0 0 10vh 0;
}
.griglia-alternata .layout-1 .testo {
padding: 5vh 10vw !important;
}
.griglia-alternata .layout-1 .left .testo {
/* padding: 6vh 0; */
/* text-align: left; */
}
.griglia-alternata .rooms.layout-1 .testo {
padding: 4vh 7vw !important;
/* text-align: left; */
/* border: none; */
/* outline: 2px solid var(--color1); */
/* outline-offset: -10px; */
}
.griglia-alternata .rooms .blocco-testo {
transform: initial !important;
}
#main-container .griglia-alternata .rooms .pittogramma {
/* position: relative !important; */
/* left: 5vw !important; */
/* margin-bottom: 4vh; */
display: none;
}
.owl-gallerygriglia-cont, .rooms .owl-gallerygriglia-cont > div {
min-height: 35vh;
}
.layout-toppage .owl-gallerygriglia-cont {
min-height: initial;
}
.owl-gallerygrigliathumb {
position: relative; /* display: inline-block !important; */ height: 15vh;
}
.owl-gallerygriglia-cont, .owl-gallerygriglia {
position: relative;
height: 55vh;
}
.griglia-alternata .line {
/* position: relative; */
/* bottom: initial; */
/* margin-top: 10%; */
}
.griglia-alternata .line.open {
/* width: 100% !important; */
}
.griglia-alternata .layout-1 .line.open{
height: 90%;
top: 5%;
bottom: initial;
}
label {
font-size: 13px !important;
}
.modal.booking label {
width:100%;
}
.textbox .alignleft, .textbox .alignright, .textbox .alignleft * {
width: 100%;
text-align: center;
}
.textbox .icons {
margin: 0 10px;
}
.owl-rooms h2 {
font-size: 28px;
padding-bottom: 2px;
}
.text-rooms .pittogramma {
display: none !important;
}
.footer-copyright {
/* padding: 0 0 4vw 0; */
}
.footer-riferimenti {
padding: 3vh 0;
}
.hamb .lines, .hamb .lines:before, .hamb .lines:after { /* background: var(--color1); */
}
.hamb .lines {
top: -13px;
}
.hamb.is-open .lines {
top: -9px;
}
.hamb .txt-label {
bottom: 11px;
/* color: var(--color1); */
}
.navbar-brand {
left: 3%;
transform: initial;
}
.menuMob-cont ul {
column-count: 1;
margin: 0;
padding: 0;
}
.menuMob-cont {
/* overflow-y: initial; */
z-index: 2;
/* position: relative; */
margin: initial;
padding: 43vh 7vw 5vh 7vw;
left: 0;
top: initial;
width: 100%;
transform: initial;
height: 100vh;
}
.menuMob-cont ul li, .menuMob-cont ul li * {
text-align: center;
}
ul.triple li span {
font-size: 14px;
line-height: 1;
}
.textbox {
font-size: 12px;
min-height: 0;
}
.owl-rooms .line.open {
margin-top: 3%;
}
.owl-rooms.active .line {
margin-top: 3%;
}
.owl-rooms.active .owl-item .diamond-btn {}
.home_slider {
height: 100vh !important;
max-height: 100vh !important;
position: relative;
}
.layout-9 .blocco-tondo, .layout-10 .blocco-tondo {
position: relative !important;
height: 72vw;
width: 72vw;
}
.layout-9 .blocco-tondo.open, .layout-10 .blocco-tondo.open {
clip-path: circle(36vw at center);
}
.layout-9 .blocco-tondo.right, .layout-10 .blocco-tondo.right {
right: -8vw;
}
.layout-9 .blocco-tondo.left, .layout-10 .blocco-tondo.left {
left: 8vw;
}
.layout-10 .blocco-tondo {
top: 0;
}
.layout-9 .blocco-tondo {
top: 0;
}
.layout-10 .blocco-testo > div {
padding-bottom: 5vh;
}
.vertical-line {
left: 50%;
transform: translate(-50%, 0);
position: relative;
}
.layout-9 .blocco-testo.right .testo, .layout-10 .blocco-testo.right .testo {
/* padding: 0; */
}
.layout-9, .layout-10 {
padding-bottom: 4vh;
}
.carosello-rooms {
padding-top: 0 !important;
}
.text-rooms .right .diamond-btn {
float: initial;
}
.text-rooms .right {
text-align: center;
}
.map-container .abs {
display: none;
}
.map-containerdiv {
padding-top: 0;
}
.mt-15per {
margin-top: 13vh !important;
}
.mt-10per {
margin-top: 8vh !important;
}
.mt-5per {
margin-top: 5vh !important;
}
.mb-15per {
margin-bottom: 7vh !important;
}
.mb-10per {
margin-bottom: 8vh !important;
}
.mb-5per {
margin-bottom: 5vh !important;
}
.form-container {
padding: 6vh 7vw !important;
outline-offset: 0;
/* padding-top: 0 !important; */
/* margin-top: 2px !important; */
}
.home #richiesta-prenotazione {
/* margin-top: -90px !important; */
}
.comfort.right ul.triple li * {
float: initial;
text-align: left;
}
.comfort.right ul.triple li .mini-icon, .bandiera-icon {
margin-right: 10px;
}
.comfort .title-decoration {
text-align: left !important;
padding: 0;
}
.comfort.right .title-decoration span {
padding: 0 15px 0 0;
}
#main-container #richiesta-prenotazione .pittogramma {
display: none;
}
}
@media only screen and (max-width: 767px) {
body {
font-size: 18px;
}
h1 {
font-size: 40px;
}
.menuMob-cont ul li a {
font-size: 28px;
}
.menuMob-cont ul li a:after {
bottom: 1px;
}
.comfort .title-decoration:after {
top: 5px;
}
.owl-rooms h2 {
font-size: 18px;
padding-bottom: 10px;
}
.modal.booking .modal-dialog {
/* width: 90%; */
margin-top: 60px;
padding: 10px;
}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{
display:none;
}
.wrapper2, .wrapper3 {
margin: 0 5%;
position: relative;
}
.menuMob-cont h2{
font-size: 30px;
}
.menuMob-cont p{
font-size: 13px;
}
.menuMob-cont .row-content{
padding-bottom:15px;
margin-bottom: 10px;
}
.btn.anim span{
font-size: 16px;
}
.menuMob .btn.anim span{
font-size:12px;
}
}
@media only screen and (max-width: 479px) {
body {
/* font-size: 16px; */
}
h1 {
/* font-size: 28px; */
}
h2 {
/* font-size: 22px; */
}
.btn.anim{
font-size:14px;
}
}
@media only screen and (max-width: 349px) {
body {
font-size: 15px;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 22px;
}
}
.anim-topdown {
z-index:2;
}
.anim-topdown, .anim-topdown > div {
-webkit-transition: all 1.6s cubic-bezier(0.39, 0.58, 0.57, 1);
-moz-transition: all 1.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 1.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.anim-topdown {
-webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);
height: 100%;
}
.anim-topdown > div {
transform: translate(0, -25vh);
}
.anim-topdown.open {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 0 0%, 0 100%, 100% 100%);
}
.anim-topdown.open > div {
transform: translate(0, 0); /* position: relative; */ /* height: 200%; */
}
.leaflet-control-zoom { /* display:none !important */
}
@media (max-width: 1023px) {
.wrapper2, .wrapper3 {
margin: 0 10%;
position: relative;
}
}
@media (max-width: 991px) and (orientation:portrait) {
.home_slider, .home_slider .slider_box {
height: 500px !important;
max-height: 500px !important;
/* position: relative; */
}
.griglia-alternata .container-fluid {
min-height: initial;
}
.owl-tuttowidth .bottom-vertical {
padding-bottom: 3vh
}
.owl-tuttowidth .bottom-vertical * {
/* text-align:center; */
/* transform: scale(1); */
}
.owl-gallerygriglia-cont, .owl-gallerygriglia {
position: relative;
height: 40vh;
}
.owl-5foto{
height:initial;
}
}
.owl-carousel .owl-dots div.owl-dot.active:before {
width: 30px;
}
.owl-carousel .owl-dots div.owl-dot .point {
position: absolute;
left: -20px;
bottom: 0;
width: 15px;
height: 15px;
background-color: var(--color3);
/* outline: 2px solid var(--color3); */
/* outline-offset: -2px; */
/* transform: rotate(45deg); */
border-radius: 50%;
-webkit-transition: height 300ms ease;
transition: height 300ms ease;
}
.owl-carousel .owl-dots div.owl-dot.active {
animation: linear infinite alternate;
animation-name: dotmove;
animation-duration: 0.5s;
}
@-webkit-keyframes dotmove {
0% {
transform: translateX(-3px);
}
100% {
transform: translateX(3px);
}
}
@media (max-width: 991px) {
.owl-carousel .owl-dots div.owl-dot { /* margin:0px 5px; */ width: 20%;
font-size: 12px;
text-align: center;
}
.owl-carousel .owl-dots { /* margin-bottom:32px; */
}
.owl-carousel .owl-dots div.owl-dot .point {
left: 50%; /* transform:translate(-4px, 0); */
}
.owl-rooms .rectDiv {
padding-bottom: 79% !important;
}
.owl-rooms.carosello-new {
width: 75vw;
}
.owl-rooms.carosello-new .owl-nav {
/* width: 75vw; */
left: 0;
}
.title-over .testo {
top: initial;
bottom: 7%;
}
.owl-carousel .blocco-img .owl-lazy {
min-height: 40vw !important;
}
#owl-blocco-offerte.owl-carousel .blocco-img .owl-lazy {
min-height: 40vw !important;
}
#owl-offerte.owl-carousel {
width: 100% !important;
}
.owl-carousel .blocco-text {
transform: initial !important;
margin-top: -20px !important;
}
.owl-carousel .blocco-text .testo {
padding: 5vw 8vw !important;
}
.carosello-offerte .barra {
left: -5vh;
height: calc(100% - 5vh) !important;
background: #8395a7;
width: 10vh;
top: 5vh;
}
#owl-offerte .owl-nav {
right: 0 !important;
}
.tre-blocchi .col-text, .tre-blocchi .col-text > .col-50vh, .tre-blocchi .col-text > .col-100vh {
min-height: initial !important;
}
.tre-blocchi .col-img.col-50vh, .tre-blocchi .col-img > .col-50vh {
min-height: 40vh !important;
}
.tre-blocchi .col-img.col-100vh, .tre-blocchi .col-img > .col-100vh {
min-height: 65vh !important;
}
.tre-blocchi .col-text .v-align {
position: relative !important;
transform: initial !important;
}
}
.owl-carousel .blocco-img * {
height: 100%;
}
.owl-carousel .blocco-img .owl-lazy {
background-position: center center !important;
background-size: cover !important;
min-height: 50vh;
}
.owl-carousel .blocco-text {
margin-top: 5vh;
margin-bottom: 5vh;
transform: translate(-5vh, 0);
}
.owl-carousel .blocco-text .testo {
padding: 3vw;
}
#owl-offerte {
width: calc(100% - -5vh);
/* margin: 0 auto; */
}
#owl-offerte h2{
color:var(--color1);
}
#owl-offerte .owl-nav {
position: absolute;
bottom: 0;
right: 5vh;
width: 160px;
mix-blend-mode: screen;
}
#owl-offerte .owl-nav .diamond-btn {
width: 80px !important;
float: left;
margin-right: 0;
margin-left: 0;
}
.carosello-offerte .owl-stage {
display: block;
}
.carosello-offerte .barra {
position: absolute;
left: -5vh;
height: calc(100% - 10vh);
background: var(--color1);
width: 10vh;
top: 5vh;
}
.blocchi-rollover .divBg {
height: 100vh;
}
.blocchi-rollover .blocchi {
height: 100vh;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.blocchi-rollover .blocchi .col {
width: 25%;
height: 100%;
float: left;
position: relative;
}
.blocchi-rollover .blocchi .col:after {
content: '';
position: absolute;
width: 1px;
height: 80vh;
top: 10vh;
right: 0;
background: var(--color3);
z-index: 1;
}
.blocchi-rollover .blocchi .col.col-4:after {
display: none;
}
.blocchi-rollover .divBg img {
z-index: 1;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); /* display: none; */ opacity: 0;
}
.blocchi-rollover .divBg img.active {
z-index: 2;
opacity: 1; /* display: block; */
}
.blocchi-rollover .divBg:after {
content: '';
height: 24vh;
position: absolute;
width: 100%;
top: 0;
left: 0;
background: -moz-linear-gradient(top, var(--color3) 0%, rgba(0 0 0 / 0%) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--color3) 0%, rgba(0 0 0 / 0%) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, var(--color3) 0%, rgb(0 0 0 / 0%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e120e00', endColorstr='#1e120ecc', GradientType=0); /* IE6-9 */
z-index: 1;
}
/*------------------------- WOOCOMMERCE -------------------------*/
/* woocommerce */
.woocommerce .loader::before, .woocommerce .loader:before {
display: none !important;
background: none !important;
}
.single-product #main-container {
padding-top: 12vh;
}
.single-product .navbar .navbar-bg {
/* background: #ccc; */
}
/**
* My Account
*/
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
display: inline-block;
float: left;
margin-left: 5%;
width: 75%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
/* border-top: 1px solid var(--color3); */
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid #000;
padding-bottom: 0;
}
.woocommerce-MyAccount-navigation-link--saved-cards, .woocommerce-MyAccount-navigation-link--wc-smart-coupons{
display:none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 10px 5px;
display: block;
color: #000;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
margin-right: 20px;
opacity: .25;
color: #000;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
font-family: 'FontAwesome';
content: "\f0e4";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
font-family: 'FontAwesome';
content: "\f291";
color: #000;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
font-family: 'FontAwesome';
content: "\f1c6";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
font-family: 'FontAwesome';
content: "\f015";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
font-family: 'FontAwesome';
content: "\f09d";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
font-family: 'FontAwesome';
content: "\f007";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
font-family: 'FontAwesome';
content: "\f08b";
}
.woocommerce-account .woocommerce-MyAccount-content h2 {
font-size: 25px;
text-align: center;
font-weight: 600;
}
.woocommerce-account p.order-again {
text-align: right;
}
.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
margin-top: 50px;
float: right;
}
.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.woocommerce-MyAccount-navigation {
display: initial !important;
}
.sibebar-mobile {
position: relative;
display: inline-block;
width: 100%;
}
@media (max-width: 991px) {
.sibebar-desktop {
display: none;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
font-size: 15px !important;
}
}
@media (max-width: 480px) {
.product h2 {
font-size: 24px !important;
}
}
@media (max-width: 768px) {
.woocommerce .product.col-md-4:nth-of-type(2n+1) {
clear: left;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100% !important;
}
}
@media (min-width: 768px) and (max-width:991px) {
.woocommerce .product.col-md-3:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 992px) {
.woocommerce .product.col-md-3:nth-of-type(4n+1) {
clear: left !important;
}
}
.woocommerce .woocommerce-breadcrumb {
display: inline-block !important;
width: 100%;
}
.archive .woocommerce-breadcrumb {
margin-bottom: 2%;
padding: 0 15px;
}
.wc-block-product-categories {
margin-bottom:0;
}
ul.wc-block-product-categories-list > li {
padding-bottom: 8px;
margin: 0 0 9px;
border-bottom: 1px solid var(--color1);
}
ul.wc-block-product-categories-list > li:last-child {
margin-bottom: 0;
/* padding-bottom: 0; */
border-bottom: none;
}
ul.wc-block-product-categories-list li ul li {
/* margin-left: 24px; */
list-style: initial;
font-size: 14px;
line-height: 1;
margin: 10px 0 0 24px;
border-bottom: none;
}
ul.wc-block-product-categories-list li ul li a {
font-weight: 500;
}
.woocommerce-product-search button:hover, .woocommerce button.button:hover {
outline: none;
color: #FDFDFD;
background-color: rgb(179, 178, 178);
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
.woocommerce div.product {
margin-bottom: 0px;
}
.woocommerce div.product span.price {
padding-right: 15px;
}
.woocommerce-product-search {
position: relative;
}
.woocommerce-product-search .search-field {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
border: 1px solid #cccccc;
border-radius: 0;
color: var(--color1);555;
margin-bottom: 10px;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
font-size: 14px;
line-height: 1.42857143;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.woocommerce-product-search .search-field:focus {
border-color: #C09F58;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(203, 182, 151, 0.59);
}
.woocommerce-product-search .search-field::-moz-placeholder {
opacity: 1;
color: #999999;
}
.woocommerce-product-search .search-field:-ms-input-placeholder {
color: #999999;
}
.woocommerce-product-search .search-field::-webkit-input-placeholder {
color: #999999;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
margin: 0;
font-size: 18px;
font-weight: 300 !important;
line-height: 41px;
padding: 0 15px;
}
@media (max-width: 460px) {
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce-ordering {
float: none !important;
text-align: center;
}
.woocommerce .woocommerce-ordering select {
margin: 0 auto;
}
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
margin: 0 0 10px 0;
padding: 0 15px;
}
.woocommerce .woocommerce-ordering select, .widget select {
background-color: var(--color3);
border: 1px solid var(--color1);
padding: 5px 20px 5px 15px;
-webkit-appearance: none;
font-size: 14px;
max-width: 100%;
width: 100%;
-moz-appearance: none;
background-image: url(
img/down-arrow.svg);
background-position: 95% 50%;
background-repeat: no-repeat;
background-size: auto 35%;
border-radius: 0;
display: block;
text-overflow:
'';
}
.woocommerce .woocommerce-ordering select:focus {
box-shadow: 0 0 5px #C09F58;
opacity: 1 !important;
outline: 0;
color: #333;
background-color: transparent;
}
.woocommerce-page ul.products {
/* margin: 0 -10px; */
padding-left: 0;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.woocommerce ul.products, .woocommerce-page ul.products {
margin: 0;
}
}
.woocommerce div.product {
padding: 10px;
}
.woocommerce .content-product {
padding: 10px 10px 23px 10px;
background: var(--color3);
/* min-height: 414px; */
}
.woocommerce img, .woocommerce-page img {
height: auto;
max-width: 100%;
}
.woocommerce div.product:before, .woocommerce div.product:after {
display: table;
content: " ";
}
.woocommerce div.product:after {
clear: both;
}
.woocommerce div.product span.price {
font-weight: 500;
width: 100%;
display: inline-block;
margin-bottom: 7px;
line-height: 1;
}
.woocommerce small.woocommerce-price-suffix {
font-size: 11px;
line-height: 1;
color: var(--color1);
}
@media (min-width: 992px) {
.sibebar-mobile {
display: none;
}
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #404040;
border: 1px solid var(--color3);
width: 20px;
height: 20px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #000000;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #b3b3b3;
}
.woocommerce .price_label {
margin-left: 10px;
float: left;
}
.little-p {
font-size: 11px;
}
.products .product h2.woocommerce-loop-product__title {
font-style: initial !important;
font-size: 15px !important;
line-height: 1.1;
font-weight: 600;
min-height: 55px;
color: var(--color1) !important;
font-family: var(--font1);
text-transform: uppercase;
margin-top: 0 !important;
text-align: left;
padding: 0 !important;
}
.products .woocommerce-product-details__short-description {
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
font-weight: initial;
color: #545454;
}
.products .woocommerce-product-details__short-description p, .products .woocommerce-product-details__short-description p * {
text-align: center;
}
#sidebar .widget, .widget.widget_custom_html {
border-width: 1px;
border-color: var(--color1);
border-style: solid;
padding: 30px 30px 22px 30px !important;
margin-top: 30px;
margin-bottom: 60px !important;
position: relative;
}
#sidebar .widget:before {
content:'';
width: 10px;
height: 10px;
top: 0;
left: 30px;
position: absolute;
border: 0 solid transparent;
border-left-width: 10px;
border-right-width: 10px;
border-top: 10px solid var(--color1);
}
.wc-block-wc-block-product-categories-list{
margin-bottom:0;
}
.widget h2, .widget.woocommerce h4, .widget.widget_custom_html h4, .widget .woocommerce-product-search label {
border-width: 1px;
border-color: var(--color1);
/* border-style: solid; */
color: var(--color1);
font-family: var(--font1);
font-size: 28px !important;
/* background-color: var(--color1); */
padding: 10px 0;
display: inline-block;
position: absolute;
margin: 0 auto;
width: 80%;
margin-top: -80px;
text-transform: uppercase;
/* font-size: 14px !important; */
letter-spacing: 1px;
}
@media (max-width: 991px) {
.single-product #main-container{
padding-top: 130px;
}
.widget.woocommerce h4, .widget .woocommerce-product-search label, .widget.widget_custom_html h4 {
border-width: 0 !important;
padding: 10px;
display: inline-block;
position: relative;
margin: 0 auto;
width: 100%;
margin-top: -55px;
font-size: 10px !important;
letter-spacing: 1px;
}
.widget.woocommerce, .widget.widget_custom_html {
border-width: 1px;
border-color: var(--color1);
border-style: solid;
padding: 5px 10px 10px !important;
margin-bottom: 10px !important;
position: relative;
}
}
.woocommerce div.product:before, .woocommerce div.product:after {
display: table;
content: " ";
}
.woocommerce div.product:after {
clear: both;
}
.flex-control-paging {
display: none;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 10%;
text-align: center;
}
.flex-control-nav.slick-track {
position: relative !important;
top: 0;
left: 0;
margin: 20px auto 0;
display: block;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
}
@media (max-width: 768px) {
h1 {
/* font-size: 39px; */
line-height: 1.1;
}
h2 {
font-size: 24px;
line-height: 1.1;
}
h1:before, h1:after {
display: none !important;
}
}
.woocommerce a.added_to_cart {
display:none;
}
.woocommerce button.button.alt, .woocommerce .button.add_to_cart_button {
background-color: var(--color1);
color: #fff !important;
max-width: 80%;
border: 0;
}
.woocommerce button.button.alt:hover, .woocommerce .button.add_to_cart_button:hover {
background-color: var(--color1);
color: #fff !important;
}
.woocommerce div.product {
margin-bottom: 0px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
padding-right: 15px;
}
.single-product .summary.entry-summary {
margin-bottom: 2.30769rem;
}
.summary.entry-summary .product_title { /* font-size:45px; */ /* letter-spacing:2px; */ /* margin:0 0 1.53846rem; */
}
.woocommerce #reviews_summary .reviews_bar {
margin-top: 20px;
}
.summary.entry-summary .product_meta .posted_in a {
font-weight: normal;
text-transform: none;
}
.summary.entry-summary .product_meta .posted_in {
text-transform: uppercase;
}
.summary.entry-summary .product_meta {
display: none;
margin-top: 0;
margin-bottom: 2.30769rem;
font-size: 0.92308rem;
}
.summary.entry-summary .quantity {
margin-right: 0.53846rem;
}
.summary.entry-summary .single_add_to_cart_button:hover {
background: #303030;
}
.summary.entry-summary form.cart {
display: inline-block;
margin-bottom: 2.30769rem;
}
.woocommerce ul.products li.product .onsale, .woocommerce.single .product .onsale {
min-height: 20px;
padding: 5px 10px 3px;
border-radius: 0;
top: 15px;
color: var(--color3);
background: var(--color1);
font-family: var(--font1);
line-height: 1.4;
text-transform: uppercase;
}
.woocommerce ul.products .owl-item li.product .onsale {
top: 25px;
right:10px;
}
.woocommerce div.product .onsale {
top: 30px;
left: 0px;
}
.woocommerce-page ul.products, .griglia-alternata ul.products {
/* margin: 0 -10px; */
padding-left: 0;
margin-bottom: 60px;
padding-top: 30px;
margin-top: 8px;
width: 100%;
border-top: 1px solid var(--color1);
}
@media (max-width: 768px) {
.product-quantity .quantity {
text-align: right !important;
}
.woocommerce ul.products, .woocommerce-page ul.products {
margin: 0;
}
}
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: left;
width: 40%;
}
@media (max-width: 460px) {
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: none;
width: 100%;
}
}
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
float: right;
width: 56%;
}
@media (max-width: 460px) {
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
}
.woocommerce div.product {
padding: 10px;
/* width: 100%; */
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 100px;
}
.woocommerce .loader:before {
display: none;
}
.woocommerce div.product:before, .woocommerce div.product:after {
display: table;
content: " ";
}
.woocommerce div.product:after {
clear: both;
}
.woocommerce div.product div.images {
margin-bottom: 50px;
}
.woocommerce div.product .product_title {
padding-top: 10px;
line-height: 1;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-weight: 500;
width: 100%;
font-size: 20px;
display: inline-block;
margin-bottom: 7px;
line-height: 1;
}
.price .woocommerce-Price-amount {
font-weight: 700;
width: 100%;
/* text-decoration: none; */
/* display: inline-block; */
}
.price .woocommerce-Price-amount bdi {
/* text-decoration: none !important; */
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: var(--color1);
}
.woocommerce small.woocommerce-price-suffix {
font-size: 11px;
line-height: 1;
color: var(--color1);
}
.woocommerce.single-product .summary .woocommerce-product-details__short-description { /* padding:0 20px 0px 20px; */ /* border-left:1px solid var(--color1); */ /* border-right:1px solid var(--color1); */ /* display:inline-block; */
}
@media (min-width: 768px) {
.woocommerce div.product .summary p.price, .single-product .summary .woocommerce-product-details__short-description {
width: 100%;
}
}
@media (min-width: 768px) {
.woocommerce div.product form.cart {
width: 60%;
}
}
.woocommerce div.product form.cart div.quantity {
margin: 0 10px 0 0;
}
.woocommerce div.product form.cart div.quantity input:focus {
border: 1px solid #dddddd;
outline: none;
}
.woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover {
background-color: #ccc;
color: var(--color3);
}
.woocommerce div.product .product_meta .posted_in {
display: block;
}
.woocommerce div.product .product_meta .posted_in a {
color: #222222;
font-weight: normal;
text-transform: capitalize;
}
.woocommerce.single-product div.product .woocommerce-tabs {
clear: both;
margin: 30px 0;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0;
border: 0;
overflow: initial;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs:before {
border: 0;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab {
margin-right: 10px;
margin-left: 0;
border-radius: 0;
border: none !important;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:after, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:before, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab:after, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab:before {
display: none;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a {
display: inline-block;
color: #757575;
font-size: 18px;
font-weight: normal !important;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a:hover {
color: #222222;
text-decoration: none;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a:focus, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a:active, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a:focus, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a:active {
outline: none;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab.active {
background: #C09F58;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab.active a {
color: var(--color3);
text-shadow: inherit;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab.active a:after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 10px;
border-top-color: #c09f58;
content: '';
pointer-events: none;
}
.woocommerce.single-product div.product .woocommerce-tabs .panel {
margin: 0;
padding: 3.5%;
border-radius: 0;
border: 1px solid #ccc;
box-shadow: none;
}
.woocommerce.single-product div.product .woocommerce-tabs .panel p:first-child {
margin-top: 0;
}
.woocommerce.single-product div.product .woocommerce-tabs .panel h2 {
margin: 0 0 30px;
font-size: 24px;
line-height: 1;
}
.woocommerce #reviews_summary {
width: 40%;
float: left;
display: inline-block;
position: relative;
}
.woocommerce #reviews_summary h3 {
margin: 0;
}
.woocommerce #reviews {
width: 60%;
position: relative;
display: inline-block;
}
@media (max-width: 768px) {
.woocommerce #reviews_summary, .woocommerce #reviews {
width: 100%;
}
}
.woocommerce .products .star-rating {
margin: 0 auto 15px auto;
/* padding-bottom: 10px; */
}
.woocommerce #reviews #review_form #respond .comment-reply-title {
margin: 0 0 20px;
}
.woocommerce #reviews #review_form #respond #commentform:before, .woocommerce #reviews #review_form #respond #commentform:after {
display: table;
content: " ";
}
.woocommerce #reviews #review_form #respond #commentform:after {
clear: both;
}
.woocommerce #reviews #review_form #respond #commentform p {
position: relative;
margin: 0 0 10px;
}
.woocommerce #reviews #review_form #respond #commentform p:before, .woocommerce #reviews #review_form #respond #commentform p:after {
display: table;
content: " ";
}
.woocommerce #reviews #review_form #respond #commentform p:after {
clear: both;
}
.woocommerce #reviews #review_form #respond #commentform .stars {
margin: 0;
}
.woocommerce #reviews #review_form #respond #commentform label {
display: block;
}
.woocommerce #reviews #review_form #respond #commentform input[type="text"], .woocommerce #reviews #review_form #respond #commentform textarea {
display: block;
width: 100%;
padding: 7px 10px;
border: none;
border-radius: 0;
background: #f5f5f5;
font-size: 12px;
line-height: 12px;
}
@media (min-width: 992px) {
.woocommerce #reviews #review_form #respond #commentform label {
float: left;
width: 25%;
}
.woocommerce #reviews #review_form #respond #commentform input[type="text"] {
float: right;
width: 75%;
}
.woocommerce #reviews #review_form #respond #commentform textarea {
float: right;
width: 75%;
}
.woocommerce #reviews #review_form #respond #commentform .form-submit {
float: right;
width: 75%;
}
}
.product h2 {
font-style: initial;
}
.products .product .woocommerce-loop-product__title {
display:inline-block;
width:60%;
float:left;
text-align:left;
}
.products .woocommerce-product-details__short-description {
font-size: 15px;
line-height: 16px;
margin-bottom: 10px;
font-weight: initial;
color: #545454;
text-align: center;
}
.products .woocommerce-product-details__short-description p {
margin-top: 5px;
}
.archive .products .woocommerce-product-details__short-description, .owl-item .woocommerce-product-details__short-description {
display: none;
}
.summary .prod-description {
display: none;
}
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: left;
width: 40%;
}
@media (max-width: 460px) {
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: none;
width: 100%;
}
}
.woocommerce div.product:before, .woocommerce div.product:after {
display: table;
content: " ";
}
.woocommerce div.product:after {
clear: both;
}
.woocommerce div.product div.images {
margin-bottom: 50px;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 10px 0 0;
}
.woocommerce div.product form.cart div.quantity input:focus {
border: 1px solid #dddddd;
outline: none;
}
.woocommerce .quantity .qty {
height: 38px;
margin-bottom: 10px;
}
.woocommerce .variations tr {
background: none;
margin-bottom: 10px;
display: inline-block;
}
.woocommerce div.product p.price {
padding-right: 15px;
}
.single-product .summary.entry-summary {
margin-bottom: 2.30769rem;
}
.summary.entry-summary .product_title {
font-size: 50px;
font-weight: 500;
letter-spacing: 0;
margin: 0 0 1.53846rem;
}
.summary.entry-summary .product_meta .posted_in a {
font-weight: normal;
text-transform: none;
}
.summary.entry-summary .product_meta .posted_in, .summary.entry-summary .product_meta .sku_wrapper {
text-transform: uppercase;
}
.summary.entry-summary .product_meta .sku_wrapper {
display: block;
}
.summary.entry-summary .product_meta .sku_wrapper .sku {
text-transform: none;
}
.summary.entry-summary .quantity {
margin-right: 0.53846rem;
}
.summary.entry-summary .single_add_to_cart_button {
display: inline-block;
/* font-size:1.07692rem; */
/* letter-spacing:2px; */
text-transform: uppercase;
color: var(--color3);
border: none;
background: #7e883a;
/* padding:1rem 1.92308rem; */
/* line-height: 1.84615rem; */
margin: 0 0.53846rem 0 0;
vertical-align: top;
}
.summary.entry-summary .single_add_to_cart_button:hover {
background: #303030;
}
.summary.entry-summary .single_variation {
margin: 0.76923rem 0;
}
.summary.entry-summary form.cart {
display: inline-block;
margin-bottom: 2.30769rem;
}
.summary.entry-summary form.cart.variations_form {
display: inline-block;
}
.woocommerce .variations_form.cart .variations td.label {
width: 100%;
padding: 0.38462rem 0;
margin-bottom: 0px;
}
.woocommerce .variations_form.cart .variations td.label label {
font-size: 0.76923rem;
text-transform: uppercase;
}
.woocommerce .variations_form.cart .variations td.label label:after {
font-family: FontAwesome;
position: absolute;
right: 0;
}
.variations select {
background-color: var(--color3);
border: 1px solid var(--color1);
padding: 5px 20px 5px 15px;
-webkit-appearance: none;
font-size: 15px;
max-width: 100%;
width: 100%;
-moz-appearance: none;
background-image: url(img/down-arrow.svg);
background-position: 95% 50%;
background-repeat: no-repeat;
background-size: auto 35%;
border-radius: 0;
display: block;
text-overflow: '';
}
.variations select:focus {
outline: none;
}
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
float: right;
width: 56%;
}
@media (max-width: 460px) {
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
}
.woocommerce div.product .product_title {
padding-top: 10px;
line-height: 1; /* font-family:'Raleway', sans-serif; */
}
.woocommerce-variation-price .price .woocommerce-Price-amount {
font-size: 30px;
font-weight: 700;
}
.woocommerce small.woocommerce-price-suffix {
font-size: 11px;
color: var(--color1);
width: 100%;
display: block;
}
.woocommerce .products .product small.woocommerce-price-suffix {
text-align: right;
}
.woocommerce div.product .summary p.price {
display: block;
font-size: 28px;
margin-bottom: 0;
padding: 0px 20px 20px 0;
border: 0;
border-bottom: none;
background: var(--color3);
}
.woocommerce.single-product .summary .woocommerce-product-details__short-description {
padding: 0;
border-left: 0;
border-right: 0;
display: inline-block;
font-size: 18px;
}
.woocommerce.single-product .summary .woocommerce-product-details__short-description .product_title {
padding: 2vh 0;
border-top: 1px solid var(--color1);
border-bottom: 1px solid var(--color1);
display: inline-block;
font-size: 22px; /* margin: 2vh 0; */
}
@media (min-width: 768px) {
.woocommerce div.product form.cart {
width: 60%;
}
}
.woocommerce div.product form.cart div.quantity {
margin: 0 10px 0 0;
}
.woocommerce div.product form.cart div.quantity input:focus {
border: 1px solid #dddddd;
outline: none;
}
.woocommerce div.product form.cart table.variations {
width: 100%;
margin: 0;
padding: 0;
}
.woocommerce div.product form.cart table.variations tbody {
margin: 0;
padding: 0;
}
.woocommerce div.product form.cart table.variations tbody tr td.label {
width: 100% !important;
text-align: left;
padding: 0;
/* height: initial; */
line-height: 1;
margin-top: 5px;
}
.woocommerce.single-product .product .summary .variations td {
display: inline-block;
width: 100%;
}
.woocommerce div.product form.cart table.variations tbody tr td.label label {
margin: 0;
color: var(--color1);
font-size: 18px;
font-weight: 600;
line-height: 1;
width: 100%;
text-transform: capitalize;
}
.woocommerce div.product form.cart table.variations tbody tr td.label .woo-selected-variation-item-name{
display:none;
}
.woocommerce div.product form.cart table.variations tbody tr td.value {
width: 100%;
}
.woocommerce div.product form.cart table.variations tbody tr td.value select {
width: 100%;
display: block;
}
.woocommerce div.product form.cart table.variations tbody tr td.value a.reset_variations {
font-size: 12px;
line-height: 12px;
}
.woocommerce div.product form.cart .single_variation {
padding: 0;
width: 100%;
display: inline-block !important;
}
.woocommerce div.product form.cart .single_variation:before, .woocommerce div.product form.cart .single_variation:after {
display: table;
content: " ";
}
.woocommerce div.product form.cart .single_variation:after {
clear: both;
}
.woocommerce div.product form.cart .variations_button {
clear: both;
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations_button:before, .woocommerce div.product form.cart .variations_button:after {
display: table;
content: " ";
}
.woocommerce div.product form.cart .variations_button:after {
clear: both;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover {
background-color: #ccc;
color: #404040 !important;
}
.woocommerce div.product .product_meta {
/* font-family: "PT Serif", serif; */
}
.woocommerce div.product .product_meta .sku_wrapper, .woocommerce div.product .product_meta .posted_in {
display: block;
}
.woocommerce div.product .product_meta .posted_in a {
color: #222222;
font-weight: normal;
text-transform: capitalize;
}
.summary .prod-description {
display: none;
}
.product .prod-description * {
text-align: left !important;
}
.woocommerce div.product form.cart {
clear: both; /* overflow:hidden; */ margin-bottom: 0;
padding: 20px 20px 10px 0;
border: 0;
border-top: none;
width: 100%;
border-radius: 0 0 6px 6px;
}
@media (min-width: 768px) {
.woocommerce div.product form.cart {
width: 100%;
}
}
.woocommerce div.product form.cart div.quantity {
margin: 0 10px 0 0;
}
.woocommerce div.product form.cart div.quantity input:focus {
border: 1px solid var(--color1);
outline: none;
}
.woocommerce .quantity .qty {
height: 51px;
margin-bottom: 10px;
border-radius: 0;
border-width: 1px;
border-color: var(--color1);
}
.woocommerce-cart table.cart td.actions .coupon input.input-text, .woocommerce table.cart td.actions .input-text {
/* min-width: 240px; */
height: 51px;
padding: 10px 20px;
border: 1px solid #DDD;
border-radius: 3px;
font-size: 14px;
line-height: 17px;
text-align: center;
}
@media (min-width: 992px) {
.woocommerce-cart table.cart td.actions .coupon input.input-text, .woocommerce table.cart td.actions .input-text {
min-width: 240px;
}
}
.woocommerce form .form-row {
padding: 3px 0;
}
.woocommerce form .form-row label {
font-weight: 600;
color: #000;
width: 100%;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 7px 10px;
border: 1px solid var(--color1) !important;
border: none;
border-radius: 0;
font-size: 18px;
line-height: 14px;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
display: inline-block;
width:100%;
}
.woocommerce input::-webkit-input-placeholder, .woocommerce select::-webkit-input-placeholder, .woocommerce textarea::-webkit-input-placeholder {
color: var(--color4);
}
.woocommerce form .form-row textarea {
height: 75px;
}
.woocommerce table.shop_table {
width: 100%;
border: none;
}
.woocommerce table.shop_table thead { /* color: var(--color3); */ /* background:#a09997; */ font-size: 14px;
}
.woocommerce table.shop_table thead tr th {
padding: 10px;
background: var(--color1);
}
.woocommerce table.shop_table tbody {
width: 100%;
}
.woocommerce table.shop_table tr td {
padding: 10px;
}
.woocommerce ul#shipping_method li {
line-height: 1;
}
.woocommerce .shipping #shipping_method li input {
display: inline-block;
height: 14px;
margin: 7px 6px 0 0;
}
.woocommerce .shipping #shipping_method li label { /* display: inline-block; */ /* width: 100%; */ float: initial;
}
.woocommerce img, .woocommerce-page img {
height: auto;
max-width: 100%;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-top: 0;
text-align: left;
}
.woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover {
background-color: #ccc;
color: var(--color3);
}
.woocommerce-checkout .woocommerce h3 { /* color:#222222; */ margin-top: 40px;
}
.woocommerce-checkout .woocommerce form.checkout #customer_details .woocommerce-shipping-fields h3 {
position: relative;
padding-left: 20px;
}
.woocommerce-checkout .woocommerce form.checkout #customer_details .woocommerce-shipping-fields h3 span {
margin-top: 7px;
display: inline-block;
}
.woocommerce-checkout .woocommerce form.checkout #customer_details .woocommerce-shipping-fields h3 label {
margin: 0;
font-weight: normal;
}
.woocommerce-checkout .woocommerce form.checkout #customer_details .woocommerce-shipping-fields h3 .input-checkbox {
position: absolute;
top: 5px; /* left: 0; */
}
.woocommerce #payment label {/* color:#222222; */font-size: 18px;line-height: 1.4;}
.woocommerce #payment #place_order {
padding: 13px 25px;
font-size: 15px;
}
.woocommerce form .form-row .input-checkbox, .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
display: inline-block;
float: left; /* margin: -2px 8px 0 0 !important; */ position: relative;
line-height: 10px;
}
.woocommerce form .form-row .input-checkbox {
display: inline-block;
float: left;
margin: -2px 8px 0 0 !important;
position: relative;
line-height: 10px;
}
.woocommerce-checkout .checkbox input[type=checkbox] {
float: initial !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--color3);
color: var(--color1);
}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
max-width: 100%;
}
.select2-container .select2-selection--single{
border: 1px solid var(--color1);
border-radius:0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
font-size: 18px;
}
.woocommerce div.product p.stock {
font-size: .92em;
padding: 10px 20px 0;
margin-bottom: 0;
border: 1px solid var(--color1);
border-bottom: none;
display: none;
}
.woocommerce div.product .woocommerce-variation-availability p.stock {
border: none;
padding: 0px 0 10px 0;
}
.owl-stage .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
/* width: 50%; */
/* margin: 0; */
}
.logo-ocm {
width: 160px;
height: 32px;
display: inline-block;
background-size: contain !important;
}
p.stock.in-stock, .woocommerce div.product form.cart, .woocommerce .price {
/* display:none !important; */
}
.woocommerce ul.products li.product .price {
font-size: 15px !important;
color: var(--color1);
text-align: right !important;
line-height: 1;
text-decoration: none;
width: 40%;
float: left;
display: inline-block;
}
.wcmp-player-list {
width: 100%;
border: 0;
margin-bottom: 20px;
}
.wcmp-odd-row td {
background-color: #f3f3f3 !important;
}
.mejs-controls .mejs-button button:focus {
outline: none !important;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
/* width: 100% !important; */
}
.woocommerce .owl-item li {
width: 100% !important;
}
.products .wcmp-player-container {
position: absolute;
left: 20px;
top: 20px;
-moz-transform: scale(1.6);
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
list-style: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: var(--color2);
width: 100%;
}
.woocommerce-info {
border-top-color: var(--color1);
}
.woocommerce-info::before {
color: var(--color1);
}
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: left;
width: 40%;
}
@media (max-width: 460px) {
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: none;
width: 100%;
}
}
.woocommerce img, .woocommerce-page img {
height: auto;
max-width: 100%;
}
.woocommerce .products .product a img{
outline:1px solid var(--color1);
}
.woocommerce div.product div.images {
margin-bottom: 50px;
}
.woocommerce ul.products li.product{
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.woocommerce ul.products .owl-item li.product {
margin: 0;
padding: 10px;
}
.woocommerce ul.products li.product:hover {
outline: 10px solid var(--color3);
background:var(--color3);
}
woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: left;
width: 40%;
}
@media (max-width: 460px) {
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
float: none;
width: 100%;
}
}
.woocommerce div.product div.images {
margin-bottom: 50px;
}
.slick-track.flex-control-nav {
margin: 0 auto;
}
a.wpis-popup {
width: 100%;
height: 100%;
padding: 0;
left: 0;
top: 0;
opacity: 1;
}
a.wpis-popup:after {
content: "\f00e";
font-family: FontAwesome;
color: var(--color3);
width: 56px;
height: 60px;
font-size: 60px;
line-height: 1;
position: absolute;
opacity: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -20%);
z-index: 2;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a.wpis-popup:before {
content: '';
background: var(--color1);
width: 100%;
height: 100%;
left: 0;
position: absolute;
opacity: 0;
z-index: 1;
}
a.wpis-popup:hover:before {
opacity: 0.3;
}
a.wpis-popup:hover:after {
transform: translate(-50%, -50%);
opacity: 1;
}
.variable-item:not(.radio-variable-item) {
width: 40px !important;
height: 40px !important;
}
.related.products {
display: inline-block;
width: 100%;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: var(--color1);
color: var(--color3);
}
.navbar .nav ul.wpmenucart {
width: 250px !important;
top: initial;
}
button.slick-arrow {
text-align: center;
}
button.slick-arrow:focus {
outline: none;
}
.payment_box.payment_method_xpay {
margin-top: 50px;
display: inline-block;
}
#payment .payment_methods li.wc_payment_method img {
max-width: initial;
}
#owl-related .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
/* margin:0; */
}
#owl-related.products li.last {
/* margin: 0 3.8% 2.992em 0; */
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
width: 100%;
}
.woocommerce-checkout #payment .payment_method_paypal div.payment_box {
margin-top: 40px;
/* display: inline-block !important; */
}
#add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 2;
margin-left: 20px;
}
.select2-results__options {
width: 100%;
}
.woocommerce table.shop_table th {
background: var(--color1);
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
margin-top: 40px
}
p#billing_PEC_field {
position: relative;
float: left;
width: 100%;
}
.woocommerce-input-wrapper {
max-width: 100%;
}
.menuPrincipale .navbar-nav.header-search{margin-right:20px;margin-top:0;}
.is-search-icon{text-align:center;}
.header .is-form-style input.is-search-input{background:transparent;color:#fff;}
.header .is-form-style input.is-search-input::placeholder{color:#fff;}
.product .plus-button{position:relative; padding:0 !important;background:none !important;}
.product .plus-button .fas{position:relative;}
.product .plus-button .btn-link{display:inline-block;margin-top:10px;visibility:hidden;opacity:0;}
.product .plus-button .add_to_cart_text{display:block;position:absolute;top:0;right:0;bottom:0;left:auto;width:36px;padding-left:0;line-height:36px;text-align:center;text-transform:uppercase;padding:0 3px;font-size:80%;font-weight:700;color:transparent;background:var(--color1);white-space:nowrap;overflow:hidden;-webkit-border-radius:36px;-moz-border-radius:36px;border-radius:36px;}
.product .plus-button{position:absolute;z-index:6;top:auto;bottom:-16px;right:10px;left:auto;height:36px;width:36px;display:inline-block;border:none;margin:0;padding:3px;text-align:right;background:var(--color1);font-size:100%;letter-spacing:initial;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-o-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
.product .plus-button:hover .add_to_cart_text{visibility:visible;width: 220px;padding-right: 36px;color:#fff;}
.product .plus-button:hover .fas{pointer-events:none;}
.product .plus-button:hover .fas:before{pointer-events:none;}
.product .plus-button .fas{position:absolute;top: 3px;right:3px;left:auto;font-size:120%;border:none;height:30px;width:30px;text-align:center;float:right;line-height:31px;background:#fff;color:#333;pointer-events:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.product .plus-button .fas:before{position:absolute;top:0;right:0;bottom:0;left:0;line-height:30px;display:inline-block;font-weight:800;}
.product .plus-button .fas:before,.product .plus-button .fas:after{content:"";position:absolute;}
.product .plus-button .fas:before{border-top:2px solid var(--color1);width:8px;height:0;top:14px;left:11px;right:auto;bottom:auto;}
.product .plus-button .fas:after{border-left:2px solid var(--color1);height:8px;width:0;top:11px;left:14px;right:auto;bottom:auto;}
.product-item:hover .product-img-wrap .product .plus-button,.product-item.nasa-mobile-hover .product-img-wrap .product .plus-button{visibility:visible;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
@media screen and (max-width:340px){
.product .plus-button .add_to_cart_text{font-size:70%;}
}
.product .plus-button .add_to_cart_text,.nasa-body-loaded .product .plus-button .fas:before,.nasa-body-loaded .product .plus-button .fas:after{-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}
.product .plus-button{-webkit-transition:color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,-webkit-transform .3s .45s ease-out;-moz-transition:color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,-moz-transform .3s .45s ease-out;-ms-transition:color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,-ms-transform .3s .45s ease-out;-o-transition:color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,.3s .45s ease-out,-o-transform .3s .45s ease-out;transition:color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,transform .3s .45s ease-out;}
.product .plus-button{
position:absolute !important;
top:40%;
right:20px;
margin:0 !important;
}
.owl-item .product .plus-button{
top:40%;
right:30px;
}
@media only screen and (max-width:991px){
.product .plus-button{/* clear: both !important; */display: inline-block !important;float: right;visibility:visible;opacity:1;left: initial !important;animation: 0 !important;top: 0 !important;margin-top: 10px !important;padding: 0 !important;right: 0 !important;/* transform: initial !important; */position: relative !important;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.product .plus-button .add_to_cart_text{
visibility: visible;
width: 220px;
padding-right: 36px;
color: #fff;
}
.woocommerce ul.products li.product {
padding-bottom:20px;
border-bottom: 1px solid var(--color1);
}
}
.product .plus-button .add_to_cart_text{font-weight:500!important;}
.product .plus-button.loading{
opacity:1 !important;
}
.is-ajax-search-details a, .is-ajax-search-result a {
color: var(--color1) !important;
font-weight: 600;
}
.product .plus-button.loading:before {
content: "";
display: block;
position: absolute;
z-index: 9;
opacity: .6;
top: 50%;
right: 8px;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
border-top: 2px solid var(--color3);
border-bottom: 2px solid var(--color1);
border-left: 2px solid var(--color3);
border-right: 2px solid var(--color1);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: loader-spin .5s linear infinite;
-moz-animation: loader-spin .5s linear infinite;
-o-animation: loader-spin .5s linear infinite;
-ms-animation: loader-spin .5s linear infinite;
animation: loader-spin .5s linear infinite;
}
.product .plus-button.loading:after {
display:none;
}
@-webkit-keyframes loader-spin {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg)
}
}
@-moz-keyframes loader-spin {
0% {
-moz-transform: rotate(0deg)
}
100% {
-moz-transform: rotate(359deg)
}
}
@-o-keyframes loader-spin {
0% {
-o-transform: rotate(0deg)
}
100% {
-o-transform: rotate(359deg)
}
}
@keyframes loader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(359deg)
}
}
@media (max-width:991px) {
.xoo-wsc-basket {
bottom: 5px;
}
}
.products.carousel{
display:block;
}
.woocommerce .product .price ins {
text-decoration:none;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: var(--color2);
border-radius: 5px;
}
#wc_checkout_add_ons{
margin-top:20px;
}
@media (max-width:767px) {
.woocommerce a.button, .woocommerce button.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button, .woocommerce-product-search button, .woocommerce button.button.alt.disabled, .xoo-wsc-container .button{
padding: 10px;
font-size: 12px !important;
}
.woocommerce .quantity .qty {
height: 38px;
}
}
/*------------------------- END WOOCOMMERCE -------------------------*/
.gform_validation_errors h2 {
font-size: 23px;
text-align: center !important;
margin-bottom: 20px;
letter-spacing: 1px;
color: #d43a37;
}
.griglia-alternata .container-fluid.rooms {
width: initial;
}
div#field_1_32, div#field_2_32, div#field_3_32, div#field_15_35, div#field_16_35, div#field_17_35, div#field_18_32, div#field_19_35 {
display: none;
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.accordion-header {
margin: 0 !important;
padding: 0 !important;
}
.accordion-button:not(.collapsed) {
color: var(--color1);
background-color: var(--color3);
box-shadow: inset 0 -1px var(--color1);
}
.accordion-item {
background-color: var(--color3);
border: 1px solid var(--color1);
border-radius:0 !important;
}
.accordion-button {
font-size: 18px;
padding: 20px 20px;
}
.accordion-button::after {
background-image: url(img/down-arrow.svg) !important;
}
.accordion-button:focus {
border: 0;
outline: 0;
box-shadow: none;
}
.sb__form-field > span{/* color:#fff!important; */}
.sb__form-field-rooms{font-size:14px;line-height:1;}
#barra{border-radius:0;text-align:center;font-size: 15px;/* width: calc(100% - 290px); *//* padding: 13px 12vw; *//* margin:-134px auto 0; *//* position:fixed; */z-index:3;/* color:#383128; */bottom:0;}
#barra:after{content:'';position:absolute;width:100%;left:0;top: -70px;bottom: 0;right:0;opacity: 0.8;display: none;pointer-events: none;background:-moz-linear-gradient(bottom, rgba(0 0 0 / 80%) 0%, rgba(0 0 0 / 0%) 100%);background:-webkit-linear-gradient(bottom, rgba(0 0 0 / 80%) 0%, rgba(0 0 0 / 0%) 100%);background: linear-gradient(to top, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 0%) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e120e00', endColorstr='#1e120ecc', GradientType=0 );-webkit-transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;-moz-transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s;z-index:1;}
#barra #sb-container{position:relative;z-index:2;}
@media (max-width: 991px){
#barra{display:none;}
#main-container.container-desktop footer .footer-copyright {
padding-bottom: 0;
}
}
#barra .sb ul{width:100%;}
#barra .sb__form-field-input{height: 49px!important;border-radius:0!important;padding: 10px 16px 10px 16px;}
#barra .sb__btn--verify{text-transform:uppercase;font-size:14px!important;font-weight:600;letter-spacing:1px;height: 49px!important;border-radius:0!important;margin-top: 18px;padding: 10px 8px;text-align:center;}
#barra .sb__footer{display:none;}
#barra .sb__form-field-label,.sb__form-field > span,#sb-container .sb-custom-label-color{/* color:#fff!important; */}
/*#barra .sb-custom-label-color{font-weight:600;text-shadow:0 0 3px rgba(43, 42, 40, 0.7)!important;}*/
#barra .sb__form-field-label {
font-weight: 600;
text-transform: uppercase;
}
#barra .sb ul, #barra .sb__calendar-month-name {
width: 100%;
color: var(--color1);
font-weight: 500;
}
#barra .sb {
padding: 3px !important;
}
.open-popup > div {
padding: 2vh;
margin-bottom: 2vh !important;
}
.item-popup {
position: fixed;
z-index: 1040;
top: 100%;
background: #fff;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.item-popup.open {
top: 0;
}
.item-popup .close-popup {
content: '';
position: absolute;
z-index: 2;
background: url(img/close.svg);
width: 50px;
height: 50px;
top: 10px;
right: 10px;
cursor: pointer;
background: var(--color1);
-webkit-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.item-popup .close-popup:hover {
background: var(--color1);
}
.item-popup .close-popup:after {
content: '';
position: absolute;
background: url(img/close.svg);
width: 50%;
height: 50%;
top: 25%;
right: 25%;
}
.quad-Div {
content:'';
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 100% !important;
}
.item-popup-cont{
padding: 7vh 0;
height:100%;
width: 100%;
overflow-y: scroll;
left: 0;
position: absolute;
z-index: 1;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.quad-Div img {
/* content:''; */
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
}
.map-section{padding: 0;background: var(--color2);overflow: hidden;}
.map-section .titolo-mappa{position:absolute;bottom:23vh;left:5vw;z-index:3;width:40%;}
.map-section .titolo-mappa h1{font-size: 87px;}
.map-home{/* height:75vh; */padding: 0 5vw 5vw 5vw;}
#map{/* height:75vh; *//* padding: 1.5vw; */-webkit-filter: drop-shadow( 0 0 30px var(--color5));filter: drop-shadow( 0 0 30px var(--color5));}
@media (max-width: 991px){
.pattern-w{height:45px;background-size:200px;margin-top:4vh;}
.map-section .map-home{/* margin-top:-20px; */}
.map-section .pattern-cont{margin-left:15%;}
.map-section .titolo-mappa{position:relative;bottom:initial;left:initial;z-index:3;width:70%;margin-left:15%;margin-bottom:3%;margin-top: 5%;}
.map-section .titolo-mappa *{text-align:center;}
.map-section .titolo-mappa h1 {
font-size: 39px !important;
}
.map-section{padding:1.5vw;}
#map{height:50vh;}
}
.owl-5foto .item{
height:100vh;
}
.owl-5foto .item a {
height:100%;
}
.owl-5foto .img-1 {
width: calc(40% - 3px);
height:100vh;
left:0;
top:0;
position:
absolute;
}
.owl-5foto .img-2 {
position:
absolute;
width: calc(30% - 3px);
left:40%;
top:0;
height: calc(50vh - 3px);
}
.owl-5foto .img-3 {
position:
absolute;
width: 30%;
right:0;
top:0;
height: calc(50vh - 3px);
}
.owl-5foto .img-4 {
position:
absolute;
width: calc(30% - 3px);
left: 40%;
bottom: 0;
height:50vh;
}
.owl-5foto .img-5 {
position:
absolute;
width: 30%;
right:0;
bottom: 0;
height:50vh;
}
.layout-5 {
background: url(img/bg1.jpg);
background-position: center center !important;
background-size:cover !important;
background-repeat: no-repeat !important;
}
.layout-5 .row-md-flex-center, .layout-5 .img1, .layout-5 .img1 *, .layout-5 .img2, .layout-5 .col-lg-3 > div, .layout-5 .img2 *{
min-height: calc(80vh - 90px);
height: 100%;
}
.layout-5 .img2{
height:100%;
}
.layout-6 .testo {
padding: 5vw 3vw 0 6vw;
}
.layout-5 .img1 {
padding: 5vw;
}
.layout-6 .img1 {
padding: 5vw 3vw 0 6vw;
/* height: 100%; */
}
@media (max-width: 991px) {
.layout-6 .img1, .layout-6 .testo {
padding: 5vh 7vw;
}
.layout-6 .img1{
padding-top: 0;
}
}
.layout-5 .blocco-testo .testo {
padding-right: 5vw;
}
#richiesta-prenotazione.portasu{
margin-top: -170px;
}
#richiesta-prenotazione {
/* background: var(--color1); */
background-position: center center !important;
background-size:cover !important;
background-repeat: no-repeat !important;
}
#richiesta-prenotazione .col-lg-5 > div {
height:100%;
}
.layout-5 .element.element-2.sx {
width: 35vw;
height: 35vh;
top: 80%;
left: -5%;
z-index: 1;
}
.layout-5 .element.element-2.dx {
width: 35vw;
height: 45vh;
top: 80%;
right:-12%;
z-index: 1;
}
.layout-5 .element.element-6 {
width: 40vw;
right: -14%;
height: 19vh;
top: 65%;
z-index: 3;
}
.layout-5 .element.element-3 {
width: 16vw;
right: -5vw;
height: 35vh;
top: 4%;
z-index: 1;
}
@media (max-width: 991px) {
.layout-6 .element.element-1 {
width: 57vw;
height: 30vh;
right: -6.5vw;
top: 8%;
z-index: 3;
}
.layout-5 .element.element-2.sx {
left: initial;
right:-4%;
}
.layout-1 .element.element-3 {
top: 65%;
}
.map-section .element.element-1 {
width: 45vw;
height: 210px;
left: -3vw;
top: 85%;
z-index: 2;
pointer-events:none;
}
.map-section .element.element-2 {
/* width: 45vw; */
height: 210px;
right: -10vw;
top: -3%;
z-index: 2;
pointer-events:none;
}
}
.riferimenti-mappa {
padding:3vw;
}
.riferimenti-mappa .logo {
margin: 0 auto 3vh;
opacity: 1;
width: 80% !important;
height: 10vh !important;
position: relative;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.e-flex-col {
/* display: flex; */
/* justify-content: center; */
/* flex-direction: column; */
/* align-items: center; */
}
.box-img {
/* margin-top: 15%; */
width: calc(100% - 20px);
left: 10px;
height: 80vh;
overflow: hidden;
position: relative;
cursor: pointer;
/* margin-bottom: 45vh; */
z-index: 3;
-webkit-transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.box-img.close {
width: 50%;
height: 70vh;
cursor: initial;
}
.box-img.close .blocco-testo {
opacity:0;
top: 40%;
}
.box-img img {
width: 100%;
height: 140%;
object-fit: cover;
transition: .1s ease-out;
}
.viewport {
/* overflow: hidden; */
position: relative;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.scroll-container {
position: relative;
overflow: hidden;
z-index: 10;
backface-visibility: hidden;
transform-style: preserve-3d;
width: 100%;
}
.button-close:focus{outline:none;}
.button-close{pointer-events:auto;cursor:pointer;border:none;padding:1.5rem 3rem;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block;}
.button-close::before,.button-close::after{position:absolute;top:0;left:0;width:100%;height:100%;}
.button-close{background:none;padding:0;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);width:120px;height:120px;position: absolute;font-weight:700;text-transform:uppercase;font-size:0.85rem;z-index: 3;right: 0;}
.progress{position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);background: none;transition:transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);}
.button-close:hover .progress{transform:scale3d(1.2, 1.2, 1);}
.progress__circle,.progress__path{fill:none;stroke: var(--color2);stroke-width:1px;}
.progress__path{stroke: var(--color1);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);}
.button-close:hover .progress__path{stroke-dashoffset:0;}
.button-close span{position:absolute;left:50%;top: 50%;transform: translate(-50%, -50%);font-weight: 500;}
.layout-6 .servizi {
background:var(--color1);
padding: 4vh 20vw 4vh 3vw;
}
.onda-sopra1{
height: 168px;
background-image:url('img/onda-sopra1.svg');
background-position: center bottom;
background-repeat: repeat-x;
margin-bottom: -3px;
}
.onda-sotto1{
height: 168px;
background-image:url('img/onda-sotto1.svg');
background-position: center top;
background-repeat: repeat-x;
margin-top: -3px;
}
.onda-sopra2{
height: 168px;
background-image:url('img/onda-sopra2.svg');
background-position: center bottom;
background-repeat: repeat-x;
margin-bottom: -3px;
}
.onda-sotto2{
height: 213px;
background-image:url('img/onda-sotto2.svg');
background-position: center top;
background-repeat: repeat-x;
margin-top: -3px;
}
.onda-sotto3{
height: 168px;
background-image:url('img/onda-sotto3.svg');
background-position: center top;
background-repeat: repeat-x;
margin-top: -3px;
}
@media (max-width: 991px) {
.layout-5 .blocco-testo .testo {
padding: 5vh 7vw !important;
}
}
.carosello-sporco .owl-carousel a.btn.anim{transform:scale(.7);}
/*.owl-sporco.owl-carousel .testo:after{content:'';height:100%;position:absolute;width:100%;top:0;left:0;background:-moz-linear-gradient(bottom, rgba(30 18 14 / 85%) 0%, rgba(30 18 14 / 0%) 100%);background:-webkit-linear-gradient(bottom, rgba(30 18 14 / 85%) 0%, rgba(30 18 14 / 0%) 100%);background:linear-gradient(to top, rgb(30 18 14 / 85%) 0%, rgb(30 18 14 / 0%) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e120e00', endColorstr='#1e120ecc', GradientType=0);z-index:1;}*/
.carosello-sporco .rectDiv{padding-bottom:75%!important;}
.carosello-sporco .item-a .rectDiv{-webkit-transition:transform 5s ease-in-out;transition:transform 5s ease-in-out;overflow:hidden;}
.carosello-sporco .item-a:hover .rectDiv{-webkit-transform:scale(1);transform:scale(1);/* margin: 10px; */}
.owl-sporco{width:50%;margin:0 auto 10% auto;position:relative;display:block!important;}
.owl-sporco{width: 55vw;margin: 0 auto 15vh 0;}
.owl-sporco h2{font-size:33px;padding:0;}
.owl-sporco .testo{position:absolute;bottom:0;z-index:3;width:100%;padding: 0 2vw 0 7vw;}
.owl-sporco .testo *{/* text-transform: uppercase; */margin: 0 0 3vh;padding: 0;-webkit-filter: drop-shadow(-2px -2px 45px var(--color3));filter: drop-shadow(-2px -2px 45px var(--color3));}
.owl-sporco .testo h2{margin: 0;}
.owl-sporco .owl-stage-outer{overflow:visible;}
.owl-sporco .owl-item{margin:0;overflow:hidden;}
.owl-sporco .owl-stage{flex-direction:row;margin:0px auto;display:flex!important;}
.owl-sporco .item-a{position:relative;display:block;margin:0px 8%;overflow:hidden;}
.owl-sporco .item-a{margin: 0;width:100%;/* cursor:pointer; */}
.owl-sporco .rectItem .testo{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:2vh 2.5vw 1vh 2.5vw;}
.owl-sporco .rectItem .testo *{z-index:2;position:relative;}
.owl-sporco .rectItem .testo{position:absolute;z-index:2;bottom:0;left:0;right:0;}
.owl-sporco .custom.prev.link{position:relative;padding-left:10px!important;font-size:18px;font-weight:600;display:inline-block;float:left;-webkit-transition:padding 500ms ease;transition:padding 500ms ease;}
.owl-sporco .custom.next.link{position:relative;font-weight:600;font-size:18px;display:inline-block;float:right;-webkit-transition:padding 500ms ease;transition:padding 500ms ease;}
.owl-sporco .owl-nav .diamond-btn{width:120px!important;margin:0!important;padding:0!important;}
.owl-sporco .diamond-btn .diamond-shape.right{margin-left:47px;}
.owl-sporco .custom.prev.link:hover{padding-left:69px;opacity:1;filter:alpha(opacity=100);}
.owl-sporco .custom.prev.link:hover:before{width:55px;}
.owl-sporco .custom.next.link:hover{padding-right:69px;opacity:1;filter:alpha(opacity=100);}
.owl-sporco .custom.next.link:hover:before{width:55px;}
@media (max-width:1250px){
.owl-sporco .custom.prev.link{padding-left:40px;font-size:14px;}
.owl-sporco .custom.prev.link:before{width:30px;}
.owl-sporco .custom.next.link{padding-right:40px;font-size:14px;}
.owl-sporco .custom.next.link:before{width:30px;}
.owl-sporco .link{font-size:12px;}
}
.owl-sporco .owl-nav{position:absolute;width:65vw;left:-5vw;height:0;top:calc(35% - -60px);}
.owl-sporco .owl-nav .owl-prev,.owl-sporco .owl-nav .owl-next{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:0;}
.owl-sporco .owl-nav .owl-next{float:right;}
.owl-sporco div.custom.prev{position:absolute;top:50%;margin-left:-20px;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);}
.owl-sporco div.custom.prev:before{background-color:var(--color1);}
.owl-sporco div.custom.next{position:absolute;top:50%;margin-right:0;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);}
.owl-sporco div.custom.next:before{background-color:#857F74;}
.hide-owl-prev + .owl-navs .prev, .hide-owl-next + .owl-navs .next {
opacity:0.4;
pointer-events: none;
}
@media (max-width:1250px){
.owl-sporco div.custom.prev:before{width:20px;}
.owl-sporco div.custom.next{padding-right:30px;}
.owl-sporco div.custom.next:before{width:20px;}
}
@media (max-width:680px){
.owl-sporco div.owl-nav{display:none;}
}
.owl-sporco .owl-item{/* opacity:0.3; */transform: translate(0, 15vh);filter:alpha(opacity=50);pointer-events:none;-webkit-transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1);-moz-transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1);transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1);}
.owl-sporco .owl-item.active{/* opacity:1; */transform: translate(0, 0);filter:alpha(opacity=1);pointer-events:all;z-index:3;}
@media only screen and (max-width: 1440px){
.owl-sporco h2{font-size:28px;}
}
@media only screen and (max-width: 991px){
.owl-sporco h2{font-size:28px;padding-bottom:2px;}
.carosello-sporco{padding-top:6vh;}
}
@media only screen and (max-width: 767px){
.owl-sporco h2{font-size: 20px;padding-bottom:10px;}
}
.layout-3{/* overflow: hidden; */background: var(--color2);}
.layout-3 .line{
height:100px;
width: 2px;
background: var(--color1);
position:absolute;
top: -50px;
left:50%;
}
@media (max-width: 991px){
.layout-3 .blocco-testo{margin-top:7vh;}
.owl-sporco .rectDiv{padding-bottom:79%!important;}
.owl-sporco{width: 75vw;}
.owl-sporco .owl-nav{width:75vw;}
}
.owl-sporco .rectItem{margin-bottom: 8vh;width: calc(100% - 20px);}
.owl-sporco .item-1{
/* margin: 10px; */
/* width: calc(100% - 20px); */
-webkit-mask: url('img/mask1.svg') center center / contain;
webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
.owl-sporco .item-2{
-webkit-mask: url('img/mask2.svg') center center / contain;
webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
.owl-sporco .item-3{
-webkit-mask: url('img/mask3.svg') center center / contain;
webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
.owl-sporco .item-1 + .testo *{color: var(--color1);}
.owl-sporco .item-2 + .testo *{color: var(--color1);}
.owl-sporco .item-3 + .testo *{color: var(--color1);}
.carosello-sporco .owl-navs {
position:absolute;
bottom: -15vh;
left: 12vw;
z-index: 3;
}
@media (min-width: 992px) {
.carosello-sporco .owl-navs {
bottom: initial;
left: 50%;
transform: translate(-50%, 0);
/* right: 50%; */
top: 8vh;
}
}
.carosello-sporco .owl-navs .prev, .carosello-sporco .owl-navs .next{
width:70px;
height:70px;
background: var(--color1);
border: 4px solid var(--color1);
display: inline-block;
position: relative;
margin-right: 10px;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.carosello-sporco .owl-navs .next{
margin-right: 0;
}
.carosello-sporco .owl-navs .prev:before, .carosello-sporco .owl-navs .next:before {
content: "";
width: 25px;
height: 25px;
background-image: url('img/arrow-left.svg');
background-position: center center !important;
background-repeat: no-repeat !important;
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
}
.carosello-sporco .owl-navs .next:before {
background-image: url('img/arrow-right.svg');
}
.carosello-sporco .owl-navs .prev:hover, .carosello-sporco .owl-navs .next:hover {
background: var(--color1);
}
.testo-chescorre{
position:absolute;
width: 100%;
height: 100px;
overflow: hidden;
left:0;
}
.testo-chescorre .testoInt{
position:absolute;
width: 200%;
height: 100%;
/* overflow: hidden; */
/* left:0; */
}
.map-section .testo-chescorre{
display: inline-block;
position:relative;
margin-bottom: 40px;
}
.map-section .blocco-testo *{
color: var(--color1);
}
.testo-chescorre span{
font-family: var(--font1);
color: var(--color1);
opacity:0.5;
display:inline-block;
position:relative;
font-size:60px;
margin-left: 1.5vw;
float:left;
}
.map-section .testo-chescorre span{
color: var(--color1);
opacity:1
}
.layout-1 .testo-chescorre{
top: 14%;
left: 0;
}
.layout-1 .right .testo-chescorre{
top: 3%;
}
/* Photostack */
.photostack {
background: var(--color1);
position: relative;
text-align: center;
overflow: hidden;
}
.js .photostack {
height: 70vh;
}
.photostack-start {
cursor: pointer;
}
.photostack > div {
width: 100%;
height: 100%;
margin: 0 auto;
}
.photostack figure {
width: 320px;
height: 360px;
position: relative;
display: inline-block;
background: #fff;
padding: 40px;
text-align: center;
margin: 5px;
}
.js .photostack figure {
position: absolute;
display: block;
margin: 0;
-webkit-filter: drop-shadow(0 0 20px rgb(13 20 51 / 40%));
filter: drop-shadow(0 0 20px rgb(13 20 51 / 40%));
}
.photostack figcaption h2 {
margin: 20px 0 0 0;
color: #a7a0a2;
font-size: 16px;
text-align: center;
}
.photostack-img {
outline: none;
display: block;
width: 240px;
height: 240px;
cursor: pointer;
position: relative;
background: #f9f9f9;
}
.photostack-img img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
/* Navigation dots */
.photostack nav {
position: absolute;
width: 100%;
bottom: 30px;
z-index: 90;
text-align: center;
left: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.photostack-start nav {
opacity: 0;
}
.photostack nav span {
position: relative;
display: inline-block;
margin: 0 5px;
width: 30px;
height: 30px;
cursor: pointer;
background: var(--color1);
border-radius: 50%;
text-align: center;
-webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s;
transition: transform 0.6s ease-in-out, background 0.3s;
-webkit-transform: scale(0.48);
transform: scale(0.48);
}
.photostack nav span:last-child {
margin-right: 0;
}
.photostack nav span.current {
background: var(--color1);
-webkit-transform: scale(1);
transform: scale(1);
}
/* Overlays */
/* Initial overlay on photostack container */
.js .photostack::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
z-index: 100;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s;
}
.js .photostack-start::before {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
/* Button on photostack container */
.js .photostack::after {
content: 'View Gallery';
font-weight: 400;
position: absolute;
border: 3px solid #fff;
text-align: center;
white-space: nowrap;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
padding: 10px 20px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
z-index: 101;
}
.js .photostack::before,
.js .photostack::after {
opacity: 0;
visibility: hidden;
}
.js .photostack-start::before,
.js .photostack-start:hover::after,
.touch .photostack-start::after {
opacity: 1;
visibility: visible;
}
/* Overlay on figure */
.photostack figure::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: visible;
opacity: 1;
background: rgba(0,0,0,0.05);
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
}
/* Hide figure overlay when it becomes current */
figure.photostack-current::after {
-webkit-transition: opacity 0.6s, visibility 0s 0.6s;
transition: opacity 0.6s, visibility 0s 0.6s;
opacity: 0;
visibility: hidden;
}
/* Special classes for transitions and perspective */
.photostack-transition figure {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
}
.photostack-perspective {
-webkit-perspective: 1800px;
perspective: 1800px;
}
.photostack-perspective > div,
.photostack-perspective figure {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.photostack-perspective figure,
.photostack-perspective figure div {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.photostack-perspective figure.photostack-flip {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.csstransformspreserve3d figure.photostack-flip .photostack-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
display: block;
}
.no-csstransformspreserve3d figure.photostack-showback .photostack-back {
display: block;
}
/* The no-JS fallback look does not need to be boring ;) */
.no-js .photostack figure {
box-shadow: -2px 2px 0 rgba(0,0,0,0.05);
}
.no-js .photostack figure::after {
display: none;
}
.no-js .photostack figure:nth-child(3n) {
-webkit-transform: translateX(-10%) rotate(5deg);
transform: translateX(-10%) rotate(5deg);
}
.no-js .photostack figure:nth-child(3n-2) {
-webkit-transform: translateY(10%) rotate(-3deg);
transform: translateY(10%) rotate(-3deg);
}
.lg-backdrop{
background-color: var(--color4) !important;
}
.row.map-poi {
min-width: 281px;
min-height: 100px;
}
#richiesta-prenotazione .SB-Box {
padding: 2vw;
background: var(--color3);
}
.item-a:hover{color:var(--color1);}
.carosello-new{width:50%;margin:0 auto 10% auto;position:relative;display:block!important;}
.owl-rooms.carosello-new{width:55vw;margin:0 auto;}
.owl-rooms .testo{position:absolute;bottom:0;z-index:3;padding:5vh 5vw;}
.owl-rooms .testo *{color: var(--color3);}
.owl-rooms .testo h1{font-size: 30px;/* width: 50%; *//* line-height: 1.13; */}
@media (max-width: 1439px){
.owl-rooms .testo h1{font-size: 48px !important;}
}
@media (max-width: 991px){
.owl-rooms .testo h1{font-size: 16px !important;margin-bottom: 0;padding: 0 0 2px;}
.owl-rooms.carosello-new .rectItem .testo{padding: 1.2vh 4vw 1vh;min-width: 80% !important;bottom: 0 !important;left: 0 !important;}
.carosello-new .rectItem .testo .icons span{
font-size: 14px !important;
line-height: 0 !important;
}
.owl-rooms.carosello-new .rectItem .testo *{
text-align: center;
/* float: initial !important; */
}
.carosello-new .rectItem .testo .icons{
float: initial !important;
/* line-height: 1; */
}
}
@media (max-width: 479px){
.owl-rooms .testo h1{font-size:20px;}
}
.carosello-new .owl-stage-outer{overflow:visible;}
.carosello-new .owl-item{margin:0;overflow:hidden;}
.carosello-new .owl-stage{flex-direction:row;margin:0px auto;display:flex!important;}
.carosello-new .item-a{position:relative;display:block;margin:0px 8%;overflow:hidden;}
.owl-rooms.carosello-new .item-a{margin:0;width:100%;cursor:pointer;}
.carosello-new .rectItem .testo{position:absolute;z-index:2;bottom:0;left:0;/* right:0; */padding: 2.5vh 2vw;}
.carosello-new .rectItem .testo *{z-index:2;position: relative;}
.carosello-new .rectItem .testo .icons {margin-right: 20px;}
.carosello-new .rectItem .testo .icons, .carosello-new .rectItem .testo .icons *{display:inline-block;float:left;}
.carosello-new .rectItem .testo .icons span{font-size: 20px;line-height: 1;position: relative;margin-top: 9px;}
@media (max-width: 991px){
.carosello-new .alignleft, .carosello-new .alignright{
width:100%;
margin: 5px 0;
}
}
.owl-rooms.carosello-new .rectItem .testo{position:absolute;z-index:2;bottom: 0;left: 0;/* min-width: 300px; *//* max-width: 50%; */right:0;}
.owl-rooms.carosello-new .rectItem .testo:after{
content:'';
position:absolute;
height: 140%;
width:100%;
left: 0;
bottom: 0;
z-index: 1;
background: -moz-linear-gradient(top, var(--color8) 0%, var(--color7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--color8) 0%, var(--color7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, var(--color8) 0%, var(--color7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000b3', endColorstr='#00000000', GradientType=0); /* IE6-9 */
}
.carosello-new .custom.prev.link{position:relative;padding-left:10px!important;font-size:18px;font-weight:600;display:inline-block;float:left;-webkit-transition:padding 500ms ease;transition:padding 500ms ease;}
.carosello-new .custom.next.link{position:relative;font-weight:600;font-size:18px;display:inline-block;float:right;-webkit-transition:padding 500ms ease;transition:padding 500ms ease;}
.carosello-new .owl-nav .diamond-btn{
width:120px!important;
margin:0!important;
padding:0!important;
-webkit-filter: drop-shadow( 0 0 3px var(--color8));
filter: drop-shadow( 0 0 3px var(--color8));
}
.carosello-new .diamond-btn .diamond-shape.right{margin-left:47px;}
.carosello-new .custom.prev.link:hover{padding-left:69px;opacity:1;filter:alpha(opacity=100);}
.carosello-new .custom.prev.link:hover:before{width:55px;}
.carosello-new .custom.next.link:hover{padding-right:69px;opacity:1;filter:alpha(opacity=100);}
.carosello-new .custom.next.link:hover:before{width:55px;}
@media (max-width:1250px){
.carosello-new .custom.prev.link{padding-left:40px;font-size:14px;}
.carosello-new .custom.prev.link:before{width:30px;}
.carosello-new .custom.next.link{padding-right:40px;font-size:14px;}
.carosello-new .custom.next.link:before{width:30px;}
.carosello-new .link{font-size:12px;}
}
.carosello-new .owl-nav{position:absolute;width:65vw;left:-5vw;height:0;top:calc(35% - -60px);}
.carosello-new .owl-nav .owl-prev,.carosello-new .owl-nav .owl-next{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:0;}
.carosello-new .owl-nav .owl-next{float:right;}
.carosello-new div.custom.prev{position:absolute;top:50%;margin-left:-20px;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);}
.carosello-new div.custom.prev:before{background-color:var(--color1);}
.carosello-new div.custom.next{position:absolute;top:50%;margin-right:0;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);}
.carosello-new div.custom.next:before{background-color:#857F74;}
@media (max-width:1250px){
.carosello-new div.custom.prev{margin-left:-10px;}
.carosello-new div.custom.prev:before{width:20px;}
.carosello-new div.custom.next{padding-right:30px;}
.carosello-new div.custom.next:before{width:20px;}
}
@media (max-width:680px){
.carosello-new div.owl-nav{display:none;}
}
.carosello-new .owl-item{/* opacity:0.3; */transform:scale(1);filter:alpha(opacity=50);pointer-events:none;-webkit-transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1);-moz-transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1);transition:all .4s cubic-bezier(0.39, 0.58, 0.57, 1);}
.carosello-new .owl-item.active{opacity:1;transform:scale(1.2);filter:alpha(opacity=1);pointer-events:all;z-index:3;}
@media only screen and (max-width: 1440px){
h1{font-size:65px;}
.diamond-btn{font-size:18px;}
}
@media only screen and (max-width: 1280px){
h1{font-size:55px;}
}
@media only screen and (max-width: 991px){
.carosello-rooms{padding-top:6vh!important;}
}
@media only screen and (max-width: 767px){
h1{font-size: 40px;}
}
@media only screen and (max-width: 349px){
h1{font-size:28px;}
}
@media (max-width: 991px){
.owl-rooms .rectDiv{padding-bottom:79%!important;}
.owl-rooms.carosello-new{width:65vw;}
.owl-rooms.carosello-new .owl-nav{left:0;}
}
.titolo-principale {
overflow: initial;
margin-bottom: 10vh;
/* min-height: 220px; */
}
.titolo-principale h1 {
width: 60%;
margin:0 auto;
padding: 8vh 0;
position: relative;
top: 0;
/* bottom: 20%; */
/* left: 20%; */
/* transform: translate(0, -50%); */
z-index: 3;
}
.layout-6 .titolo-principale {
margin-bottom: 0;
min-height: initial;
padding: 30vh 0;
overflow: hidden;
}
.layout-6 .titolo-principale h1 {
vertical-align: middle;
/* display: contents; */
padding-top: 10vh;
}
.layout-4.inverted .titolo-principale {margin-bottom: 0;}
.ornamento-sx, .ornamento-dx{
position: absolute;
width: 16%;
height: 200px;
left: 4%;
top: 12%;
transform: translate(0, -50%);
background-image: url('img/ornamento-dx.svg');
background-size: contain !important;
background-position: center center !important;
z-index: 2;
background-repeat: no-repeat !important;
}
.ornamento-sx {
background-image: url('img/ornamento-sx.svg');
}
.ornamento-dx{
left: initial;
right: 4%;
top: 52%;
}
.ornamento-sotto{
display:inline-block;
position: absolute;
margin:0 auto;
width: 120% !important;
height: 150%;
/* min-height: 240px; */
left: -10%;
top: -40%;
z-index: 1;
/* margin-bottom: 4vh; */
background-image: url('img/ornamento-sotto.svg');
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.layout-6 .ornamento-dx {
background-image: url('img/ornamento-dx2.svg');
}
.layout-6 .ornamento-sotto {
background-image: url('img/ornamento-sotto2.svg');
}
.layout-6 .titolo-principale.left .ornamento-dx {
background-image: url('img/ornamento-dx2l.svg');
}
.layout-6 .titolo-principale.left .ornamento-sotto {
background-image: url('img/ornamento-sotto2l.svg');
}
.layout-6 .ornamento-dx{
left: initial;
right: 50px;
top: 52%;
width: 40%;
height: 200%;
}
.layout-6 .ornamento-sotto{
display:inline-block;
position: absolute;
margin:0 auto;
width: 30% !important;
height: 200%;
/* min-height: 240px; */
left: initial;
right: -2%;
top: -40%;
z-index: 1;
}
.layout-6 .titolo-principale.left .ornamento-dx{
right: initial;
left: 50px;
top: 52%;
width: 40%;
height: 200%;
}
.layout-6 .titolo-principale.left .ornamento-sotto{
display:inline-block;
position: absolute;
margin:0 auto;
width: 30% !important;
height: 200%;
/* min-height: 240px; */
right: initial;
left: -2%;
top: -70%;
z-index: 1;
}
.layout-4 .ornamento-sx {
background-image: url('img/ornamento-sxw.svg');
}
.layout-4 .ornamento-dx {
background-image: url('img/ornamento-dxw.svg');
}
.layout-4 .ornamento-sotto {
opacity: .3 !important;
}
@media (max-width:1200px) {
.ornamento-sx, .ornamento-dx{
/* width: 80px; */
/* height: 40px; */
/* left: 0; */
/* top: 42%; */
}
.ornamento-dx{
left: initial;
/* right: 0; */
}
.ornamento-sotto{
/* width: 100% !important; */
/* height: 50px; */
}
hr {
width: 75%;
}
.titolo-principale h1 {
/* width: calc(100% - 160px); */
/* margin:0 auto; */
/* padding: 0; */
}
hr:before, hr:after {
width: 30px;
height: 20px;
top: -9px;
left: -30px;
}
hr:after {
content: "";
left:initial;
right: -30px;
}
}
@media (max-width:991px) {
.ornamento-sx, .ornamento-dx{
display:none;
}
.titolo-principale {
margin-bottom: 5vh;
min-height: initial;
}
.layout-6 .titolo-principale {
padding: 0;
}
.titolo-principale h1 {
width: 80%;
left: initial;
position: relative;
}
.layout-6 .titolo-principale h1 {
vertical-align: middle;
margin: 5vh auto;
}
}
/*.anim-left {
-webkit-transition: all 1.6s cubic-bezier(0.39, 0.58, 0.57, 1);
-moz-transition: all 1.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 1.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}*/
.layout-1 .anim-left {
-webkit-clip-path: polygon(0 15%, 0 15%, 0 70%, 0 80%, 0% 50%);
clip-path: polygon(0 15%, 0 15%, 0 70%, 0 80%, 0% 50%);
}
.layout-1 .anim-right {
-webkit-clip-path: polygon(100% 100%, 100% 0, 40% 7%, 0 40%, 5% 100%);
clip-path: polygon(100% 80%, 100% 15%, 100% 50%, 100% 80%, 100% 80%);
}
.layout-1 .anim-left.open {
-webkit-clip-path: polygon(60% 7%, 0 0, 0 100%, 95% 100%, 100% 40%);
clip-path: polygon(60% 7%, 0 0, 0 100%, 95% 100%, 100% 40%);
}
.layout-1 .anim-right.open {
-webkit-clip-path: polygon(100% 100%, 100% 0, 40% 7%, 0 40%, 5% 100%);
clip-path: polygon(100% 100%, 100% 0, 40% 7%, 0 40%, 5% 100%);
}
.layout-1.layout-6 .anim-left {
-webkit-clip-path: initial;
clip-path: initial;
}
.layout-1.layout-6 .anim-right {
-webkit-clip-path: initial;
clip-path: initial;
}
.tutto-testo .bg-image {
width:100%;
height:100%;
position:absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0.7;
}
.tutto-testo .bg-image .image {
width:100%;
height:100%;
top: 0;
left: 0;
background-image: url('img/sfondo-sabbia.jpg');
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.layout-4.inverted .bg-image{
width:100%;
height:100%;
position:absolute;
top: 0;
left: 0;
z-index: 1;
}
.layout-4.inverted .bg-image {
width:100%;
height:100%;
top: 0;
left: 0;
background-image: url('img/sfondo-mare.jpg');
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.layout-4.inverted .titolo-principale h1{
color: var(--color3);
}
.layout-4.inverted .titolo-principale + hr {
background: var(--color3);
}
@media (max-width: 991px){
.btn{
margin-top: 3vh;
padding: 20px 50px 18px;
min-width: initial;
}
.layout-1 .anim-left.open {
-webkit-clip-path: polygon(60% 7%, 0 0, 0 100%, 85% 100%, 90% 40%);
clip-path: polygon(60% 7%, 0 0, 0 100%, 85% 100%, 90% 40%);
}
.layout-1 .anim-right.open {
-webkit-clip-path: polygon(100% 100%, 100% 0, 40% 7%, 10% 40%, 15% 100%);
clip-path: polygon(100% 100%, 100% 0, 40% 7%, 10% 40%, 15% 100%);
}
}
.slider-syncro {
position: relative;
display: inline-block;
margin-top: 0;
}
.slider-syncro .leftBar-slide {
width:100px;
overflow: hidden;
position: absolute;
top: 0;
z-index: 2;
}
.slider-syncro .leftBar-slide .slick-slide {
width:100%;
}
.slider-syncro .vertical-txt {
writing-mode: vertical-rl;
line-height: 6vw;
transform: rotate(180deg);
text-transform: uppercase;
text-align: center;
letter-spacing: 5px;
color: var(--color3);
background: var(--color7);
font-size: 30px;
}
.slider-syncro .slider-for, .slider-syncro .slider-for .slick-slide {
width:100vw;
top:0;
z-index:1;
}
.slider-syncro .slider-for .PrevArrowsx{
display: none !important;
}
.slider-syncro .slider-for .NextArrowdx {
width: 76px;
height: 76px;
position: absolute;
background: var(--color1);
border: 0;
border-radius: 50%;
top: calc(50% + 5vh);
transform: translate(0, -50%);
right: 60px;
/* background-color: initial; */
-webkit-filter: drop-shadow(0 0 15px var(--color3));
filter: drop-shadow(0 0 15px var(--color3));
-webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.slider-syncro .slider-for .NextArrowdx:hover {
background: var(--color2);
}
.slider-syncro .slider-for .NextArrowdx:after {
content:'';
background-image: url(img/arrow-right2.svg);
width: 60px;
height: 51px;
position: absolute;
top: 13px;
left: 0;
background-position: center center !important;
background-repeat:no-repeat !important;
background-size: contain !important;
}
.slider-syncro .slider-for .slider-content {
position: relative;
margin-top: 10vh;
}
.slider-syncro .slider-for .slider-content * {
text-align: center;
}
.slider-syncro .slider-for .titolo {
position: absolute;
z-index:2;
text-align:center;
width: 100%;
}
.slider-syncro .slider-for .titolo * {
font-family: var(--font1);
color: var(--color1);
font-size:100px;
padding: 0;
transform: translate(0,-50%);
}
.slider-syncro .slider-for .img-cover {
width: 100%;
/* top: -5vh; */
position: absolute;
}
.slider-syncro .slider-for .img-cover{
/* top: -5vh; */
}
.slider-syncro, .slider-syncro .slider-for, .slider-syncro .slider-for .slick-slide, .slider-syncro .slider-for .img-cover, .slider-syncro .slider-for .slider-content {
height: 75vh !important;
}
.slider-syncro .leftBar-slide, .slider-syncro .leftBar-slide .slider, .slider-syncro .leftBar-slide .slick-slide {
height: 65vh !important;
top:10vh;
}
.slider-syncro .leftBar-slide .slider, .slider-syncro .leftBar-slide .slick-slide {
top:0;
}
.slider-syncro .slider-for .titolo {
opacity:0;
top:15%;
-webkit-transition: opacity .3s cubic-bezier(0.22, 0.61, 0.36, 1) .5s, top .3s cubic-bezier(0.22, 0.61, 0.36, 1) .5s;
-moz-transition: opacity .3s cubic-bezier(0.22, 0.61, 0.36, 1) .5s, top .3s cubic-bezier(0.22, 0.61, 0.36, 1) .5s;
transition: opacity .3s cubic-bezier(0.22, 0.61, 0.36, 1) .5s, top .3s cubic-bezier(0.22, 0.61, 0.36, 1) .5s;
}
.slider-syncro .slider-for .slick-slide {
opacity:.3;
overflow: hidden;
-webkit-transition: opacity .3s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: opacity .3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: opacity .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.slider-syncro .slider-for .slick-slide.slick-active, .slider-syncro .slider-for .slick-slide.slick-active .titolo {
opacity:1;
top: 0;
}
@media only screen and (max-width: 1440px) {
.slider-syncro .slider-for .titolo * {
font-size: 70px;
}
}
@media (max-width: 991px){
.slider-syncro .slider-for .titolo * {
font-size: 40px;
}
.slider-syncro .leftBar-slide{
display:none;
}
.slider-syncro .slider-for .NextArrowdx {
width: 76px;
height: 76px;
top: initial;
bottom: 40px;
transform: initial;
right: 40px;
}
}
.layout-1 .img-sopra {
position: absolute;
width: 24vw !important;
top: 50%;
transform: translate(0, -50%);
z-index: 2;
-webkit-mask: url('img/mask.svg') center center / contain;
webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
.layout-1 .left .img-sopra {
right: -12vw;
}
.layout-1 .right .img-sopra {
left: -12vw;
}
.layout-1 .img-sotto {
position: relative;
z-index: 1;
height: 100%;
}
@media (max-width: 991px) {
.layout-1 .img-sopra {
left: initial !important;
right: 7% !important;
top: initial !important;
bottom: -7vh;
width: 55vw !important;
transform: initial;
}
.layout-1 .blocco-testo {
/* margin-top: 5vh; */
}
.rooms.layout-1 .blocco-testo {
margin-top: 0;
}
}
.container-fluid.layout-1 {
background-color: var(--color3);
}
.no_overflow{overflow:hidden;}
.t_container{transform:translateX(0);height:100%;}
.mask_left{transform:translateX(50%);display:block;}
.mask_left.full{transform:translateX(-100.1%);}
.mask_left .t_container{transform:translateX(-100%);display:block;}
.mask_left.full .t_container{transform:translateX(100.1%);}
.t_container > img{transform:scale(1.05);}
.show > .mask_left,.show > .mask_left .t_container,.show > .mask_left .t_container img, .active .mask_left,.active .mask_left .t_container,.active .mask_left .t_container img{transform:none;position:relative;z-index:1;}
.d100{transition-delay:100ms!important;}
.has_transition_1500_inout{-webkit-transition:-webkit-transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);transition:transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);}
.gradientbg:after {
content:'';
position:absolute;
top:-20%;
bottom:0;
left:0;
right:0;
background: -moz-linear-gradient(top, var(--color1) 0%, var(--color7) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--color1) 0%, var(--color7) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, var(--color1) 0%, var(--color7) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#16161600', GradientType=0);
/* IE6-9 */
}
.home .gradientbg:after {
display:none;
}
.item-portfolio {
margin-bottom: 4vh;
position: relative;
}
.carosello-lavori .item-portfolio {
margin: 0 10px;
}
.item-portfolio a {
display:inline-block;
position: relative;
}
.item-portfolio h2{
margin-bottom: 0;
padding-bottom:0;
color: var(--color3) !important;
}
/*.fit {
font-size:initial;
width:500px;
height:300px;
}
.fit-container {
display: inline-block;
position: relative;
width:100%;
}*/
.item-portfolio.v2 .imageAnim .img-cover {
height: 35vh;
}
.item-portfolio.v2.cover .imageAnim .img-cover {
height: 100%;
}
.item-portfolio.v2 .testo {
position:absolute;
bottom:0;
z-index:2;
width: 100%;
/* padding: 20px; */
}
.item-portfolio.v2 .testo h2, .item-portfolio.v2 .testo h3 {
padding-left: 20px;
padding-right: 20px;
z-index: 2;
/* position: relative; */
/* overflow: hidden; */
}
.item-portfolio.v2 .testo span {
/* position: relative; */
/* transform: translate(0, 100%); */
/* -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005); */
/* transition:transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005); */
}
.item-portfolio.v2 .testo:after {
content:'';
position:absolute;
top: -40%;
bottom: 0;
left:0;
right:0;
background: -moz-linear-gradient(top, var(--color1) 10%, var(--color7) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--color1) 10%, var(--color7) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, var(--color1) 10%, var(--color7) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#16161600', GradientType=0);
/* IE6-9 */
}
.item-portfolio.v2 .show + .testo span {
/* transform: none; */
}
.layout-toppage {
margin-bottom:4vh;
}
.layout-toppage .img-cover:after, .layout-toppage .video:after {
content:'';
position:absolute;
top: 80%;
bottom: 0;
left:0;
right:0;
z-index: 2;
background: -moz-linear-gradient(top, var(--color1) 10%, var(--color7) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--color1) 10%, var(--color7) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, var(--color1) 10%, var(--color7) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#16161600', GradientType=0);
/* IE6-9 */
}
.layout-toppage .img-cover:before, .layout-toppage .video:before {
content:'';
position:absolute;
top: 0;
bottom: 0;
left:0;
right:80%;
z-index: 2;
background: -moz-linear-gradient(right, var(--color1) 10%, var(--color7) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(right, var(--color1) 10%, var(--color7) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, var(--color1) 10%, var(--color7) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#16161600', GradientType=0);
/* IE6-9 */
}
.layout-toppage .video {
position:relative;
height: 100%;
}
.layout-toppage .audio_video {
left: initial;
right: 50px;
}
.layout-toppage .testo {
padding: 16vh 3vw 5vh;
}
.layout-toppage.griglia-alternata .testo h1, .layout-toppage.griglia-alternata .testo p{
color: var(--color3) !important;
}
.layout-toppage .cat-lavoro{
position:absolute;
z-index:3;
/* transform: rotate(-90deg); */
/* transform-origin: bottom left; */
right: 3vw;
/* float: right; */
/* top: 50%; */
writing-mode: vertical-rl;
text-orientation: mixed;
/* letter-spacing: 2px; */
bottom: -10%;
}
.layout-toppage .cat-lavoro.right{
right: 8vw;
}
.layout-toppage .posRel {
/* height:100%; */
position: relative;
}
.layout-toppage .cat-lavoro h3{
font-size: 64px;
text-transform:uppercase;
color:var(--color3);
-webkit-filter: drop-shadow(0 0 10px var(--color1));
filter: drop-shadow(0 0 10px var(--color1));
color: var(--color3) !important;
}
@media (max-width: 991px){
.layout-toppage .video {
margin-top: 70px;
}
.layout-toppage .testo {
padding: 5vh 3vw;
}
.layout-toppage .cat-lavoro {
bottom: -3vh;
}
.layout-toppage .video:before {
content:'';
position:absolute;
top: 0;
bottom: 80%;
left:0;
right: 0;
z-index: 2;
background: -moz-linear-gradient(bottom, var(--color1) 10%, var(--color7) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(bottom, var(--color1) 10%, var(--color7) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, var(--color1) 10%, var(--color7) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#16161600', GradientType=0);
/* IE6-9 */
}
.layout-toppage .img-cover:before {
display:none;
}
.layout-toppage .cat-lavoro h3{
font-size: 43px;
}
.carosello-lavori .owl-nav{width: 50px !important;top: -57px !important;}
}
.carosello-lavori .owl-nav{position:absolute;width: 90px;right: 35px;height:0;top: -100px;}
.carosello-lavori .owl-nav .owl-prev,.carosello-new .owl-nav .owl-next{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:0;}
.carosello-lavori .owl-nav .owl-next{float:right;}
@media (max-width:680px){
.carosello-new div.owl-nav{display:none;}
}
.owl-arrow .arrow{cursor:pointer;height: 80px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform 0.1s;width: 60px;}
.owl-arrow .arrow.left{transform:scaleX(-1) translate(-50%,-50%);transform-origin:center left;}
.owl-arrow .arrow-top,.owl-arrow .arrow-bottom{background-color: var(--color3);height:4px;left:-5px;position:absolute;top:50%;width:100%;}
.owl-arrow .arrow-top:after,.owl-arrow .arrow-bottom:after{background-color:var(--color2);content:"";height:100%;position:absolute;top:0;transition:all 0.15s;}
.owl-arrow .arrow-top{transform:rotate(45deg);transform-origin:bottom right;}
.owl-arrow .arrow-top:after{left:100%;right:0;transition-delay:0s;}
.owl-arrow .arrow-bottom{transform:rotate(-45deg);transform-origin:top right;}
.owl-arrow .arrow-bottom:after{left:0;right:100%;transition-delay:0.15s;}
.owl-arrow .arrow:hover .arrow-top:after{left:0;transition-delay:0.15s;}
.owl-arrow .arrow:hover .arrow-bottom:after{right:0;transition-delay:0s;}
.owl-arrow .arrow:active{transform:translateX(-50%) translateY(-50%) scale(0.9);}
.owl-arrow .arrow.left:active{transform:scaleX(-1) translateX(-50%) translateY(-50%) scale(0.9);}
@media (max-width:1280px){
.carosello-lavori .owl-nav {
width: 60px;
top: -70px;
}
.owl-arrow .arrow{height: 60px;width: 40px;}
}
#owl-lavori {
margin-left: -10px;
margin-right: -10px;
}
.cat-lavori {
display: flex;
width: 100%;
padding: 0;
box-sizing: border-box;
height: 80vh;
}
.cat-lavori .box {
flex: 1;
overflow: hidden;
transition: 0.5s;
position: relative;
margin: 0;
line-height: 0;
border-left: 2px solid var(--color2);
}
.cat-lavori .box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
/* position: relative; */
/* z-index: 1; */
}
.cat-lavori .box > span {
font-size: 6.8vh;
/* display: block; */
position: absolute;
bottom: 7%;
transform: rotate(180deg);
text-align: center;
left: 0;
text-transform: uppercase;
line-height: 2.6;
writing-mode: tb;
text-orientation: mixed;
pointer-events: none;
z-index: 3;
}
.cat-lavori .box:after {
content:'';
position:absolute;
background: var(--color5);
top:0;
left:0;
right:0;
bottom:0;
pointer-events: none;
z-index:2;
mix-blend-mode: hard-light;
}
.cat-lavori .box:before {
content:'';
position:absolute;
width:20px;
height:20px;
left: 0;
background:var(--color2);
bottom: 12%;
z-index: 3;
border-radius: 50%;
transform: translate(-10px, 0);
}
.cat-lavori .box:hover {
flex: 1 1 15%;
}
.cat-lavori .box:hover img {
width: 100%;
}
@media (max-width: 991px){
.cat-lavori {
display: inline-block;
height: initial;
}
.cat-lavori .box {
flex: initial;
height: 40vh;
}
.cat-lavori .box > span {
font-size: 10vw;
writing-mode: initial;
text-orientation: initial;
transform: initial;
padding-left: 7vw;
bottom: 13%;
line-height: 1;
}
.cat-lavori .box:before{
bottom: 16%;
}
}
.layout-1 .video {
overflow:hidden;
}
.layout-1 .plyr--video{
transform: scale(1.4);
}