@charset 'UTF-8';

a, a:hover, a:focus, button:focus{color: inherit; outline: none; text-decoration: none}

.text-center .img-fluid{ margin-left:auto; margin-right:auto; }
.clear{ clear:both; }
.space-10{ height:10px; clear:both; }
.space-20{ height:20px; clear:both; }
.space-40{ height:40px; clear:both; }
.no-padding{ padding:0 !important; }
.no-margin{ margin:0 !important; }

body{color: #707070; line-height: 1.4}

.font-abril{font-family: 'Abril Fatface', serif; font-weight: 400}
.font-open{font-family: 'Open Sans', sans-serif;}
.font-josefin{font-family: 'Josefin Sans', sans-serif; font-weight: 500}

.font-regular{font-weight: 400}
.font-medium{font-weight: 500}
.font-bold, strong{font-weight: 700}

.btn{padding: 2px 20px; border-radius: 24px;}

.point{width: 30px; height: 30px; border-radius: 50%; background-color: #96a7d3}

.color-black{color: #000}
.color-light-blue{color: #96a7d3}
.color-brown{color: #2C1E1D}
.color-white{color: #fff}
.bg-light-gray{background-color: #f5f4f4}
.bg-brown{background-color: #2c1e1d}
.bg-light-yellow{background-color: #e5d6b9}
.bg-light-blue{background-color: #96a7d3}
.bg-gradient-lightblue{
  background : -moz-linear-gradient(-136.76% 106.24% 0deg,rgba(255, 255, 255, 1) 0%,rgba(205, 221, 227, 1) 43.1%,rgba(169, 196, 207, 1) 80.28%,rgba(155, 187, 199, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(205, 221, 227, 1) 43.1%, rgba(169, 196, 207, 1) 80.28%, rgba(155, 187, 199, 1) 100%);
  background : -webkit-gradient(linear,-136.76% 106.24% ,-36.76% 106.24% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.431,rgba(205, 221, 227, 1) ),color-stop(0.8028,rgba(169, 196, 207, 1) ),color-stop(1,rgba(155, 187, 199, 1) ));
  background : -o-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(205, 221, 227, 1) 43.1%, rgba(169, 196, 207, 1) 80.28%, rgba(155, 187, 199, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(205, 221, 227, 1) 43.1%, rgba(169, 196, 207, 1) 80.28%, rgba(155, 187, 199, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#9BBBC7' ,GradientType=0)";
  background : linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(205, 221, 227, 1) 43.1%, rgba(169, 196, 207, 1) 80.28%, rgba(155, 187, 199, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#9BBBC7' , GradientType=1);
}
.bg-gradient-blue{
  background : -moz-linear-gradient(-1838.21% -729.3% 0deg,rgba(255, 255, 255, 1) 0%,rgba(200, 209, 232, 1) 45.33%,rgba(164, 179, 217, 1) 81.05%,rgba(150, 167, 211, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(200, 209, 232, 1) 45.33%, rgba(164, 179, 217, 1) 81.05%, rgba(150, 167, 211, 1) 100%);
  background : -webkit-gradient(linear,-1838.21% -729.3% ,-1738.21% -729.3% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.4533,rgba(200, 209, 232, 1) ),color-stop(0.8105,rgba(164, 179, 217, 1) ),color-stop(1,rgba(150, 167, 211, 1) ));
  background : -o-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(200, 209, 232, 1) 45.33%, rgba(164, 179, 217, 1) 81.05%, rgba(150, 167, 211, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(200, 209, 232, 1) 45.33%, rgba(164, 179, 217, 1) 81.05%, rgba(150, 167, 211, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#96A7D3' ,GradientType=0)";
  background : linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(200, 209, 232, 1) 45.33%, rgba(164, 179, 217, 1) 81.05%, rgba(150, 167, 211, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#96A7D3' , GradientType=1);
}
.bg-gradient-yellow{
  background : -moz-linear-gradient(104.41% 106.24% 0deg,rgba(255, 255, 255, 1) 0%,rgba(248, 243, 235, 1) 24%,rgba(234, 222, 199, 1) 73.58%,rgba(229, 214, 185, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(248, 243, 235, 1) 24%, rgba(234, 222, 199, 1) 73.58%, rgba(229, 214, 185, 1) 100%);
  background : -webkit-gradient(linear,104.41% 106.24% ,204.41% 106.24% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.24,rgba(248, 243, 235, 1) ),color-stop(0.7358,rgba(234, 222, 199, 1) ),color-stop(1,rgba(229, 214, 185, 1) ));
  background : -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(248, 243, 235, 1) 24%, rgba(234, 222, 199, 1) 73.58%, rgba(229, 214, 185, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(248, 243, 235, 1) 24%, rgba(234, 222, 199, 1) 73.58%, rgba(229, 214, 185, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5D6B9' ,GradientType=0)";
  background : linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(248, 243, 235, 1) 24%, rgba(234, 222, 199, 1) 73.58%, rgba(229, 214, 185, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E5D6B9' , GradientType=1);
}
@media(max-width:767px){
    .color-black-xs{color: #000 !important}
}
.btn{transition: background 0.5s ease}
.btn.bg-light-blue:hover{color: #96a7d3; background-color: #fff; border: 1px solid #96a7d3}
.btn.bg-light-yellow:hover{color: #e5d6b9; background-color: #fff; border: 1px solid #e5d6b9}

 
.font-170{font-size: 170px; font-size: calc(20px + 7.85vw); line-height: 1}
.font-150{font-size: 150px; font-size: calc(20px + 6.8vw); line-height: 1}
.font-107{font-size: 107px; font-size: calc(20px + 4.45vw); line-height: 1}
.font-88{font-size: 88px; font-size: calc(20px + 3.55vw); }
.font-83{font-size: 83px; font-size: calc(20px + 3.3vw); }
.font-34{font-size: 34px; font-size: calc(18px + 0.85vw)}
.font-33{font-size: 33px; font-size: calc(18px + 0.8vw)}
.font-32{font-size: 32px; font-size: calc(18px + 0.75vw)}
.font-31{font-size: 31px; font-size: calc(18px + 0.70vw)}
.font-26{font-size: 26px; font-size: calc(18px + 0.45vw)}
.font-22{font-size: 22px; font-size: calc(18px + 0.25vw)}
.font-20{font-size: 20px; font-size: calc(16px + 0.25vw)}
.font-18{font-size: 18px; font-size: calc(13px + 0.3vw)}
.font-15{font-size: 16px; font-size: calc(13px + 0.15vw)}

.line-height1{line-height: 1}
.line-height1_1{line-height: 1.1}
.line-height1_2{line-height: 1.2;}
.line-height1_6{line-height: 1.6;}

.divider-2{height: 2px; width: 100%; display: block}
.divider-4{height: 4px; width: 100%; display: block}
.divider-vertical{height: 230px; width: 1px; display: block}

.hover-effect .img-fluid{transition: transform 0.5s ease; transform: scale(1);}
.hover-effect:hover .img-fluid{transform: scale(1.1);}

.position-absolute-top-center{position: absolute; top: 0; left: 50%}

.img-sfondo{width: 100%; height: 100%; object-fit: cover }
.height-570px{height: 570px}

.column-2{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
@media(max-width:767px){
    .column-2{column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
}
.z-index1{z-index: 1}
.z-index2{z-index: 2}

.width-full{width: 100%}

.slick-slider{margin: 0}

/* Header */ 
body.navbar-fixed{padding-top: 109px }
body.navbar-fixed .navbar{position: fixed; background-color: rgba(255,255,255,1); top: 0; left: 0; right: 0; z-index: 1001}

.navbar-light .navbar-nav .active > .nav-link::after, 
.navbar-light .navbar-nav .nav-link.active::after, 
.navbar-light .navbar-nav .nav-link.show::after, 
.navbar-light .navbar-nav .show > .nav-link::after{
    content: ''; display: block; height: 7px; background-color: #96a7d3; margin-bottom: -5px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #96a7d3}

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(44, 30, 29)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-light .navbar-toggler{border: none; margin: 0}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{ color: #2a2922;}

@media(max-width:767px){
    .navbar-brand{max-width: 130px}
    .navbar-nav .nav-link{text-align: center; font-size: 20px; padding: 10px}
    .navbar-light .navbar-nav .nav-link::after{display: none !important;}
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{color: #96a7d3}
} 

/* Home */
.header-home{background-image: url(../images/bg-header-home.png); background-repeat: no-repeat; background-position: bottom right;}
.slider-banner{margin-left: -650px}
.img-destra-banner{margin-top: -100px; margin-bottom: -20px;}
.slider-gallery-variable .slide{height: 61vh}
@media(max-width:1200px){
    .slider-banner{margin-left: -400px}
}
@media(max-width:991px){
    .slider-banner{margin-left: 0}
    .slider-gallery-variable .slide{height: 300px}
}
@media(max-width:767px){
    .slider-gallery-variable .slide{height: 180px}
}
@media(max-width:500px){
    .slider-gallery-variable .slide{height: 130px}
}

/* Filosofia */
.line{position: absolute; left: 50%; top: 0; bottom: 0; border-left: 1px solid #2c1e1d}
.timeline-filosofia .point{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 15px rgb(255, 255, 255);}
@media(max-width:767px){
    .line{left: 10%}
    .timeline-filosofia .point{left: 10%}
}
/* Footer */
#map{height: 550px}

/* Gelateria */
.banner-image{height: 690px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center}

/* Contatti */
.social-contatti{width: 53px; height: 53px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: background 0.5s ease}
.container-img-contatti{background-image: url(../images/bg-contatti.jpg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.social-contatti:hover{color: #96a7d3; border: 1px solid; background-color: #fff}

.modal-dialog { max-width: 700px;}
@media(max-width:767px){
    .modal-dialog { max-width: 90%;}
}


.wpcf7 form .wpcf7-response-output {  margin: 10px 0;  padding: 0;  border: none; color: #00a0d2;}
.wpcf7 form.sent .wpcf7-response-output {  color: #46b450;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #ffb900;}



.link-modal-creme{transition: all 0.5s ease; display: block}
.link-modal-creme:hover {transform: scale(1.1);}

.testo-creme{height: 50px; overflow: hidden}