@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%;
}
.WidthAutoCenter{
    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: 39.17px;
    height: 42.62px;
    
    left: 127.71px;
    top: 15.77px;
}
#Logo1, #Logo7{
    width: 112px;
    height: 50px;
    
    left: 575px;
    top: 14px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#HeadlineBox1, #HeadlineBox7{
    width: 300px;
    height: auto;
    min-height: 41px;
    
    left: 147.29px;
    top: 26px;
    
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#HeadlineText1, #HeadlineText7{
    font-size: 16px;
    color: white;
    top: 0px;
}

/*********** Design 2 Start ***********/
#Design2, #Design8{
    display: none;
    opacity: 0;
}
#DesignBox2, #DesignBox8{
    background-color: #005DE8;
}
#DesignShape2, #DesignShape8{
    width: 39px;
    height: 43px;
    
    left: 0px;
    top: 0px;
}
#Content2,#Content8{
    width: 346.83px;
    height: 59.38px;
    
    left: 121.59px;
    top: 18px;
    
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#FlexBox2,#FlexBox8{
    width: 346.83px;
    height: auto;
    min-height: 59.38px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#Logo2, #Logo8{
    width: 112px;
    height: 50px;
    
    left: 592px;
    top: 20px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#HeadlineBox2, #HeadlineBox8{
    width: 332px;
    height: auto;
    
    left: 9px;
    margin-top: 14px;
    
    text-align: left;
    justify-content: flex-start;
    align-items: center;
}
#HeadlineText2, #HeadlineText8{
    font-size: 18px;
    color: white;
    top: 0px;
}

/*********** Design 3 Start ***********/
#Design3, #Design9{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#Shape3, #Shape9{
    position: absolute;
    right: 0px;
}
#DesignShape3, #DesignShape9{
    width: 194.4px;
    height: 194.4px;
    
    left: -28px;
    top: -44px;
}
#DesignImage3, #DesignImage9{
    width: 650px;
    height: 90px;
    
    left: -15px;
    top: 0px;
}
#Logo3, #Logo9{
    width: 112px;
    height: 50px;
    
    left: 588px;
    top: 20px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#HeadlineBox3, #HeadlineBox9{
    width: 366px;
    height: 51px;
    
    left: 192px;
    top: 19px;
    
    text-align: left;
    align-items: center;
}
#HeadlineText3, #HeadlineText9{
    font-size: 11px;
    color: white;
    top: 0px;
}

/*********** Design 4 Start ***********/
#Design4, #Design10{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignImage4, #DesignImage10{
    width: 533px;
    height: 533px;
    
    left: -148px;
    top: -223px;
}
#DesignBox4, #DesignBox10{
/*    background-color: red;*/
}
#DesignShape4, #DesignShape10{
    width: 494px;
    height: 494px;
    
    left: -128px;
    top: -203px;
}
#DesignColor4, #DesignColor10{
    width: 494px;
    height: 494px;
    
    left: -128px;
    top: -203px;
    
    overflow: hidden;
}
#Content4,#Content10{
    width: 301px;
    height: 41px;
    
    left: 30px;
    top: 25px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox4,#FlexBox10{
    position: absolute;
    width: 301px;
    height: auto;
    min-height: 41px;
    
    bottom: 0px;
}
#Logo4, #Logo10{
    width: 112px;
    height: 50px;
    
    left: 588px;
    top: 20px;
    
    z-index: 1;
}
#HeadlineBox4, #HeadlineBox10{
    width: 301px;
    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: 540px;
    height: 77px;
    
    left: 188px;
    top: 13px;
}
#DesignImage5, #DesignImage11{
    width: 728px;
    height: 101px;
    
    left: 0.5px;
    top: -1px;
}
#Gradient{
    width: 480px;
    height: 90px;
    
    right: 0px;
    top: 0px;
    z-index: 0;
}
#Logo5, #Logo11{
    width: 112px;
    height: 50px;
    
    left: 595px;
    top: 27px;
    
    object-fit: contain;
    object-position: 50% 50%;
}
#HeadlineBox5, #HeadlineBox11{
    width: 359px;
    height: 51px;
    
    left: 215px;
    top: 27px;
    
    text-align: left;
    align-items: center;
}
#HeadlineText5, #HeadlineText11{
    font-size: 20px;
    color: white;
    top: 0px;
}

/*********** Design 6 Start ***********/
#Design6, #Design12{
    display: none;
    opacity: 0;
}
#DesignBox6, #DesignBox12{
    background-color: white;
}
#DesignImage6, #DesignImage12{
    
}
#DesignShape6, #DesignShape12{
    width: 39.17px;
    height: 42.62px;
    
    left: 0px;
    top: 0px;
}
#Content6,#Content12{
    width: 327.59px;
    height: 54.31px;
    
    left: 165.41px;
    top: 17px;
    
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#FlexBox6,#FlexBox12{
    width: 327.59px;
    height: auto;
    min-height: 54.31px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#Logo6, #Logo12{
    width: 112px;
    height: 50px;
    
    left: 21px;
    top: 20px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#HeadlineBox6, #HeadlineBox12{
    width: 327.59px;
    height: auto;
    
    left: 20px;
    margin-top: 11px;
    
    text-align: left;
    align-items: center;
}
#HeadlineText6, #HeadlineText12{
    font-size: 17px;
    color: white;
    top: 0px;
}

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

/*********** Design 1 Start ***********/
#Design13{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignBox13{
    
}
#BGContainer13{
    position: absolute;
    right: 0px;
    z-index: 1
}
#Shape13{
    position: absolute;
    width: 721px;
    height: 77px;
    z-index: 1;
    
    left: 49px;
    top: 13px;
}
#DesignImage13{
    width: 650px;
    height: 90px;
    
    left: -38px;
    top: 0px;
}
#DesignBoxShape13{
    position: absolute;
    width: 150px;
    height: 580px;
    
    left: 0px;
    bottom: 0px;
}
#DesignShape13{
    width: 194px;
    height: 194px;
    z-index: 1;
    
    left: -78px;
    top: -52px;
}
#Shape13{
    position: absolute;
    bottom: 0px;
}
#Content13{
    width: 319px;
    height: auto;
    min-height: 45px;
    z-index: 1;
    
    left: 130px;
    top: 28px;
    
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
#FlexBox13{
    width: 319px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo13{
    width: 111px;
    height: 51px;
    
    left: 589px;
    top: 26px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox13{
    width: 104px;
    height: 25px;
    z-index: 1;
    
    left: 467.35px;
    top: 37.83px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue13{
    font-size: 10px;
    color: #240F6E;
    top: 0px;
}
#HeadlineBox13{
    width: 319px;
    height: auto;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText13{
    font-size: 18px;
    color: white;
    top: 0px;
}
#HeadlineBox13B{
    width: 68px;
    height: 65px;
    
    left: 18.29px;
    top: 13.43px;
    
    transform: rotate(-15deg);
    
    text-align: center;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText13B{
    font-size: 28px;
    color: white;
    top: 0px;
    line-height: 1.04em;
}

.winFirefox #CTAValue13, .macFirefox #CTAValue13, .macSafari #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: 194px;
    height: 194px;
    z-index: 1;
    
    left: 616px;
    top: -52px;
}
#DesignImage14{
    width: 650px;
    height: 90px;
    
    left: 588px;
    top: 0px;
}
#Shape14{
    
}
#Content14{
    width: 334px;
    height: auto;
    min-height: 46px;
    z-index: 1;
    
    left: 156px;
    top: 22px;
    
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
#FlexBox14{
    width: 334px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo14{
    width: 113px;
    height: 52px;
    
    left: 22px;
    top: 19px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox14{
    width: 104px;
    height: 25px;
    z-index: 1;
    
    left: 500.92px;
    top: 32px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue14{
    font-size: 10px;
    color: #240F6E;
    top: 0px;
}
#HeadlineBox14{
    width: 334px;
    height: auto;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText14{
    font-size: 17px;
    color: white;
    top: 0px;
}
#HeadlineBox14B{
    width: 68px;
    height: 65px;
    
    left: 642px;
    top: 13px;
    
    text-align: center;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText14B{
    font-size: 28px;
    color: white;
    top: 0px;
    line-height: 1.045;
}

.winFirefox #CTAValue14, .macFirefox #CTAValue14, .macSafari #CTAValue14{
    top: -1px;
}
/*********** Design 3 Start ***********/
#Design15{
    display: none;
    opacity: 0;
    overflow: hidden;
}
#DesignBox15{
/*    background-color: #005DE8;*/
}
#DesignShape15{
    width: 540px;
    height: 540px;
    
    left: -39px;
    top: -206px;
}
#Shape15{
    position: absolute;
    width: 501px;
    height: 501px;
    
    left: -19px;
    top: -186px;
}
#DesignImage15{
    left: 0px;
    top: 0px;
}
#Content15{
    width: 315px;
    height: auto;
    min-height: 44px;
    
    left: 19px;
    top: 23px;
    
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
#FlexBox15{
    width: 315px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo15{
    width: 112px;
    height: 52px;
    
    left: 595px;
    top: 19px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox15{
    width: 104px;
    height: 25px;
    
    left: 356px;
    top: 33px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
}
#CTAValue15{
    font-size: 10px;
    color: #240F6E;
}
#HeadlineBox15{
    width: 315px;
    height: auto;
    
    flex-direction: column;
    text-align: left;
    justify-content: center;
    align-items: center;
}
#HeadlineText15{
    font-size: 16px;
    color: white;
    top: 0px;
}

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