body{font-size:18px;} a:link, a:visited{} a:hover, a:active{}
form, textarea, input, ul, ol, li, p, body, button, h1, h2, h3, h4{margin:0;padding:0;font-family:'Roboto Slab'} #WspHd{position:fixed;z-index:99;width:100%;background-image:url(https://www.sofianovelli.com/photos/big-thumbs/2.png?1744380519);background-repeat:repeat;background-position:center center} 
#WspFt{background-color:#F7F7F7;}
div.W4{padding: 50px 50px 50px 50px;}
div.W5{padding:40px 20px 40px 20px;}div.W5{padding: 10px 10px 10px 10px;}

div.W12{padding:40px 20px 40px 20px;}div.W12{background-image:url(https://www.sofianovelli.com/photos/big-thumbs/[L]sofia-novelli-chi.jpg[/L]
?);background-repeat:;background-position:center center}
div.W19{padding:40px 20px 40px 20px;}div.W19{background-image:url(https://www.sofianovelli.com/photos/big-thumbs/[L]sofia-novelli-chi.jpg[/L]
?);background-repeat:;background-position:center center}



div.W26 a{color:#000000;}










.Ox{display:none}
.Bx, .Bx2{border:0 !IMPORTANT}

.WspText, .WspCont, .WspForm, .Wintes {font-size:0.9em}
.Wintes{position:relative}
.Wintes h1, .WspText h1{margin-bottom:16px;font-family:'Nothing You Could Do';font-size:2.6em;color:#3B1112}
.Wintes h1{text-transform:uppercase}
.Wintes p{color:#777}
.Wintes a.work-back{font-size:0.8em;color:#C0C0C0;text-decoration:underline;font-weight:bold}
.WspText h1{text-transform:uppercase;margin-bottom:15px;color:#000}

a.work-prev, a.work-next{position:absolute;top:24px;color:#C0C0C0;max-width:100px;font-weight:bold;font-size:0.8em}
a.work-prev{left:24px}
a.work-next{right:24px}


.Whead{max-width:1280px}

.WspNotHm .W2{background:none !IMPORTANT}
#button-container{position:fixed;bottom:32px;right:16px;z-index: 9999;}
#button-container a{display:inline-block;border:3px solid rgba(255,255,255,0.3);padding:6px 16px;font-weight:bold;font-size:0.8em;color:#FFF}

.backstretch{z-index: -1 !important;transition: opacity 0.5s ease;}
.thumbnails{position:fixed;bottom:16px;left:24px;display:flex;gap:10px; z-index: 9999;}
.thumb {width:78px;height:55px;background-size:cover;background-position:center;background-repeat:none;cursor:pointer;transition:border 0.3s;}
.thumb.active {border: 3px solid #FFF;box-sizing:border-box}

.W5-1, .W5-3 {flex: 0 0 226px;max-width: 320px;}

.W5-3 .WspColMn{text-align:right}
.W5-3 img{max-width:20px;height:auto}
.W5-3 .WspMenu a{font-weight:bold;font-size:0.8em;color:#7d7d7d}
.W5-3 .WspMenu > ul > li > a{background:url(https://www.sofianovelli.com/photos/big-thumbs/2-arrow.png) no-repeat right center;padding-right:12px}

.Whead .WspTb > ul{display:flex;justify-content:space-between;align-items:center}

#WspHd2{display:none}
#WspHd{background:linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%) !IMPORTANT}

#WspBd{padding-top:200px}

.Wmenu a{text-transform:uppercase;font-size:0.9em;font-weight:700;color:#7d7d7d}
.Wmenu a.Ac{font-weight:700;color:#3D1314}
.Wmenu .WspMenu{padding:0}

.Wsfondo{position:fixed;top:0;left:0;width:100%;opacity:0.2}
.Wsfondo, .Wsfondo li{min-height:376px !IMPORTANT}

.Wlang .WspText{text-align:right;font-size:0.7em;padding:10px 15px 0 5px}
.Wlang .WspText a{color:#3c1214;font-weight:bold}

.Wduo li{width:50% !IMPORTANT;display:inline-block;vertical-align:top}
.Wduo-1 .WspSlide, .Wduo-1 .WspSlide li{width:100% !IMPORTANT; height: 793px !IMPORTANT}
.Wduo-2 .WspText{background:#FFF;margin:200px 50px 0 -240px;padding:32px}
.Wduo-2 .WspForm{background:#FFF;margin:0 0 50px -240px;padding:0 50px 32px 32px}
.Wduo-2 .WspForm .Form{border:2px solid rgba(0,0,0,0.05);padding:32px;background:#FFF}
.Wduo-2 .WspForm .Form a{font-size:0.8em}
.Wduo-1 img{width:100%;height:auto}

.Wform .SubInput{background:#CCC;color:#000}

.WGl{column-count:3;column-gap:0}
.WGl, .WGlb{max-width:1280px;margin:auto;}
.WGlb{display:flex;justify-content:center}
.WGlb a{font-size:1.6em;font-family:'Nothing You Could Do';text-transform:uppercase}
.WGlb a img{max-height:400px}
.WGl .WGslide, .WGlb a{display:block;margin:20px;position:relative;color:#000}
.WGl .WGslide{margin:0 8px 16px 8px;background:#FFF}
.WGl .WGslide > a{display:block;position:relative}
.WGl img{width:100%;height:auto;display:block;}
.WGl .WGslide > a::before{content:"";position:absolute;top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);border:1px solid rgba(255,255,255,0.5);pointer-events: none;transition:all ease 0.5s}
.WGslide div{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;display:none;padding:0 24px;box-sizing:border-box;font-size:0.8em;transition:all ease 0.5s}
.WGslide div h3{color:#361919;margin-bottom:8px}
.WGslide div p{color:#361919}
.WGslide > a:hover::before{background:rgba(255,255,255,0.6)}
.WGslide > a:hover div{display:block}

.WGlb{padding-top:75px}
.Wor{white-space: nowrap;overflow-x:auto;padding:50px 0 50px 0}
.Wor div{display:inline-block;margin-left:20px;position:relative}
.Wor .Bimg img{height:100%;width:auto}
.Wor span, .WGslide span{position:absolute;top:12px;right:12px;display:none;z-index:1}
.WGslide a:hover span{display:block}
.WGl span img{max-width:20px;height:auto;display:block;margin-bottom:4px}
.WGlb span{display:block;}

#WspPg6See{overflow-x:hidden}
#WspPg6See .WspSlide li, #WspPg7See .WspSlide li, #WspPg8See .WspSlide li, #WspPg9See .WspSlide li, #WspPg10See .WspSlide li{background:none !IMPORTANT}
#WspPg8See #WspBd, #WspPg9See #WspBd, #WspPg10See #WspBd, #WspPg11See #WspBd{padding-top:110px}

.Box li{max-width:1200px;text-align:left;display:block;margin:auto}
.Box img.Thumb{width:600px;height:auto}
.Box img.Thumb, .Box span.Thumb{float:left;margin-right:20px}

.WspCont.W26{padding:40px 20px 50px 20px}

.BigThumb{float:left;margin-right:50px}

.WspDet h1, .WspCmtLs{padding-top:80px}
.WspCont h1{padding-top:40px}

.Ax .Op{top:100px}

@media screen and (max-width:768px) {
 .Wlang, .Wmenu{display:inline-block;vertical-align:middle}
 .Wlang .WspText{padding:0 15px 0 0}
.WspMenuMR{height:14px}
.thumb{width:48px;height:34px}
#button-container{bottom:64px;right:auto;left:24px;font-size:0.8em}
#button-container a{padding:4px 12px}
.W5-1, .W5-3{flex:auto}
.W5-3 .WspMenuMR{display:none}
div.Wduo-2 .WspText, li.Wduo-2 .WspText{margin:0}
#WspBd{padding-top:72px}
a.work-prev, a.work-next{position:static;max-width:100%;margin-top:24px;display:inline-block}
a.work-prev{margin-right:8px}
a.work-next{margin-left:8px}
.Wintes{padding:0 16px}
.Wintes h1, .WspText h1{font-size:2.2em}
.Wintes h1::before{content:" ";clear:both;display:block;margin-top:24px}
.WGslide > a:hover::before{background:none}
.WGslide > a:hover div{display:none}
.WGlb{flex-wrap:wrap}
.WGlb img{max-width:100%;height:auto}
.Wduo-2 .WspForm{margin:0}
.WspMenuS{right:0}
}.Wsfondo{z-index:-1}