*, *:before, *:after {
box-sizing: border-box;
}
body {
margin: 0px;
padding: 0px;
}
#ad {
background-color: #FFF;
position: relative;
width: 300px;
height:250px;
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: 93px;
bottom: 0px;
}
#title .rounded-bg {
width:455px;
height:455px;
top:0;
background-color: #FFF;
border-radius: 50%;
}
#title .t {
position: relative;
top: 20.5px;
font-size: 18px;
line-height: 1.1;

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

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

#text-1 {
overflow: hidden;
bottom: 16px;
width: 230px;
height: 42px;

}
#text-1 .n {
font-style: italic;
font-size: 40px;
left:2px;
}
#text-1 .n sup {
font-size: 0.6em;
margin: 0px -3px 0px 3px;
display: inline-block;
}
#text-1 .t {
overflow: hidden;
border-left: solid 1px #EB690C;
height: 100%;
left: 76px;
width: fit-content;
}
#text-1 .t > div {
color: #FFF;
text-transform: uppercase;
margin-left: 13px;
font-size: 18px;
line-height: 1.15;
}
#cta {
color: #FFF;
text-transform: uppercase;
bottom: 45px;
height: 35px;
width: 139px;
border-radius: 18px;
font-size: 16px;
text-align: center;
line-height: 35px;
}
#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: 19px;
width: 100%;
text-align: center;
font-size: 18.5px;
overflow: hidden;
}