*, *:before, *:after {
box-sizing: border-box;
}
body {
margin: 0px;
padding: 0px;
}
#ad {
background-color: #FFF;
position: relative;
width: 728px;
height:90px;
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%);
transform-origin:18% 50%;
}
.tw {
overflow:hidden;
}
#right {
right: 0;
width: 440px;
background: red;
height: 100%;
} 
#right .rounded-bg {
width: 500px;
height: 500px;
left: -6px;
background-color: #FFF;
border-radius: 50%;
filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, .3));
}
#title {
text-align: center;
width: 100%;
}
#title .t {
position: relative;
font-size: 22px;
line-height: 1.1;

}
#title .t .sup {
text-transform: uppercase;
}
#title .t .sub {
font-style: italic;
font-size: 22.5px;
margin-top: 3px;
}
#title .t .sub span {
height: 1px;
width: 50px;
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}
#logo {
width: 60px;
right: 423px;
}
#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: 23px;
left: 40px;
width: 100%;
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 {
text-transform: uppercase;
margin-left: 13px;
font-size: 20.5px;
line-height: 42px;
white-space: nowrap;
}
#cta {
color: #FFF;
text-transform: uppercase;
left: 34px;
height: 40px;
width: 155px;
border-radius: 20px;
font-size: 19px;
text-align: center;
line-height: 37px;
}
#cta span {
height: 1px;
width: 11px;
display: inline-block;
vertical-align: middle;
margin: -4px 7px 0;
background: #FFF;
background-color: #F3A56D;
}
#text-packshot {
font-style: italic;
bottom: 35px;
text-align: center;
font-size: 21px;
overflow: hidden;
left: 199px;
line-height: 1.1;

}
