@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

.exitpop
{
display:none;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.4);
z-index:9998;
}

.exitpop SECTION
{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:max-content;
margin-top: 30px;
background: #FFF;
border-radius: 20px;
padding: 60px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index:9999;
font-family:"Roboto Condensed",Roboto,Arial,sans-serif !important;
height:max-content;
padding-top:1.5rem;
padding-bottom: 0.2rem;
}

.exitpop SECTION *
{
margin:0
padding:0;
font-family:"Roboto Condensed",Roboto,Arial,sans-serif !important;
line-height:1.3rem;
}

.exitpop .btn
{ 
color: #000000; 
background:#FFFFFF; 
border:1px solid rgba(0,0,0,0.3);
border-radius:6px;
font-weight:normal;
min-width:200px;
text-align:center;
padding:10px 16px;
font-size:1.2rem;
} 
 
.exitpop .btn:hover, 
.exitpop .btn:focus
{ 
filter:brightness(105%);
}

.exitpop .btn:active
{
filter:brightness(95%);
}

.exitpop .btn-green
{
background:#5B5;
color:#FFF;
}

.exitpop .closer
{
background:transparent !important;
border:0;
padding:0;
margin:0;
font-weight:bold;
font-family:monospace,Arial,sans-serif !important;
font-size: 2rem;
position: absolute;
top: 0.5rem;
right: 1rem;
color:#444;
}

.exitpop .closer:hover,
.exitpop .closer:focus
{
color:#777;
}

.exitpop .closer:active
{
color:#000;
}

.exitpop H1
{
font-weight:bold;
font-size:2rem;
margin-top:1.25rem;
margin-bottom:0.63rem;
}

.exitpop H2
{
background:url(../img/ribbon.png) center center no-repeat;
height:90px;
font-size:1.4rem;
font-weight:bold;
padding-top:0.75rem;
margin-top:1.25rem;
margin-bottom:0.63rem;
color:#FFF;
text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.exitpop H3
{
font-size:2.5rem;
margin-top:0.63rem;
margin-bottom:0.63rem;
margin-left: -5.2rem;
}

.exitpop H3 S
{
color:#F55;
font-size:2rem;
}

.exitpop H3 B
{
color:#5B5;
}

.exitpop H3 SMALL
{
font-size:1.2rem;
display:block;
margin-top:0.63rem;
margin-bottom:0.63rem;
font-weight:normal;
margin-right:-6rem;
}

.exitpop H4
{
font-size:1.4rem;
margin-top:1.25rem;
margin-bottom:0.2rem;
}

.exitpop H4 B
{
}

.exitpop H5
{
font-size:1rem;
color:#656565;
}

.exitpop UL
{
list-style: none;
text-indent: unset;
padding-left: 0px;
width: max-content;
box-sizing: border-box;
margin: 0px auto;
margin-bottom:1.5rem;
list-style-image: url(../img/blue-check-sm.png);
}

.exitpop UL LI
{
text-align:left;
font-size:1.25rem;
line-height: 1.7rem;
}

.exitpop .btnarea
{
width:100%;
overflow:hidden;
}

.exitpop .btnarea .leftcol
{
width:50%;
display:block;
float:left;
clear:right;
}

.exitpop .btnarea .leftcol .btn
{
}

.exitpop .btnarea .rightcol
{
width:50%;
display:block;
float:left;
}

.exitpop .btnarea .rightcol .btn
{
margin-right:0;
}

.exitpop .btnarea .rightcol P
{
margin-top:0.63rem;
font-size:1rem;
}