#cc--main *{
color:black;
  font-family:"Montserrat"!important
}

#cc--main #c-bns button:first-child, #cc--main #s-bns button:first-child{
  background:#07425b!important;
}

#cc--main #c-bns button:first-child:hover, #cc--main #s-bns button:first-child:hover{
  background:#cabea1!important;
  color:white!important;
}


#cc--main #c-bns button:first-child span, #cc--main #s-bns button:first-child span{

  color:white!important;
}

.area-personale svg{
  width:20px;
  height:20px;
    margin-left: 12px;
}

.area-personale svg path{
 fill:
 white;
 stroke: transparent;
  transition:.3s ease-in-out;
}
.area-personale svg:hover path{
 fill:
 var(--primary-color);
 stroke: transparent;
}



#L281 {
    width: 300px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 2;
    transition: .3s cubic-bezier(0.42, 0, 0.59, 1.28);
}

#L281 svg {
    width: 40px;
    height: 40px;
}

#L281 .icona-whazzy {
    height: 40px;
    width: 40px;
    /* background:url("/uploads/icona-whazzy.png"); */
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 25px;
    right: 30px;
    z-index: 222;
    transition: .3s ease-in-out;
}




#L281 .icona-whazzy:after {
    content: "\f232";
    color: #25D366;
    font-family: fontawesome;
    font-size: 50px;
    display: inline-block;
    position: absolute;
    bottom: -4px;
    right: 0px;
    z-index: 200000;
    /* text-shadow: 0 0 9px rgba(0,0,0,.15); */
    /* -webkit-text-stroke: 2px white; */
    display: none;
}

#L281 .icona-whazzy:before {
    content: "";
    /* background:white; */
    position: absolute;
    top: -2px;
    right: 2px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}




.mobile {
    display: none;
}

.bidone-big {
    bottom: 30px !important;
}

@keyframes ingrandimento {
    0% {
        transform: scale(1)translateX(-50%)
    }

    50% {
        transform: scale(1.3)translateX(-50%)
    }

    100% {
        transform: scale(1)translateX(-50%)
    }


}


@keyframes vaivia {
    0% {
        bottom: 30px !important;
    }

    100% {
        bottom: -50px !important;
    }


}

.no-visible-whazzy {
    opacity: 0 !important;
    visibility: hidden !important;
    bottom: 30px !important;
    right: calc(50vw - 10px) !important;
    animation: vaivia .3s infinite !important;
}


#whazzy {
    /* background:url("/uploads/scrat-whazzy.png"); */
    background-repeat: no-repeat;
    background-size: contain;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 10px;
    right: 50px;
    transition: .3s ease-in-out;
    transition-property: opacity, visibility;
}

#whazzy-bidone {
    background: url("/uploads/elimina-whazzy.png");
    background-repeat: no-repeat;
    background-size: contain;
    animation: ingrandimento .6s infinite !important;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -50px;
    right: calc(50vw - 10px);
    transform: translateX(-50%);
    transition: .3s ease-in-out;

    transform-origin: left;
    background-position: right;
    visibility: hidden;
    opacity: 0;


}

#L281 .contenitore-x {
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 2;
    height: 40px;
    width: 40px;
    transition: .3s ease-in-out;
    transform-origin: center;
}



#L281 .contenitore-x:hover {
    transform: scale(1.15);
    transform-origin: center;
    transition: .3s ease-in-out;
}


#L281 .linea1 {
    width: 25px;
    height: 4px;
    background-color: white;
    position: absolute;
    top: 11px;
    left: 0;
    transform: rotate(45deg);

}

#L281 .linea3 {
    width: 25px;
    height: 4px;
    background-color: white;
    position: absolute;
    top: 11px;
    left: 0;
    transform: rotate(-45deg);
    transition: .3s ease-in-out;
}





#L281 .messaggio-1 p {
    color: black !important;
    margin-top: 0;
}

#L281 .contenitore-chat {
    width: 250px;
    height: auto;
    transform: scale(0);
    transform-origin: right bottom;
    position: absolute;
    bottom: 55px;
    right: 30px;
    opacity: 0;
    transition: .3s ease-in-out;
    border-radius: 25px;
    /* animation-name: appari1; */
    /* animation-duration: .3s; */
    /* animation-delay: 1s; */
    /* animation-fill-mode: forwards; */
}

#L281 .contenitore-chat.visible {
    transform: scale(1);
}

#L281 .icona-whazzy.no-visible {
    transform: scale(0);
    transform-origin: center;
}

#L281 .contenitore-chat:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border-top: 25px solid #dadada;
    border-left: 25px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    bottom: -25px;
    right: 0;
}



@keyframes appari1 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes appari2 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


#L281 .contenitore-invio .testo {
    font-size: 12px;
    color: #dadada;
    padding: 6px;
    padding-left: 15px;
}

#L281 .contenitore-profilo {
    background: #e06631;
    width: 250px;
    height: auto;
    padding: 10px;
    overflow: auto;
    /* border-top-right-radius: 20px; */
    /* border-top-left-radius: 20px; */
}

#L281 .contenitore-centrale {
    background: #dadada;
    width: 100%;
    padding: 15px;
    padding-left: 20px;
}





#L281 .immagine {

    width: 35px;
    height: 35px;
    background-size: 150%;
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid white;
    background-position: center;
    border-radius: 50%;
    float: left;
    margin: 5px 10px 5px 5px;
}

#L281 .testo p:nth-child(1) {
    font-size: 16px;
    color: white;
    margin: 0;
}

#L281 .testo p:nth-child(2) {
    font-size: 12px;
    color: white;
    margin: 0;
    margin-top: -3px;
    text-align: left;
}

#L281 .testo {
    float: left;
}


#L281 .messaggio-1 {
    background: #ffffff;
    width: 100%;
    height: auto;
    position: relative;
    padding: 5px;
    padding-left: 10px;
    opacity: 0;
    animation-name: appari2;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    /* border-radius: 15px; */
}

#L281 .messaggio-1:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border-top: 15px solid white;
    border-left: 15px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0;
    left: -10px;
}

#L281 .contenitore-centrale p {
    /* text-align:right; */
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
}

#L281 #time {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0;
    font-size: 10px;
    transform: scale(.7);
    color: #dddddd !important;
}

#L281 .contenitore-invio {
    padding: 15px;
    padding-top: 0;
    background: #dadada;
    height: 45px;
    /* border-bottom-right-radius: 20px; */
    /* border-bottom-left-radius: 20px; */
}

#L281 .contenitore-invio .testo {
    width: 175px;
    height: 30px;
    background: #ffffff;
    /* border-radius: 15px; */
}

#L281 .invio {
    height: 30px;
    width: 30px;
    background: #232525;
    float: left;
    margin-left: 15px;
    position: relative;
}

#L281 .triangolo {
    width: 12px;
    height: 11px;
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
}

#L281 .triangolo:after {
    content: "\f04b";
    color: white;
    display: block;
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.footer-logo p{
  display:none;
}

.footer-logo .dark{
  display:block;
}



.dark.B-1, .dark.F-1 {
    background: var(--tertiary-color);
}


.dark.F-1 .draft h3{
    color:white;
}



#nav .telefono{
  display:none;
}

#nav .mail{
  display:none;
}


#suggest_L159-term{
  display:none;
}

#L159 svg{
  padding-bottom: 12px;
  width: 40px;
  height: 34px;
  cursor:
  pointer;
  margin-left: 15px;
}

#L159 svg line{
  stroke:white;
  transition:.3s ease;
  stroke-width:5px;
}

#L159 svg:hover line{
 stroke: var(--primary-color);
}

#L236 {
    width: 40px;
    position: fixed;
    bottom: 10px;
    left: 15px;
    transition: .3s cubic-bezier(0.42, 0, 0.59, 1.28);
    z-index: 3;
    cursor: pointer;
    padding: 0;
}



#L236 svg {
    width: 40px;
    height: 40px;
}

#L236 svg path {fill: var(--primary-color);}








#L236 .contenitore-x {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 2;
    height: 40px;
    width: 40px;
    transition: .3s ease-in-out;
    transform-origin: center;
}



#L236 .contenitore-x:hover {
    transform: scale(1.15);
    transform-origin: center;
    transition: .3s ease-in-out;
}


#L236 .linea1 {
    width: 25px;
    height: 4px;
    background-color: white;
    position: absolute;
    top: 11px;
    left: 0;
    transform: rotate(45deg);

}

#L236 .linea3 {
    width: 25px;
    height: 4px;
    background-color: white;
    position: absolute;
    top: 11px;
    left: 0;
    transform: rotate(-45deg);
    transition: .3s ease-in-out;
}




#L236 .immagine {
    background-color: transparent;
    border: 0;
    float: right;
}

#L236 .testo p:nth-child(1) {
    font-size: 16px !important;
    color: white;
    margin: 0;
}

#L236 .testo p:nth-child(2) {
    font-size: 12px !important;
    color: white;
    margin: 0;
    margin-top: -3px;
    text-align: left;
}

#L236 .contenitore-centrale p {
    /* text-align: right; */
    font-size: 12px !important;
    text-align: left;
    margin: 0;
}





#L236 .messaggio-1 p {
    color: black !important;
}

#L236 .contenitore-chat {
    width: 250px;
    height: auto;
    transform: scale(0);
    transform-origin: left bottom;
    position: absolute;
    bottom: 40px;
    left: 10px;
    opacity: 0;
    transition: .3s ease-in-out;
    border-radius: 25px;
}


#L236 .visible {
    opacity: 1 !important;
    visibility: visible !important;
}

#L236 .no-visible {
    opacity: 0 !important;
    visibility: hidden !important;
}

#L236 .contenitore-chat.visible {
    transform: scale(1);
}

#L236 .icona-whazzy.no-visible {
    transform: scale(0);
    transform-origin: center;
}

#L236 .icona-whazzy {
    transition:.3s ease-in-out;
}

#L236 .contenitore-chat:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border-top: 25px solid var(--primary-color);
    border-right: 25px solid transparent;
    border-left: 0 solid transparent;
    position: absolute;
    bottom: -25px;
    left: 0;
}



@keyframes appari1 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes appari2 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


#L236 .contenitore-invio .testo {
    font-size: 12px;
    color: #5d5d5d;
    padding: 6px;
    padding-left: 15px;
}

#L236 .contenitore-profilo {
    background: var(--tertiary-color);
    width: 250px;
    height: auto;
    padding: 10px;
    overflow: auto;
}

#L236 .contenitore-centrale {
    background: var(--primary-color);
    width: 100%;
    padding: 15px;
}


#L236 .contenitore-invio {
    padding: 15px;
    padding-top: 0;
    background: var(--primary-color);
    position: relative;
}

#L236 .messaggio-1 {
    background: #f6f2e8;
    width: 100%;
    height: auto;
    position: relative;
    padding: 5px;
    padding-left: 10px;
    opacity: 0;
    animation-name: appari2;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    /* border-radius: 15px; */
}

#L236 .invio {
    height: 30px;
    width: 30px;
    /* border-radius: 50%; */
    background: var(--tertiary-color);
    float: left;
    margin-left: 15px;
    /* border-radius: 50%; */
    position: absolute;
    right: 15px;
    bottom: 15px;
}

#L236 .triangolo {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent white;
}

#L236 .contenitore-invio .testo {
    width: 175px;
    height: 30px;
    background: #f6f2e8;
}

#L236 .contenitore-invio .testo {
    font-size: 12px;
    padding: 5px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    color: #cabea3;
    font-weight: normal!important;
}












.animation{
  transform:
  translateY(0)!important;
  opacity:1!important;
}

.animation2{
  
  opacity:1!important;
}

.animation3{
  transform:scale(1)!important;
  opacity:1!important;
}

.animation4{
  transform:translateX(0)!important;
  opacity:1!important;
}
  

@-webkit-keyframes move-horizontal {
    16.65% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    33.3% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }

    49.95% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    66.6% {
        -webkit-transform: translateX(4px);
        transform: translateX(-4px)
    }

    83.25% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}



.footer-logo .dark{
  /* display:none; */
}

.sharethis-inline-share-buttons{
  padding-top:40px;
}
.sharethis-inline-share-buttons:before{
  content:
  "Condividi";
  display:
  block;
  text-align:
  left;
  font-weight: normal;
  color: var(--tertiary-color);
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: "Marcellus SC", sans-serif;
  flex: 0 0 100%;
}
  


#st-1.st-has-labels .st-btn.st-remove-label{
  border-radius:0!important;
}

.alert {
    padding: 30px;
    margin-bottom: 20px;
    border: 1px solid transparent;
        background: url(/uploads/background-01.jpg);
  margin:40px 0
}

.alert h2,
.alert h3,
.alert a{
  color:
  white!important;
  margin-top: 0!important;
}

/* latin-ext */
@font-face {
  font-family: 'Marcellus SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/marcellussc/v13/ke8iOgUHP1dg-Rmi6RWjbLE_iNacOqu0hYYt.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Marcellus SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/marcellussc/v13/ke8iOgUHP1dg-Rmi6RWjbLE_htacOqu0hQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXp-p7K4KLg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w0aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w9aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w2aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXp-p7K4KLg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{
  font-family: "Montserrat", sans-serif;
}

th {
    background: var(--primary-color)!important;
    color: white;
    padding: 10px;
}


td {
    background: #eeeeee !important;
    padding: 10px;
}

table,
th,
td {
    border: 5px solid white;
}


table {
    margin-top: 50px;
}



.img-rounded img{
   border-radius:50%;
}


/*my bootstrap*/
.pt-0{
  padding-top: 0!important;
}

.pe-0{
  padding-right: 0 !important;
}

.pb-0{
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}


.pt-1{
  padding-top: 15px!important;
}

.pe-1{
  padding-right: 15px !important;
}

.pb-1{
  padding-bottom: 15px !important;
}

.ps-1 {
  padding-left: 15px !important;
}




.pt-2{
  padding-top: 30px!important;
}

.pe-2{
  padding-right: 30px !important;
}

.pb-2{
  padding-bottom: 30px !important;
}

.ps-2 {
  padding-left: 30px !important;
}



.pt-3{
  padding-top: 45px!important;
}

.pe-3{
  padding-right: 45px !important;
}

.pb-3{
  padding-bottom: 45px !important;
}

.ps-3 {
  padding-left: 45px !important;
}




.pt-4{
  padding-top: 60px!important;
}

.pe-4{
  padding-right: 60px !important;
}

.pb-4{
  padding-bottom: 60px !important;
}

.ps-4 {
  padding-left: 60px !important;
}




.pt-5{
  padding-top: 75px!important;
}

.pe-5{
  padding-right: 75px !important;
}

.pb-5{
  padding-bottom: 75px !important;
}

.ps-5 {
  padding-left: 75px !important;
}





.pt-6{
  padding-top: 90px!important;
}

.pe-6{
  padding-right: 90px !important;
}

.pb-6{
  padding-bottom: 90px !important;
}

.ps-6 {
  padding-left: 90px !important;
}





.mt-0{
    margin-top:0!important;
}
.me-0{
    margin-right:0!important;
}
.mb-0{
    margin-bottom:0!important;
}
.ms-0{
    margin-left:0!important;
}

.mt-1{
  margin-top: 15px!important;
}

.me-1{
  margin-right: 15px !important;
}

.mb-1{
  margin-bottom: 15px !important;
}

.ms-1 {
  margin-left: 15px !important;
}




.mt-2{
  margin-top: 30px!important;
}

.me-2{
  margin-right: 30px !important;
}

.mb-2{
  margin-bottom: 30px !important;
}

.ms-2 {
  margin-left: 30px !important;
}



.mt-3{
  margin-top: 45px!important;
}

.me-3{
  margin-right: 45px !important;
}

.mb-3{
  margin-bottom: 45px !important;
}

.ms-3 {
  margin-left: 45px !important;
}




.mt-4{
  margin-top: 60px!important;
}

.me-4{
  margin-right: 60px !important;
}

.mb-4{
  margin-bottom: 60px !important;
}

.ms-4 {
  margin-left: 60px !important;
}




.mt-5{
  margin-top: 75px!important;
}

.me-5{
  margin-right: 75px !important;
}

.mb-5{
  margin-bottom: 75px !important;
}

.ms-5 {
  margin-left: 75px !important;
}





.mt-6{
  margin-top: 90px!important;
}

.me-6{
  margin-right: 90px !important;
}

.mb-6{
  margin-bottom: 90px !important;
}

.ms-6 {
  margin-left: 90px !important;
}



.section-titles{padding: 75px 15px!important;}


.actions{
  text-align:center!important;
}

.padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.vertical-padding{
  padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.grey-background{
  background: #f6f2e8;
}


.subtitle{
  font-size: 14px;
  text-transform: uppercase;
  /* letter-spacing: 2px; */
  margin-bottom: 10px;
  margin-top: 0;
  color:
  var(--primary-color);
  margin-bottom: 0;
  margin-bottom: 15px;
}

.text-block .subtitle{
  margin-top: 0!important;
}

.title{
  font-size: 30px;
  color:
  var(--tertiary-color);
  margin-top: 0;
  text-transform: uppercase;
}
.cookie-policy .title, .privacy-policy .title{
  margin-top: 40px;
  margin-bottom:15px;
  /* color: var(--primary-color); */
}

.cookie-privacy .subtitle,
.cookie-policy .subtitle{
  margin-top: 40px;
  margin-bottom:15px;
  font-size: 24px;
  color: var(--tertiary-color);
}

.text-center{
  text-align:center;
}

.text-right {
    text-align: right;
}

.btn {
    padding: 10px 15px;
    border-radius: 0px;
    margin-top: 30px;
    font-size: 12px!important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto;margin-top:30px;
    display:
    block;
    width: 160px;
    text-align:
    center;
    border:0;
    /* color: white!important; */
}

.btn-rounded .btn{
    border-radius: 30px;
}

.btn-primary{
  background:var(--primary-color)
}

.btn:hover{
  color:white;
}

.btn-primary:hover{
  background:var(--secondary-color)
}

:root{
  --primary-color: #cabea1;
  --secondary-color: #9d9172;
  --tertiary-color: #07425b;
  --quaternary-color: #c4c4c4;
}
 
*{
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.stretch{
  align-items: stretch!important;
}

.flex-row{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;}


.align-items-center{
  align-items:center!important;
}

.detail .publishing {
    display: flex;
    position: sticky;
    top: 230px;
    flex-wrap: wrap;
    flex: 0 0 350px;
    align-items: flex-start;
    padding-bottom: 75px;
}
.detail.flex-column .publishing,
.detail.flex-column-reverse .publishing {
    display: flex;
    position: relative;
    top: initial;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    flex: initial;
}




.flex-row-reverse{
  display:
  flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}


.flex-column{
  display:flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.flex-column-reverse{
  display:flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
}


.object-fit-contain img{
  object-fit:contain!important
}

.card p{
    font-size: 14px;
    margin-bottom: 0;
    transition:.3s ease-in-out;
}

.card:hover p{
   
    color: white;
}

.card-date{
  margin-top:0;
  color: white;
}

/*my bootstrap*/


.background-grey{
  background: #f6f2e8;
}

.type-a h3{
  font-size: 22px!important;
}


.type-a .card > a, .type-a .card{
    display:
    flex;
    margin-bottom: 15px;
}

.type-a .card{
    display: inline-block;
    margin: 0;
    position: relative;
    margin-bottom: 15px;
}

.type-a .card:nth-child(odd) .card-body{
    /* text-align:
    right; */
    /* align-items: flex-end; */
}


.type-a .card-img-container{
    overflow:
    hidden;
}

.type-a .card:nth-child(1) .card-img-container{
    overflow:
    hidden;
    height: 600px;
}

.type-a .card:nth-child(2) .card-img-container{
    overflow:
    hidden;
    height: 300px;
}

.type-a .card:nth-child(3) .card-img-container{
    overflow:
    hidden;
    height: 450px;
}


.type-a .card:nth-child(4) .card-img-container{
    overflow:
    hidden;
    height: 450px;
}

.type-a .card:nth-child(5) .card-img-container{
    overflow:
    hidden;
    height: 300px;
}

.type-a .card:nth-child(6) .card-img-container{
    overflow:
    hidden;
    height: 600px;
}

.type-a .card-img-container:hover img{
    transform:scale(1.1)
}

.type-a .card-img-container img{
    width:100%;
    height:100%;
    object-fit:
    cover;
    
    transition:.3s ease-in-out;
}

.type-a .card:nth-child(odd) .card-img-container{
   /* margin-right: 0; */
   /* margin-left:15px; */
}

.type-a .card-body{
    flex:0 0 40%;
    background: #00000080;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  transition:.3s ease-in-out;
}

.type-a .card:hover .card-body{
    background: #00000999;
 
}

.type-a .card .card-body .btn{
    /* margin-right:0; */
    display: none;
}

.type-a .card:nth-child(even) .card-body .btn{
    margin-left:0
}


.type-a .card .card-subtitle{
  margin-left:0
;
  color: white;
}




.type-c .card:hover {
    -webkit-box-shadow: 0px 20px 40px rgb(0 0 0 / 20%);
    box-shadow: 0px 20px 40px rgb(0 0 0 / 20%);
}

.type-c .card{
  flex: 0 0 calc(25% - 30px);
  margin: 15px;
  text-align: center;
  padding: 30px;
  display: block;
  box-shadow: 0px 10px 30px rgb(0 0 0 / 5%);
  border-radius: 5px;
  border-bottom: 4px solid var(--primary-color);
    transition:.3s ease-in-out;
    opacity:1!important;
  height: 100%;
}

.type-c .btn{
  margin:0 auto;
  margin-top: 30px;
}

.publishing .card .card-title{
  font-size:16px;
  line-height: 24px;
  text-transform: uppercase;
}

.card .card-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    transition: .3s ease-in-out;
    color:
    var(--primary-color);
    text-transform: uppercase;
}



.card .card-subtitle{
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left:15px;
  color: var(--quaternary-color);
  }

.type-c .card-img-container{
  width:80px;
  height:80px;
  margin:0 auto;
  margin-bottom:15px;
}

.type-c .card img{
    width: 100%;
    height: 100%;
  object-fit:cover;
    display:
    flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 15px;
}


.type-c .card-subtitle{
  margin-left:0;
  margin-top: 5px;
}

.type-c .card-body div{
  display:
  flex;
  flex-direction: column;
}

.type-b .card{
  flex: 0 0 calc(25% - 25px);
  margin: 0;
  height: inherit;
  !importan;!importa;!import;!impor;!impo;!imp;!im;!imo;!im;!i;!;
}


.type-b .card-interno{
    padding: 20px;
    position: relative;
    overflow: hidden;
    transition:.3s ease-in-out;
    flex: 0 0 calc(25% - 20px);
    /* border-left: 1px solid whitesmoke; */
    /* border-right: 1px solid whitesmoke; */
    background: white;
    flex: initial;
    display: flex;
    height: 100%;
    align-content: space-around;
    flex-direction: column;
    justify-content: space-between;
}

#L183.type-b .card.animation{
    transition-delay: 0.1s!important;
}


.type-b .card:first-child{
    border-left: 0 solid whitesmoke;

}

.type-b .card:nth-child(even){
    transform: translateY(120px)!important;!i;!;
}

.type-b .card:last-child{
   border-right: 0 solid whitesmoke;
}

.type-b .card:hover {background: transparent;transform: translateY(-5px);}


.type-b .card .card-img-container{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    transition: .3s ease-in-out;
 
}


.type-b .card .card-img-container a{
    /* width: 120px; */
    /* height: 120px; */
    /* flex: 0 0 120px; */
}

.type-b .card .card-img-container img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    overflow: hidden;
}
.type-b .card .card-img-container h3 a{
    padding-left: 10px;flex:0 0
    calc(100% - 120px);
    font-size: 16px!important;
    text-transform: uppercase;
    color: var(--tertiary-color);
    font-family: "Marcellus SC", sans-serif;
    text-align: left!important;
}


.type-b .card:hover .card-img-container h3 a{

    color: white;
}

.type-b .card:hover .card-interno{background: #07435b;}

.type-b .card:nth-child(odd) a,
.type-b .card:nth-child(odd){
   display:
   flex;
   flex-direction: column;
   font-weight: normal;
   align-items: flex-start;
   font-size: 13px;
   justify-content: space-around;
}

.type-b .card:nth-child(even) a,
.type-b .card:nth-child(even){
   display:
   flex;
   justify-content: center;
   align-items: flex-start;
   flex-direction: column;
   font-weight: normal;
  font-size: 13px;
}

.card .card-text {
  margin-top:15px;
  display: block;

}

.type-a .card .card-text p {
  margin-top:0;
  color: white;
}


.type-b .card:nth-child(odd) .card-body{
   /* text-align:
   right; */
   /* display: flex; */
   /* align-items: flex-end; */
   /* padding-left: 0; */
   /* padding-right: 30px; */
}



.type-b .card .card-body{
  /* padding-left:30px; */
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.type-b .card .card-subtitle{
  margin-left:0;
  margin-top: 5px;
}









.C-1 .draft svg path{
    /* display:
    none; */
    stroke: var(--primary-color);
}


#L194 img{
  animation-name: ingrandimento;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
}

@keyframes ingrandimento {
    0% {
   transform:scale(1);
    }

  50% {
      transform:scale(1.1);
    }

    100% {
      transform:scale(1);
    }
}


.slider-1 div{
  display:flex;
    transform:translateX(0);
    animation-name: slider-1;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
 
}
@keyframes slider-1 {
    0% {
   transform:translateX(0);
    }
   10% {
   transform:translateX(0);
    }

    23% {
transform:translateX(-100%);
    }

     43% {
transform:translateX(-100%);
    }
    56% {
    transform:translateX(-200%);
    }
  78% {
    transform:translateX(-200%);
    }
  90% {
      transform:translateX(-300%);
    }
    100% {
      transform:translateX(-300%);
    }
}



.slider-2 div{
  display:
  flex;
  transform:
  translateY(0);
  animation-name: slider-2;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
  flex-direction: column;
}
@keyframes slider-2 {
    0% {
   transform:translateY(0);
    }
   10% {
   transform:translateY(0);
    }

    23% {
transform:translateY(-100vh);
    }

     43% {
transform:translateY(-100vh);
    }
    56% {
    transform:translateY(-200vh);
    }
  78% {
    transform:translateY(-200vh);
    }
  90% {
      transform:translateY(-300vh);
    }
    100% {
      transform:translateY(-300vh);
    }
}


.slider-3 p{
  position:absolute;
  top:0;
  left:0;
  background:black;
}

.slider-3 p:nth-child(1){
  animation-name: slider-3-A;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
  flex-direction: column;
  opacity:1;
  z-index:3;
  transform:scale(1);
}
@keyframes slider-3-A {
    0% {
   opacity:1;
      transform:scale(1);
    }
   15% {
  opacity:1;
     transform:scale(1);
    }

    23% {
      transform:scaleY(1.3)scaleX(1.75);
opacity:0;
    }

     43% {
opacity:0;
    }
    56% {
    opacity:0;
    }
  83% {
   opacity:0;
    transform:scaleY(1.3)scaleX(1.75);
    }
  90% {
    transform:scale(1);
     opacity:1;
    }
    100% {
 opacity:1;
    }
}


.slider-3 p:nth-child(2){
  animation-name: slider-3-B;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
  flex-direction: column;
  opacity:1;
  z-index:2;
  transform:scale(1.3);
  
}
@keyframes slider-3-B {
    0% {
   opacity:0;
      transform:scaleY(1.3)scaleX(1.75);
    }
   15% {
  opacity:0;
     transform:scaleY(1.3)scaleX(1.75);
    }

    23% {
      transform:scale(1);
opacity:1;
    }

     48% {
       transform:scale(1);
opacity:1;
    }
    56% {
      transform:scaleY(1.3)scaleX(1.75);
    opacity:0;
    }
  78% {
   opacity:0;
    }
  90% {
     opacity:0;
    }
    100% {
 opacity:0;
      transform:scaleY(1.3)scaleX(1.75);
    }
}


.slider-3 p:nth-child(3){
  animation-name: slider-3-C;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
  flex-direction: column;
  opacity:1;
  z-index:1;
   transform:scale(1.3);
}
@keyframes slider-3-C {
    0% {
   opacity:0;
     transform:scaleY(1.3)scaleX(1.75);
    }
   10% {
  opacity:0;
    }

    23% {
opacity:0;
    }

     48% {
opacity:0;
       transform:scaleY(1.3)scaleX(1.75);
    }
    56% {
    opacity:1;
      transform:scale(1);
    }
  83% {
   opacity:1;
    transform:scale(1);
    }
  90% {
     opacity:0;
    transform:scaleY(1.3)scaleX(1.75);
    }
    100% {
 opacity:0;
      
    }
}



.slider-3 p:nth-child(4){
  animation-name: slider-3-A;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
  flex-direction: column;
  opacity:1;
  z-index:3;
}




.slider-1 p{
  flex:0 0 100%;
}






p{
    font-size: 13px;
    font-weight: 300;
    color: #9EA0A6;
    line-height: 1.8;
    letter-spacing: .35px;
}

p:last-child{
  margin-bottom:0;
}

.breadcrumb>li+li:before{
  display:none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
  background:transparent;
}

.flex{
      display: flex;
    flex-direction: column;
}

.draft svg{
    /* width: 35px; */
    /* height: 35px; */
    /* margin:0 auto; */
}

.draft polyline{
 /* stroke-width: 20px; */
}

.draft .titoletto{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px;
    text-align:center;
}

.section-titles .title{
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top:0;
    text-align:
    center;
    margin-bottom: 15px;
    color: var(--tertiary-color);
    text-transform: uppercase;
    margin-bottom: 0;
}

.data-entry .logo-header a,
.data-entry .footer-logo a
.admin .logo-header a,
.admin .footer-logo a{
  pointer-events:none;
}

.contact-form input,
.contact-form textarea{
    outline:none;
}

.contact-form input:focus,
.contact-form textarea:focus{
    background:white!important;
    border:1px solid #eeeeee!important;
}

.contact-form{
    flex:0 0 60%;
    text-align:
    center;
    padding: 100px 35px!important;
}

.contact-form label{
    display:
    none;
}

.contact-form .privacy label {
    display: block;
    font-weight:
    normal;
    margin-bottom: 0;
    font-size: 14px;
}

.contact-form .error{color: #e96565;margin-bottom: 30px;}
.contact-form .form-group{
    width:50%;
    float:
    left;
    padding: 5px!important;
    margin-bottom: 0;
}

.contact-form .email{
    width:100%;
}

.contact-form .messaggio{
    width:100%;
}

.contact-form .requirenote{
    display:none;
}

.contact-form .requirenote{
    font-size:12px;
}

.contact-form .form_privacycheck{
    display:
    flex;
    /* width: 100%; */
    justify-content: center;
    flex: 0 0 25%;
    margin-top: 5px;
}






.contact-form .form_privacycheck div{
    display:
    flex;
    width: 100%;
    justify-content: center;
    flex: 0 0 130px;
}

.contact-form .form_privacycheck input{
    margin:0;
    width:auto!important;
    margin-right:5px;
}

.contact-form fieldset{
    border:0;
    padding:0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.contact-form fieldset legend{
    border:0;
    padding:0;
    flex: 0 0 35%;
    min-width: initial!important;
    margin-bottom: 0;
    padding-top: 50px;
}

.contact-form .form_privacytext{
    display:none;
}

.contact-form .form-group input{
    float:
    left;
    border:0;
    width: 100%;
    padding: 8px 20px;
    border: 2px solid var(--primary-color);
    border-radius: 0;
    background-color: white!important;
}


.contact-form .form-group textarea{
    float:
    left;
    border:0;
    width: 100%;
    padding: 15px;
    width: 100%!important;
    max-width:100%;
    height: 110px!important;
    min-height: 110px;
    border: 2px solid var(--primary-color);
    border-radius: 0;
    background-color: white!important;
}

.contact-form .peivacy label{
    display:
    block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}




.contact-form .title{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top:0;
    text-align:
    center;
    margin-bottom: 50px;
    }



.btn-success:hover{

    color:white;
}

.contact-text p{
    margin: 10px 0!important;
    font-size: 22px!important;
    width: 30vw;
}
.contact-text p:last-child{
   margin: 0!important;
}

.contact-text a{
    color:
    white!important;
    font-size: 16px!important;
}


.contact-text a:hover{
    color:var(--secondary-color)!important;
}

.contact-text{
    flex: 0 0 40%;
    position:
    relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 50px 0!important;
}
.contact-text:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:black;
    z-index:-1
}

.contact-text img{
    position:
    absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:
    cover;
    z-index: -1;
    opacity: 0.3;
}




.text-block ul{
    margin-top:30px;
    padding-left:0;
    margin-bottom: 0;
}



.text-block li{
 
    font-size: 16px;
    font-weight: 300;
    color: #777;
    line-height: 1.8;
    margin: 0;
     margin-left: 20px;
    
}


.text-block{
    flex: 0 0 55%;
    height: 75vh;
    
   padding:100px!important;
    display:
    flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.img-block{
    flex: 0 0 45%;
    height: 50vh;
    background: #f8f8f8;
}

.img-block p{
    height: 50vh;
}

.text-block p{
    margin-top:25px!important;
}

.img-block p{
    margin:0;
    position: relative;
}


.img-block img{
    width:100%;
    height:100%;
    object-fit:
    cover;
}

.text-block{
    padding:100px;
    display:
    flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}


.virtual-gallery svg{
    width: 25px;
    height: 25px;
    margin:0 auto;
    margin-bottom: 50px;
}

.virtual-gallery polyline{
    
    stroke-width: 20px;
}

.virtual-gallery .titoletto{font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 4px;margin-bottom: 10px;
    text-align:center;}

.virtual-gallery .titolo{
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top:0;
    text-align:
    center;
    margin-bottom: 15px;
    }


.F-1{
  padding: 30px!important;
  padding-bottom: 15px!important;
  align-items: flex-start;
  margin-top: 100px;
}

.F-1 .draft{
  flex:0 0 20%;
  text-align:center;
}

.F-1 .draft a{
  font-weight:normal!important;
}

.F-1 a{
  font-weight:normal;
}

.F-1 .draft p{
  color:var(--tertiary-color);
  font-size:14px!important;
  margin-bottom:15px
}


.F-1 .draft p:last-child{
 
  margin-bottom:0
}

.dark.F-1 .draft p{
  color:white!important;

}

.F-1 .draft h3{
  color:var(--tertiary-color);
  margin-bottom:10px;
  margin-top: 0;
}


.dark.F-1 .draft h3{
  color:
  white!important;
  /* color: var(--tertiary-color); */
  text-transform: uppercase;
  font-size: 18px;
}


.F-1 .footer-logo{
  padding: 0px 25px;
}

.F-1 .footer-logo .dark-logo{
  display:block;
}

.F-1 .footer-logo .light-logo{
  display:none;
}


.dark.F-1 .footer-logo .dark-logo{
  display:none;
}

.dark.F-1 .footer-logo .light-logo{
  display:block;
}



.F-1 .footer-logo img{
  width: 100%;
  height:
  auto;
}

.F-1 .footer-credits{
  
}

.F-1 .footer-credits img{
  width: 55px;
  height:
  auto;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding:0;
  width: auto;
  float: none;
}

.admin .navbar-right{
  float:none!important;
}

h1,h2,h3,h4{
  font-family: "Marcellus SC", sans-serif;
}


.static-menu{
  background:
  transparent;
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
}

.admin .H-1{
  margin-top:36px
}

.fa-angle-down:before{
  display:none;
}

.H-1{
  position:
  fixed;
  top:0;
  left:0;
  width:100%;
  z-index: 5;
  padding: 13px 0;
  transition:.3s ease-in-out;
}

.H-1{
  background:
  white;
  height: 110px;
  z-index: 5;
}

.H-1.dark{
  background: #07425b;
}


.H-1.dark .navbar-default .navbar-nav>li>a {
    color: white;
}

.H-1.dark .navbar-default .navbar-nav>li>a:hover {
    color: var(--primary-color)
}


.H-1.dark ul .lente svg path{
  fill:white;
}


.H-1.dark ul .lente svg:hover path{
  fill: var(--primary-color)
}



.logo-header  img{
  position:absolute;
  top:0;
  left:0;
  opacity:1;
  transition:.3s ease-in-out;
}

.logo-header .dark-logo{
  display:block;
}

.logo-header .light-logo{
  display:none;
}


.dark .logo-header .dark-logo{
  /* display:none; */
}

.dark .logo-header .light-logo{
  display:block;
}

.compresso .H-1,
.open .H-1{
  /* box-shadow: 0px 10px 30px rgb(0 0 0 / 5%); */
}




.navbar-default .navbar-nav>li>a{
  color: var(--tertiary-color);
}

#nav .fa-angle-down polyline {
  stroke: black;
}

#nav .lente svg path{
  fill: #312f30;
}

.H-1 .container{
   display:
  flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   position: relative;
   width: 100%;
   max-width: initial;
}

.logo-header{
  flex: 0 0 180px;
  height: 80px;
  position:
  relative;
}

.logo-header p{
  margin:0;
}


.logo-header img{
  width:100%;
  height: 100%;
  object-fit: cover;
}

.slidecollapse{
  display:flex;
}

.menu-secondario ul,
.slidecollapse ul{
  display:
  flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  align-content: center;
  align-items: center;
}

ul .lente svg{
  width:18px;
  height:18px;
  cursor: pointer;
}

ul .lente svg path{
  transition: .3s ease-in-out;
}

.contenitore-hamburger{
  display:none;
}

.menu-secondario li,
.slidecollapse li{
  list-style:
  none;
  position: relative;
}

#nav .mail a,
#nav .telefono a,
.menu-secondario .mail a,
.menu-secondario .telefono a{
  padding: 10px 15px;
  border: 2px solid
  var(--primary-color);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  margin-right: 14px;
      color: var(--primary-color);
}

#nav .mail a,
#nav .telefono a{
 
  margin-right: 0;
  margin-top:12px;

}

#nav .mail a:hover,
#nav .telefono a:hover,
.menu-secondario .mail a:hover,
.menu-secondario .telefono a:hover{
  background:var(--primary-color);
  color:white;
}

.slidecollapse li a{
  padding: 8px 15px;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
  letter-spacing: 2px;
  position: relative;
}



.slidecollapse li.lente{
  padding:8px;
  padding-right: 0;
}
.slidecollapse li.active a:after,
.slidecollapse li a.active:after{
  content:
  "";
  display:
  block;
  width: 40px;
  height:2px;
  margin-top: 5px;
}


.slidecollapse li a:hover:after,
.slidecollapse li a:hover:after{
  content:
  "";
  display:
  block;
  height:2px;
  margin-top: 5px;
  background: var(--primary-color);
}



.slidecollapse li a:after,
.slidecollapse li a:after{
  content:
  "";
  display:
  block;
  width: 40px;
  height:2px;
  margin-top: 5px;
  background: transparent;
  transition:.3s ease-in-out;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
}


.slidecollapse.fa-angle-down{
  padding-left:0;
}

.slidecollapse .fa-angle-down svg{
  width:12px;
  height: 12px;
}

.slidecollapse .fa-angle-down polyline{
  fill:
  transparent;
  stroke-width:20px;
  stroke:
  white;
  transition: .3s ease-in-out;
}


.slidecollapse .dropdown-menu{
  position:
  absolute;
  top: 35px;
  left: 0;
  width: 100%;
  padding-left: 0;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-in-out;
}

.slidecollapse .dropdown:hover .dropdown-menu{

  opacity: 1;
  visibility: visible;

}


.slidecollapse .dropdown-menu li{
  
  width: 100%;
}



.container-fluid{
    padding:0!important;
}

a:hover, a:focus {
    color: initial;
    text-decoration: underline;
}




.at-style-responsive .at-share-btn{
  margin:0!important;
  flex:0 0 25%;
  display: flex!important;
  justify-content: center;
  align-items: center;
}

.at-share-btn-elements{
  display:flex;
  
  overflow:hidden;
}


.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover {
    transform: translateY(0)!important;

}
.torna-su polyline,
.torna-su line{
  fill: none!important;
  stroke: var(--primary-color)!important;
  stroke-width: 30!important;
  stroke-linecap: round!important;
  stroke-linejoin: round!important;
  stroke-miterlimit: 10!important;
  transition:.3s ease;
}

.torna-su:hover polyline,
.torna-su:hover line{
  fill: none!important;
  stroke: white!important;
}



.torna-su{
  width: 38px;
  height: 38px;
  position: fixed;
  bottom: -50px;
  right: -50px;
  transition: .3s ease;
  display:
  flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  z-index: 2;
  cursor:
  pointer;
}

.btn-rounded.torna-su{
 border-radius: 50%;
 border: 3px solid var(--primary-color);
 background: transparent;
}

.torna-su svg{
  width: 100%;
  height: 100%;
}

.torna-su.attivo{
  bottom: 15px;
  right: 15px;
}

#L184{
  position:fixed;
  top: 50%;
  transform: translateY(-50%);
  left:0;
  z-index:-1;
  opacity:.3;
}



#L147 .blocco-footer.logo.mobile {
      display: none;
  }


  .addthis_inline_share_toolbox_ip44 {
      margin-top: 75px;
  }

  .horiz-nav {
      display: block;
      margin: 0 auto;
      text-align: center;
      position: relative;
      float: none;
      clear: both;
      display: flex;
      padding: 50px 0;
      padding-bottom: 0;
      width: 100%;
      justify-content: space-between;
      flex: 0 0 100%;
  }
 
 .horiz-nav a{
   padding: 10px 15px;
   border: 2px solid var(--primary-color);
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 400;
   margin-right: 14px;
   background:
   transparent!important;
   color: var(--primary-color);
}

 .horiz-nav a{
   padding: 10px 15px;
   border: 2px solid var(--primary-color);
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 400;
   margin-right: 0;
   background:
   transparent!important;
   color: var(--primary-color);
   font-weight: normal!important;
}


 .horiz-nav a:hover{
    background: var(--primary-color)!important;
    color: white!important;
}
.horiz-nav span{
  /* margin:0 15px; */
  display: block;
  display: flex;
}





  @media (min-width: 576px) {
      .container {
          max-width: 100%;
          padding: 0 15px;
      }
  }

  @media (min-width: 768px) {
      .container {
          max-width: 100%;
      }
  }

  @media (min-width: 992px) {
      .container {
          max-width: 960px;
      }
  }

  @media (min-width: 1200px) {
      .container {
          max-width: 1140px;
      }
  }



  .container {
      margin: 0 auto;
      padding: 0 15px;
  }






  * {
      box-sizing: border-box;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .gallery_item svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      fill: white;
      opacity: 0;
      transition: .3s ease-in-out;
  }

  .gallery_item:hover svg {

      opacity: 1;

  }

  .gallery_item svg line {
      stroke: white;
  }

  .bs-callout-success h1 {
      padding: 0 15px;
      font-weight: normal;
      color: var(--primary-color);
      font-size: 35px;
      text-transform: uppercase;
  }


  .bs-callout-success h1:after {
      content: "Grazie per averci contattato, le risponderemo il prima possibile.";
      display: block;
      margin-top: 10px;
      font-size: 25px;
      color: var(--secondary-color);
  }


  .pageNavigator {
      flex: 0 0 100%;
      clear: both;
  }



  p, li, span, div {
      color: #49494b;
      /* letter-spacing: .35px; */
  }

  .pagination {
      width: auto;
      display: flex;
      flex-direction: row;
  }

  .pagination li:first-child,
  .pagination li:nth-child(2),
  .pagination li:nth-last-child(2),
  .pagination li:last-child {
      display: none;
  }


  .pagination li {
      width: 32px;
      text-align: center;
      height: 32px;
      
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .3s ease-in-out;
      margin: 3px;
  }

  .pagination li:hover {
      background: var(--tertiary-color);
      transition: .3s ease-in-out;
  }

  .pagination li:hover a {

      color: white !important;
      transition: .3s ease-in-out;
  }

  .pagination li a {
      color: #5bc0d2;
      display: block;
      flex: 0 0 100%;
      height: 34px;
      line-height: 34px;
      transition: .3s ease-in-out;
      font-family: "Marcellus SC";
  }

  .pagination li.active {
      background: #0b435a;
      color: white;
  }

  .pagination li.active a {
      color: white;
  }

  .pagination {
      padding: 0;
      margin-top: 50px;
      margin-bottom: 0;
      border-radius: 4px;
      width: auto;
      display: flex;
      justify-content: center;
  }

  .pagination > li > a,
  .pagination > li > span {
      color: var(--tertiary-color);
      height: 35px !important;
      border: none;
  }


  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
      color: white;
      background-color: transparent;
      border-color: transparent;
      opacity: 1!important;
  }


  .error.nopadding.row {
      text-align: center;
      padding: 125px 0;
  }

  .error.nopadding.row a {
      color: var(--primary-color);
      padding: 10px 15px;
      border: 2px solid var(--primary-color);
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 400;
      margin-top: 30px!important;
      display: block;
      width: 200px;
      margin: 0 auto;
  }



.error.nopadding.row a:hover {
    background: var(--primary-color);
    color: white;
}
  .error.nopadding.row h2 {
      color: var(--tertiary-color);
      text-transform: uppercase;
  }

  #cookie-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      background: var(--tertiary-color);
      font-size: 16px;
      padding: 20px calc(50% - 420px);
      box-shadow: 0 0 30px rgba(0, 0, 0, .1);
      transition: .6s ease-in-out;
      transform: translateY(0);
  }

  #cookie-bar a {
      flex: 0 0 200px;
      padding: 10px;
      border: 2px solid var(--primary-color);
      color: var(--primary-color);
      font-size: 12px;
  }

  #cookie-bar a:hover {
      color: white;
      background: var(--primary-color);
  }

  #cookie-bar .cb-policy {
      margin-right: 10px;
      margin-top: 15px;
  }

  #cookie-bar .cb-enable {
      margin-left: 10px;
      margin-top: 15px;
  }

  #cookie-bar p {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      margin: 0;
      padding: 0 20px;
      color: white;
  }

  body {
      margin: 0;
      overflow-x: hidden;
      /* padding-top: 157px; */
      transition: .3s ease-in-out;
      color: #323637;
  }



  .Content2 {
      overflow: hidden;
  }

  a,
  a:hover {
      text-decoration: none;
      transition: .3s ease-in-out;
  }



  a {
      color: var(--primary-color);
      font-weight: bold;
  }

  a:hover {
      color: var(--tertiary-color);
      font-weight: bold;
  }

 

  .section.Content {
      /* background: #f1e9e7; */
      top: 0;
      left: 0;
      z-index: 6;
      position: fixed;
      width: 100%;
      transition: .3s ease-in-out;
      /* height: 70px; */
      padding: 0;
  }


 .admin .section.Content {
   top:32px;
}

  .Content .container {
      position: relative;
      padding: 0 !important;

  }




  #L144 {
      display: none;
  }




  /* width */
  ::-webkit-scrollbar {
      width: 7px;
      height: 7px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
      background: #ededed;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {

      transition: .3s ease-in-out !important;
  }



  #L159 .actex-container:before {
      content: "Ricerca:";
      display: block;
      font-size: 23px;
      color: var(--primary-color);
      margin-right: 15px;
  }
 #L159 {
     
  }



  #L159.open {
      opacity: 1;
      visibility: visible;
      bottom: 0;
  }


  #L159 .actex-container {
      margin-top: 0;
      width: 100%;
      height: auto;
      background: transparent !important;
      display: flex;
  }

  #L159 .actex-container {
      margin-top: 0;
      width: 100%;
      height: auto;
      background: transparent !important;
      display: flex;
      flex-direction: row;
  }



  #L159 input {
      border: 0 solid transparent;
      border: 0;
      background: transparent !important;
      border-radius: 0;
      outline: 0;
      padding: 0;
      padding-bottom: 0px;
      width: 100%;
      transition: .3s ease-in-out;
      font-size: 18px;
      height: auto!important;
      color: white;
      box-shadow: none;
      border: 0;
      background: transparent!important;
      border-radius: 0;
      border-bottom: 2px solid var(--primary-color);
  }

#L159 #autocomplete_L159-term{
  /* display:none; */
  position: relative!important;
  top: initial!important;
  left: initial!important;
}


  #L159 h4 {
      margin: 0;
      font-size: 40px;
      text-align: center;
      display: none;
  }

.B-1 {
      padding-top: 20px;
      margin: 110px 0;
      padding-bottom: 20px;
      border-radius: 0;
      background: transparent;
  }

.breadcrumb {
      margin-bottom:0;
      background: transparent;
      text-align: center;
      margin: 0 auto;
  }

  .breadcrumb .container {
      position: relative;
  }

  .breadcrumb a {
      color: white;
  }

  .breadcrumb ul {
      list-style: none;
      margin: 0;
      padding: 0;
      background: transparent!important;
  }

  .breadcrumb ul li {
      display: inline-block;
      color: white!important;
  }


  .breadcrumb ul li:last-child:after {
      display: none;
  }

  .breadcrumb ul li:after {
      content: "|";
      color: var(--tertiary-color);
      font-style: italic;
      color: white;
  }

 .dark .breadcrumb ul li:after {
   
      color: white;
      
  }

  .breadcrumb ul li a {
      color: var(--primary-color);
      text-decoration: none;
      font-weight: normal;
      /* font-style: italic; */
      transition: .3s ease-in-out;
      font-size: 16px;
      font-weight: normal;
  }


.dark .breadcrumb ul li a {
      color: white;
      
  }


  .breadcrumb ul li span {
      color: #e5d4cf;
      /* font-weight: bold; */
      font-style: italic;
  }

  .breadcrumb ul li a:hover {
      /* opacity: .5; */
      transition: .3s ease-in-out;
      color: white!important;
  }

  .breadcrumb h1 {
      margin: 0;
      color: white;
      margin-top: 5px;
      font-weight: normal;
      font-size: 35px;
      font-weight: normal;
      /* font-style: italic; */
      /* text-transform: uppercase; */
      margin-top: 0;
      text-transform: uppercase;
  }

.dark .breadcrumb h1{
  color: white;
}

  blockquote {
   padding: 30px;
   margin-bottom: 20px;
   border: 1px solid transparent;
   background: url(/cm/showfiles.php/background-01.jpg);
   margin: 30px 0;
  }

blockquote p{
  color:white;
}

blockquote p:first-child{
  margin-top:0!important;
}

blockquote p:nth-child(1){
  margin-top:0;
}
  blockquote span{
    display:block;
    font-weight:normal;
    color: white;
  }
blockquote .author{
  font-style:italic;
  margin-top:30px;
  font-weight:bold;
  color: white;
}

 
 
  #LPS153T .container {
    padding: 0;
    width:100%;
    max-width:100%;
}

      .Breadcrumb {
          padding-top: 145px;
          background: lightgrey;
      }


      #L159 {
          display: block;
          border: 0;
          background: transparent;
          height: auto;
          transition: .6s ease-in-out;
          position: fixed;
          bottom: -121px;
          right: 0;
          width: 100%;
          border-radius: 0;
          overflow: hidden;
          padding: 40px;
          z-index: 2;
          /* box-shadow: 0 0 30px rgba(0,0,0,.2); */
          /* padding-top: 120px; */
          background: rgb(7,66,91);
          /* background: linear-gradient(0deg, rgba(7,66,91,1) 0%, rgba(7,66,91,0) 100%); */
      }
.flex-row-reverse .publishing.flex-row,
  .flex-row .publishing.flex-row-reverse,
.flex-row-reverse .publishing.flex-row-reverse,
 .flex-row .publishing.flex-row{
  display:
  flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-end;
  flex-wrap: initial;
  flex-direction: column;
  width: 250px!important;
} 

.card svg {
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
  margin:0
}

   .F-1{
  margin-top:0;
  padding-right:15px!important;
  padding-left:15px!important;
  padding-bottom: 65px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;!;!i;!im;!imo;!im;!i;!;
}


@media(max-width:1299px){
  

#nav{
  position:
  fixed;
  top: 110px;
  right: 0;
  width: 350px;
  background:
  white;
  display:
  flex;
  flex-direction: column;
  padding: 20px;
  /* box-shadow: 0px 0px 30px rgb(0 0 0 / 5%); */
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-in-out;
  padding-top: 0;
  height: calc(100% - 110px);
  justify-content: center;
}

  .dark #nav{
    background: #073e55;
  }

  .open #nav{
  opacity: 1;
  visibility: visible;
}
  
      .contenitore-hamburger {
          position: relative;
          height: 20px;
          width: 30px;
          margin-left: 0;
          margin-left: 8px;
      }


    

      .linea1 {
          width: 24px;
          height: 2px;
          background-color: #312f30;
          position: absolute;
          top: 0;
          right: 0;
          transition: .3s ease-in-out;
      }

      .linea2 {
          width: 24px;
          height: 2px;
          background-color: #312f30;
          position: absolute;
          top: 7px;
          right: 0;
          transition: .3s ease-in-out;
      }

      .linea3 {
          width: 24px;
          height: 2px;
          background-color: #312f30;
          position: absolute;
          top: 14px;
          right: 0;
          transition: .3s ease-in-out;
      }


  .dark .linea1 {
    background:white;
}

    .dark .linea2 {
    background:white;
}

    .dark .linea3 {
    background:white;
}
  

  

  .contenitore-hamburger:hover .linea1 {
    background:var(--primary-color);
}

    .contenitore-hamburger:hover .linea2 {
    background:var(--primary-color);
}

    .contenitore-hamburger:hover .linea3 {
    background:var(--primary-color);
}



      .open .linea1 {
          top: 7px;
          transform: rotate(-45deg);
      }

      .open .linea2 {
          top: 7px;
          opacity: 0;
          visibility: hidden;
      }

      .open .linea3 {
          top: 7px;
          transform: rotate(45deg);
      }
  
.contenitore-hamburger{
  display:block;
}
  
}






 @media(max-width:1199px){

.slidecollapse li a{
    font-size:18px!important
}

   .type-b .card:nth-child(3){
  margin-top:30px;
}

    .type-b .card:nth-child(4){
  margin-top:30px;
}
   
.type-a h3 {
    font-size: 19px!important;
}

.card svg {
    width: 90px;
    height: 90px;
    flex: 0 0 70px;
  margin:0
}

   
 .type-b .card {
    flex: 0 0 calc(50% - 10vw);
    margin: 0;
}  
   
.flex-row.detail .flex-row .img-container, 
 .flex-row-reverse.detail .flex-row-reverse .img-container,
.flex-row.detail .flex-row-reverse .img-container, 
 .flex-row-reverse.detail .flex-row .img-container{
     position:relative!important;
     top:initial!important;
   }
   

 .flex-row-reverse .flex-row,
  .flex-row .flex-row-reverse,
.flex-row-reverse .flex-row-reverse,
 .flex-row .flex-row{
  display:
  flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  width: 250px;
  width: 100%;
} 


    .flex-row-reverse .flex-row .img-container,
  .flex-row .flex-row-reverse .img-container,
.flex-row-reverse .flex-row-reverse .img-container,
 .flex-row .flex-row .img-container{
  width: 100%!important;
  height: 300px!important;
  padding-bottom: 40px!important;
} 

       .flex-row-reverse .flex-row .txt-container,
  .flex-row .flex-row-reverse .txt-container,
.flex-row-reverse .flex-row-reverse .txt-container,
 .flex-row .flex-row .txt-container{
  padding:0!important;
} 

   .flex-row-reverse .publishing.flex-row,
  .flex-row .publishing.flex-row-reverse,
.flex-row-reverse .publishing.flex-row-reverse,
 .flex-row .publishing.flex-row{
 padding-left:0!important;

}


    .flex-row .flex-row .txt-container{
  padding:0!important;
}  

.type-c .card{
  flex: 0 0 calc(33.333% - 30px);
  margin: 15px;
  text-align: center;
  padding: 30px;
  display: block;
  box-shadow: 0px 10px 30px rgb(0 0 0 / 5%);
  border-radius: 5px;
  border-bottom: 4px solid var(--primary-color);
    transition:.3s ease-in-out;
    opacity:1!important;
  height: 100%;
}






   .F-1 {
    display: flex;
    flex-wrap: wrap;
}
   
   .Breadcrumb {
    padding-top: 100px;
    background: lightgrey;
}



   h2{
     font-size:26px;
   }


}


@media(max-width:991px){

    .F-1{
        position:relative;
        padding-top:150px!important
    }

    .F-1 .draft{
        flex:0 0 25%;
    }

    .footer-logo{
        position:absolute;top:0;
        left:50%;
        transform:translateX(-50%);
    }

    .footer-logo img{
        height:100px!important;
        width: auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    }


  .contact-form .privacy label {
    
    font-size: 13px;
}

 #L224 .contenitore-recensione {
    padding: 40px!important;
  
} 


.type-a .card:nth-child(1) .card-img-container{
    overflow:
    hidden;
    height: 400px;
}

.type-a .card:nth-child(2) .card-img-container{
    overflow:
    hidden;
    height: 350px;
}

.type-a .card:nth-child(3) .card-img-container{
    overflow:
    hidden;
    height: 300px;
}


.type-a .card:nth-child(4) .card-img-container{
    overflow:
    hidden;
    height: 250px;
}

.type-a .card:nth-child(5) .card-img-container{
    overflow:
    hidden;
    height: 400px;
}

.type-a .card:nth-child(6) .card-img-container{
    overflow:
    hidden;
    height: 400px;
}

.type-b .card {
    flex: 0 0 calc(50% - 15px);
    margin: 0;
}
  
.open .dark  .linea1,
  .compresso .dark  .linea1 {
         
          background-color: white;
          
      }
.open .dark  .linea2,
  .compresso .dark  .linea2 {
         
          background-color: white;
          
      }
.open .dark  .linea3,
  .compresso .dark  .linea3 {
         
          background-color: white;
          
      }

  

.text-block{
   
   padding:30px!important;
   
}



  .contact-form {
    flex: 0 0 60%;
    text-align: center;
    padding: 100px 15px!important;
}

.type-b .card a, .type-b .card {
    display: flex;
    justify-content: center!important;
    align-items: center!important;
    flex-direction: column!important;
    text-align: center!important;
}

  .type-b .card{
    /* padding:30px; */
  }

  .type-b .card .card-body {
    text-align: center!important;
    display: flex;
    align-items: center!important;
    padding-left: 0!important;
    padding-right: 0!important;
}


  
.type-b .card .card-img-container {
    /* margin-bottom:15px; */
}


.type-c .card {
    flex: 0 0 calc(50% - 30px);
  
}


    .contact-form{
    flex:0 0 55%;
   
}
.contact-text{
    flex: 0 0 45%;
 
}

  .type-a {

    column-count: 2!important;
   
}


  p{
    font-size: 13px;
    line-height: 20px;
}

  .card p{
    font-size: 13px;
  
}

}

@media(max-width:767px){

 
  .card svg {
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
}


  .type-b .card:nth-child(odd){
   
  margin-right:0;
}


.type-b .card:nth-child(even){
  margin-left:0;
  transform: none!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

   .type-b .card{
  margin:15px 0!important;
}


   
.type-a h3 {
    font-size: 19px!important;
}


.type-b .card-interno {
    
    flex: 0 0 calc(100%);
   
}
  

  
#nav .telefono{
  display:none;
}

#nav .mail{
  display:block;
  margin-top:15vh;
}


  .type-b .card:first-child{
    padding-top:0;
  }

  .C-1 .sfondo-home-testo h2 {
    width:100%!important;
}

  .type-a{
    column-count:initial!important;
  }

  .type-a .card .card-img-container {
    overflow: hidden;
    height: 500px!important;
}

  .type-a .card {max-width: 450px;text-align: left;}

  .type-b .card{
    /* margin-top:0!important; */
}

  .type-a .card:nth-child(1) .card-img-container {
    overflow: hidden;
    height: 400px;
}

      .tabella {
        /* width:340px!important; */
        height: 700px;
        overflow: scroll;
        font-size: 14px
    }

  .horiz-nav span{
    /* flex:0 0 50%; */
  }


   .flex-row-reverse .publishing.flex-row,
  .flex-row .publishing.flex-row-reverse,
.flex-row-reverse .publishing.flex-row-reverse,
 .flex-row .publishing.flex-row{
padding-left:0!important;
  padding-right:0!important;width: 100%;display: flex;align-items: flex-start;align-content: center;flex: initial;width: auto!important;}



  .flex-column,
.flex-column-reverse,
.flex-row,
.flex-row-reverse{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   align-content: center;
   flex-wrap: wrap;
}  
  
.flex-row .flex-row,
.flex-row-reverse  .flex-row,
.flex-row .flex-column,
.flex-row-reverse  .flex-column
{
 
  padding-left:0!important;
  padding-right:0!important;
 width: 100%;
 display: flex;
 align-items: flex-start;
 align-content: center;
}  

  
  .type-b .card{
  flex:0 0 100%;
}

  .type-b .card .card-body {
    text-align: left!important;
    display: flex;
    align-items: flex-start!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

  .type-b .card a, .type-b .card {
    display: flex;
    justify-content: flex-start;
    align-items: center!important;
    flex-direction: row!important;
    text-align: left!important;
    max-width: calc(500px - 30px);
}


  .C-7{
    display:
    flex;
    flex-direction: column;
  }

  .type-a .card-img-container{
    max-height: initial;
  }

 .type-a .item:nth-child(even) .contenitore-immagine,
.type-a .item:nth-child(odd) .contenitore-immagine{
   
    margin-right: 0;
    margin-left:0;
}
 

.type-a .item:nth-child(odd){
    display:
    flex;
    flex-direction: column;
}

  
.type-a .item:nth-child(even){
    display:
    flex;
    flex-direction: column;
}

.contact-text p {
   
    width: 100%;
  
  text-align:center;
}

  .contact-text{
  padding:30px 15px;
  }
.type-a .item:nth-child(odd) .contenitore-testi{
    text-align:left;
}



     .F-1 .draft{
        flex:0 0 50%!important;
    }

     .F-1 .draft:nth-child(1){
        margin-bottom:30px
    }

    
     .F-1 .draft:nth-child(2){
        margin-bottom:30px
    }

    .F-1{
        display:flex;
        flex-direction: row;
        align-items: flex-start;
    }

}


@media(max-width: 500px){

    
  
#nav .telefono{
  display:block;
  margin-top:12px
}

.type-a .card {
    max-width: 450px;
}

  
.detail.flex-column .publishing,
  .detail.flex-column-reverse .publishing {
    display: flex;
    position: relative;
    top: initial;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
}

.horiz-nav a{/* width:calc(100% - 15px); */}
  
  .section-titles{
    padding-bottom: 50px!important;
  }

    .type-b .card .card-body {
    text-align: center!important;
    display: flex;
    align-items: center!important;
    padding-left: 0!important;
    padding-right: 0!important;
}


  .type-c .card {
    flex: 0 0 calc(100% - 30px);
}

 .type-b .card a, .type-b .card {
    display: flex;
    justify-content: flex-start;
    align-items: center!important;
    flex-direction: column!important;
    text-align: left!important;
} 





.img-block{
    flex:0 0 50%;
    height: calc(100vw - 30px);
    background: #f8f8f8;
}

.img-block p{
    height: 50vh;
}  

.breadcrumb h1{
  font-size:25px!important;
  line-height:1.2;
}


  .C-4 {
    display: flex;
    flex-direction: row;
}
.type-b .item:nth-child(even) a,
  .type-b .item:nth-child(odd) a{
   display:
   flex;
   flex-direction: column;
   align-items: center;
   padding: 30px;
}

  
 .type-b .item:nth-child(even) .contenitore-testo,
   .type-b .item:nth-child(odd) .contenitore-testo{
    text-align:
    center;
    padding:0;
    padding-top:15px;
    display: flex;
    align-items: center;
  }
.type-b .item .contenitore-testo h4,
  .type-b .item .contenitore-testo h3{
    margin-right:0;
    margin: 0 5px;
  }



  .type-a .item:nth-child(odd) .read {

    float:none;
}
  .contact-form {
    flex: 0 0 60%;
    text-align: center;
    padding: 50px 15px!important;
}



  .contact-form .form-group {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

  .F-1 .draft {
    flex: 0 0 100%;
    text-align: center;
    margin-bottom:30px;
    width: 100%;
    padding: 0 10px;
}

    .F-1 .footer-credits {
    
    margin-bottom:0!important;
}
.type-a .item:nth-child(odd) .contenitore-immagine,
  .type-a .item:nth-child(odd) .contenitore-immagine {
    margin-right: 0;
    margin-left: 0;
}

}




/* Colori principali */
.servizi-thumb:before, .blog-thumb:before, .publishing .item:hover h3, .publishing .contenitore-testo .read, .publishing .item:hover h4, .publishing .contenitore-testo .read, .info .autore, .breadcrumb ul li a:hover, .navbar-default .navbar-nav>li>a:hover, .contact-text p, .F-1 .draft a, .virtual-gallery .titoletto, .type-b .item .contenitore-testo h4, .contact-form h2:before, .contact-form .dichiaro a, .draft .titoletto, .type-a .data{color: var(--primary-color);}



.type-a .read:hover, .btn-success, ::-webkit-scrollbar-thumb, .horiz-nav a, .torna-su, .slidecollapse li.active a:after, .slidecollapse li a.active:after{background: var(--primary-color);}



.draft polyline,
.virtual-gallery polyline{stroke: var(--primary-color);}



ul .lente svg:hover path{
  fill: var(--primary-color);;
}

.btn-success:hover,
.horiz-nav a:hover,
.torna-su:hover,
.C-1 .sfondo-home-testo a:hover{
    background: var(--primary-color);
}
.publishing .contenitore-testo .read:hover,
.F-1 .draft a:hover,
.contact-form .dichiaro a:hover{
    color:  var(--secondary-color);
}


.B-1,
.F-1{
  background: #fcfaf7;
}

.B-1{
  background:
  url(/uploads/alba.jpg);
  background-size: cover;
  background-position: center;
  height: 220px;
  display: flex;
  align-items: center;
  position:relative;
}


.B-1:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:black;
 opacity:.5;
}




/* Pagina dettaglio vgallery */










.C-1.detail{
 margin-top:100px;
}


.detail .publishing .card-img-container{
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
}

.detail .publishing .card-img-container img{
  width:100%;
 height:100%;
object-fit:
  cover;
  border-radius: 0;
}

.detail.flex-row-reverse .publishing.flex-column,
.detail.flex-row .publishing.flex-column{
  flex: 0 0 250px;
}

.detail.flex-column .publishing{
  
  flex:initial
}



.detail .publishing .card{
  margin-bottom:30px;
}

.detail .publishing.flex-column-reverse .card,
.detail .publishing.flex-column .card,
.detail .publishing.flex-row-reverse .card,
.detail .publishing.flex-row .card{
 margin: 0 10px;
 margin-bottom: 15px;
}

.detail .publishing .card:last-child{
  margin-bottom:0;
}
.detail .publishing.flex-column-reverse .card:first-child{
  margin-bottom:0;
}

.detail .publishing.flex-column-reverse .card:last-child{
  margin-bottom: 15px;
}
.detail .publishing .card-date{
 font-size:12px;
}
.detail .publishing .card .card-subtitle{
  margin-left:0;
  display: none;
}
.detail .publishing .card,
.detail .publishing .card a{
  display:
  flex;
  align-items: center;
  height: auto;
  position:
  relative;
}


.detail .publishing .card-img-container a{
  height:100%
}

.detail .publishing .card .btn{
  position:
  absolute;
  bottom: 0;
  right:0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.detail .publishing .card-body{
  
  padding-left:15px;
}

.detail .publishing .card-body .card-text{
  
  display:none;
}


#L185T{
  display:none;
}


.item{
    margin-bottom:30px;
}


.detail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.detail img.icona{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.detail .img-container{
   width: 100%;
   height: auto;
   margin: 0 auto;
   margin-bottom: 40px;
}


.detail .flex-column .img-container{
   margin-bottom:30px;
   width: 100%;
}

.detail .flex-column-reverse .img-container{
   margin-top: 75px;
  width:100%;
}

.detail div[itemscope=""]{
    flex: 0 0
    calc(100% - 350px);
    background: transparent;
}
.detail.flex-column-reverse div[itemscope=""]{
    padding-right: 0;
    padding-top:100px!important;
}


.detail.flex-row div[itemscope=""],
.detail.flex-row-reverse div[itemscope=""]{position: sticky;top: 230px;padding-right: 75px;}


.detail.flex-column div[itemscope=""]{
   
    padding-right: 0;
 padding-bottom:100px;
    
}


.detail .flex-row .txt-container{
    flex:0 0 calc(100% - 300px);
  padding-left:50px
}


.detail .flex-row-reverse .txt-container{
    flex:0 0 calc(100% - 300px);
  padding-right:50px
}

.detail .flex-row-reverse .img-container,
    .detail .flex-row .img-container{
   width: 300px;
   height: 300px;
   margin: 0 auto;
   margin-bottom: 0;
   position: sticky;
   top: 140px;
}



@media(max-width:767px){

    

  .detail.flex-row div[itemscope=""],
  .detail.flex-row-reverse div[itemscope=""],
  .detail .flex-row-reverse .img-container, 
  .detail .flex-row .img-container{
  position: relative;
  top: initial;
}

  .detail .img-container{
   width: 100%!important;
   height: 300px!important;
   margin: 0 auto;
   margin-bottom: 40px!important;
   margin-top: 0!important;
}




 .detail .flex-row-reverse .txt-container {

    padding-right: 0;
}




.detail div[itemscope=""]{
    display:
    flex;
    flex-direction: column;
    padding-right: 0!important;
    padding-left: 0!important;
    padding-bottom: 100px;
    width: 100%;
} 
 
 .detail.flex-column-reverse div[itemscope=""] {
    padding-bottom: 100px!important;
    padding-top: 0!important;
}

 .detail div[itemscope=""] .txt-container{
  width: 100%;
  flex: 0 0 100%!important;padding-left:0!important;
 }

  #L223 .mail{
    display:none;
  }
}


@media(max-width:500px){

    
.slidecollapse li a{
    font-size:14px!important
}

    .F-1{
        padding-bottom:65px!important;
        padding-right: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
        padding-left: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    }

  #cookie-bar .cb-policy {
    margin-right: 0;
}
  #cookie-bar .cb-enable {
    margin-left: 0;
}

  .type-b .card {
    width: calc(100% - 30px);
}

  #nav .mail{
  display:block;
  margin-top:10vh;
}

#L159 .actex-container:before{
  display:none;
}
  
.dark #nav {
    background:var(--tertiary-color)
}
#nav{
  width:100%;
}
  
.type-b .card{
  padding: 0!important;
}

  #L224 .contenitore-recensione{
    padding:15px!important;

  }

  #L223 .telefono{
    display:none;
  }

  
  #L224 .contenitore-recensione p{
   
    font-size:13px!important;
  }

  #L224 .slider .title {
    font-size: 20px!important;
  }
  #L196 {
    padding-right:12px;
}

  .type-a .card .card-img-container{
    height:calc(100vw - 30px)!important;
  }
#L224 .titolo,
  .section-titles .title {
    font-size: 30px!important;
  }
#L159 svg {
    padding-bottom: 8px;
    padding-top: 6px;
    width: 40px;
    height: 34px;
    cursor: pointer;
    margin-left: 15px;
}

  #L159{
    padding:20px;
  }
}