/*
Theme Name: Cibomare
Author: Tree Agency
Author URI: http://www.treeagency.it/
Description: Tema Wordpress di Cibomare
Version: 1.1
License: GNU General Public License v2 or later
*/

/*Wordpress editor styles start*/

* {
    margin: 0px;
    padding: 0px;
    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*/
@font-face {
    font-family: 'Bushcraft';
    src: url('fonts/Bushcraft-one.eot');
    src: url('fonts/Bushcraft-one.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bushcraft-one.woff2') format('woff2'),
        url('fonts/Bushcraft-one.woff') format('woff'),
        url('fonts/Bushcraft-one.ttf') format('truetype'),
        url('fonts/Bushcraft-one.svg#Bushcraft-one') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {
    color: #797875;
    background-color: #fff;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.2px;
    left: -10%;
    line-height: 1.6;
    -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;
    text-rendering: optimizeLegibility;
}
@media (max-width: 768px) {
    body {
    font-size:15px;
}
}
body.open {
    left: 0;
}
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 li {
    width: 33.3333%;
    float: left;
    display: inline;
    margin-bottom: 10px;
    vertical-align: middle;
}

@media (max-width: 680px) {
ul.triple li {
    width: 50%;
}
}
ul.triple li span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    /* width: 60%; */
    line-height: 1.2;
}
li {
    list-style: none;
}
.list-unstyled li {
    padding: 5px 0;
    font-size: 14px;
}
a, a:before {
    color: #4f7dbf;
    font-weight: 700;
    cursor:pointer;
}
a, a:before, a:after, a span, .gform_button.button, .gform_button.button span {
    -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: #a0a0a0;
    text-decoration: none;
    outline: none;
}
b, strong {
     /* font-family: 'Hind', sans-serif; */
}
.blocco-testo a {
    /* color: #337ab7; */
    /* font-weight: 600; */
}
.blocco-testo a:hover {
    /* color: #4f7dbf; */
    text-decoration: underline;
}
p {
    text-align: justify;
    position: relative;
    margin: 0 0 11px;
}
hr {
    background: url(img/pittogramma.svg);
    width: 50px;
    height: 50px;
    margin: 10px auto;
    display: inline-block;
    border: 0;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
hr.big {
    width: 80px;
    height: 130px;
    margin: 0 auto 20px auto;
}
hr.white {
    background: url(img/pittogramma-w.svg);
}
.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%;
}
.pt-5per {
    padding-top: 5%;
}
.pt-7per {
    padding-top: 7%;
}
.pt-8per {
    padding-top: 8%;
}
.pb-5per {
    padding-bottom: 5%;
}
.mg-0 {
    margin: 0 !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: 100px !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-2per {
    margin-bottom: 2% !important;
}

@media (max-width: 992px) {
.mbmob-5per {
    margin-bottom: 5% !important;
}
    .element{
        display:none;
    }
}

@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-5per {
    margin-top: 5%;
}
.mt-10per {
    margin-top: 10%;
}
.mt-20per {
    margin-top: 20%;
}
.mt-30per {
    margin-top: 30%;
}
.mt-40per {
    margin-top: 40%;
}
.mt-50per {
    margin-top: 50%;
}
.mb-5per {
    margin-bottom: 5%;
}
.mb-10per {
    margin-bottom: 10%;
}
.mt--5per {
    margin-top: -5%;
}
.mt--10per {
    margin-top: -10%;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.wrapper {
    padding: 0 5%;
}
.wrapper-10per {
    padding: 0 10%;
}
@media (max-width: 768px) {
    .wrapper-10per {
    padding: 0 5%;
}
.pd-10per {
    padding: 10% 10%;
}
}
@media (max-width: 992px) {
    .sm-mg-0{
        margin:0 !important;
    }
}

.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;
}
.woocommerce .loader:before {
    display: none;
}
.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: 0;
    padding: 0;
}
blockquote p {
    padding: 0px 15px !important;
    border-left: 3px solid #d9d1c7;
    margin: 0;
    color: #75737f;
    font-style: italic;
    letter-spacing: 0.01em;
}
blockquote p, blockquote p:first-letter{
    font-size: 15px !important;
    line-height: 1.5 !important;
}
blockquote p:first-letter {
  padding: 0 !important;
}
.text-shadow * {
    text-shadow: 0 0 15px #2f464d;
}
.text-shadow .btn * {
    text-shadow: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
#cn-notice-text {
    font-weight: 600;
    line-height: 22px;
}
#cn-accept-cookie, #cn-more-info {
    color: #F7F6F4;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px #fff solid;
    padding: 3px 4px;
}
.cookie-notice-container {
    text-align: center;
}
.navbar-brand {
    height: 98px;
    width: 195px;
    padding: 0;
    left: 3%;
    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;
}
nav:not(.mm-menu):not(.nav) {
    display: none;
}
.hamburger {
    box-sizing: border-box;
    display: block;
    width: 50px;
    height: 45px;
    position: absolute;
    float: right;
    top: 15%;
    right: 5%;
    z-index: 2;
    background: #4f7dbf;
}
.hamburger span, .hamburger:after, .hamburger:before {
    background: #F7F6F4;
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    position: absolute;
    left: 10px;
}
.hamburger:before {
    top: 10px
}
.hamburger span {
    top: 20px
}
.hamburger:after {
    top: 30px
}
.hamburger span, .hamburger:after, .hamburger:before {
    -webkit-transition: none .5s ease .5s;
    transition: none .5s ease .5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity
}
html.mm-opening .hamburger:after, html.mm-opening .hamburger:before {
    top: 20px
}
html.mm-opening .hamburger span {
    left: -50px;
    opacity: 0
}
html.mm-opening .hamburger:before {
    transform: rotate(45deg)
}
html.mm-opening .hamburger:after {
    transform: rotate(-45deg)
}

@media (min-width: 993px) {
.hamburger {
    display: none;
}
}

@media (max-width: 992px) {
.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: #F7F6F4;
}
.fixed_mobile {
    display: block !important
}
footer {
    padding-bottom: 35px;
}
.clear-sm {
    clear: both;
    /* margin-top: 40px; */
}

}
.mm-menu {
    background: #27282A;
    color: rgba(255,255,255,.9);
    /* font-family: 'Lato', sans-serif; */
    font-weight: 600;
    letter-spacing: 1px;
}
.mm-page {
    overflow: hidden;
}
.mm-menu ul {
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    margin-top: 10px !important;
}
.mm-menu .dropdown-menu li:hover a {
    border-bottom: none !important;
}
.mm-menu .dropdown-menu a {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    color: inherit;
    display: block;
    font-weight: 600;
    padding: 10px 10px 10px 20px;
    margin: 0;
}
.mm-menu .dropdown-menu a:hover {
    background-color: transparent;
    color: #d6d6d6;
}
.mm-menu .caret {
    display: none;
}
.mm-menu .inverted {
    background-color: #4f7dbf;
}
.mm-menu .dropdown-menu {
    position: initial;
    top: 0;
    left: 0;
    z-index: 1555;
    display: inline-block;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}
.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 #F7F6F4;
    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;
}
.logo {
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain !important;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.header .logo {
    width: 195px;
    height: 98px;
    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.logo-in {
    opacity: 1;
}
.header .logo.logo-out {
    opacity: 0;
}
.header.sticky .logo.logo-in {
    opacity: 0;
}
.header.sticky .logo.logo-out {
    opacity: 1;
}
.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: 768px ) {

}

@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;
}
}
.sticky .logo {
    width: 160px;
    height: 80px;
}
.sticky .navbar-brand {
    height: 80px;
    width: 160px;
    /* padding: 10px; */
    /* background-color: #f8f8f8 !important; */
}
@media ( max-width: 768px ) {
.sticky .logo {
    width: 104px;
    height: 52px;
}
.sticky .navbar-brand {
    height: 78px;
    width: 100px;
}
}
.nav {
    /* margin-top: 33px; */
    margin-right: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.nav.primary-menu {
    /* margin-right: 15px; */
}
.menuPrincipale-inverted .nav, .sticky .menuPrincipale-inverted .nav {
    margin: 0;
}

/*
.navbar .nav-lang ul li {
    padding: 0;
}
.navbar .nav-lang li {
    color: #F7F6F4 !important;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1;
    letter-spacing: 2px;
    border: 0;
    text-transform: uppercase;
    padding: 17px 3%;
    display: block;
    position: relative;
    cursor: pointer;
}

@media (max-width:1200px) {
.nav-lang {
    padding: 0 0px 0 5px!important;
    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: 17px!important;
}
}
.nav-lang {
    padding: 0px 20px 0 10px;
}
.navbar .nav-lang >li span {
    padding: 5px 20px 5px 10px;
    margin: 0;
    outline: 1px solid #F7F6F4;
    text-shadow: 0 0 5px #011e2d;
}
.navbar .nav-lang >li span:after {
    content: '\f0d7';
    font: 13px "fontawesome", monospace;
    color: #F7F6F4;
    right: 13%;
    top: 19px;
    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 {
    outline: 1px solid #F7F6F4;
    text-shadow: none;
}
.navbar.sticky .nav-lang >li span:after {
    color: #F7F6F4;
}
.navbar.sticky  .nav-lang li {
    color: #F7F6F4 !important;
}
*/

.navbar .nav-lang > li{color: #F7F6F4 !important;font-size: 13px;font-weight:600;line-height:1;letter-spacing:2px;border:0;text-transform:uppercase;margin-top: 11px;padding: 3px 3%;display:block;cursor:pointer;}
@media (max-width:1200px){
.nav-lang{padding: 0 18px 0 5px!important;}
.navbar .nav-lang>li{font-size: 11px;/* padding:9px 0!important; */}
.navbar .nav-lang >li span:after{top: 7px!important;right: 8px!important;}
}
.nav-lang{padding: 0px 20px 0 10px;}
.navbar .nav-lang >li span{padding:5px 20px 5px 10px;margin:0;outline: 1px solid #F7F6F4;text-shadow:0 0 5px #011e2d;}
.navbar .nav-lang >li span:after{content:'\f0d7';font:13px "fontawesome", monospace;color: #F7F6F4;right:13%;top:9px;padding:0 0 2px;position:absolute;pointer-events:none;}
.navbar .nav-lang .dropdown-menu{min-width:1px;padding:0;top: 29px;text-align:center;}
.navbar .nav ul{position:absolute;display:none;top:40px;left:3%;padding:0;z-index:201;margin:0;border:0;width:94%!important;border-radius:0;box-shadow:none;}
.navbar .nav li:hover > ul{display:block;}
.navbar ul li{float:left;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.navbar ul li:hover{background:none;color:#F7F6F4;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
.navbar ul li span{/* font-size: 15px; */color:#F7F6F4;font-weight: 600;/* letter-spacing: 2px; */font-family: 'Montserrat', sans-serif;text-transform:uppercase;margin:5px 13px;padding:0;display:block;}


#main-container {
    padding-top: 0;
    position: relative;
    z-index: 2;
}
.logged-in .navbar {
    top: 32px;
}
.navbar .navbar-move {
    position: absolute;
    width: 100%;
    height: 90px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* padding: 20px; */
    /* background: #F7F6F4; */
    /*-webkit-transition: top 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 1s;
    -moz-transition: top 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 1s;
    transition: top 0.6s cubic-bezier(0.65, 0.05, 0.36, 1) 1s;*/
    -webkit-transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.navbar.sticky .navbar-move {
    height: 50px;
}
.navbar .navbar-bg {
    position: absolute;
    width: 100%;
    /* height:100%; */
    left: 0;
    top: 0;
    bottom: 0;
    right: 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;
}
.navbar .navbar-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    background: -moz-linear-gradient(top, rgba(49, 60, 82, 0.7490196078431373) 0%, rgba(49, 60, 82, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(49, 60, 82,0.75) 0%, rgba(49, 60, 82,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(49, 60, 82,0.75) 0%, rgba(49, 60, 82,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7dbfbf', endColorstr='#4f7dbf00', GradientType=0 ); /* IE6-9 */
    -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.sticky .navbar-bg {
    background: #f5f5f5;
    padding: 0;
}
.navbar.sticky .navbar-bg:after {
    opacity: 0;
}
.navbar-default.sticky .navbar-move {
/* background: rgba(85, 74, 67, 0.75); */
}
body.open .navbar .navbar-move {
    top: 0px;
}
.navbar-default {
    background: transparent;
    border: 0;
    border: 0;
    height: 105px;
    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: 62px;
    z-index: 999;
}
.navbar .nav ul {
    position: absolute;
    display: none;
    top: 40px;
    right: 3%;
    padding: 0;
    z-index: 201;
    margin: 0;
    border: 0;
    width: 94% !important;
    border-radius: 0;
    background-color: #F7F6F4;
    box-shadow: none;
}
.navbar .nav ul li ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 100%;
    z-index: 99;
}
.navbar .nav li:hover > ul, .menu li.menuHover > ul {
    display: block;
}
.navbar .nav ul li {
    width: 100%;
}
.navbar .nav .dropdowm ul {
    float: none;
}
.navbar .nav .dropdowm {
    position: relative;
}
.navbar .nav .dropdowm:after {
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #4f7dbf !important;
    font-size: 9px;
    padding-right: 0.5em;
    position: absolute;
    top: 60px;
    right: 16px;
}
.navbar .nav .dropdowm:hover:after {
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff !important;
    font-size: 9px;
    padding-right: 0.5em;
    position: absolute;
    top: 60px;
    right: 16px;
}
.navbar .nav .dropdowm.active:after {
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff !important;
    font-size: 9px;
    padding-right: 0.5em;
    position: absolute;
    top: 47px;
    right: 16px;
}
.navbar ul li {
    float: left;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar ul li.inverted {
    background: #f3e8d7;
}
.navbar ul li.active.inverted {
    background: #a0a0a0;
}
.navbar ul li.li-inverted:hover {
    background: #463d37;
}
.navbar.sticky ul li.li-inverted {
    padding: 22px 20px 0px;
}
.navbar ul li.active {
    background: none;
    /* color: #27282A; */
    position: relative;
}
.navbar ul li:hover {
    background: none;
    color: #F7F6F4;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.navbar ul li.inverted:hover {
    background: #ab9e94;
}
.navbar ul li.inverted:hover >a {
    color: #F7F6F4;
}
.navbar ul li.inverted >a:hover {
    color: #fff !important;
}
.navbar-default.sticky .navbar-nav>.active>a {
    color: #f3e8d7 !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: #4f7dbf;
    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: #f3e8d7;
    background-color: transparent !important;
}
.navbar ul li a:after {
    content: '';
    height: 2px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: #F7F6F4;
    margin-top: 2px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-filter: drop-shadow( 0 0 5px #011e2d );
    filter: drop-shadow( 0 0 5px #011e2d );
}
.navbar ul li.inverted a:after {
    display:none;
}
.navbar.sticky ul li a:after {
    background-color: #f3e8d7;
    -webkit-filter: drop-shadow( 0 0 5px rgba(1, 30, 45, 0) );
    filter: drop-shadow( 0 0 5px rgba(1, 30, 45, 0) );
}
.navbar ul ul li a:after {
    display: none;
}
.navbar ul li:hover > a:after, .navbar ul li.active > a:after {
    width: 100%;
}
.dropdown-menu li:hover > a, .dropdown-menu li.active > a {
    /* border-bottom: 1px solid #f9f8f7 !important; */
}
.navbar ul li a {
    font-size: 13px;
    color: #F7F6F4;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 13px;
    padding: 0;
    display: block;
    cursor: pointer;
}
.navbar .nav-lang > li > a {
    padding: 0 !important;
    margin: 0 !important;
}
.navbar.sticky .nav-lang > li.dropdown > a {
    padding-top: 8px;
}
.navbar-default .navbar-nav>li>a {
    color: #F7F6F4;
    /* font-weight: initial; */
    text-shadow: 0 0 5px #011e2d;
    letter-spacing: 2px;
}
.navbar-default .navbar-nav>li.inverted>a {
    color: #4f7dbf;
    /* font-weight: 600; */
    margin: 15px 23px;
    text-shadow: none;
    letter-spacing: 2px;
}
.navbar.sticky ul li a {
    color: #4f7dbf;
    text-shadow: none;
    /* font-weight: 300; */
}
.navbar ul li.btn {
    display: inline-block;
    padding: 0;
    margin-top: 45px;
    margin-left: 10px;
}
.navbar ul li.btn a {
    padding: 10px 20px;
    font-size: 13px;
    height: auto;
    color: #F7F6F4;
    display: block;
    margin: 0;
}
.navbar > ul > li > a {
    width: 120px;
    height: 112px;
    text-align: center;
    display: block;
}
.navbar > ul li > a .caret {
    position: absolute;
    right: 10px;
    top: 42%;
}
.navbar ul li.dropdowm a {
    padding-right: 32px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #a0a0a0;
    color: #fff !important;
    border-bottom: 0px;
    background-image: -o-linear-gradient(top, #428bca 0, #357ebd 100%);
    background-image: none;
    text-decoration: none;
}
.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: 14px;
    font-weight: 500;
    padding: 8px 10px;
    letter-spacing: 1px;
    white-space: initial;
    margin: 0;
    color: #4f7dbf !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: #60655B;
}
.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: #1cbfd7;
    /* border-bottom: #f9f8f7; */
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.navbar-nav li .dropdown-menu li.dropdown {
    position: relative
}
.navbar-nav li .dropdown-menu li.dropdown .fa-angle-right {
    position: absolute;
    right: 18px;
    top: 13px;
}
.navbar-nav li .dropdown-menu li.dropdown ul.dropdown-menu {
    left: 100% !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none !important;
    top: 0 !important
}
.navbar-nav li .dropdown-menu li.dropdown:hover .dropdown-menu {
    display: block !important;
}
.navbar-nav li .dropdown-menu li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
    display: none !important;
}
.navbar-nav li .dropdown-menu li.dropdown ul.dropdown-menu li.dropdown:hover ul.dropdown-menu {
    display: block !important;
}
/* ---FLEXSLIDER------------------------------------------  */

.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: 12%;
    margin: -20px 0 0 -20px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    z-index: 4;
    background: url('img/scroll-down.svg');
    background-size: contain !important;
    background-repeat: no-repeat !important;
    animation: bouncePers 1s infinite alternate;
    -webkit-animation: bouncePers 1s infinite alternate;
    -webkit-filter: drop-shadow( 0 0 5px #4f7dbf );
    filter: drop-shadow( 0 0 5px #4f7dbf );
}
@media (max-width:992px) {
    .scroll_down {
        bottom: 8%;
    }
}
.single .scroll_down, .archive .scroll_down {
    bottom: 19%;
}
 @keyframes bouncePers {
 from {
 transform: translateY(0px);
}
 to {
 transform: translateY(-15px);
}
}
@-webkit-keyframes bouncePers {
 from {
 transform: translateY(0px);
}
 to {
 transform: translateY(-15px);
}
}
.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;
}
.slides .img-cover:after {
    content:'';
    background: rgb(55 103 145 / 23%);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    mix-blend-mode: color-burn;
    z-index: 2;
}
.img-cover img {
	height: 100% !important;
	width: 100% !important;
	position: relative;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media (min-width:1200px) {
.parallaxBg .img-cover img {
	height: initial !important;
	width: initial !important;
}
}
.flexslider {
    margin: 0px;
    padding: 0;
    position: relative;
    zoom: 1;
    border: 0px;
    border-radius: 0;
    /* overflow: hidden; */
}
.flexslider .slides {
    zoom: 1;
}
.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-caption {
    position: absolute;
    bottom: 25%;
    left: 0;
    opacity: 1;
    width: 100%;
    color: #F7F6F4;
    z-index: 20;
}
.single .flex-caption, .archive .flex-caption {
    bottom: 40%;
}
.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: 33vh;
    position: relative;
    margin: 0px auto 60px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    opacity: 0;
    -webkit-filter: drop-shadow( 0 0 5px #011e2d );
    filter: drop-shadow( 0 0 5px #011e2d );
}
#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: 5px;
    /* color: #fff; */
}
.flex-caption h1{
    font-size: 100px;
    letter-spacing: 0px;
    /* font-family: 'Montserrat', sans-serif; */
    text-transform:uppercase;
    font-weight: 300;
    line-height: 0.9;
    /* background: #f3e8d7; */
    display: block;
    margin: 0 auto;
    padding: 0;
    padding: 1vw;
    color: #ffffff;
    width: fit-content;
    text-shadow: none;
    }
.flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5 {
    font-size: 45px;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    /* background: #f3e8d7; */
    color: #ffffff;
    display: block;
    width: fit-content;
    /* display: flex; */
    margin: 1vh auto;
    padding: 1vw;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    }

.flex-caption .btn {
    width: initial;
    font-size: 17px;
    text-shadow: none;
    /* background: none; */
}
.flex-caption p {
    font-size: 20px;
    margin: 0px;
    font-weight: 500;
    font-family: Lato, sans-serif;
    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;
}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}
.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;
}
@media (max-width:768px) {
    .flex-direction-nav {
    top: initial;
    bottom: 11%;
}
}
.flex-direction-nav .flex-nav-prev {z-index: 2;}
.flex-direction-nav a {
    text-decoration: none;
    width: 47px;
    height: 47px;
    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-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}
.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: 40px;
    height: 40px;
    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: #4f7dbf 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, .griglia-alternata .right > .flex-direction-nav {
    left: 0;
    width: 120px;
    height: 60px!important;
    position: absolute!important;
    display: inline-block;
    top: initial;
}
.griglia-alternata .right > .flex-direction-nav {
    right: 0;
    left: initial;
}

.griglia-alternata .flex-direction-nav li {
    height: 60px;
    width: 60px;
}
.griglia-alternata .right .flex-nav-prev {
    left: 0;
    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: #4f7dbf
}
.griglia-alternata .flex-direction-nav .flex-nav-prev:hover a:before {
    left: 15px;
    background: #F7F6F4;
}
.griglia-alternata .flex-direction-nav .flex-nav-next:hover a:before {
    left: 25px;
    background: #F7F6F4;
}

.griglia-alternata .flex-direction-nav a {
    text-decoration: none;
    width: 60px;
    height: 60px;
    margin: 0;
    position: relative;
    background: #F7F6F4;
    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;
    mask: url(img/freccia-dx_griglia.svg) center / contain no-repeat;
    background: #4f7dbf;
    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;
    mask: url(img/freccia-sx_griglia.svg) center / contain no-repeat;
    background: #4f7dbf;
    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:992px) {
.flexslider-row {
    /* height: 450px !important; */
}
}

@media (max-width:768px) {
.flexslider-row {
    /* height: 400px !important; */
}
.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: #fff !important;
    /* font-weight: 600; */
}
.bg-white {
    background-color: #F7F6F4;
}

@media ( max-width:768px ) {
.flex-caption h1, .titoloAlto h1 {
    font-size: 45px !important;
    line-height: 1 !important;
}
.flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5 {
    font-size: 25px !important;
    line-height: 1 !important;
}
}

@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: 40px;
    line-height: 1;
}
.nav {/* margin-right: 7px; */}
.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: #F7F6F4;
    margin-top: 0
}
.detailpictures .fotorama__arr {
    font-size: 30px;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #999
}
.fotorama__arr:hover {
    color: #87cded
}
.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: #999
}
.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: 'Bushcraft', sans-serif;
    color: #4f7dbf;
    font-size: 90px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
    font-weight: 300;
    /* font-style: italic; */
    padding: 0 0 2vh 0;
    text-transform: uppercase;
}
h2, h3 {
    font-family: 'Montserrat', sans-serif;
    color: #4f7dbf;
    font-size: 35px;
    line-height: 1.1;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 3vh 0;
    /* font-weight: 700; */
    /* text-transform: uppercase; */
}
.testo h1 {
    
}
h4, h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    margin: 0;
    /* text-transform:uppercase; */
    padding: 0 0 1.5vh 0;
    color: #565554;
}
h3, h5 {
    color: #4f7dbf;
}
.summary h2 {
    text-align: left;
}
.summary h2:before, .summary h2:after {
    display: none;
}

@media (max-width: 992px) {
h1 {
    font-size: 55px;
}
h2 {
    font-size: 42px;
}
}

@media (max-width: 768px) {
    h1 {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 1vh;
}
    .testo h1 {
    font-size: 30px;
    /* line-height: 0.8; */
}
    h2, h3 {
    font-size: 30px;
    line-height: 1.1;
}
}



.z1 {
    position: relative;
    z-index: 1;
}
.z2 {
    position: relative;
    z-index: 2;
}
.z3 {
    position: relative;
    z-index: 3;
}
.z4 {
    position: relative;
    z-index: 4;
}
footer {
    line-height: 18px;
    background-position: center center !important;
    background-size: cover !important;
    color: #F7F6F4;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    background-color: #4f7dbf;
}

.footer-copyright {
    position: relative;
    border-top: 2px solid #F7F6F4;
}
.home footer {
    margin-top: 0 !important;
}
footer .bg-grigio {
    background-color: #b7b5b3;
}
footer .bg-marrone {
    background-color: #4b2b20;
}
footer a {
    color: #F7F6F4;
    text-decoration: none;
}
footer a:hover {
    color: #c4a379;
    text-decoration: underline;
}
footer .footer-social-links a:hover {
    color: #f0f0f0;
    text-decoration: underline;
}
footer .footer-social-links a:hover .fa {
    border-color: #4f7dbf;
}
footer .copyright a:hover {
    color: #a0a0a0;
    text-decoration: underline;
}
footer hr {
    width: 100px;
    height: 2px;
    margin: 0 auto 20px;
    background: #F7F6F4;
}
footer .logo {
    margin: 0 auto 4vh;
    opacity: 1;
    width: 100% !important;
    height: 20vh !important;
    position: relative;
    background-position: center center !important;
}
footer .row-md-flex-center > div{
    padding-left:30px;
    padding-right:30px;
}


@media (min-width: 768px) {
 
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;
}
@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;
}

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; */
}
footer .bordered {
    border-right: none !important;
    border-bottom: 1px solid #F7F6F4;
    margin-bottom: 30px;
}
}
@media (max-width: 992px) {
.navbar.sticky .navbar-bg {
    background: transparent;
}
 .sm-text-center, .sm-text-center *{
        text-align:center !important;
    }
}
footer h3 {
    font-size: 20px;
    line-height: 1.3;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 400;
    color: #F7F6F4;
    text-transform: initial;
    letter-spacing: 1px;
}
footer, footer p, footer  {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.6px;
}
footer .bordered {
    border-right: 2px solid #F7F6F4;
}
.copyright {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    /* padding-top: 10px; */
}
.footer-social-links, .footer-social-links * {
    text-align: center;
}
.footer-social-links a {
    margin: 0 5px 5px 0;
    display: inline-block;
}
.footer-social-links a:last-child {
    margin: 0 5px;
}
.footer-social-links a.facebook .fa {
    /* background-color:#3b5998 */
}
.footer-social-links a.instagram .fa {
     /* background: #f09433; */
/* background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); */
/* background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); */
/* background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); */
}
.footer-social-links a.whatsapp .fa {
    /*background-color:#01E678*/
}
.footer-social-links a:hover .fa {
    background: #f3e8d7;
    color:#F7F6F4;
}
.footer-social-links .fa {
    font-size: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    border: 0;
    text-shadow: none;
    color: #4f7dbf;
    background-color: #F7F6F4;
}
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 * {
/* color: #F7F6F4; */
		/* text-shadow: #38342e 0px 0px 50px; */
}
.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;
}
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: #F7F6F4;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
footer .menu li a:hover {
    color: #87cded;
}
.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 #dea72f;
    /* padding-top: 30px; */
    /* padding-bottom: 20px; */
}
.border-bottom:first-child {
    /* padding-top: 0; */
}

.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 !important;
}

/*----------BLOCCHI RICHIAMO------------------*/

.blocco-richiamo {
   position:relative;
   overflow: hidden;
}
.blocchi-richiamo > div .col-sm-6:last-child .blocco-testo *{
   text-align:right;
}
.blocchi-richiamo > div .col-sm-6:last-child .blocco-testo .btn{
  right: 0;
}
.blocco-richiamo .blocco-immagine {
    height:50vh;
    -webkit-transition: all 7s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: all 7s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: all 7s cubic-bezier(0.22, 0.61, 0.36, 1);
    transform:scale(1);
}
.blocco-richiamo .blocco-testo {
    position:absolute;
    bottom: 5%;
    width: 90%;
    height: 90%;
    left: 5%;
    z-index: 2;
    /* padding: 5%; */
}
.blocco-richiamo .blocco-testo h2{
    color:#fff;
    width:100%;
    margin: 0;
    padding: 0;
    font-size: 50px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #4f7dbf;
    -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);
}
.blocco-richiamo .blocco-testo h2, .blocco-richiamo .blocco-testo .btn{
    position:absolute;
    bottom:0;
}
.blocco-richiamo .blocco-testo .btn {
    width:initial;
    opacity:0;
}

.blocco-richiamo a:hover .blocco-immagine {
    transform:scale(1.3);
}
.blocco-richiamo a:hover .blocco-testo h2 {
    bottom: 20%;
}

.blocco-richiamo a:hover .blocco-testo .btn {
    opacity: 1;
}


/* ----------CAROSELLO--------------- */

.owl-wrapper-outer {
    top: -40px;
    position: absolute;
}
.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-ospiti .img-cover{
    height: 50vh;
}
#owl-ospiti .testo{
    position:absolute;
    bottom:0;
    width: 100%;
    padding:5%;
    z-index:2;
}
#owl-ospiti .testo:after{
    content:'';
    position:absolute;
    height:120%;
    width:100%;
    bottom:0;
    left:0;
       background: -moz-linear-gradient(top, rgba(49, 60, 82, 0) 0%, rgba(49, 60, 82, 0.7490196078431373) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(49, 60, 82, 0) 0%, rgba(49, 60, 82, 0.7490196078431373) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(49, 60, 82, 0) 0%, rgba(49, 60, 82, 0.7490196078431373) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7dbf00', endColorstr='#4f7dbfbf', GradientType=0 ); /* IE6-9 */
}
#owl-ospiti .testo *{
   text-align:center;
   z-index: 3;
   color: #fff;
   position: relative;
}
#owl-ospiti .testo h3{
   margin:0;
   padding:0 0 1vh 0;
   z-index: 3;
   font-size: 26px;
   font-weight: 100;
   position: relative;
   text-shadow: 0 0 7px rgba(35, 47, 58, 0.6);
}
#owl-ospiti .testo p{
   line-height:1.3;
   text-shadow: 0 0 4px rgba(35, 47, 58, 0.6);
}

.owl-carousel .owl-stage .owl-item {
    display: flex;
}
.owl-carousel .item {
    margin: 0 10px;
    /* color: #F7F6F4; */
    -webkit-border-radius: 0px;
    -moz-border-radius: 3px;
    text-align: center;
    position: relative;
    width: 100%;
}
.recensioni .owl-carousel .item {
     margin: 0 2%;
}

#owl-primadopo {
    margin-top: -26px;
}
#owl-primadopo .item {
    margin: 0;
}
#owl-primadopo .loghettino{
    position:absolute;
    bottom: 2%;
    width: 120px;
    height: 80px;
    background-color:#F7F6F4;
    z-index: 3;
    background-position: center center !important;
    background-size: 100px auto !important;
    background-repeat: no-repeat;
    left: 50%;
    transform: translate(-50%,0);
}

.owl-carousel .item h3 {
    /* margin-bottom: 0; */
    /* padding-bottom: 0; */
    /* color: #F7F6F4; */
}
.servizi {
/* background: #4f7dbf; */
}
.servizi .item * {
    color: #4f7dbf;
    font-family:'Raleway', sans-serif;
    font-size: 15px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.servizi .item {
    text-align: center;
    padding: 10% 13% 15% 13%;
    width: 100%;
    margin: 0;
}
.servizi .item:after {
    content:'';
    background-color: transparent;
    border: 1px solid #4f7dbf;
    position:absolute;
    width: 90%;
    height: 100%;
    left: 5%;
    top: 0;
}
.servizi .owl-item.active .item:after {
    content:'';
    position:absolute;
    /* width: 110%; */
    /* height: 110%; */
    /* left: -5%; */
    /* top: -5%; */
    /* outline: 1px solid #000; */
    /* outline-offset: -13px; */
    z-index: 1;
}
.servizi .owl-item:nth-of-type(2n+1) .item:after{
    border: 1px solid #f3e8d7;
}
@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; */
}
.servizi .owl-carousel .owl-stage {
    display: block !important;
}
.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: relative;
    padding-bottom: 35%;
    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: #F7F6F4;
    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: #F7F6F4;
    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: #F7F6F4;
    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: #87cded;
}
.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: #87cded;
}
.testo ul {
    margin: 15px 0;
}
.testo li {
    list-style: inside;
    margin: 2px 0 5px 27px;
}
.testo p:first-child {
    padding-top: 0px;
    margin-top: 0px;
}
.griglia-alternata {
    /* overflow: hidden; */
    /* background-color: #F7F6F4; */
    width: 100%;
    z-index: 1;
}
.griglia-alternata .container-fluid {
    position: relative;
    min-height: 50vh;
}
.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 .abs {
    /* top: -50px; */
}
.griglia-alternata .abs:not(.pull-right) {/* right: 5%; */
}

.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%;
    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: 15%;
}
@media ( max-width: 992px ) {
    .griglia-alternata .testo.pd-10per {
    padding: 10%;
}

}
.griglia-alternata .testo.pd-5per {
    padding: 5%;
}
.griglia-alternata .blocco-testo {
    position: relative;
    z-index: 2;
    background-color: #fff;
    /* outline:1px solid #b07244; */
    /* outline-offset: -50px; */
}
.griglia-alternata .separatore .blocco-testo {
    /* background-color:#F7F6F4; */
}
.griglia-alternata .main-testo.blocco-testo {
    background: transparent;
}
.banda-orizzontale {
    position: absolute;
    z-index: 1;
    background: #4f7dbf;
    height: 80%;
    width: 8% !important;
    opacity: 0.07;
    top: 10%;
}

@media ( min-width: 992px ) {
.immagine-principale {
    /* transform: translate(0, -10%); */
}
}
.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;
     /* background-color: #F7F6F4; */
}
.separatore .blocco-testo.left{
   float: left;
   margin: 8%;
}
.separatore .blocco-testo.right{
   float: right;
   margin: 8%;
}
}
.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%;
}
.row-md-flex-center {
    position: relative;
}
@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; */
}
.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%;
}
.blocco-intro .blocco-immagini{
    min-height: 60vh;
}
}

@media (min-width: 1200px) {
.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: #4f7dbf;
}
.bg-scuro * {
    color: #fff !important;
}

.sidebar, #sidebar {
    margin-top: 23px !important;
}
.sidebar .border, .widget.woocommerce {
    border-width: 1px;
    border-color: #4f7dbf;
    /* background: #F7F6F4; */
    border-style: solid;
    padding: 30px 20px 15px !important;
    margin-bottom: 45px !important;
    position: relative;
    /* text-align: center; */
}
.sidebar h4 {
    border-width: 1px;
    border-color: #4f7dbf;
    border-style: solid;
    background-color: #F7F6F4;
    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: #F7F6F4;
    border: 1px solid #4f7dbf;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4f7dbf !important;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: .2s;
    transition: .2s;
}
.tags li a:hover {
    background-color: #87cded;
    border: 1px solid #87cded;
    text-decoration: none;
    color: #fff !important;
}
.article-item * {
    text-align: center;
    color: #27282A;
}
.article-item h3 {
    padding-top: 5px;
    padding-bottom: 10px;
}
.article-item p {
    color: #87888c;
    text-align: justify;
}
.data, .tags {
    font-size: 15px;
    text-transform: uppercase;
    color: #87cded !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 #dea72f; */
}


.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: #F7F6F4;
}
.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: #87cded;
    top: 26%;
    left: 10%;
    z-index: 1;
}
.bg-riga span {
    background-color: #F7F6F4;
    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;
}
#cantine .parallaxBg:before, #partners .parallaxBg:before {
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    /* mix-blend-mode: hard-light; */
    background: rgba(255, 255, 255, 0.9);
    z-index:2;
}

.wrapper > .parallaxBg.abs {
    width: 90%;
}
.parallaxBg .divBg {
    background-size: cover !important;
    background-position: center center !important;
    height: 150%;
    width: 100% !important;
    position: relative;
    top: -75%;
}
.parallaxBg .divBg:before {
    position: fixed;
    content: ''
}
@media (max-width: 992px) {
    .col-sm-12.parallaxBg.abs {
    position: relative;
    display: inline-block;
    height: 60vh !important;
}
#owl-imgtesto .owl-navs {
    position: relative;
    margin-top: -50px;
}
.griglia-alternata .parallaxBg.abs {
    height: 40vh;
    position: relative;
    width: 100% !important;
}

}
.owl-navs {
    /* position:relative; */
    /* display: inline-block; */
    /* width: 100%; */
    /* text-align:center; */
}
.owl-navs .btn {
    width: 50px;
    padding: 10px;
    margin-left: 15px;
    /* float: left; */
}
.owl-navs .btn:first-child {
    margin-left: 0;
}
.owl-navigation-container {
   margin:0 10px;
}
.owl-navigation {
    position: absolute;
    bottom: 0;
    right: 0;
    /* width: 100%; */
    /* padding: 0 5%; */
}
.recensioni .owl-navigation {
    position: relative;
    display: inline-block;
    padding: 7%;
    /* bottom: 0; */
    width: 100%;
}

.owl-navigation .owl-navs{
    margin-top: -58px;
}
#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: 130%;
}
.quad-thumb-block::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: all 0.2s;
    background-image: linear-gradient(0deg, rgba(25, 30, 50, 0) 0%, rgba(25, 30, 50, 0.6) 100%);
}
.quad-thumb-block:hover::before {
    background-image: linear-gradient(0deg, rgba(131, 116, 112, 0) 0%, rgb(21, 72, 115) 100%);
}
.quad-thumb-block:hover .testo-block-to {
    top: 35%;
}
.quad-thumb-block h2 {
    color: #F7F6F4;
    margin: 0px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.6px;
}
.quad-thumb-block p {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    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;
    transition: all 0.2s;
}
.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;
    /* overflow: hidden; */
    padding: 15px;
    margin: 0px -2.1px !important;
}
.bg1 {
    background: #F4F1EE;
}
.bg2 {
    background: #4f7dbf !important;
}
.bg2 *{
    color: #fff;
}
.bg3 {
    background: #4f7dbf;
}
.recensioni {
    overflow:hidden;
}
.recensioni .bg3:before {
    content:'';
    position:absolute;
    width:100%;
    height:500px;
    bottom:0;
    background: #4f7dbf;
    z-index:1;
}
.recensioni .bg3 > div {
    position:relative;
    z-index:2;
}
.bg1 h1 {
/* color: #F7F6F4; */
}
p .btn, p .btn-mini, li .btn, li .btn-mini {
    margin-left: 7px;
}
.gform_button.button, form input[type="submit"] {
    /* background-color: transparent; */
    /* border: 1px solid #F7F6F4; */
    width: 250px;
    /* margin-left: 15px; */
    /* color: rgb(255, 255, 255) !important; */
}
.text .btn {
    text-align: center;
    margin: 0px auto;
    display: block;
}
#newsletter input[type="text"], #newsletter .form input:not([type="submit"]):not([type="checkbox"]):not([type="button"]):not([type="radio"]), #newsletter .form select, #newsletter .form textarea {
    border: 1px solid #70675c;
    background: #F7F6F4;/* color: rgb(85, 85, 85); */
    padding-left: 10px;
    width: 100%;
    font-size: 14px;/* font-weight: 600; */
    position: relative;
    border-radius: 0px;
    outline: none;
}
.html-content a, .btn, .gform_button.button {
    size: 12px !important;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.5;
    position: relative;
    text-transform:uppercase;
    text-decoration:none;
    display:inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:0;
    padding: 15px 30px;
    background-color: #f3e8d7;
    color:#F7F6F4;
    text-align:center;
    -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);
    }
.html-content a span, .btn span {/* padding:9px 10px; *//* background-color: #F7F6F4; *//* z-index: 2; *//* position: relative; */}

.btn.inverted, .gform_button.button {color:#F7F6F4;background-color: #f3e8d7;border:0;/* float: initial; *//* margin: 0 auto; */}
.btn.inverted:before, .gform_button.button:before {/* content:''; */position:absolute;padding:10px;width:100%;height:100%;left:0;top:0;outline: 1px solid #F7F6F4;outline-offset:-5px;}

.btn.inverted span, .gform_button.button span {/* background-color:#4f7dbf; */}

.html-content a:hover, .btn:hover, .html-content a:focus, .btn:focus, .btn.selected{
    /* outline: none; */
    text-decoration: none !important;
    color:#FDFDFD;
    background-color: #ab9e94;
}
.html-content a:hover span, .btn:hover span, .html-content a:focus span, .btn:focus span {
    /* background-color: #4f7dbf; */
}
.btn.inverted:hover, .btn.inverted:focus, .btn.inverted.selected, .btn.inverted:focus span, .gform_button.button:hover, .gform_button.button:focus, .gform_button.button:hover span, .gform_button.button:focus span{
    text-decoration: none !important;
    color:#FDFDFD;
    background-color: #f3e8d7;
    outline: none;
}
.btn.inverted:hover span{
    /* background-color: #4f7dbf; */
}
/*
.left .btn:after, .right .btn:after {
    content:'';
    position: absolute;
    height:1px;
    width:3000px;
    top: 50%;
    background-color: #4f7dbf;
    mix-blend-mode: screen;
    z-index: 1;
}
*/
.left .btn.inverted:after, .right .btn.inverted:after {
    background-color: #F7F6F4;
}
.left .btn:after{
   left: calc(100% - 15px);
   left: -moz-calc(100% - 15px);
   left: -webkit-calc(100% - 15px);
}
.right .btn:after{
   right: calc(100% - 15px);
   right: -moz-calc(100% - 15px);
   right: -webkit-calc(100% - 15px);
}

.left .btn:hover:after{
   left: -15px;
}

.right .btn:hover:after{
   right: -15px;
}


.gform_button.button:hover, .gform_button.button:focus {
    background-color: #ab9e94;
}
.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;
    /* text-align: center; */
}
.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 {
    background: #fff;
    color: #000000;
    padding-left: 10px;
    width: 100%;
    height: 35px;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    border: 0;
    border-radius: 0px;
    outline: none;
}
.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: fontawesome, monospace;
    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: fontawesome, monospace;
    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;
    font-size: 17px;
    text-shadow: none;
    /* background: none; */
    display: inline-block;
    /* float: right; */
    clear: both;
}
table {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-collapse: collapse;
}
tr:nth-of-type(2n+1) {
    background: #f7f7f7;
}
th {
    background: #ddd;
    color: white;
    font-weight: bold;
}
td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}
.form a:hover {/* color: #F7F6F4; *//* text-decoration: underline; */
}
.gform_wrapper, .gform_wrapper form {
    display: inline-block;
    width: 100%;
}
.gform_wrapper ul {
    padding-left: 0px;
    list-style: none;
    display: block;
}
.gfield_checkbox label {
    /* width: initial; */
    /* margin-left: 16px; */
    display: inline;
    float: left;
}
footer .ginput_container.ginput_container_checkbox {
    display: inline-block;
    float: left;
    width: 96%;
}
.ginput_container.ginput_container_checkbox {
    display: inline-block;
}
.gform_wrapper li.field_description_below {
    line-height: 1.5;
}
.gform_wrapper li {
    margin-bottom: 10px;
    font-weight: 500;
    display: block;
    color: #F7F6F4;
    font-size: 11px;
    /* line-height: 14px; */
    /* margin-top: 20px; */
}
.gform_wrapper li.text-center{
    text-align:center;
    /* margin:0 auto; */
}

@media (max-width: 992px) {
.gform_wrapper li {
    display: block;
}
}
input[type="checkbox"], input[type="radio"] {
    float: left;
    margin: 0px 3px 0px 0px;
    display: inline-block;
    /* position: relative; */
}
.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;
    text-align: center;
}
.gform_wrapper .gfield_required {
}
#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: rgb(0, 0, 0);
    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: 15px !important;
}
.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
color: rgb(153, 153, 153);
}
.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;
}
.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: 122px;
}
.ginput_container_select::after {
    content: "\f078";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 17px;
    line-height: normal;
    font-family: fontawesome, monospace;
    color: #f3e8d7;
    right: 28px;
    top: 28px;
    padding: 0px 0px 2px;
    position: absolute;
    pointer-events: none;
}
.ginput_container_select:hover::after {
    color: #000;
}
.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: fontawesome, monospace;
    color: #f3e8d7;
    right: 27px;
    top: 28px;
    padding: 0px 0px 2px;
    position: absolute;
    pointer-events: none;
}
.ginput_container_date:hover::after {
    cursor: pointer;
    color: #000;
}
.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: inline-block;
    /* width: 100%; */
    text-align: center;
    position: relative;
    margin: auto;
}
#newsletter .gform_footer.top_label, .modal-body .gform_footer.top_label {
    /* text-align: center; */
    display: inline-block;
}
#newsletter .gform_footer.top_label input{
   margin:0;
   max-width: 100%;
}
.gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_year, .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute {
    width: 40%;
    vertical-align: top;
    display: inline-block;
}
.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: initial;
    margin-right: 4px;
}

@media (max-width: 992px) {
.gform_footer.top_label .btn {
    margin: 0 auto;
    position: relative;
    max-width: 100% !important;
}
.gform_footer.top_label {
    padding: 0 15px;
    /* display: block; */
    text-align: center;
}
}
label {
    /* margin-top: 3px; */
    color: #F7F6F4;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 13px;
    text-transform: uppercase;
    padding-bottom: 1px;
    display: inline-block;
}
.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;
    display: flex;
}
.gfield_checkbox li:first-child *, .gfield_radio li:first-child * {
    /* display: inline; */
    /* float: left; */
    /* width: initial; */
    /* display: inline-block; */
    /* vertical-align: middle; */
}
.gform_footer img {
    margin-left: 20px;
}
.gform_wrapper .gfield_error .gfield_label {
    color: #ff5e5e;
}
.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: #ff5e5e
}
.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
    border-color: #ff5e5e;
    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: #ff5e5e;
    font-weight: 600;
}
.validation_error {
    padding: 9px 14px;
    margin: 0 15px;
    margin-bottom: 20px;
    background-color: #fff2f2;
    border-color: #eed3d7;
    color: #ec1616;
    font-weight: 600;
}
footer .validation_error {
    padding: 9px 14px;
    margin: 0 0 20px;
    font-size:12px;
    font-weight: 600;
}
.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 #4f7dbf !important;
    background: none #4f7dbf !important;
    /* font-family: "Alegreya Sans", sans-serif !important; */
    border-radius: 0px !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: 0 3px 4px;
}
.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: #4f7dbf;
    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;
}
.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: fontawesome, monospace;
    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: rgb(74, 74, 74);
    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: #ddd;
}
.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 rgb(187, 187, 187);
}
.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;
    line-height: 30px;
    color: rgb(74, 74, 74);
    border: 1px solid rgb(21, 39, 54);
    margin: 0px !important;
    background: none #f4f4f4 !important;
}
.ui-datepicker td a:hover {
    color: #F7F6F4;
    border: 0px;
    background-color: rgb(142, 143, 146) !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);
}
.ui-datepicker-calendar td:first-child .ui-state-active {
    margin-left: 0px;
}
.ui-datepicker-calendar td .ui-state-active {
    border: 0px;
    color: rgb(253, 253, 253);
    font-weight: 600;
    margin-right: 0px;
    background-color: rgb(142, 143, 146) !important;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0px;
}
.gform_confirmation_wrapper, .gform_confirmation_wrapper * {
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 30px;
}
#newsletter .btn {
    margin-top: 10px;
}
.form-container {
    background: rgba(49, 60, 82, 0.75);
    padding: 20px 10px;
    font-weight: 500;
    /* color: #5E6151; */
}
footer .form-container {
    background: transparent;
}
.modal .form-container {
    background: rgba(58, 57, 56, 0.9);
}
.form-container p {
    font-size: 11px;
    text-align: center!important;
}
.form {
/* border: solid 1px #ccc; */
    /* padding: 10px; */
    /* text-align: center; */
}
.form a {
    color: #F7F6F4;
    font-weight: 600;
}
.form a:hover {
    color: #F7F6F4;
    text-decoration:underline;
}
.form input:not([type='submit']):not([type='checkbox']):not([type='button']) {
    height: 34px;
    border: solid 1px #ccc;
    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;
}
#newsletter .privacy-form p {
    margin: 0px 0 2px 0!important;
    padding: 0;
}
.wpcf7-response-output {
    text-align: center!important;
}
div.wpcf7-validation-errors {
    border: 2px solid #f00!important;
    color: #f00;
    font-size: 12px!important;
    line-height: 16px!important;
    display: block!important;
    text-align: center;
}
span.wpcf7-not-valid-tip {
    font-weight: 600!important;
    font-size: 12px!important;
    line-height: 16px!important;
}

@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;
}
.modal-dialog {
    width: 65%;
    margin: 120px auto;
    z-index: 9999999;
}

@media only screen and (max-width: 768px) {
.modal-dialog {
    width: 90%;
}
}
.modal .close {
    font-size: 33px;
    line-height: 18px;
    color: #F7F6F4;
    opacity: 1;
    text-shadow: none;
}
.modal .close:focus, .modal .close:hover {
    color: #F7F6F4;
    background-color: #777;
    text-decoration: none;
    outline: none;
    opacity: 1;
}
.modal-header {
    padding-bottom: 0;
    border: none;
}
.modal-header button {
    border-bottom: 0px;
    position: absolute;
    top: -27px;
    right: 20px;
    padding: 20px;
    z-index: 2;
    background-color: #4f7dbf;
}
.modal-content {
    border-radius: 0px;
    padding: 30px;
    word-wrap: break-word;
}
.modal-backdrop {
    background: #312f2e;
    opacity: 0.65 !important;
}
.is-table-row .thumb {
    min-height: 270px;
}

.is-table-row .img-cover {
    /* 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 .box {
    background: none;
    position: static
}
.img-responsive.thumb, .thumb {
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
}
.fixed_mobile {
    display: none;
    position: fixed;
    font-size: 12px;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 35px;
    /* border-top: 1px solid #f0f0f0; */
    background-color: #d9ab84;
}
.fixed_mobile > div {
    /* width: 33.3333%; */
    height: 35px;
    float: left;
    position: relative;
    text-align: center;
}
.fixed_mobile > .col-xs-12 {
    /* border-bottom: 1px solid #F7F6F4; */
	background: #f15a24;
}
.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: 15px;
    width: 1px;
    background-color: #f0f0f0;
    position: absolute;
    right: 0;
    top: 10px;
}
.fixed_mobile div:last-child:after {
    display: none;
}
.fixed_mobile div:last-child {
    border-right: 0px
}
.fixed_mobile div a {
    color: #F7F6F4;
    font-size: 12px;
    line-height: 14px;
    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: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: #4f7dbf;
}
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;
}
.rectDiv {
    position: relative;
    width: 100%;
    z-index: 2;
    margin: 0 auto;
    /* overflow: hidden; */
    padding-bottom: 65% !important;
    background-size: cover !important;
    background-position: center center !important;
}
#owl-ospiti .rectDiv{
    width: 100%;
    padding-bottom: 150% !important;
    background-size: cover !important;
    background-repeat:no-repeat !important;
}
#owl-cantine .rectDiv, #owl-collaboratori .rectDiv, #owl-partners .rectDiv{
    width: 70%;
    padding-bottom: 50% !important;
    background-size: contain !important;
    background-repeat:no-repeat !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;
}

a.item-a:hover .item .btn {
    background-color: rgb(143, 189, 199);
    color: #F7F6F4;
    outline: rgb(143, 189, 199) solid 1px;
}
a.item-a:hover .item.colored {
    outline: rgb(204, 204, 204) solid 1px;
}
.quadItem, .quadItem::before {
    transition: all 0.2s;
}
.col-centered .quadItem {
    margin: 10px;
    position: relative;
    overflow: hidden;
}
.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: #F7F6F4;
    padding: 8%;
    margin: -10% 5% 0px;
    min-height: 145px;
    z-index: 2;
}
.blocchi .quadItem .testo h2 {
    margin: 10px 0px 0px;
    font-weight: 500;
    font-size: 23px;
    line-height: 1;/* letter-spacing: 1px; */
    display: inline-block;
}
.blocchi .quadItem .testo h3 {
    margin: 0px !important;
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 18px;
    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;
    /* width: initial; */
}
.item-a .quadItem .testo {
    position: absolute;
    background: rgba(245, 244, 244, 0.9);
    padding: 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: #4f7dbf
}
.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: 60px;
    height: 60px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.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:992px) {
.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: #4f7dbf;
    display: none;
}
.riga.left {
    left: 0;
}
.riga.right {
    right: 0;
}
.righina {
    height: 3px;
    position: absolute;
    width: 85%;
    bottom: 55px;
    background: #ADADAD;
}
.righina.left {
    left: 0;
}
.righina.right {
    right: 0;
}

@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 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/*
.close-into {
    content:  '';
    background-color: #F7F6F4;
    -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: #4f7dbf;
}
*/

#modal-booking{text-align:center;color:#4f7dbf;}
#modal-booking .modal-header{height:0!important;min-height:0!important;padding:0;margin:0;position:relative;z-index:40;}
#modal-booking .modal-dialog{width:90%;margin:13% auto 0;}
#modal-booking .moduletable.simplebooking{padding:40px 20px 30px;}
#modal-booking .modal-dialog .modal-content .modal-body .custom {
    height:100%;
}
@media all and (max-width: 480px){
#modal-booking .modal-dialog{width:90%;font-size:13px;}
}
@media (min-width:992px){
#modal-booking .modal-dialog{width: 50%;}
#modal-booking .moduletable.simplebooking{padding:60px 20px 30px;}
}
#modal-booking .modal-dialog .modal-content{background:none;box-shadow:none;border:0;margin:0;padding:0;}
#modal-booking .modal-dialog .modal-content:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0px;background: #f0eee2;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;}
#modal-booking .modal-dialog .modal-content .modal-body .custom .testo{padding:35px 50px 35px 35px;text-align:left;height:100%;font-weight:400;background: #4f7dbf;color:#F7F6F4;position:relative;border:0;overflow:hidden;vertical-align:middle;}
#modal-booking .modal-dialog .modal-content .modal-body .custom .testo *{color:#F7F6F4;}

@media (max-width:992px){
#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;}
}
@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;top:50%;transform:translate(0,-50%);}
}
#modal-booking .modal-dialog .modal-content .modal-body .custom .testo:after{left:auto;right:0;top:50%;bottom:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color: #f0eee2;border-left-color: #4f7dbf;border-width:400px 0 400px 30px;margin-top:-400px;}
#modal-booking .modal-dialog .modal-content .modal-body .custom .testo h3{margin:5px 5px 15px 15px;font-size:1.45em;line-height:24px;color:#F7F6F4;}
#modal-booking .modal-dialog .modal-content .modal-body .custom .testo ul li{margin:15px 0 15px 34px;}
#modal-booking .occupazione-camera{font-size:0.8em;text-align:left;position:absolute;}
#modal-booking label{display:block;font-weight:600;color: #383e5e;float:left;width:45%;text-align:left;margin:19px 0 0;}
#modal-booking .input-container{position:relative;z-index:0;float:left;width:55%;box-shadow:1px 1px 8px rgba(0, 0, 0, 0.3);margin-bottom:10px;}
#modal-booking .input-container.arrow:after{content:"";position:absolute;top:26px;right:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;display:inline-block;height:0;vertical-align:middle;width:0;}
#modal-booking .input-container input{font-size:15px;height:50px;text-align:left;padding-left:8px;font-weight:400;width:100%;border:0;border-radius: 0;cursor:pointer;}
#modal-booking .input-container input:focus{outline:none;}
#modal-booking .select-container{overflow:hidden;position:relative;z-index:0;float:left;text-align:right;width:55%;box-shadow:1px 1px 8px rgba(0, 0, 0, 0.3);margin-bottom:10px;}
#modal-booking .age-first .select-container{width:26%;}
#modal-booking .age .select-container{float:right;}
#modal-booking #dvEta14 .select-container{margin-right:3%;}
#modal-booking .select-container:after{content:"";position:absolute;top:23px;right:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;display:inline-block;height:0;vertical-align:middle;width:0;}
#modal-booking .select-container select{height:50px;border:0px none;outline:0px none;margin-left:-25%;padding-left:65%;width:150%;font-weight:400;cursor:pointer;-webkit-appearance:none;}
#modal-booking .select-container select option{padding-left:45%;background:#F7F6F4;}
#modal-booking .button-search{position:relative;margin:20px 0 0;font-size:.8em;}
#modal-booking .button-search:hover input{background:#4f7dbf;}
#modal-booking .button-search input{color:#F7F6F4;background: #a97958;border:none;/* box-shadow:0 1px 5px rgba(0, 0, 0, 0.5); *//* padding: 10px 20px; */font-size:13px;line-height:1;text-transform:uppercase;position:relative;}
.modal-dialog{width:65%;margin:120px auto;z-index:9999999;}
@media only screen and (max-width: 768px){
.modal-dialog{width:90%;}
}
.modal .close{font-size:33px;line-height:18px;color:#F7F6F4;opacity:1;text-shadow:none;}
.modal .close:focus,.modal .close:hover{background:#a0a0a0;text-decoration:none;outline:none;opacity:1;}
.modal-header{padding-bottom:0;border:none;}
.modal-header button{border-bottom:0px;position:absolute;top:-27px;right:20px;padding:20px;z-index:2;background-color:#4f7dbf;}
.modal-content{border-radius:0px;padding:30px;word-wrap:break-word;}

.testo li {
    list-style: initial;
    margin: 0px 0 0 30px;
}
#calendar, #calendar #closeBtn a {
    border-radius: 0 !important;
}
#calendar a {
    text-decoration: none;
}
#calendar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#calendar #elements li {
    font-weight: bold;
}
#calendar .months, #calendar .emptM, #calendar .headDay, #calendar .dayNormal, #calendar .dayBlank, #calendar .dayDisabled, #calendar .dayWeekend, #calendar .dayCurrent, #calendar .yearBrowse, #calendar .monthDisabled, #calendar .currMonth, #calendar #closeBtn {
    float: left;
    display: inline;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 14.2857%;
    line-height: 30px;
    height: 30px;
}
/* MESI */
#calendar #elements #months li.monthDisabled, #calendar #elements #months li.months, #calendar #elements #months li.currMonth {
    width: 16.6666%;
    line-height: 20px;
    height: 20px;
}
#calendar #elements #months li, #calendar #elements #months li a {
    text-transform: capitalize;
}
/* ANNO */
#calendar #elements #months .yearBrowse {
    font-size: 1.4em;
    font-weight: 300;
    line-height: 26px;
    color: #4f7dbf;
    width: 100%;
}
#calendar #elements #months .yearBrowse span, #calendar #elements #months .yearBrowse a {
    display: inline-block;
 *display: inline;
    zoom: 1;
    font-size: 20px;
    color: #02547D;
    background: none;
    width: 38px;
    height: 20px;
    line-height: 16px;
    padding: 0;
    margin: 0;
    background-color: #eee;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
#calendar #elements #months .yearBrowse span {
    color: #aaa;
}
#calendar #elements #months .yearBrowse b {
    color: #155066;
    font-size: 1.2em;
    padding: 0 10px;
}
/* GG DELLA SETTIMANA */
#calendar #days .headDay {
    width: 14.2857%;
    margin: 0;
    margin-bottom: 5px;
    font-size: 1em;
    font-weight: bold;
    line-height: 25px;
    height: 25px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* GG */
#calendar #elements #months li, #calendar #elements #days li {
    margin-bottom: 2.5px;
}
#calendar #elements #months li a, #calendar #elements #days li a {
    color: #333;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    background-color: #eee;
}
#calendar #elements #months .currMonth a, #calendar #elements #months .currMonth a:hover, #calendar #elements #months li a:hover, #calendar #elements #days .dayCurrent a, #calendar #elements #days .dayCurrent a:hover, #calendar #elements #days li a:hover {
    font-weight: bold;
    color: #F7F6F4;
    background-color: #02547D;
    border-radius: 0 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#calendar #days a, #calendar .months a {
    display: block;
}
#calendar .emptM, #calendar .dayDisabled, #calendar .monthDisabled {
    color: #ddd;
}
#calendar #days .dayNormal a:hover, #calendar #days .dayWeekend a:hover, #calendar #days .dayCurrent a:hover, #calendar .currMonth a:hover, #calendar .months a:hover {
    color: #F7F6F4;
    background-color: #02547D;
}
#calendar #days .dayWeekend a {
    border-bottom: 2px solid #ecab51;
    width: 94%;
    margin-left: 3%;
}
#calendar .currMonth a {
    display: block;
    text-decoration: none;
}
#calendar #closeBtn {
    width: 100%;
    padding: 1px 0 0;
    position: absolute;
    top: auto;
    left: 0;
    bottom: -28px;
    height: 30px;
}
#calendar #closeBtn a {
    display: block;
    color: #F7F6F4;
    font-weight: bold;
    font-size: 1.1em;
    background: #CC2900;
    text-transform: uppercase;
    border-top: none;
    text-align: center;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
#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: 38px;
    margin-bottom: 10px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.recensione {
    padding: 5%;
}
.card-grid .back {
    left: 0;
    background: #eee;
    overflow: hidden;
    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 #4f7dbf;
    outline-offset: 10px;
}
.card-grid {
    display: flex;
    height: 100%;
}
.block-card {
    /* display: inline-block; */
}
.block-card .img-cover{
   height: 40vh;
}
@media (max-width: 768px) {
.block-card .img-cover{
   height: 60vh;
}
}
.block-card .img-cover img{
   object-fit: contain;
}
.aInfo {
    position: absolute;
    z-index: 1;
    background-color: #4f7dbf;
    top: 10px;
    left: -20px;
    margin: 0;
    font-size: 13px;
    color: #F7F6F4;
    /* 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;
}

#newsletter {
    /* min-height: 400px; */
}

.map-section iframe{
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 992px) {
.map-section{
  min-height: 400px !important;
}
}

.leaflet-container h4 {
	padding-bottom:5px !important;
}
.leaflet-container a.btn {
    color: #fff !important;
	margin-left:0 !important;
}
.leaflet-popup-content p {
    margin: 8px 0 !important;
}

.tv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tv .screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  opacity: 0;
  transition: opacity 0.5s;
}
.tv .screen.active {
  opacity: 1;
}

.plyr__video-wrapper.plyr__video-embed {
    height: 100%;
    padding: 0;
    margin: 0;
}

.plyr--video {
    height: 100%;
}

.plyr__video-embed iframe{
    width: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.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 (max-width: 992px) {
.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 .img-down, .blocco-intro .bg{
    display:none;
}
.blocco-intro .img-up{
    height: 40vh;
    position:relative;
}

.griglia-alternata .img-grid, .griglia-alternata .multi-gallery.slider_box{
    height: 50vh !important;
}
}
@media (max-width: 768px) {
.blocco-intro .row-md-flex-center > div{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}

.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.left {
     -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
     clip-path: polygon(0% 0, 0% 0%, 0% 100%, 0 100%);
}
.anim-laterale.right {
     -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
     clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
}
.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.left > div {
    transform: translate(-30%,0);
}
.anim-laterale.right > div {
    transform: translate(30%,0);
}
.anim-laterale.open.left > div, .anim-laterale.open.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 .multi-gallery .img-cover img {
    transform: translate(-50%,0);
}
.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%);
}
}
.multi-gallery .plus-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -70%);
    background: url(img/zoom-in.svg);
	background-repeat: no-repeat;
    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:hover .multi-gallery .plus-icon {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.multi-gallery:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #4f7dbf;
    opacity: 0;
    z-index: 3;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover .multi-gallery:after {
    opacity: 0.3;
}

.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%;
}

.audio_video {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 8%;
    left: 50px;
    background: #4f7dbf;
    /* 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);
}
.audio_video:hover {
    cursor:pointer;
    background: #f3e8d7;
}


.audio_video.on:after{
    content:'';
    position: absolute;
    left: 7px;
    top: 7px;
    width: 26px;
    height: 26px;
    background: url(img/volume-on.svg) no-repeat;
    background-size:cover;
    background-position: center center;
    z-index: 1;
}
.audio_video.off:after{
    content:'';
    position: absolute;
    left: 7px;
    top: 7px;
    width: 26px;
    height: 26px;
    background: url(img/volume-off.svg) no-repeat;
    background-size:cover;
    background-position: center center;
    z-index: 1;
}

@media ( min-width:1920px ) {
body {
    font-size: 19px;
}
.testo h1 {
    font-size: 70px;
}
h2 {
    font-size: 45px;
}
.btn {
    font-size: 16px !important;
    line-height: 1.2;
}
.flex-caption h1{
    font-size: 85px;
}
.flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5{
    font-size: 40px;
}
}
 @media ( max-width: 992px ){
     .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(30% 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 .blocco-testo * {
    z-index: 2;
    position: relative;
}
#richiesta-prenotazione .blocco-testo:before {
    position: absolute;
    width: 120%;
    left:-10%;
    bottom: -27%;
    content: '';
    height: 140%;
    background: rgba(195, 185, 152, 0.55);
    z-index:1;
}

.blocco-testo li{
    list-style:initial;
    margin-left: 20px;
    padding-left: 5px;
    text-align: left !important;
}

footer .partners {
    padding-top: 171px;
}
footer .partners * {
    text-align: right;
}

.div-icona > div {
   height:100%;
   min-height: 15vh;
}
@media ( max-width: 992px ){
.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);
}

/*
.element {
    position: absolute;
    width: 40%;
    height: 60vh;
    min-height: 550px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
@media (max-width: 768px) {
	.element {
	   display:none;
	}
}
.element.left {
    left:-10%;
}
.element.right {
    right: -10%;
}
.element.element-1 {
    background: url('img/elemento-1.svg');
}
.element.element-2 {
    background: url('img/elemento-2.svg');
}
.element.element-3 {
    background: url('img/elemento-3.svg');
}
.element.element-4 {
    background: url('img/elemento-4.svg');
}
.element.element-5 {
    background: url('img/elemento-5.svg');
}
.element.element-6 {
    background: url('img/elemento-6.svg');
}
.element.element-7 {
    background: url('img/elemento-7.svg');
}
.element.element-8 {
    background: url('img/elemento-8.svg');
}
.element.element-9 {
    background: url('img/elemento-9.svg');
}

.element.top-10 {
    top:-10%
}
.element.top-20 {
    top:-20%
}
.element.top-30 {
    top:-30%
}
.element.top-40 {
    top:-40%
}
.element.top-50 {
    top:-50%
}
.element.top-60 {
    top:-60%
}
.element.top-70 {
    top:-70%
}
.element.top-80 {
    top:-80%
}

.element.bottom-10 {
    bottom:-10%
}
.element.bottom-20 {
    bottom:-20%
}
.element.bottom-30 {
    bottom:-30%
}
.element.bottom-40 {
    bottom:-40%
}
.element.bottom-50 {
    bottom:-50%
}
.element.bottom-60 {
    bottom:-60%
}
.element.bottom-70 {
    bottom:-70%
}
.element.bottom-80 {
    bottom:-80%
}
*/

.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: #f3e8d7;
    }
    .carousel-dots .owl-dot.active:before  {
        content:'';
        position: relative;
        display: block;
        left: 0;
        top: 0;
        width: 90%;
        height:100%;
        background: #f3e8d7;
    }

    @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;}
label{float:left;margin-top:0px;font-family:'Montserrat',sans-serif;color:#F7F6F4;font-size:11px;font-weight:400;letter-spacing:1px;line-height:13px;text-transform:uppercase;padding-bottom:1px;margin-bottom:5px;display:inline-block;}
.text-center>*{text-align:center;}
@media (max-width:992px){
.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: #F7F6F4;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: #4f7dbf;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: #f3e8d7;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: #f3e8d7;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:#F7F6F4;}
.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:#F7F6F4; */position:relative;overflow:hidden;vertical-align:middle;}
@media (max-width:992px){
#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:#F7F6F4;}
#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%;
}

.draw-border{
    position:absolute;
    left:7%;
    bottom:7%;
    right:7%;
    top:7%;
    border: 1px solid #4f7dbf;
    -moz-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) .8s;
    -moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) .8s;
    transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) .8s;
    }
@media (max-width:768px){
    .draw-border{
    left:3%;
    bottom:3%;
    right:3%;
    top:3%;
    }
    }
.anim-laterale.open .draw-border{opacity:1; -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);}

#owl-offerte .quadDiv{position:relative;width:100%;overflow:hidden;padding-bottom:100%;background-size:cover!important;background-position:center center!important;}
#owl-offerte .owl-item{margin:10px;overflow:hidden;}
#owl-offerte .owl-stage{flex-direction:row;margin:0px auto;display:flex!important;}
#owl-offerte a.item-a{width:100%; display:initial;}
.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:hover .btn {
    bottom: 15%;
    opacity: 1;
}
.blocchi .quadItem .testo{position:relative;background: #F7F6F4;outline: 1px solid #4f7dbf;outline-offset: -10px;padding: 10%;left: 0;text-align: center;margin: -10% auto 0;min-height:145px;z-index:2;}
.blocchi .quadItem .testo h2{margin:10px 0 0 0;font-weight:500;/* color: #f3e8d7; */font-size: 18px;line-height: 1.1;letter-spacing:1px;display:inline-block;}
.blocchi .quadItem .testo h3{margin:0;font-size:13px;font-weight:600;line-height:15px;display:inline-block;}
.blocchi .quadItem .btn{position:absolute;left:5%;bottom:4%;opacity: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);-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);}

.arrow {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    background: #f7f6f4;
    transform: translate(-50%, -50%) rotate(45deg);
}
.arrow.right {
    right: 0;
    transform: translate(50%, -50%) rotate(45deg);
}
.arrow.left {
    left: 0;
    transform: translate(-50%, -50%) rotate(45deg);
}
.bg2 .arrow {
    background: #f3e8d7;
}


.recensioni .owl-carousel .item{margin:0 2%;}
.recensioni .owl-navigation{position:absolute;bottom:0;right:0;}
.recensioni .owl-navigation{position:relative;display:inline-block;padding:7%;width:100%;}
.recensioni{overflow:hidden;}
.recensioni .bg3:before{content:'';position:absolute;width:100%;height:500px;bottom:0;background:#e2ae45;z-index:1;}
.recensioni .bg3>div{position:relative;z-index:2;}
.recensioni h5 {
    margin-top:2vh;
}
.recensioni .owl-navs .btn {
    width: 45%;
    padding: 20px;
    margin-left: 5%;
    float: left;
}
.recensioni .logo-recensione{background-size:contain!important;width:100%;height: 60px;margin-bottom:10px;background-repeat:no-repeat!important;background-position:center center!important;}

.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: #1cbfd7;}
.carousel-dots .owl-dot.active:before{content:'';position:relative;display:block;left:0;top:0;width:90%;height:100%;background:#4f7dbf;}

.blocco-testo > div{width:100%;}
@media (min-width: 992px){
.blocco-intro .testo{padding: 10% 15%;border-left: 7px solid #D9D1C7;}
}
.img-up,.img-down{height: 60%;}
.img-up{bottom:0;left:0;}
.img-down{top:0;right:0;}

@media (min-width: 1680px){
.blocco-intro {
    max-width: 85%;
}
}
.blocco-intro .blocco-immagini .bg {
    position: absolute;
    left: 15%;
    top: 10%;
    bottom: 10%;
    right: 20%;
    mix-blend-mode: multiply;
    z-index: 4;
    background: url('img/artwork.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.element.bg {
    position: absolute;
    width: 60%;
    height:100%;
    background: url('img/sand_bg.png');
    background-size: contain;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.element.sx{
    
    left: -30%;
    top: -10%;
}
.element.dx{
    background: url('img/artwork.svg');
    right: -30%;
    bottom: -30%;
}

@media (max-width: 600px){
    .element.sx{
    left: -25%;
    top: 5%;
    width:150%;
}
    .element.dx{
    display:none;
}
}

.blocco-intro .layout2:before {
    content: '';
    position: absolute;
    width: 60%;
    height: 100%;
    top: 10%;
    right: -30%;
    background: #F4F1EE;
}

.griglia-alternata .img-grid, .griglia-alternata .multi-gallery{
    height:100%;
    padding: 0;
    margin: 0;
}
a:hover .multi-gallery .plus-icon{opacity:1;transform:translate(-50%, -50%);}
.multi-gallery:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(3, 3, 3, 0.6);opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
a:hover .multi-gallery:after{opacity:0.3;}
.multi-gallery.last-image .plus-icon{opacity:1;transform:translate(-50%, -50%);}
.multi-gallery.last-image:after{opacity:0.75;}
.griglia-alternata .img-grid li{width:50%;height: 50%;float:left;display:list-item;vertical-align:middle;list-style:none;padding: 0;margin: 0;}
.img-grid{padding: 0;position: relative;display: flex;flex-wrap: wrap;}
.img-grid li.first > div {
    /* position:absolute; */
    /* height: 100%; */
    /* width: 100%; */
}
.img-grid li.first {
    background: #4f7dbf;
    /* position:relative; */
    /* display: flex; */
    /* height: 100%; */
    /* flex-wrap: wrap; */
}
.img-grid li.first h3 {
    position:absolute;
    left:50%;
    top:50%;
    color: #fff;
    padding: 0;
    transform:translate(-50%,-50%);
}
.img-grid li {
    width: 25%;
    float: left;
    position: relative;
    vertical-align: middle;
    list-style: none;
    padding: 0;
    flex-wrap: wrap-reverse;
    /* display: flex; */
    /* align-items: center; */
    /* flex-direction: row; */
}
@media (max-width: 768px){
    .img-grid li {
    width: 50%;
    }
    #owl-ospiti .rectDiv{
        padding-bottom:120% !important;
    }
}

#e-comm {
    max-width: 300px;
    position: absolute;
    width: 30%;
    left: 50%;
    bottom: -14%;
    transform: translate(-50%,0);
    z-index: 3;
}
@media (max-width: 1280px){
  #e-comm {
    width: 20%;
} 
}
@media (max-width: 768px){
  #e-comm {
    max-width: 300px;
    position: absolute;
    width: 40%;
    left:initial;
    right: -8%;
    bottom: 50%;
    transform: translate(0,50%);
} 
.blocchi-richiamo > div .col-sm-6:last-child .blocco-testo *{
   text-align:left;
}
.blocchi-richiamo > div .col-sm-6:last-child .blocco-testo .btn{
    right:initial;
  left: 0;
} 
}


#e-comm .st1{fill:none;stroke: #1cbfd7;stroke-width: 40px;stroke-miterlimit:10;}


.countdown-div{width:600px;height:40px;margin: 40px auto 0;z-index: 5;text-align:center;text-shadow:0 0 20px #000;color:#fff;}
.countdown{display:inline-block;text-align:center;width:initial!important;}
.countdown:before{
    content:'';
    position:absolute;
    width:120%;
    height:10px;
    top: 25px;
    left:-10%;
    background:rgba(33, 58, 80, 0.65);
}
.countdown li{float:left;width:initial;color:#fff;font-size: 45px;line-height: 1.2;font-weight:400;text-align:center;margin:0 20px;}
.countdown li p{font-size:18px;}

@media ( max-width:768px ){
    .countdown-div{width:100%;}
    .countdown li{font-size: 30px; margin:0 10px; }
    .countdown li p{font-size:13px; letter-spacing:1.2px}
}