@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;
}
#DesignBox1, #DesignBox7{
    background-color: white;
}
#Content1,#Content7{
    width: 231.54px;
    height: 250.5px;
    
    left: 21.46px;
    top: 103.5px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox1,#FlexBox7{
    width: 231.54px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#DesignShape1, #DesignShape7{
    width: 72.21px;
    height: 80.63px;
    
    top: 0px;
}
#Logo1, #Logo7{
    width: 240px;
    height: 36px;
    
    left: 22px;
    top: 506px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox1, #HeadlineBox7{
    width: 204px;
    height: auto;

    
    left: 27px;
/*    top: 154px;*/
    top: 34px;
    
    text-align: left;
}
#HeadlineText1, #HeadlineText7{
    font-size: 28px;
    color: white;
    top: 0px;
}

/*********** Design 2 Start ***********/
#Design2, #Design8{
    display: none;
    opacity: 0;
}
#DesignBox2, #DesignBox8{
    background-color: #005DE8;
}
#Content2,#Content8{
    width: 231.54px;
    height: 250.5px;
    
    left: 22px;
    top: 111px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox2,#FlexBox8{
    width: 231.54px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#DesignShape2, #DesignShape8{
    width: 87.51px;
    height: 86.51px;
    
    top: 0px;
}
#Logo2, #Logo8{
    width: 240px;
    height: 36px;
    
    left: 30px;
    top: 507px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox2, #HeadlineBox8{
    width: 220px;
    height: auto;
    
    left: 27px;
    top: 30px;
    
    text-align: left;
}
#HeadlineText2, #HeadlineText8{
    font-size: 30px;
    color: white;
    top: 0px;
}

/*********** Design 3 Start ***********/
#Design3, #Design9{
    display: none;
    opacity: 0;
}
#DesignBox3, #DesignBox9{
/*    background-color: #005DE8;*/
}
#DesignShape3, #DesignShape9{
    width: 302px;
    height: 302px;
    
    left: -38px;
    top: 25px;
}
#DesignImage3, #DesignImage9{
    
}
#Logo3, #Logo9{
    width: 240px;
    height: 36px;
    
    left: 30px;
    top: 529px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox3, #HeadlineBox9{
    width: 246px;
    height: 134px;
    
    left: 27px;
    top: 359px;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText3, #HeadlineText9{
    font-size: 26px;
    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;
}
#Content4,#Content10{
    width: 251px;
    height: auto;
    min-height: 125px;
    
    left: 25px;
    top: 356px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox4,#FlexBox10{
    position: absolute;
    width: 251px;
    height: auto;
    min-height: 125px;
    
    bottom: 0px;
}
#Logo4, #Logo10{
    width: 240px;
    height: 36px;
    
    left: 27px;
    top: 516px;
    
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    
    z-index: 1;
}
#HeadlineBox4, #HeadlineBox10{
    width: 251px;
    height: auto;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText4, #HeadlineText10{
    font-size: 24px;
    color: white;
    top: 0px;
}

/*********** Design 5 Start ***********/
#Design5, #Design11{
    display: none;
    opacity: 0;
}
#DesignBox5, #DesignBox11{
    background-color: white;
}
#DesignShape5, #DesignShape11{
    width: 287px;
    height: 282px;
    
    left: 0px;
    top: 318px;
}
#DesignImage5, #DesignImage11{
    left: 0px;
    top: 0px;
}
#Logo5, #Logo11{
    width: 233px;
    height: 35px;
    
    left: 27px;
    top: 529px;
    
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}
#HeadlineBox5, #HeadlineBox11{
    width: 233px;
    height: 125px;
    
    left: 27px;
    top: 365px;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText5, #HeadlineText11{
    font-size: 24px;
    color: white;
    top: 0px;
}

/*********** Design 6 Start ***********/
#Design6, #Design12{
    display: none;
    opacity: 0;
}
#DesignBox6, #DesignBox12{
    background-color: white;
}
#DesignShape6, #DesignShape12{
    width: 55.08px;
    height: 64.36px;
    
    left: 0px;
    top: 0px;
}
#Content6,#Content12{
    width: 240px;
    height: 131px;
    
    left: 26px;
    top: 113px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox6,#FlexBox12{
    width: 231.54px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo6, #Logo12{
    width: 218px;
    height: 32px;
    
    left: 41px;
    top: 45px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    z-index: 1;
}
#HeadlineBox6, #HeadlineBox12{
    width: 222px;
    height: auto;
    
    left: 19px;
    top: 18px;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText6, #HeadlineText12{
    font-size: 22px;
    color: white;
    top: 0px;
}

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

/*********** Design 1 Start ***********/
#Design13{
    display: none;
}
#DesignBox13{
/*    background-color: #FFFFFF;*/
}
#DesignShape13{
    width: 55.08px;
    height: 64.36px;
    
    left: 12px;
    top: 175.64px;
}
#Content13{
    width: 225px;
    height: 276px;
    
    left: 25px;
    top: 155px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox13{
    width: 225px;
    height: auto;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#Logo13{
    width: 228px;
    height: 34px;
    
    left: 30px;
    top: 52px;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    z-index: 1;
}
#CTABox13{
    width: 197px;
    height: 46px;
    
    left: -12px;
    margin-top: 48px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue13{
    font-size: 17px;
    color: white;
}
#HeadlineBox13{
    width: 225px;
    height: auto;
    
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText13{
    font-size: 28px;
    color: white;
    top: 0px;
}

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

/*********** Design 2 Start ***********/
#Design14{
    display: none;
    opacity: 0;
}
#DesignBox14{
    background-color: #005DE8;
}
#DesignShape14{
    width: 55.08px;
    height: 64.36px;
    
    left: 0px;
    top: 0px;
}
#Content14{
    width: 243px;
    height: 207px;
    
    left: 20px;
    top: 137px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox14{
    width: 243px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Shape14{
    bottom: 0px;
}
#Logo14{
    width: 208px;
    height: 31px;
    
    left: 39px;
    top: 509px;
    
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    
    z-index: 1;
}
#CTABox14{
    width: 166px;
    height: 36px;
    
    margin-top: 53px;
    left: 19px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue14{
    font-size: 14px;
    color: white;
}
#HeadlineBox14{
    width: 225px;
    height: auto;
    
    left: 19px;
    top: 26px;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText14{
    font-size: 28px;
    color: white;
    top: 0px;
}

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

/*********** Design 3 Start ***********/
#Design15{
    display: none;
    opacity: 0;
}
#DesignBox15{
/*    background-color: #005DE8;*/
}
#DesignShape15{
    width: 150px;
    height: 300px;
    
    left: 0px;
    top: 300px;
}
#DesignImage15{
    left: 0px;
    top: 0px;
}
#Content15{
    width: 233px;
    height: auto;
    min-height: 175px;
    
    left: 27px;
    top: 327px;
    
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#FlexBox15{
    width: 233px;
    height: auto;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#Logo15{
    width: 233px;
    height: 35px;
    
    left: 28px;
    top: 529px;
    
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    
    z-index: 1;
}
#CTABox15{
    width: 166px;
    height: 36px;
    
    margin-top: 14px;
    
    background-color: white;
    border-radius: 99em;
    
    justify-content: center;
    align-items: center;
    text-align: center;
}
#CTAValue15{
    font-size: 14px;
    color: white;
}
#HeadlineBox15{
    width: 233px;
    height: auto;
    
    text-align: left;
    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
#HeadlineText15{
    font-size: 24px;
    color: white;
    top: 0px;
}

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