@font-face {
    font-family: MerriweatherLight;
    src: url("Merriweather-Light.woff");
}
@font-face {
    font-family: MerriweatherRegular;
    src: url("Merriweather-Regular.woff");
} 
@font-face {
    font-family: MerriweatherBold;
    src: url("Merriweather-Bold.woff");
} 

@font-face {
    font-family: OpenSansBold;
    src: url("OpenSans-Bold.woff");
} 
@font-face {
    font-family: OpenSansRegular;
    src: url("OpenSans-Regular.woff");
} 
@font-face {
    font-family: OpenSansExtraBold;
    src: url("OpenSans-ExtraBold.woff");
}
sup{
    position: relative;
    font-size: 40%;
    top: -1.05em;
    margin-left: 1px;
}
.FullSize{
    width: 100%;
    height: 100%;
}
.WidthAuto{
    width: 100%;
    height: 100%;
    
    object-fit: contain;
    object-position: 50% 50%;
}
.WidthAutoLeft{
    width: 100%;
    height: 100%;
    
    object-fit: contain;
    object-position: 0% 50%;
}
.Absolute{
    position: absolute;
}
.Relative{
    position: relative;
}
.Flex{
    display: flex;
}
.FontMerriweatherRegular{
    font-family: MerriweatherRegular;
    line-height: 1.3em;
    opacity: 1;
}
.FontMerriweatherLight{
    font-family: MerriweatherLight;
    line-height: 1.3em;
    opacity: 1;
}
.FontMerriweatherBold{
    font-family: MerriweatherBold;
    line-height: 1.3em;
    opacity: 1;
}
.FontOpenSansBold{
    font-family: OpenSansBold;
    line-height: 1.3em;
    opacity: 1;
}
.FontOpenSansRegular{
    font-family: OpenSansRegular;
    line-height: 1.3em;
    opacity: 1;
}
.FontOpenSansExtraBold{
    font-family: OpenSansExtraBold;
    line-height: 1.3em;
    opacity: 1;
}

.FontCTA{
    font-family: OpenSansBold;
}
/*********** Frame 1 & 2 ***********/

/*********** Design 1 Start ***********/
#Design1, #Design7{
    display: none;
    opacity: 0;
}
#DesignBox1, #DesignBox7{
    background-color: white;
}
#DesignShape1, #DesignShape7{
    width: 55.99px;
    height: 56.53px;
    
    left: 0px;
    top: 0px;
}
#Content1,#Content7{
    width: 230px;
    height: 121px;
    
    left: 20px;
    top: 15px;
    
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
#FlexBox1,#FlexBox7{
    width: 230px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo1, #Logo7{
    width: 198px;
    height: 29px;
    
    left: 41px;
    top: 181px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox1, #HeadlineBox7{
    width: 210px;
    height: auto;
    
    left: 20px;
    top: 18px;
    
    text-align: left;
}
#HeadlineText1, #HeadlineText7{
    font-size: 20px;
    color: white;
    top: 0px;
}

/*********** Design 2 Start ***********/
#Design2, #Design8{
    display: none;
    opacity: 0;
}
#DesignBox2, #DesignBox8{
    background-color: #005DE8;
}
#Content2,#Content8{
    width: 245px;
    height: 124px;
    
    left: 21px;
    top: 33px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox2,#FlexBox8{
    width: 245px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#DesignShape2, #DesignShape8{
    width: 55.99px;
    height: 56.53px;
    
    left: 0px;
    top: 0px;
}
#Logo2, #Logo8{
    width: 198px;
    height: 29px;
    
    left: 51px;
    top: 197px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox2, #HeadlineBox8{
    width: 225px;
    height: auto;
    
    left: 20px;
    top: 21px;
    
    text-align: left;
}
#HeadlineText2, #HeadlineText8{
    font-size: 20px;
    color: white;
    top: 0px;
}

/*********** Design 3 Start ***********/
#Design3, #Design9{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignBox3, #DesignBox9{
/*    background-color: #005DE8;*/
}
#DesignShape3, #DesignShape9{
    width: 217px;
    height: 217px;
    
    left: 149px;
    top: 52px;
}
#DesignImage3, #DesignImage9{
    width: 260px;
    height: 214px;
    
    left: 78px;
    top: 59px;
    
    object-fit: contain;
}
#Logo3, #Logo9{
    width: 130px;
    height: 19px;
    
    left: 21px;
    top: 210px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox3, #HeadlineBox9{
    width: 123px;
    height: 133px;
    
    left: 20px;
    top: 35px;
    
    text-align: left;
    
    justify-content: flex-start;
    align-items: center;
}
#HeadlineText3, #HeadlineText9{
    font-size: 18px;
    color: white;
    top: 0px;
}

/*********** Design 4 Start ***********/
#Design4, #Design10{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignImage4, #DesignImage10{
    width: 295px;
    height: 295px;
    
    left: -64px;
    top: 14px;
}
#DesignBox4, #DesignBox10{
/*    background-color: red;*/
}
#DesignShape4, #DesignShape10{
    width: 273px;
    height: 273px;
    
    left: -53px;
    top: 24px;
}
#DesignColor4, #DesignColor10{
    width: 346px;
    height: 346px;
    
    left: -93px;
    top: 47px;
    
    overflow: hidden;
}
#Content4,#Content10{
    width: 181px;
    height: 96px;
    
    left: 14px;
    top: 100px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox4,#FlexBox10{
    position: absolute;
    width: 181px;
    height: auto;
    min-height: 96px;
}
#Logo4, #Logo10{
    width: 73px;
    height: auto;
    
    left: 211px;
    top: 19px;
    
    z-index: 1;
}
#HeadlineBox4, #HeadlineBox10{
    width: 181px;
    height: auto;
    
    text-align: left;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText4, #HeadlineText10{
    font-size: 18px;
    color: white;
    top: 0px;
}

/*********** Design 5 Start ***********/
#Design5, #Design11{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignBox5, #DesignBox11{
    background-color: white;
}
#DesignShape5, #DesignShape11{
    width: 179px;
    height: 233px;
    
    left: 0px;
    top: 17px;
}
#DesignImage5, #DesignImage11{
    width: 396px;
    height: 325px;
    
    left: 0px;
    top: -5px;
}
#Gradient{
    width: 250px;
    height: 256px;
    
    left: -27px;
    top: 0px;
    z-index: 0;
}
#Logo5, #Logo11{
    width: 139px;
    height: 20px;
    
    left: 20px;
    top: 214px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
#HeadlineBox5, #HeadlineBox11{
    width: 139px;
    height: 117px;
    
    left: 20px;
    top: 54px;
    
    text-align: left;
    
    justify-content: flex-start;
    align-items: center;
}
#HeadlineText5, #HeadlineText11{
    font-size: 18px;
    color: white;
    top: 0px;
}

/*********** Design 6 Start ***********/
#Design6, #Design12{
    display: none;
    opacity: 0;
}
#DesignBox6, #DesignBox12{
    background-color: white;
}
#DesignShape6, #DesignShape12{
    width: 56px;
    height: 56px;
    
    left: 0px;
    top: 0px;
}
#Content6,#Content12{
    width: 140px;
    height: auto;
    min-height: 79px;
    
    left: 14px;
    top: 63px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox6,#FlexBox12{
    position: absolute;
    width: 140px;
    height: auto;
    min-height: 79px;
}
#Logo6, #Logo12{
    width: 137px;
    height: 20px;
    
    left: 14px;
    top: 24px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox6, #HeadlineBox12{
    width: 128px;
    height: auto;
    
    left: 13px;
    top: 13px;
    
    text-align: left;
    justify-content: center;
    align-content: center;
}
#HeadlineText6, #HeadlineText12{
    font-size: 13px;
    color: white;
    top: 0px;
}

/*********** Frame 3 ***********/

/*********** Design 1 Start ***********/
#Design13{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignBox13{
    background-color: white;
}
#DesignImage13{
    width: 260px;
    height: 214px;
    
    left: -95px;
    top: -5px;
}
#BGContainer13{
    position: absolute;
    z-index: 1;
    right: 0px;
}
#DesignBoxShape13{
    position: absolute;
    width: 150px;
    height: 580px;
    
    left: 0px;
    bottom: 0px;
}
#DesignShape13{
    width: 243px;
    height: 243px;
    z-index: 1;
    
    left: -106px;
    top: -54px;
}
#Shape13{
    position: absolute;
    bottom: 0px;
    z-index: 1;
}
#Circle{
    width: 225px;
    height: 225px;
    
    left: -65px;
    top: 50px;
}
#Content13{
    width: 120px;
    height: auto;
    min-height: 126px;
    
    left: 152px;
    top: 91px;
    z-index: 1;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox13{
    width: 120px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo13{
    width: 118px;
    height: 18px;
    
    left: 154px;
    top: 49px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox13{
    width: 106px;
    height: 30px;
    
    margin-top: 33px;
    left: -7px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue13{
    font-size: 10px;
    color: #240F6E;
}
#HeadlineBox13{
    width: 120px;
    height: auto;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText13{
    font-size: 18px;
    color: white;
    top: 0px;
    letter-spacing: 0.01em;
}
#HeadlineBox13B{
    width: 98px;
    height: 92px;
    
    left: 11px;
    top: 35px;
    
    transform: rotate(-15deg);
    
    text-align: center;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText13B{
    font-size: 18px;
    color: white;
    top: 0px;
    line-height: 1.06em;
    letter-spacing: 0.01em;
}
.winFirefox #CTAValue13, .macFirefox #CTAValue13{
    top: -1px;
}

/*********** Design 2 Start ***********/
#Design14{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignBox14{
    background-color: #005DE8;
}
#DesignBoxShape14{
    position: absolute;
    z-index: 1;
}
#DesignShape14{
    position: absolute;
    width: 222.48px;
    height: 222.48px;
    z-index: 1;
    
    left: 130px;
    top: 73px;
}
#DesignImage14{
    width: 260px;
    height: 214px;
    
    left: 70px;
    top: 74px;
}
#Shape14{
    
}
#Content14{
    width: 125px;
    height: auto;
    min-height: 163px;
    
    left: 21px;
    top: 61px;
    z-index: 1;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox14{
    width: 125px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo14{
    width: 171px;
    height: 25px;
    
    left: 21px;
    top: 19px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox14{
    width: 106px;
    height: 30px;
    
    left: -11px;
    margin-top: 64px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue14{
    font-size: 10px;
    color: #240F6E;
}
#HeadlineBox14{
    width: 125px;
    height: auto;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText14{
    font-size: 17px;
    color: white;
    top: 0px;
}
#HeadlineBox14B{
    width: 106px;
    height: 97px;
    
    left: 174px;
    top: 120px;
    
    text-align: center;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText14B{
    font-size: 18px;
    color: white;
    top: 0px;
    line-height: 0.95em;
    letter-spacing: 0em;
}

.winFirefox #CTAValue14, .macFirefox #CTAValue14, .macSafari #CTAValue14{
    top: -1px;
}
.winFirefox #CTAValue14, .macFirefox #CTAValue14{
    top: -1px;
}

/*********** Design 3 Start ***********/
#Design15{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignBox15{
    background-color: #005DE8;
}
#DesignShape15{
    position: absolute;
    width: 319px;
    height: 319px;
    
    left: -77px;
    top: 6px;
}
#Shape15{
    position: absolute;
    width: 300px;
    height: 300px;
    
    left: -67px;
    top: 15px;
}
#Content15{
    width: 160px;
    height: auto;
    min-height: 136px;
    
    left: 24px;
    top: 80px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox15{
    width: 160px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo15{
    width: 73px;
    height: 32px;
    
    left: 211px;
    top: 19px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox15{
    width: 106px;
    height: 30px;
    
    margin-top: 17px;
    left: -27px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue15{
    font-size: 10px;
    color: #240F6E;
}
#HeadlineBox15{
    width: 160px;
    height: auto;
    
    left: 0px;
    top: 0px;
    
    text-align: left;
}
#HeadlineText15{
    font-size: 18px;
    color: white;
    top: 0px;
}

.winFirefox #CTAValue15, .macFirefox #CTAValue15, .macSafari #CTAValue15{
    top: -1px;
}