body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
form { margin:0px }
body > form { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
table { empty-cells:hide }
td { padding:0px }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
#frm-mltchnl__popup-container { right:60px !important; bottom:90px !important }
.sezione-titolo { color:#6c6c6f; font-family:'Montserrat', sans-serif; font-size:46px; letter-spacing:-0.06em; line-height:0.9; font-weight:300; margin-bottom:2rem }
.sezione-titolo-small { color:#6c6c6f; font-family:'Roboto', sans-serif; font-size:24px; letter-spacing:-0.02em; line-height:1.1; margin-bottom:15px; font-weight:bolder }
.sezione-titolo-extrasmall { color:#6c6c6f; font-family:'Roboto', sans-serif; font-size:18px; letter-spacing:-0.02em; line-height:1.1; margin-bottom:15px; font-weight:bolder }
.sezione-occhiello { color:#6c6c6f; font-family:'Roboto', sans-serif; font-size:18px; line-height:1.4; margin-bottom:0.8em }
.box-titolo { color:#fff; font-family:'Roboto', sans-serif; font-size:34px; letter-spacing:-0.06em; line-height:1; position:relative; top:25px; font-weight:300 }
.box-titolo::before { background-color:#e62e23; content:''; position:absolute; height:2px; width:50px; top:-10px }
.box-titolo-small { color:#fff; font-family:'Roboto', sans-serif; font-size:18px; text-transform:uppercase; font-variant:normal; letter-spacing:-0.02em; line-height:1; text-align:left; position:relative; top:0; font-weight:400 }
.box-foto { padding-top:33% }
.box-foto-100 { padding-top:100% }
.box-data { color:#fff; font-size:16px; margin-top:15px }
.arrow-open { background-color:#e62e23; transform:rotate(90deg); height:60px; position:absolute; bottom:0; right:0; background-position:center; background-size:44px; background-image:url(/Resources/up-arrow.png); background-repeat:no-repeat; width:60px !important }
.readmore { color:#d9d8da; font-size:16px; text-transform:uppercase; font-variant:normal }
.readmore::after { color:#e62e23; content:url(/Resources/readmore.png); padding-left:15px; position:absolute; padding-top:2px }
.error-404 { color:#fff; font-family:'Montserrat', sans-serif; font-size:280px; letter-spacing:-0.02em }
.counter-value { color:#b50e20; letter-spacing:-0.03em }
.counter-value-unit { color:#212529; letter-spacing:-0.03em; font-size:4.5rem; font-weight:100; margin:0 10px }
.banner-titolo { color:#fff; font-family:'Montserrat', sans-serif; font-size:50px; letter-spacing:-0.06em; line-height:0.95; font-weight:200; padding:0 0 25px 0 }
.banner-foto { height:calc(100vw * 0.30); aspect-ratio:1/0.30 }
.banner-error { transform:translateY(-50%); top:50%; position:relative }
.bannerbg::before { content:""; position:absolute; bottom:0; right:0; width:100%; height:auto; opacity:0.5; background-image:linear-gradient(-90deg, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.6) 100%), url('../Resources/gradiente.png'); background-repeat:no-repeat; background-position:bottom right; background-size:auto; top:0; left:0 }
.overlay::before { border-radius:20px; content:""; position:absolute; width:100%; height:100%; left:0; right:0; top:0; background:linear-gradient(-90deg, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.6) 100%); bottom:0 }
.curva { position:absolute; height:65%; left:-20%; right:-20%; z-index:9; border-top-left-radius:50%; border-top-right-radius:50%; bottom:-55% }
.banner-curva { height:60px; left:0; right:0; overflow:hidden; position:absolute !important; top:auto; bottom:0 }
.banner-curva::after { -webkit-transform:translate(0,60px); left:-50%; position:absolute; right:-50%; height:700px; z-index:9; bottom:100%; border-radius:0 0 50% 50%; -webkit-border-radius:0 0 50% 50%; box-shadow:0 100px 0 100px #FFFFFF; -webkit-box-shadow:0 100px 0 100px #FFFFFF; transform:translate(0, 60px); content:"" }
.post-banner-container { margin-top:calc(90vw * -0.15) }
.biscotto-orange { color:#fff; text-transform:uppercase; font-variant:normal; background-color:#ee7f01; margin-bottom:10px; text-align:center; padding:10px; border-radius:50px; margin:10px 0 }
.biscotto-industrial { color:#fff; text-transform:uppercase; font-variant:normal; background-color:#d74720; margin-bottom:10px; text-align:center; padding:5px; border-radius:50px; margin:10px 0 }
.biscotto-marine { color:#fff; text-transform:uppercase; font-variant:normal; background-color:#d74720; margin-bottom:10px; text-align:center; padding:5px; border-radius:50px; margin:10px 0 }
.biscotto-oilgas { color:#fff; text-transform:uppercase; font-variant:normal; background-color:#d12820; margin-bottom:10px; text-align:center; padding:5px; border-radius:50px; margin:10px 0 }
.biscotto-service { color:#fff; text-transform:uppercase; font-variant:normal; background-color:#b50e20; margin-bottom:10px; text-align:center; padding:5px; border-radius:50px; margin:10px 0 }
.style3 { font-weight:bold; text-align:center }
#PageDiv { position:relative; min-height:100% }
#sezioni { position:absolute; left:9px; top:13px; width:1230px; height:823px; z-index:1; background-color:#f2f3f2 }
@media screen and (max-width:992px)
{
	.sezione-titolo { font-size:32px; font-weight:400 }
	.sezione-titolo-small { font-size:20px }
	.sezione-titolo-extrasmall { font-size:20px }
	.box-foto { margin-bottom:0 }
	.box-foto-100 { margin-bottom:0 }
	.arrow-open { background-size:35px !important; width:40px !important; height:40px !important }
	.error-404 { font-size:180px }
	.banner-foto { height:calc(100vw * 0.80); aspect-ratio:1/0.80 }
	.bannerbg::before { background-position:bottom left; background-size:cover }
	.curva { height:40%; bottom:-30% }
}
