@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;
}
#DesignBox3, #DesignBox9{
/*    background-color: #005DE8;*/
}
#DesignShape3, #DesignShape9{
    width: 147.96px;
    height: 147.96px;
    
    left: 7.52px;
    top: 7.52px;
}
#DesignImage3, #DesignImage9{
    
}
#Logo3, #Logo9{
    width: 112px;
    height: 50px;
    
    left: 577px;
    top: 20px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#HeadlineBox3, #HeadlineBox9{
    width: 366px;
    height: 51px;
    
    left: 173px;
    top: 19px;
    
    text-align: left;
    align-items: center;
}
#HeadlineText3, #HeadlineText9{
    font-size: 20px;
    color: white;
    top: 0px;
}

/*********** Design 4 Start ***********/
#Design4, #Design10{
    display: none;
    opacity: 0;
}
#DesignBox4, #DesignBox10{
    background-color: white;
}
#DesignShape4, #DesignShape10{
    
}
#DesignImage4, #DesignImage10{
    left: 0px;
    top: 0px;
    
    overflow: hidden;
}
#Logo4, #Logo10{
    width: 106px;
    height: 48px;
    
    left: 584px;
    top: 18px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#HeadlineBox4, #HeadlineBox10{
    width: 365px;
    height: 51px;
    
    left: 176px;
    top: 16px;
    
    text-align: left;
    align-items: center;
}
#HeadlineText4, #HeadlineText10{
    font-size: 20px;
    color: white;
    top: 0px;
}

/*********** Design 5 Start ***********/
#Design5, #Design11{
    display: none;
    opacity: 0;
}
#DesignBox5, #DesignBox11{
    background-color: white;
}
#DesignShape5, #DesignShape11{
    width: 540px;
    height: 77px;
    
    left: 188px;
    top: 13px;
}
#DesignImage5, #DesignImage11{
    left: 0px;
    top: 0px;
}
#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: 163.41px;
    top: 17.69px;
    
    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: 13px;
    margin-top: 10px;
    
    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;
}
#DesignBox13{
    background-color: white;
}
#DesignShape13{
    width: 716px;
    height: 77px;
    
    left: 0px;
    top: 0px;
}
#Logo13{
    width: 83px;
    height: 38px;
    
    left: 21px;
    top: 20px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox13{
    width: 145px;
    height: 37px;
    
    left: 553px;
    top: 20px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue13{
    font-size: 14px;
    color: white;
}
#HeadlineBox13{
    width: 289px;
    height: 41px;
    
    left: 139px;
    top: 18px;
    
    text-align: left;
    align-items: center;
}
#HeadlineText13{
    font-size: 16px;
    color: white;
    top: 0px;
}

.winFirefox #CTAValue13, .macFirefox #CTAValue13, .macSafari #CTAValue13{
    top: -1px;
}
/*********** Design 2 Start ***********/
#Design14{
    display: none;
    opacity: 0;
}
#DesignBox14{
    background-color: #005DE8;
}
#DesignShape14{
    width: 39.17px;
    height: 42.62px;
    
    left: 20.41px;
    top: 23.69px;
}
#Shape14{
    bottom: 0px;
}
#Logo14{
    width: 111px;
    height: 51px;
    
    left: 567px;
    top: 26px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox14{
    width: 145px;
    height: 37px;
    
    left: 392px;
    top: 33px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue14{
    font-size: 14px;
    color: white;
}
#HeadlineBox14{
    width: 336px;
    height: 41px;;
    
    left: 36px;
    top: 36px;
    
    text-align: left;
    justify-content: flex-start;
    align-items: center;
}
#HeadlineText14{
    font-size: 16px;
    color: white;
    top: 0px;
}

.winFirefox #CTAValue14, .macFirefox #CTAValue14, .macSafari #CTAValue14{
    top: -1px;
}
/*********** Design 3 Start ***********/
#Design15{
    display: none;
    opacity: 0;
}
#DesignBox15{
/*    background-color: #005DE8;*/
}
#DesignShape15{
    left: 133px;
    top: 13px;
}
#DesignImage15{
    left: 0px;
    top: 0px;
}
#Logo15{
    width: 112px;
    height: 52px;
    
    left: 595px;
    top: 26px;
    
    object-fit: contain;
    object-position: 50% 50%;
    
    z-index: 1;
}
#CTABox15{
    width: 104px;
    height: 25px;
    
    left: 466px;
    top: 40px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
}
#CTAValue15{
    font-size: 10px;
    color: white;
}
#HeadlineBox15{
    width: 292px;
    height: 41px;
    
    left: 163px;
    top: 32px;
    
    text-align: left;
    align-items: center;
}
#HeadlineText15{
    font-size: 16px;
    color: white;
    top: 0px;
}

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