@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: auto;
    height: 100%;
}
.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: 194px;
    height: 194px;
    
    left: 162px;
    top: 18px;
}
#DesignImage3, #DesignImage9{
    
}
#Logo3, #Logo9{
    width: 158px;
    height: 23px;
    
    left: 20px;
    top: 206px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox3, #HeadlineBox9{
    width: 136px;
    height: 117px;
    
    left: 20px;
    top: 44px;
    
    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;
}
#DesignBox4, #DesignBox10{
    background-color: white;
}
#DesignShape4, #DesignShape10{
}
#DesignImage4, #DesignImage10{
    left: 0px;
    top: 0px;
    
    border-bottom-right-radius: 40px;
    overflow: hidden;
}
#Logo4, #Logo10{
    width: 199px;
    height: 29px;
    
    left: 23px;
    top: 181px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox4, #HeadlineBox10{
    width: 119px;
    height: 124px;
    
    left: 23px;
    top: 39px;
    
    text-align: left;
    
    justify-content: center;
    align-items: center;
}
#HeadlineText4, #HeadlineText10{
    font-size: 16px;
    color: white;
    top: 0px;
}

/*********** Design 5 Start ***********/
#Design5, #Design11{
    display: none;
    opacity: 0;
}
#DesignBox5, #DesignBox11{
    background-color: white;
}
#DesignShape5, #DesignShape11{
    width: 179px;
    height: 233px;
    
    left: 0px;
    top: 17px;
}
#DesignImage5, #DesignImage11{
    left: 0px;
    top: 0px;
}
#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;
    
    top: 0px;
}
#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;
}
#DesignBox13{
    background-color: white;
}
#DesignShape13{
    width: 55.08px;
    height: 64.36px;
    
    left: 12px;
    top: 175.64px;
}
#Content13{
    width: 243px;
    height: 148px;
    
    left: 20px;
    top: 64px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox13{
    width: 243px;
    height: auto;
    
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
#Logo13{
    width: 161px;
    height: 24px;
    
    left: 20px;
    top: 27px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#CTABox13{
    width: 106px;
    height: 30px;
    
    margin-top: 15px;
    left: -3px;
        
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue13{
    font-size: 10px;
    color: white;
}
#HeadlineBox13{
    width: 243px;
    height: auto;
    
    text-align: left;
    justify-content: flex-start;
    align-items: center;
}
#HeadlineText13{
    font-size: 20px;
    color: white;
    top: 0px;
}
.winFirefox #CTAValue13, .macFirefox #CTAValue13{
    top: -1px;
}

/*********** Design 2 Start ***********/
#Design14{
    display: none;
    opacity: 0;
}
#DesignBox14{
    background-color: #005DE8;
/*    opacity: 0;*/
}
#DesignShape14{
    width: 56px;
    height: 56px;
    
    left: 0px;
    top: 0px;
}
#Content14{
    width: 247px;
    height: 84px;
    
    left: 21px;
    top: 62px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox14{
    width: 245px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Shape14{
    bottom: 0px;
}
#Logo14{
    width: 198px;
    height: 29px;
    
    left: 40px;
    top: 194px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#CTABox14{
    width: 106px;
    height: 30px;
    
    margin-top: 28px;
    left: 18px;
    top: 1px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue14{
    font-size: 10px;
    color: white;
}
#HeadlineBox14{
    width: 230px;
    height: auto;
    
    left:  18px;
    top: 15px;
    
    text-align: left;
}
#HeadlineText14{
    font-size: 18px;
    color: white;
    top: 0px;
}

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

/*********** Design 3 Start ***********/
#Design15{
    display: none;
    opacity: 0;
}
#DesignBox15{
/*    background-color: #005DE8;*/
}
#DesignShape15{
    width: 179px;
    height: 233px;
    
    left: 0px;
    top: 17px;
}
#DesignImage15{
    left: 0px;
    top: 0px;
}
#Content15{
    width: 138px;
    height: auto;
    min-height: 137px;
    
    left: 20px;
    top: 49px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox15{
    width: 138px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo15{
    width: 141px;
    height: 21px;
    
    left: 20px;
    top: 213px;
    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    z-index: 1;
}
#CTABox15{
    width: 106px;
    height: 30px;
    
    left: 0px;
    margin-top: 29px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
}
#CTAValue15{
    font-size: 10px;
    color: white;
}
#HeadlineBox15{
    width: 138px;
    height: auto;
    
    text-align: left;
    
    justify-content: flex-start;
    align-items: center;
}
#HeadlineText15{
    font-size: 15px;
    color: white;
    top: 0px;
}

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