
.billboard {
    background: #113f56;
    background: -moz-linear-gradient(left, #113f56 0%, #00bbc4 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #113f56), color-stop(100%, #00bbc4));
    background: -webkit-linear-gradient(left, #113f56 0%, #00bbc4 100%);
    background: -o-linear-gradient(left, #113f56 0%, #00bbc4 100%);
    background: linear-gradient(to right, #113f56 0%, #00bbc4 100%);
    padding: 50px 20px 20px 20px;
}

.billboard .billboard-content h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
    padding: 0 30px 30px 30px;
    text-align: center;
}

.billboard-content {
    text-align: center;
}

.billboard .billboard-content .btn.btn-transparent {
    border: 2px solid #ffffff;
    border-radius: 0px;
    color: #0d5a6c;
    background-color: #ffffff;
    font-size: 16px;
    margin: 5px 10px;
    padding: 10px 30px;
}

.billboard .billboard-content .btn.btn-transparent:hover {
    background-color: #0d5a6c;
    color: #ffffff;
}

.billboard .billboard-content .btn.btn-transparent .glyphicon {
    padding-left: 20px;
}

.bxslider {
    list-style: none; padding: 0;
}
.bx-controls .bx-pager {
    text-align: center;
}
.bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
}
.bx-controls .bx-pager .bx-pager-item a.bx-pager-link {
    background: #078797; display: block; font-size: 0; height: 12px; width: 12px; border-radius: 50%; margin: 0 2px;
}
.bx-controls .bx-pager .bx-pager-item a.bx-pager-link.active {
    background: #b6ce30;
}
/*
.billboard .billboard-content.chambers {
    background: url('/images/home-billboard-chambers.png') no-repeat bottom right;
}
.billboard .billboard-content.festival {
    background: url('/images/home-billboard-festival.png') no-repeat bottom right;
}
.billboard .billboard-content.hammer {
    background: url('/images/home-billboard-hammer.png') no-repeat bottom right;
}
.billboard .billboard-content.mainstreet {
    background: url('/images/home-billboard-mainstreet.png') no-repeat bottom right;
}
.billboard .billboard-content.runner {
    background: url('/images/home-billboard-runner.png') no-repeat bottom right;
}
.billboard .billboard-content.university {
    background: url('/images/home-billboard-university.png') no-repeat bottom right;
}
.billboard .billboard-content.university2 {
    background: url('/images/home-billboard-university2.png') no-repeat bottom right;
}
.billboard .billboard-content.volunteer {
    background: url('/images/home-billboard-volunteer.png') no-repeat bottom right;
}
*/

.feature {
    color: #484848;
    font-size: 16px;
/*    font-weight: 600; */
}

.feature .screenshot {
    width: 100%;
    border: 1px dashed #CFCFCF;
    padding: 30px 10px 20px 10px;
}

.screenshot_container {
    text-align: center;
    margin-bottom: 50px;
}
.screenshot_container span {
    font-size: 15px;
    position: relative;
    top: 30px;
    left: 0px;
    background-color: #ffff64;
    padding: 10px;
}

.feature .section-title {
    display: table; 
    margin-bottom: 20px;
}

.feature .section-title .section-title-container {
    display: table-row; 
}

.feature .section-title .section-title-container div {
    color: #078797;
    display: table-cell;
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    margin: 0; 
}

.feature .section-title .section-title-container div img {
    display: none;
}

.features {
    margin-top: 30px;
    font-size: 16px;
}

.features img {
    margin-bottom: 15px;
    max-width: 107px;
    width: 100%;
}

.features .row {
    font-weight: 600;
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

.features .row .col-xs-9 {
        padding-bottom: 15px;
}

.features-landing {
    color: #484848;
    font-size: 17px;
/*    font-weight: 600; */
}

.features-landing img {
    margin-top: 20px;
    max-width: 124px;
    width: 100%;
}

.features-landing img.schedule {
    max-width: 90px;
}

.features-landing .col-sm-2 {
    text-align: center;
    font-size: 100px;
    color: #114259;
}

.feature-list {
    background: #67cdd3;
    color: #ffffff;
    font-size: 16px;
}

.feature-list ol, .feature-list ul {
    margin: 0;
}

.pricing {
    margin-top: 30px;
    text-align: center;
}

.pricing .row {
    margin-right: auto;
    margin-left: auto;
    max-width: 1420px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

.pricing .panel {
    border: none;
    -webkit-box-shadow: 3px 3px 15px 0px #cccccc;
    -moz-box-shadow: 3px 3px 15px 0px #cccccc;
    box-shadow: 3px 3px 15px 0px #cccccc;
}

.pricing .panel-heading {
    background: #d4dde4;
}

.pricing .panel-heading h3 {
    color: #484848;
    font-weight: 600;
}

.pricing .panel-active .panel-heading {
    background: #0a7586;
}

.pricing .panel-active .panel-heading h3 {
    color: #ffffff;
}


.pricing-table-features {
    border-collapse: separate;
    border-spacing: 3px;
}
.pricing-table-features > thead > tr > th span {
    color: #ffffff;
    display: block;
    font-size: 28px;
    font-weight: 600;
    padding: 12px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}
.pricing-table-features > thead > tr > th.discover span {
    background: #67cdc3;
    min-width: 245px;
}
.pricing-table-features > thead > tr > th.grow span {
    background: #2e8796;
    min-width: 260px;
}
.pricing-table-features > thead > tr > th.conquer span {
    background: #b7ce31;
    min-width: 290px;
}
.pricing-table-features > thead > tr > th span small {
    display: block;
    font-size: 17px;
    font-weight: 400;
    padding-top: 10px;
}
.pricing-table-features > thead > tr > th, .pricing-table-features > tfoot > tr > th, .pricing-table-features > tbody > tr > td {
    border: none;
    padding: 0;
}
.pricing-table-features > tbody > tr > td {
    font-size: 17px;
    font-weight: 400px;
    padding: 0 15px;
    text-align: center;
}

.pricing-table-features > tbody > tr > td > div {
    padding: 10px 0px;
}
.pricing-table-features > tbody > tr > td:first-child {
    text-align: left;
    vertical-align: middle;
}
.pricing-table-features > tbody > tr > td .fa {
    color: #484848;
    font-size: 34px;
    line-height: 45px;
}
.pricing-table-features > tbody > tr:nth-of-type(odd) {
    background-color: #d4dde4;
}
.pricing-table-features > tfoot > tr > th a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #ffffff;
    display: block;
    font-size: 26px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.pricing-table-features > tfoot > tr > th.discover a {
    background: #67cdc3;
}
.pricing-table-features > tfoot > tr > th.discover a:focus, .pricing-table-features > tfoot > tr > th.discover a:hover {
    background: #56b2bc;
}
.pricing-table-features > tfoot > tr > th.grow a {
    background: #2e8796;
}
.pricing-table-features > tfoot > tr > th.grow a:focus, .pricing-table-features > tfoot > tr > th.grow a:hover {
    background: #267587;
}
.pricing-table-features > tfoot > tr > th.conquer a {
    background: #b7ce31;
}
.pricing-table-features > tfoot > tr > th.conquer a:focus, .pricing-table-features > tfoot > tr > th.conquer a:hover {
    background: #97b32b;
}
.pricing-table-responsive {
    margin: 45px 0 75px 0;
}




.video h2 {
    color: #484848;
    font-weight: 600;
    font-size: 25px;
    line-height: 1.5;
    text-align: center;
}

.video .clients {
    width: 100%;
}

@media only screen and (min-width : 768px) {
    .billboard {
/*        height: 580px;*/
        padding: 0;
    }

    .billboard .billboard-content {
/*        height: 580px;*/
        margin: 0 auto;
        padding: 77px 0 0 0;
        width: 760px;
    }

    .billboard .billboard-content.runner {
        text-align: center;
/*        background: url('/images/runner.png') no-repeat bottom right;*/
    }

    .billboard .billboard-content h1 {
        font-size: 47px;
        line-height: 1.5;
        padding: 0;
        text-align: center;
/*        width: 500px;*/
    }

    .billboard .billboard-content .btn.btn-transparent {
        display: inline-block;
        font-size: 24px;
        margin: 20px;
        padding: 10px 30px;
    }

    .billboard .billboard-content .btn.btn-transparent i {
        padding-left: 10px;
    }

    .feature {
        font-size: 22px;
    }

    .feature .section-title .section-title-container div {
        font-size: 50px;
    }

    .feature .section-title .section-title-container div img {
        display: inline;
        margin-right: 30px; 
    }

    .features-landing h3, .features-landing img {
        margin-top: 50px;
    }

    .feature-list {
        font-size: 20px;
/*        font-weight: 600; */
        line-height: 2;
    }

    .video {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 43%, #eef2f5 43%, #eef2f5 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(43%, #ffffff), color-stop(43%, #eef2f5), color-stop(100%, #eef2f5));
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 43%, #eef2f5 43%, #eef2f5 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #ffffff 43%, #eef2f5 43%, #eef2f5 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 43%, #eef2f5 43%, #eef2f5 100%);
        margin-top: 75px;
    }

    .video h2 {
        font-size: 35px;
    }

    .video h2:first-child {
        margin: 70px 0 60px 0;
    }

    .video h2:last-child {
        padding-bottom: 60px;
    }

    .video h2 span {
        display: block;
    }

    .video .clients {
        margin: 145px 0;
    }

    .video .clients tr td {
        text-align: center;
    }

    .video .embed {
        -webkit-box-shadow: 0px 0px 30px 10px #cccccc;
        -moz-box-shadow: 0px 0px 30px 10px #cccccc;
        box-shadow: 0px 0px 30px 10px #cccccc;
        margin: 0 auto;
        max-width: 1150px;
        width: 80%;
    }

    .video .clients {
        margin: 60px auto;
        max-width: 1150px;
        width: 80%;
        text-align: center;
        padding: 50px 0px 50px 0px;
    }
    .video .clients a {
        padding: 20px;
    }

    .mobile_pricing {
        display: block;
    }
    .desktop_pricing {
        display: none;
    }


    .industry_item {
        width: 50%;
        float: left;
    }

}

@media only screen and (min-width : 992px) {

    .mobile_pricing {
        display: none;
    }
    .desktop_pricing {
        display: block;
    }


    .billboard .billboard-content {
        width: 992px;
    }

    .features {
        margin-top: 0;
    }

    .features .row {
        font-size: 22px;
        padding-top: 50px;
    }

    .pricing {
        background-color: #ffffff;
        background-size: contain;
        padding: 0px 0px 25px 0px;
    }

    .pricing .panel-active .panel-body {
/*        height: 510px; */
    }

    .pricing .panel-body {
        min-height: 380px;
    }

    .pricing .panel-default, .pricing .panel-active {
/*
        transition: margin-top 500ms;
*/
        margin-top: 40px;
    }
    .pricing .panel-default:hover, .pricing .panel-active:hover {
/*
        transition: margin-top 500ms;
        margin-top: 20px;
*/
    }

    .pricing .panel-heading h3 {
        font-size: 35px;
    }


}

@media only screen and (min-width : 1270px) {
    .billboard .billboard-content {
        width: 1100px;
    }

}

@media only screen and (min-width : 1640px) {
    .billboard .billboard-content {
        width: 1300px;
    }

}


@media only screen and (max-width : 768px) {

    .video h2 {
        line-height: 1.25;
        padding-left: 15px;
        padding-right: 15px;
    }

    .video .clients tr td {
        text-align: center;
        background: #eef2f5;
        display: block;
        padding: 5px 0;
        width: 100%;
    }

   .video .clients tr td img {
       width: 100px;
   }
}


.pipedriveWebForms_css {
    max-width: 765px !important;
    margin: 0 auto !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* OLD */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.testimonial_item {
    border-bottom: 2px solid #7A989A;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}

.quote_bubble {
    border-bottom: 2px solid #7A989A;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    font-size: 16px;
    overflow: hidden;
}
.quote_bubble a {
    text-decoration: none;
}

.testimonial_img {
    border: 1px solid #CFCFCF;
    margin: 10px;
    padding: 10px;
    float: right;
    margin-left: 5px;
    background-color: #FFFFFF;
}
.show_testimonial {
    cursor: pointer;
    text-decoration: underline;
}




.planContainer {
    margin: 0px;
    padding: 0px;
}

.planContainer li {
    list-style: none;
}

.planContainer li.price {
    font-size: 25px;
}
.planContainer li.annual_price {
    font-weight: 600;
}
.planContainer li.per_event_price {
    font-weight: 600;
}

.planContainer .features {
/*    min-height: 270px; */
    margin-top: 20px;
}

.planContainer .options {
    margin: 0px;
    padding: 0px;
}


.planContainer .button a {
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff !important;
    letter-spacing: 3px;
/*    line-height: 2.8em;*/
    display: inline-block;
    width: 80%;
/*    height: 2.8em;*/
    border-radius: 4px;
    margin: 1.5em 0 1.8em;
    background: #0a7586;
}





.faq_question {
    display: block;
    margin: 10px 0px 10px 0px;
    font-size: 15px;
    cursor: pointer;
}
.faq_question:hover {
    text-decoration: underline;
}
.faq_answer {
    font-size: 12px;
    padding: 10px;
    border: 1px solid #A4E6EA;
    background-color: #E4F8F9;
}

.industry_category {
    font-size: 25px;
    padding-bottom: 5px;
}
.industry_title {
    font-size: 21px;
    margin-bottom: 5px;
}
.industry_list ol {
    padding-left: 20px;
    margin: 0 0 20px;
}
.industry_list li {
    font-size: 15px;
    font-weight: 600;
}

.industry_item {
    font-size: 16px;
    padding: 0px 20px 20px 0px;
    overflow: hidden;
}

.industry_item_wide {
    font-size: 16px;
    margin: 10px 0px 10px 0px;
}

.industry_img {
    display: block;
    float: left;
    height: 113px;
    width: 113px;

    margin: 0px 20px 40px 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 1px #494949;

}
.industry_text {
    display: block;
    margin-left: 140px;
}
.industry_features, .industry_video {
    display: inline-block;
    margin: 10px 0px 30px 0px;
}
.industry_logos {
    width: 100%;
    display: inline-block;
}
.industry_logo {
    width: 33%;
    float:left;
    display: inline-block;
    text-align: center;
    margin:20px 0;
}
.industry_img_href {
    display: block;
    margin: 0 auto;
    max-height:155px;
}
.industry_img_href img {
    max-height: 155px;
    max-width: 90%;
}
.industry_text_href {
    font-size: 14px;
    color:#00b9c5;
    margin: 10px 0;
    display: block;
}
.industry_signup_today {
    background:url(/images/industry_sign_up_today.jpg) no-repeat;
    display: block;
    height: 123px;
    width: 123px;
    float: right;
    margin: 0 0 10px 15px;
}

