/* div#body{width:100%;}
 */

/* how kiteflyr works page style */
#topimage
{
    width: 100%;
}
.newwik
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #e9e5d8;
}
.iconcontainer
{
    text-align: center;
    padding-bottom: 3%;
}
.iconshowbox
{
    display: inline-block;
    padding: 4%;
}
.pagetitleGrey
{
    background-color: #beb7a2;
    width: 45%;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: -55px auto;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
}
.pagetitleGrey h1
{
    text-shadow: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.extrabold
{
    font-weight: bold;
    font-size: 18pt;
}
.textcontent
{
    width: 80%;
    margin: auto;
    text-align: justify;
}
.stickersBGY
{
    text-align: center;
    margin-top: -25px;
}


/* support your local community page style */
.pagetitleGreen
{
    background-color: #bad347;
    width: 45%;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: -55px auto;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
}
.pagetitleGreen h1
{
    text-shadow: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.businessinfo
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #e8efbc;
}
.textcontentGreen
{
    width: 80%;
    margin: auto;
    text-align: justify;
    color: #bad14d;
    font-weight: bold;
}
.stickersGGG
{
    text-align: right;
    margin-top: -25px;
    padding-right: 2%;
}


/*  ctrl + alt page style */
.ctrlaltinfo
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #fcf7bf;
}
.pagetitleYellow
{
    background-color: #f7df37;
    width: 45%;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: -55px auto;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
}
.pagetitleYellow h1
{
    text-shadow: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.textcontentYellow
{
    width: 80%;
    margin: auto;
    text-align: justify;
    color: #f6df39;
    font-weight: bold;
}
.stickersYYY
{
    text-align: right;
    margin-top: -25px;
    padding-right: 2%;
}


/* launching your cause page style  */
.launchingpage
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #e2ece7;
}
.pagetitleBlue
{
    background-color: #7dc3d8;
    width: 45%;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: -55px auto;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
}
.pagetitleBlue h1
{
    text-shadow: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.stickersBB
{
    text-align: right;
    margin-top: -25px;
    padding-right: 2%;
}
.textcontentBlue
{
    width: 80%;
    margin: auto;
    text-align: center;
    color: #000000;
}



/* Button style  */

.buttonclass
{
    background: #ffffff;
    border: none;
    font-size: 14pt;
    color: #7dc3d8;
    margin-left: 8%;
}

.beforemodule
{
    text-align: center;
    color: #ffffff;
}
.beforemodule h4
{
    font-size: 24px;
}
.creatingmodule
{
    text-align: center;
    color: #ffffff;
}
.creatingmodule h4
{
    font-size: 24px;
}
.runningmodule
{
    text-align: center;
    color: #ffffff;
}
.runningmodule h4
{
    font-size: 24px;
}
.aftermodule
{
    text-align: center;
    color: #ffffff;
}
.aftermodule h4
{
    font-size: 24px;
}
.active_button
{
    background: #7dc3d8;
    color: #ffffff;
}
#startnow
{
    color: #ffdb4a;
    text-decoration: none;
}
#startnow:hover
{
    background: #fff;
}


/* before part style */
.boxgrid
{
    padding-top: 30px;
}
.beforemodule
{
    background-image: url('images/bg_old.png');
    background-repeat: no-repeat;
}
.whattoexcept
{
    background-color: #7dc3d8;
    padding: 30px 20px 30px 20px;
}
.inspireyourself
{
    background-color: #ffdc4b;
    padding: 15px 20px 15px 20px;
}
.assembleyourteam
{
    background-color: #abcc59;
    padding: 30px 20px 30px 20px;
}
.collectmedia
{
    background-color: #7dc3d8;
    padding: 50px 15px 70px 15px;
    border-radius: 50%;
    width: 100%;
}
.growcommunity
{
    background-color: #abcc59;
    padding: 15px 20px 15px 20px;
}


/* creating part style */
.creatingmodule
{
    background-image: url('images/bg_creating.png');
    background-repeat: no-repeat;
    min-height: 952px;
}
.focusyourfundraising
{
    background-color: #7dc3d8;
    padding: 15px 20px 15px 20px;
}
.thetimeline
{
    background-color: #ffdc4b;
    padding: 15px 20px 15px 20px;
}
.setyourfundinggoal
{
    background-color: #abcc59;
    padding: 15px 20px 15px 20px;
}
.receivingfunds
{
    background-color: #7dc3d8;
    padding: 15px 20px 15px 20px;
}
.registering
{
    background-color: #abcc59;
    padding: 15px 20px 15px 20px;
}
.planforearlymomentum
{
    background-color: #ffdc4b;
    padding: 90px 20px 100px 20px;
    border-radius: 50%;
    width: 100%;
}


/* running part style */
.runningmodule
{
    background-image: url('images/bg_running.png');
    background-repeat: no-repeat;
    background-position: 0% 0%;
}
.launchbox
{
    background-color: #7dc3d8;
    padding: 15px 20px 15px 20px;
}
.promotebox
{
    background-color: #ffdc4b;
    padding: 15px 20px 15px 20px;
}
.engagecontributors
{
    background-color: #abcc59;
    padding: 90px 20px 100px 20px;
    border-radius: 50%;
    width: 100%;
}
.expandyourfundraising
{
    background-color: #7dc3d8;
    padding: 15px 20px 15px 20px;
}


/* after part style */
.aftermodule
{
    background-image: url('images/bg_after.png');
    background-repeat: no-repeat;
}
.finalthankyou
{
    background-color: #7dc3d8;
    padding: 15px 20px 15px 20px;
}
.continueupdating
{
    background-color: #abcc59;
    padding: 15px 20px 15px 20px;
}
.collectremainingfunds
{
    background-color: #ffdc4b;
    padding: 35px 20px 35px 20px;
}



@media screen and (max-width: 960px)
{
    .beforemodule
    {
        background: none;
    }
    .creatingmodule
    {
        background: none;
    }
    .runningmodule
    {
        background: none;
    }
    .aftermodule
    {
        background: none;
    }
}

@media (max-width: 767px)
{
    .beforemodule
    {
        background: none;
    }

    .pagetitleBlue h1, .pagetitleGrey h1, .pagetitleYellow h1, .pagetitleGreen h1, .mediaenquiry-lower-content-pagetitleBlue h1
    {
        font-size: 16px;
    }

    .pagetitleBlue, .pagetitleGrey, .pagetitleYellow, .pagetitleGreen, .mediaenquiry-lower-content-pagetitleBlue
    {
        margin: -36px auto;
    }
    .buttonclass
    {
        margin-left: 0%;
        font-size: 12px;
        padding: 6px 2px;
    }

    #startnow
    {
        font-size: 12px;
    }
    div.terms-of-service-content
    {
        -webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
        -moz-column-count: 1 !important; /* Firefox */
        column-count: 1 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    .beforemodule
    {
        background: none;
    }

    .pagetitleBlue h1, .pagetitleGrey h1, .pagetitleYellow h1, .pagetitleGreen h1, .mediaenquiry-lower-content-pagetitleBlue h1
    {
        font-size: 16px;
    }

    .pagetitleBlue, .pagetitleGrey, .pagetitleYellow, .pagetitleGreen, .mediaenquiry-lower-content-pagetitleBlue
    {
        margin: -36px auto;
    }
    div.terms-of-service-content
    {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .beforemodule
    {
        background: none;
    }

    .pagetitleBlue h1, .pagetitleGrey h1, .pagetitleYellow h1, .pagetitleGreen h1, .mediaenquiry-lower-content-pagetitleBlue h1
    {
        font-size: 36px;
    }
    div.content
    {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

@media (min-width: 1200px)
{
    .beforemodule:
    {
        background-image: url('images/bg_old.png');
        background-repeat: no-repeat;
    }
}




/* show and hide */
.creatingmodule
{
    display: none;
}
.runningmodule
{
    display: none;
}
.aftermodule
{
    display: none;
}


.intextlinks
{
    color: #7dc3d8;
    text-decoration: none;
}
.intextlinks:hover
{
    text-decoration: none;
}


/* FAQ page */
.faq-content
{
    padding: 2%;
}
.faq-content .faqimg
{
    float: left;
    width: 35px;
}
.faq-content .faqcontent
{
    padding-left: 35px;
}
.faq-content .qa-item
{
    background-color: #ededed;
    text-align: justify;
    padding: 10px 20px 5px 10px;
    margin: 10px 20px 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.question
{
    font-weight: bold;
}
.faqfullcontent
{
    padding-top: 30px;
}


/* about page */
.about-subtitle
{
    width: 80%;
    margin: auto;
    text-align: justify;
    color: #7dc3d8;
    font-weight: bold;
}
.about-upper-content
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #ddeff5;
}
.about-lower-content
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #ddeff5;
}
.meet_the_team
{
    text-align: center;
    padding-bottom: 30px;
}
.people_photos
{
    display: inline-block;
    padding: 0px 25px;
}
.people_photos_name
{
    font-weight: bold;
}


/* media enquiry page */

.mediaenquiry-lower-content
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #ddeff5;
    margin-left: auto;
    margin-right: auto;
}
.mediaenquiry-lower-content-pagetitleBlue
{
    background-color: #7dc3d8;
    width: 45%;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: -68px auto;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
}
.mediaenquiry-lower-content-pagetitleBlue h1
{
    text-shadow: none;
    text-align: center;
}


/* email alerts page */
.wrap-emailalert
{
    width: 100%;
    max-width: 500px;
    border: none;
    text-align: center;
}
h5.email_alerts_h5
{
    text-align: center !important;
    font-size: 14pt;
    color: #7fc1d6;
}


/* Testimonials page */
.testimonials_tcolorY
{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #FAF0BF;
    margin-top: -2%;
}
.testimonials_full_div
{
    width: 960px;
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

.refer_a_friend_full_div
{
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

.contact_full_div
{
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

.email_alert_full_div
{
    overflow: hidden;
    padding: 2%;
    line-height: 25px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
}


div#creating:hover
{
    background-color: #7dc3d8;
    color: white;
}

div#running:hover
{
    background-color: #7dc3d8;
    color: white;
}

div#after:hover
{
    background-color: #7dc3d8;
    color: white;
}

div#before:hover
{
    background-color: #7dc3d8;
    color: white;
}


a#startnow
{
    padding: 5px;
}

a#startnow:hover
{
    background-color: #ffdb4a;
    color: white;
}