@font-face {
     font-family: MaxSansBold;
     src: url("MaxSans-Bold.woff2");
}
@font-face {
     font-family: MaxSansDemi;
     src: url("MaxSans-Demi.woff2");
}
@font-face {
     font-family: MaxSansRegular;
     src: url("MaxSans-Regular.woff2");
}
#guide{opacity:0.5;z-index:9999}
.fullSize {width:300px; height:250px; left:0px; top:0px;}
.abs{position: absolute;}
.rel{position: relative;}
.flex{display:flex; align-items: center; justify-content: center;}
.flexBottom{display:flex; align-items: flex-end; justify-content: center;}
.col{flex-direction: column;}
.row{flex-direction: row;}
#keyartContent {width:300px; height:138px; left:0px; top:0px;}
/*********************** MAIN FLUID CONTAINER ***********************/
#mainFluidContainer {width:300px; height:88px; left:0px; top:142px;}
/*********************** EXTRA CONTAINER ***********************/
#extraContainer {width:100%;height:100%;}
/*********************** COPIES CONTAINER ***********************/
#copiesContainer {width:250px;max-height:78px;top:6px;}
#copiesContainer.winChrome,#copiesContainer.androidPhoneChrome,#copiesContainer.androidTabletChrome,#copiesContainer.iphoneSafari,#copiesContainer.ipadSafari {
     top:4px;
}
/*********************** HEADLINE ***********************/
#headlineContainer {width:100%; max-height:25px;}
#headlineContent {
     font-family: MaxSansDemi;
     font-size:13px;
     line-height: 1em;
     letter-spacing: 0.02em;
     text-align: center;
     color:white;
     top:0px;
}
/*********************** LOGO AND CTA ***********************/
#logoCTAContainer {width:100%;height:25px;top:-2px;}
#logoContainer {width:99px;height:27px;margin-right:11px;}
#logoContent {height:100%;}
#ctaContainer {max-width:160px;height:27px;border-radius: 16px;}
#ctaContent {
     font-family: MaxSansBold;
     font-size:13px;
     line-height: 1em;
     letter-spacing: 0.02em;
     text-align: center;
     color:#002BE7;   
     margin: 8px 16px 5px 17px;  
}
/*********************** SUBHEADLINE ***********************/
#subheadlineContainer {width:266px; max-height:12px;}
#subheadlineContent {
     font-family: MaxSansRegular;
     font-size:12px;
     line-height: 1em;
     letter-spacing: 0em;
     text-align: center;
     color:white;
}
sup {font-size:60%;top:-0.35em;}
/*********************** LEGAL ***********************/
#legalContainer {left:25px;bottom:2px;width:250px; max-height:14px;}
#legalContent {
     font-family: MaxSansRegular;
     font-size:7px;
     line-height: 1em;
     letter-spacing: 0.02em;
     text-align: center;
     color:white;
     bottom:1px;
}
#legalContent.winFirefox,#legalContent.winChrome,#legalContent.androidPhoneChrome,#legalContent.androidTabletChrome,#legalContent.iphoneSafari,#legalContent.ipadSafari {
     bottom: 1px;
}
/*********************** SPACER ***********************/
.whiteSpaceContainer {height:10px;}
/*********************** INTRO ELEMENTS ***********************/
#maxLogoContainer {width:201px; height:55px; left:50px; top:98px;}
#mContent{top:-1px;left:-3px;}
#xContent{top:0px;left:3px;}
#aContent{z-index: 10;}

.introFrame {
     top: 0px;
     left: 0px;
     width: 300px;
     height: 250px;
     z-index: 11;
 }
 .mainFrame {
     top: 0;
     left: 0px;
     width: 300px;
     height: 100%;
     background: #FFFFFF00;
     overflow: hidden;
 }
#innerFrame {
     top: 0px;
     left: 0px;
     width: 300px;
     height: 250px;
     /* -webkit-clip-path: circle(2.8% at 52% 44%);
     clip-path: circle(2.8% at 52% 44%); */
     -webkit-clip-path: circle(4% at 52.1% 50.2%);
     clip-path: circle(4% at 52.1% 50.2%);
}