*, *:before, *:after {
box-sizing: border-box;
}
body {
margin: 0px;
padding: 0px;
}
#ad {
background-color: #FFF;
position: relative;
width: 160px;
height:600px;
overflow: hidden;
visibility: hidden;
cursor: pointer;
color:#796F68;
font-family: 'Lato', Sans-Serif;
font-size: 16px;
line-height:1;
font-weight: normal;
}
#ad::after {
content: "";
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
outline: #000000 1px solid;
outline-offset: -1px;
pointer-events: none;
}
.absolute {position: absolute}
b, .bold {font-weight:700}
.black {font-weight:900}
.color-orange {color:#EB690C}
.bg-orange {background: #EB690C}

/* Ad styles */
.w100 {width:100%}
.h100 {height:100%}
.visual {
width:100%;
clip-path: ellipse(100% 100% at 20% 50%);
}
.tw {
overflow:hidden;
}

#title {
text-align: center;
width: 100%;
height: 167px;
bottom: 0px;
}
#title .rounded-bg {
width:455px;
height:455px;
top:0;
background-color: #FFF;
border-radius: 50%;
}
#title .t {
position: relative;
top: 35.5px;
font-size: 18px;
line-height: 1.1;

}
#title .t .sup {
text-transform: uppercase;
}
#title .t .sub {
font-style: italic;
font-size: 18px;
margin-top:2px;
}
#title .t .sub span {
height: 1px;
width: 20px;
display: inline-block;
vertical-align: middle;
margin: 0 7px;
}

#vague {
width: 100%;
margin-top: -0px;
filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, .3));
}
#logo {
width: 80px;
top: 22px;
}
#bottom-shadow {
width:100%;
bottom:0;
height:224px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.3) 66%, rgba(255,255,255,0) 100%);
}

#text-1 {
overflow: hidden;
top: 439px;
width: 230px;
height: 160px;
white-space: nowrap;
}
#text-1 .n {
font-style: italic;
font-size: 40px;
overflow: hidden;
bottom: 120px;
}
#text-1 .n sup {
font-size: 0.6em;
margin: 0px -3px 0px 3px;
display: inline-block;
}
#text-1 .t {
overflow: hidden;
height: 100%;
width: fit-content;
top: 49px;
padding-top: 10px;
}
#text-1 .t > div {
color: #FFF;
text-transform: uppercase;
font-size: 18px;
line-height: 1.1;
text-align: center;
overflow: hidden;
}
#text-1 .t > span {
width: 60px;
height: 1px;
top: 0;
}
#cta {
color: #FFF;
text-transform: uppercase;
bottom: 112px;
height: 40px;
width: 140px;
border-radius: 20px;
font-size: 17px;
text-align: center;
line-height: 39px;
}
#cta span {
height: 1px;
width: 11px;
display: inline-block;
vertical-align: middle;
margin: -5px 7px 0;
background: #FFF;
background-color: #F3A56D;
}
#text-packshot {
color: #FFF;
font-style: italic;
bottom: 49px;
width: 100%;
text-align: center;
font-size: 20px;
overflow: hidden;
}