body, html { margin: 0; padding: 0; font-family: canada-type-gibson, sans-serif; font-style: normal; color: #4e5457; }
a { transition: all .2s; color: #1d6daf; text-decoration: none; }
a:hover { color: #2E91DA; }
header { position: fixed; top: 0; z-index: 999; color: #fff; width: 100%; font-family: canada-type-gibson, sans-serif; font-weight: 600; font-style: normal; font-size: 18px; margin-bottom: 0 !important; box-sizing: border-box; }
header img { margin-right: auto; }
header ul { list-style: none; padding-left: 0; }
header ul li { display: inline-block; margin-right: 20px; }
header a { text-decoration: none; }
.scrolled { background-color: #153d77; transition: all .1s; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }
#top-wrap { background-color: #1c53a3; }
nav ul li a { color: #fff; }
nav ul li a:hover { text-decoration: underline; color: #fff; text-underline-offset: 10px; text-decoration-thickness: 2px !important; }
#main-banner { background-color: #1c53a3; color: #fff; width: 100%; margin-top: 0 !important; box-sizing: border-box; }
#main-banner h1 { font-family: canada-type-gibson, sans-serif; font-weight: 700; font-style: normal; font-size: 5rem; text-align: center; margin-bottom: 0; padding-top: 85px; margin-top: 0; }
#main-banner h2 { font-family: canada-type-gibson, sans-serif; font-weight: 600; font-style: normal; font-size: 3rem; text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 20px; }
.down-bubble { -webkit-clip-path: ellipse(60% 70.16% at 50% 17.66%); clip-path: ellipse(60% 70.16% at 50% 17.66%); padding-top: 4rem; padding-bottom: 4rem; height: 0; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; background-color: #1c53a3; }
h3 { font-family: canada-type-gibson, sans-serif; font-weight: 700; font-style: normal; font-size: 3rem; color: #153D77; line-height: 1.1em; }
header { background-color: #1c53a3; height: 80px; }

#int-header { max-width: 1280px; width: 100%; height: 100%; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; }
.nav-highlight { border-radius: 9999px; border-width: 2px; color: #203a45; background-color: #FBD445; border-color: #FBD445; padding-left: 2rem; padding-right: 2rem; padding-top: 0.75rem; padding-bottom: 0.5rem; line-height: 1em; }
.nav-highlight:hover { text-decoration: none; background-color: #57AD47; }
#mb-inner { box-sizing: border-box; max-width: 1280px; width: 100%; margin: 0 auto; }
.feature-wrapper { max-width: 1280px; width: 100%; margin: 0 auto; font-size: 1.5rem; line-height: 2.1rem; font-weight: 300; color: #4e5457; padding-bottom: 3em; }
#simple-graphic, #professional-image, #donations-image { justify-content: center; align-content: center; display: flex; align-self: center; }
#features-top h3 { text-align: center; }
.zoom { }
.zoom:hover { transform: scale(1.05); }
.row { display: flex; flex-direction: row; width: 100%; }
.column { display: flex; }
#plans { display: flex; flex-direction: row; width: 100%; max-width: 1280px; margin: 0 auto 5rem; }
.plan { display: flex; flex-direction: column; flex: 30%; text-align: center; margin: 2rem; padding-bottom: 2rem; /*align-content: center; justify-content: center;*/ border-radius: 1.5rem; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; }
.plan-int { display: block; text-align: center; }
.plan:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.plan h3 { text-align: center; }
.left-column { /*width: 125px; */ flex: 50%; }
.right-column { flex: 50%; }
.inner-block { display: block; }
.inner-block h3 { color: #2e91da; }
.pad-left { padding-left: 3rem; }
.pad-right { padding-right: 3rem; }
.big-font { font-size: 4em; font-weight: 700; }
#getstarted-big, #getstarted-mobile { background-color: #2E91DA; /*#2E91DA*/ width: 100%; text-align: center; color: #fff; }
#getstarted-int { padding-top: 10rem; padding-bottom: 10rem; }
.link-button { font-size: 1.5rem; display: inline-block; text-align: center; padding-left: 3rem; padding-right: 3rem; padding-top: 1rem; padding-bottom: .75rem; margin-top: 1em; border-radius: 9999px; font-weight: 600; background-color: #FBD445; border: 1px solid #FBD445; text-decoration: none; color: #203a45; transition: all .2s !important; }
.link-button:hover { background-color: #57AD47; border: 1px solid #57AD47; color: #fff; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.signup-text { font-size: 1.3em; }
footer { max-width: 1280px; width: 100%; margin: 0 auto; }
#int-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 5em; padding-bottom: 5em; }
#int-footer ul { list-style: none; }
#int-footer ul li { padding-top: 0.35rem; padding-bottom: 0.35rem; }
#int-footer ul li a { color: black; padding-top: 0.35rem; padding-bottom: 0.35rem; text-decoration: none; font-size: 1.125rem; }
#int-footer ul li a:hover { text-decoration: none; color: #1c53a3; text-underline-offset: 6px; text-decoration-thickness: 1px !important; }
#sub-footer { font-size: .8em; text-align: center; margin: 30px auto 20px; color: #717679 }
#footer-product, #footer-resources, #footer-other { margin-bottom: auto; }

.plan-button, .plan-buttonB { align-self: flex-end; margin-top: auto; color: #fff; font-size: 1.3rem; font-weight: normal; border-radius: 5px; cursor: pointer; text-align: center; display: inline-block; text-decoration: none; background-color: #3498DB; padding: 0.8em 1.5em 0.9em; box-shadow: 0px 2px 2px rgba(000,000,000,0.1); }
.plan-int ul { list-style-type: none; margin: 1em 0 2em; padding: 0; }
.plan-int ul li { padding: .15em 0; }
.plan-int h3 { margin: .5em auto .15em; }
.plan-int hr { border: none 0; border-top-style: none; border-top-width: 0px; border-top: 1px solid #ccc; width: 80%; height: 1px; margin: 10px auto; }
.plan .link-button { margin-top: auto !important; width: 8rem; margin-left: auto; margin-right: auto; }
.plan-price { font-size: 1.6em; color: #2e91da; margin-bottom: .2em; }
.grey-up-bubble { background-color: #153D77; border-radius: 0; -webkit-clip-path: ellipse(60% 66% at 55% 66%); clip-path: ellipse(60% 66% at 55% 66%); padding-top: 4rem; padding-bottom: 4rem; height: 0; margin-bottom: -4rem; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; box-sizing: inherit; border-width: 0; border-style: solid; border-color: currentColor; }
#what-you-get { background-color: #153D77; padding: 3rem; margin-bottom: 3rem; }
#what-you-get .feature-wrapper, #what-you-get .spacedList { color: #fff !important; }

#what-you-get .feature-wrapper h3 { text-align: center; margin-top: .6em; color: #fff; }
.grey-down-bubble { background-color: #fff; border-radius: 0; -webkit-clip-path: ellipse(60% 66% at 55% 66%); clip-path: ellipse(60% 66% at 55% 66%); padding-top: 4rem; padding-bottom: 4rem; height: 0; margin-bottom: -4rem; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; box-sizing: inherit; border-width: 0; border-style: solid; border-color: currentColor; }
#faq h3 { color: #2e91da; font-size: 1.25em; line-height: 2.5rem; }
.menu-open-button { display: none; }
.overlay { background-color: #2E91DA; display: none; text-align: center; position: fixed; top: 0; height: 100%; width: 100%; overflow: auto; z-index: 9999999; }
.overlay-nav { display: flex; flex-direction: column; align-items: center; margin-bottom: 3em; }
.overlay-menu { margin-top: 20px !important; }
.overlay-menu, .overlay-menu ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; text-transform: uppercase !important; }
.overlay-menu li { flex-grow: 1; margin-bottom: 1.2rem; }
.overlay-menu li a { display: block; text-align: center; text-decoration: none; font-size: 1.5rem; color: #ffffff; font-weight: bold; }
.overlay-menu li a:hover { text-decoration: underline; }
.overlay-close { text-align: center; }
.close-button { font-size: 2em; color: #fff; }
.close-button:hover { color: #fff; cursor: pointer; }
#close-overlay { font-size: 1.5em; color: #fff; }
#top-close { text-align: right; padding-right: 2em; }
#getstarted-mobile { padding-top: 2.7rem; padding-bottom: 1rem; border-radius: 3rem; width: 80%; background-color: #1c53a3; }
#getstarted-mobile .big-font { font-size: 2.5rem; }

blockquote { font-size: 1.2em; font-weight: 600; line-height: 1.4em; text-align: center; padding: .7em; }
cite { display: block; font-size: .80em; font-weight: normal; padding-top: .75em; }

.everything a { color: #fff; }
.everything a:hover { color: #2e91da; }

.mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ }
.mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); }
.mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
#form1 { display: flex; min-height: 100vh; flex-direction: column; }
main { flex: 1; }
#top-wrap { height: 80px; }
footer { height: 360px; }
#plans:target, #faq:target { padding-top: 12.5vh; }
#getstarted:target { padding-top: 12.5vh; }
#faq:target { padding-top: 12.5vh; }
#features:target {  padding-top: 12.5vh;}
#professional_appearance:target { padding-top: 12.5vh; }

.fieldLabel { margin-top: 10px; }
.fieldLabel { display: block; margin: 3px 0 3px 5px; color: rgb(33, 37, 41); }
.form-group { display: flex; flex-direction: row; }
.form-unit { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
.form-field { display: flex; flex: 2; font-size: 1.2rem; font-family: canada-type-gibson, sans-serif; font-weight: 300; color: #4e5457; border: 1px solid #ACAEB0; display: block; margin: 5px; border-radius: 3px; color: #495057; padding: 12px 17px; }
.form-field:focus { outline: none !important; border: 1px solid #009CDE; transition: all 300ms ease 0s; }
#campaignpartner-logo { max-width: 300px; height: auto; width: 100%; }
.feature-wrapper h2 { color: #2a2828; margin-bottom: 3rem; }
.breadCrumbs { font-size: .7em; letter-spacing: 0.013em; color: #2a2828; }
.breadCrumbs a { text-decoration: none; color: #2a2828; }
.breadCrumbs a:hover { color: #2E91DA; }
.separator { color: #bbb; font-size: .8em; }
#campaignpartner-logo-mobile { max-width: 200px; margin: 20px auto; display: block; }
.inner-block { width: 100%; }
.fa-external-link { font-size: .8em; }
.fa-search { font-size: .8em; }
.feature-image { width: 95%; height: auto; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.breadCrumbs { margin-bottom: 4em; color: #2E91DA; }
.breadCrumbs a { color: #2E91DA; }
.breadCrumbs.fa-angle-right { color: #2E91DA; letter-spacing: normal; font-size: .7em; }
.fa-angle-right { letter-spacing: normal; font-size: .7em; }
@media only screen and (max-width: 1281px) { .feature-wrapper { max-width: 85%; }
    #campaignpartner-logo { max-width: 200px; height: auto; width: 100%; margin-left: 30px; }
    #int-footer { max-width: 85%; margin: 0px auto; }
}

@media only screen and (max-width:1279px) {
    /*body { font-size: 65%!important; }*/
    nav { display: none; }
    .menu-open-button { display: inline; color: #fff !important; margin-right: 1rem; font-size: 1.2em; }
    .btn-open { color: #fff !important; }
    #easy-wrapper, #plans, .feature-wrapper, #int-footer { flex-flow: column wrap; }
    .pad-right { padding-right: 0; }
    .inner-block { padding: 1.25em 3em; }
    .image-inner { display: flex; align-items: center; justify-content: center; }
    footer { height: unset; border-top: 2px solid #f3f3f3; }
    #int-footer ul li a { color: #4e5457; }
    main { flex: none; }
    #footer-product, #footer-resources, #footer-other { width: 100%; }

    .content-col { order: 1; }
    .image-col { order: 2; }
    #features-top { padding: 1.25em 3em; }
    #features-top h3 { text-align: left; }
    #features { margin-top: 0; }
    #plans { width: 50%; }
    .ft-inner { padding: 0; max-width: 85%; margin: 10px auto; }
    #features-top { padding: 0; max-width: 85%; margin: 10px auto; width: 100%; display: block; }
}

@media only screen and (max-width: 800px) {
    h1 { font-size: 3rem !important; padding-top: 1rem !important; }
    h2 { font-size: 2.25rem !important; padding-top: 1rem !important; }
    h3 { font-size: 2.5rem !important; }
    .inner-block { padding: 0; max-width: 85%; margin: 10px auto; }
    .mb-inner { max-width: 85%; padding: 2em; }
    #getstarted-mobile { padding-top: 2.7rem; padding-bottom: 1rem; border-radius: 1.5rem; width: 80%; background-color: #1c53a3; padding: 2.7em; padding-bottom: 2.7em; box-sizing: border-box; padding-bottom: 1rem; }
    #getstarted-int-mobile .link-button { box-sizing: border-box; border-radius: 2em; margin: 20px 0; }
    #campaignpartner-logo { display: flex; align-self: center; }
    .menu-open-button, .btn-open { display: flex; align-self: center; }
    .menu-open-button, .menu-open-button a { color: #fff !important; }
    a .btn-open, .btn-open { color: #fff !important; }
    .down-bubble { clip-path: ellipse(60% 42.04% at 50.05% 15.31%); }
    #easy > div:nth-child(1) > h3:nth-child(1) { margin-top: 0; }
    #plans { width: 90%; }
    #faq h3 { line-height: 3rem; }
}