body:not(.logged-in) h1, body:not(.logged-in) h2, body:not(.logged-in) h3, body:not(.logged-in) .titoletto, body:not(.logged-in) .oxy-rich-text:not(.noanim){opacity: 0;}
body:not(.logged-in) .animate { opacity: 0; transform: translateY(40px);}
.animated { opacity: 1 !important; transform: none;}
html { scroll-behavior: smooth;}
body:not(.logged-in).single-portfolio .ct-section:not(.noover):first-of-type { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 0;}
body:not(.logged-in).single-portfolio .ct-section:not(:first-of-type) { position: relative; z-index: 1; background: #fff; width:100%;}
.split-line { display: block; overflow: hidden;}
.split-line > div { display: inline-block; clip-path: inset(0% 0 0% 0); }
body,
html{overflow-x: hidden !important; max-width: 100%; } a.crop-single-image-to-gallery img{margin-top: 20px;}  .ul-list ul{margin: 0;   padding: 0; }
.ul-list ul li{margin-bottom:10px; position:relative;margin-left: 25px;}
.ul-list ul li:before{content:""; position:absolute; left: -25px;  width: 20px;  top: 0;  height: 8px;  background-color: var(--green-color);  border-radius: 2px; transform: translateY(6px);}
.ul-list ul li::marker{content: none !important;}
.ul-list.ul-list-alt ul li:before{background-color: var(--light-pink); }
.ul-list.columns ul{column-count: 2; } body.sticky-header header:after{width:100%; border-color:var(--main-color-grey);}
body.sticky-header header{border-bottom-color: var(--main-color-grey) !important;}
.humb-menu{cursor:pointer;}
body:not(.oxygen-builder-body) .mega-menu{overflow:scroll; transition:all .4s ease-in-out; clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);     margin-top: 1px;}
body:not(.oxygen-builder-body).open-menu .mega-menu{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); transition:all .4s ease-in-out; }
body header .humb-line{ transition: all .4s ease-in-out !important; }
body.open-menu header .humb-line:nth-child(1){    transform: rotate(45deg) translate(6px, 5px);}
body.open-menu header .humb-line:nth-child(2){ width:0;}
body.open-menu header .humb-line:nth-child(3){transform: rotate(-45deg) translate(6px, -5px);}
@media (max-width:992px){
}
@media (max-width:776px){
body .ct-inner-content .ct-section.noover{min-height:80vh !important;}
body:not(.logged-in):not(.home) .ct-inner-content .ct-section:not(.noover):first-of-type{min-height:100vh !important;}
.form-octorate form{flex-wrap: wrap;         padding: 0 20px !important;}
.form-octorate form > div:not(.octorate-tooltip):not(.octobooksubmit){width:50% !important; margin: 0;
padding: 0;}
.form-octorate form > div:not(.octorate-tooltip):not(.octobooksubmit){    justify-content: flex-start;}
.form-octorate .octobook-date,
.form-octorate form > div.octobookpax{border-right:none !important;}
.form-octorate .octobookpax.Large:before, .form-octorate .octobookchild.Large:before{display:block !important;}
.form-octorate .octobooksubmit input,
.form-octorate .octobooksubmit > div, .form-octorate .octobooksubmit{width:100% !important;}
.form-octorate .octobooksubmit{margin-top:20px;}
.form-octorate .octobooksubmit > div:before{padding-left: 180%;}
.form-octorate .octobooksubmit > div:after { content: "Cerca"; font-family: 'gotham'; font-weight: 600; color:var(--green-color);  position: absolute; left: 0; top: 50%;  transform: translateY(-50%);  padding-left: 20px;  font-size: 16px;  text-transform: uppercase;}
.gallery .swiper-slide {width: 100vw !important; margin:0 !important; padding:0 10px !important;}
.ul-list.columns ul{column-count: 1; }
.bfor-form.dayuse .ter{width:100%; margin-bottom:10px;}
.bfor-form.dayuse .ter.data,
.bfor-form.dayuse .ter.fascia{width:48%;}
.bfor-form.dayuse .full:not(.accept) label{font-size:11px;}
.bfor-form.dayuse input[type="text"],
.bfor-form.dayuse input[type="email"],
.bfor-form.dayuse input[type="tel"],
.bfor-form.dayuse textarea{padding:20px 9px 6px; font-size:12px;}
.bfor-form.dayuse .ter.tipo, .bfor-form.dayuse .ter.data, .bfor-form.dayuse .ter.fascia{padding:0 0 20px 0;}
.bfor-form.dayuse .ter.data input, .bfor-form.dayuse .ter select, .bfor-form.dayuse .ter.fascia input{    top: 17px;    font-size: 13px;}
.bfor-form.dayuse .full:not(.accept) label{    left: 6px;   top: 2px;}
.bfor-form.dayuse .full.accept input[type="checkbox"]{width: 13px;   height: 13px;}
.bfor-form.dayuse .full.accept input[type="checkbox"]:checked::before{    font-size: 9px;}
.bfor-form.dayuse .full.accept span{font-size: 9px;}
.bfor-form.dayuse .sub input[type="submit"]{font-size:14px;}
}
@media (max-width:500px){
}