@charset "UTF-8";
/* All non-Media category pages
----------------------------------------------- */
.mediaBody {padding: 0; background-color:#fff}
#popcorn {position:absolute; z-index:999; padding-left:0}
.mediaBody #popcorn li {display:inline-block; padding-left:5px; font-size:11px; text-transform:uppercase;}
.mediaBody #popcorn li a {text-decoration: none;}
h2.cat_heading {display:none}
p.cat_description {display:none; margin:0}
/* Church Websites Landing Page
----------------------------------------------- */
.categoryLandingPage {padding:0; background-color:#fff}
.churchWebsiteBanner {height:695px;padding:0 50px;text-align:center;width:100%;background-color: #025378; background-image: url('/images/websiteBannerImg.png'); background-position:50% 100%; background-size:auto; background-repeat:no-repeat}
.churchWebsiteBanner h1 {padding-top:50px; font-size:50px; line-height:60px;font-weight:700; color:#fff; margin-bottom:10px;}
.churchWebsiteBanner h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;}
.churchWebsiteBanner .btn {color:#fff; font-weight:100; font-size:25px; border: 1px solid #fff; padding:20px; margin:40px 0px; width:200px; transition: all .2s ease-out, all 0.2s ease-out;}
.churchWebsiteBanner .btn:hover {background-color:#000}
.bootstrap-dialog.type-primary .modal-header {background-color:#F8F8F8; text-align:center}
.bootstrap-dialog .bootstrap-dialog-title {color:#000; font-size:16px; display:inline-block}
#DialogWebVideo .modal-header .close {margin-top:-8px}
.churchWebsiteTemplates {padding:0 50px; text-align:center; width:100%;}
.churchWebsiteTemplates .parallaxDownArrow {float:none}
.churchWebsiteTemplates .parallaxDownArrow img {width:60px; margin:-31px auto 0; display:block}
.churchWebsiteTemplates h2 {padding-top:50px; color:#000; font-size:50px; line-height:60px; font-weight:700; margin-bottom:10px;}
.churchWebsiteTemplates h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;}
.churchWebsiteTemplates img {margin-top:25px; width:100%; max-width:1200px}
.churchWebsiteTemplates .btn {color:#fff; font-weight:100; font-size:16px; padding:11px 10px;background-color:#b00c1a; margin:15px auto 25px; height:46px; width:146px; transition: all .2s ease-out, all 0.2s ease-out;}
.churchWebsiteTemplates .btn:hover {}
.churchWebsiteTemplates p {margin:auto; padding:5px 5px 75px; color:#000; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchWebsiteApp {padding:0 50px; text-align:center; width:100%; background-color: #025378;}
.churchWebsiteApp h2 {padding-top:50px; color:#fff; font-size:50px; line-height:60px; font-weight:700; margin-bottom:10px;}
.churchWebsiteApp h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;}
.churchWebsiteApp img {margin-top:25px; width:100%; max-width:500px}
.churchWebsiteApp p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchWebsiteMigration {padding:0 50px; text-align:center; width:100%; background-color:#25a881;}
.churchWebsiteMigration h2 {padding-top:50px; color:#fff; font-size:50px; line-height:60px; font-weight:700; margin-bottom:10px;}
.churchWebsiteMigration h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;}
.churchWebsiteMigration img {margin-top:25px; width:100%; max-width:640px}
.churchWebsiteMigration .btn {color:#fff; font-weight:100; font-size:16px; padding:11px 10px;background-color:#b00c1a; margin:15px auto 25px; height:46px; width:146px; transition: all .2s ease-out, all 0.2s ease-out;}
.churchWebsiteMigration .btn:hover {}
.churchWebsiteMigration p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchWebsiteEditor {padding:0 50px; text-align:center; width:100%; background-color:#d6a609;}
.churchWebsiteEditor h2 {padding-top:50px; color:#000; font-size:50px; line-height:60px; font-weight:700; margin-bottom:10px;}
.churchWebsiteEditor h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;}
.churchWebsiteEditor img {margin:25px 0 15px; width:100%; max-width:940px}
.churchWebsiteEditor p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchWebsiteFeatures {padding:0 50px; text-align:center; width:100%;}
.churchWebsiteFeatures h2 {padding-top:50px; color:#000; font-size:50px; line-height:60px; font-weight:700; margin-bottom:10px;}
.churchWebsiteFeatures h3 {font-size:28px; font-weight:300; color:#000; line-height:45px; margin-bottom:40px;}
.churchWebsiteFeatures h4 {margin-top:10px; font-size:20px; font-weight:300; color:#a18302; line-height:30px; text-align:center}
.churchWebsiteFeatures img {width:100%; max-width:110px}
.churchWebsiteFeatures p {margin:auto; padding:5px; color:#000; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchWebsiteFeatures .featureList {margin:auto; max-width:1080px; float:none;}
.churchWebsiteFeatures .featureList .feature {margin-bottom:70px}
.churchWebsiteFeatures .featureList .feature1 {background-color:transparent}
.churchWebsiteFeatures .featureList .feature3 {background-color:transparent}
.churchWebsiteFeatures .featureList .feature5 {background-color:transparent}
.churchWebsiteFeatures .featureList .feature7 {background-color:transparent}
.churchWebsiteExamples {padding:0 50px; text-align:center; width:100%; float:left;}
.churchWebsiteExamples h2 {padding-top:50px; color:#000; font-size:50px; line-height:60px; font-weight:700; margin-bottom:10px;}
.churchWebsiteExamples h3 {font-size:28px; font-weight:300; color:#000; line-height:45px; margin-bottom:40px; }
.churchWebsiteExamples ul {max-width:1200px; margin:auto; float:none}
.churchWebsiteExamples ul li {}
.churchWebsiteExamples ul li img {width:100%;}
.churchWebsiteExamples ul li a:after, .churchWebsiteExamples ul li a span, .churchWebsiteExamples ul li a:before {transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s}
.churchWebsiteExamples ul li a:hover:before {background-color:rgba(74,74,74,0.80)}
.churchWebsiteExamples ul li a:before {content:''; position:absolute; left:3%; top:0; width:94%; height:99%; background-color:transparent}
.churchWebsiteExamples ul li a:after {content:''; background:url(images/ico-magnify.png) no-repeat 0 0; width:52px; height:41px; position:absolute; top:15px; right:30px; opacity:0; visibility:hidden}
.churchWebsiteExamples ul li a span {color:#fff; font-size:20px; font-weight:bold; letter-spacing:.025em; position:absolute; top:50%; left:0; opacity:0; visibility:hidden; width:100%; text-align:center}
.churchWebsiteExamples ul li a:hover span {opacity:1; visibility:visible}
.churchWebsiteExamples ul li a:hover:after {opacity:1; visibility:visible}
#DialogWebVideo .modal-header {height:40px}
#DialogWebVideo .modal-dialog {width:1020px}
#DialogDemo .modal-dialog {width:1050px}
.website {padding:0 4px; position:relative; overflow:hidden; background:#fff url(https://images.sharefaith.com/images/img/3/FrontEndPages/websites/img/template_browser_bar.png) no-repeat; background-position:top center}
.iframeLG {display:block}
.iframeMD {display:none}
.iframeSM {display:none}
.iframeXS {display:none}
.iframeXXS {display:none}
.floatLeft {float:left}
.floatRight {float:right}
/* Presenter Landing Page
----------------------------------------------- */
.presenterLandingPage {padding:0; background-color:#fff}
.presenterBanner {height:795px;padding:0 50px;text-align:center;width:100%;background-color: #AEC400; background-image: url('/images/websiteBannerImg.png'); background-position:50% 100%; background-size:auto; background-repeat:no-repeat}
.presenterBanner h1 {padding-top:50px; font-size:47px; line-height:60px;font-weight:700; color:#fff; margin-bottom:10px;max-width:1080px; margin:auto}
.presenterBanner h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.presenterBanner .btn {color:#fff; font-weight:100; font-size:25px; border: 1px solid #fff; padding:20px; margin:40px 0px; width:200px; transition: all .2s ease-out, all 0.2s ease-out;}
.presenterBanner .btn:hover {background-color:#000}
.bootstrap-dialog.type-primary .modal-header {background-color:#F8F8F8; text-align:center}
.bootstrap-dialog .bootstrap-dialog-title {color:#000; font-size:16px; display:inline-block}
#DialogPresenterVideo .modal-header .close {margin-top:-8px}
.presenterPackage {padding:0 50px; text-align:center; width:100%;}
.presenterPackage .parallaxDownArrow {float:none}
.presenterPackage .parallaxDownArrow img {width:60px; margin:-31px auto 0; display:block}
.presenterPackage h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.presenterPackage h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;max-width:1080px; margin:auto;display:block}
.presenterPackage img {margin-top:25px; width:100%; max-width:700px}
.presenterPackage p {margin:auto; padding:5px 5px 75px; color:#000; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.presenterCountdownTimers {padding:0 50px; text-align:center; width:100%; background-color: #AEC400;}
.presenterCountdownTimers h2 {padding-top:50px; color:#fff; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.presenterCountdownTimers h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.presenterCountdownTimers img {margin-top:25px; width:100%; max-width:500px}
.presenterCountdownTimers p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.presenterSongDatabase {padding:0 50px; text-align:center; width:100%; background-color:#25a881;}
.presenterSongDatabase h2 {padding-top:50px; color:#fff; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.presenterSongDatabase h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.presenterSongDatabase img {margin-top:25px; width:100%; max-width:640px}
.presenterSongDatabase p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.presenterBibleTranslations {padding:0 50px; text-align:center; width:100%; background-color:#d6a609;}
.presenterBibleTranslations h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.presenterBibleTranslations h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.presenterBibleTranslations img {margin:25px 0 15px; width:100%; max-width:940px}
.presenterBibleTranslations p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.presenterSysReq {padding:0 50px; text-align:center; width:100%;float:left}
.presenterSysReq h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.presenterSysReq h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;max-width:1080px; margin:auto;display:block}
.presenterSysReq img {margin-top:25px; width:100%; max-width:500px}
.presenterSysReq ul {margin:auto; padding:5px 5px 75px; color:#000; text-align:center;max-width:460px; line-height:30px; font-size:16px; font-weight:100;}
.presenterSysReq ul li {text-align:left; color:#000}
.presenterFeatures {padding:0 50px; text-align:center; width:100%;}
.presenterFeatures h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.presenterFeatures h3 {font-size:28px; font-weight:300; color:#000; line-height:45px; margin-bottom:40px;max-width:1080px; margin:auto;display:block}
.presenterFeatures h4 {margin-top:10px; font-size:20px; font-weight:300; color:#a18302; line-height:30px; text-align:center}
.presenterFeatures img {width:100%; max-width:110px}
.presenterFeatures p {margin:auto; padding:5px; color:#000; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.presenterFeatures .featureList {margin:auto; max-width:1080px; float:none;}
.presenterFeatures .featureList .feature {margin-bottom:70px}
.presenterFeatures .featureList .feature1 {background-color:transparent}
.presenterFeatures .featureList .feature3 {background-color:transparent}
.presenterFeatures .featureList .feature5 {background-color:transparent}
.presenterFeatures .featureList .feature7 {background-color:transparent}
#DialogPresenterVideo .modal-header {height:40px}
#DialogPresenterVideo .modal-body {height:585px}
#DialogPresenterVideo .modal-dialog {width:1020px}
#DialogPresenterVideo .mejs-container {width:990px !important; height:557px !important; border:none}
#DialogPresenterVideo #video-container {width:990px; height:557px;}
#DialogPresenterVideo .mejs-layer {width:999px !important; height:561px !important}
/* Church App Landing Page
----------------------------------------------- */
.churchAppLandingPage {padding:0; background-color:#fff}
.churchAppBanner {height:795px;padding:0 50px;text-align:center;width:100%;background-color: #389904; background-image: url('/images/websiteBannerImg.png'); background-position:50% 100%; background-size:auto; background-repeat:no-repeat}
.churchAppBanner h1 {padding-top:50px; font-size:47px; line-height:60px;font-weight:700; color:#fff; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppBanner h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.churchAppBanner .btn {color:#fff; font-weight:100; font-size:25px; border: 1px solid #fff; padding:20px; margin:40px 0px; width:200px; transition: all .2s ease-out, all 0.2s ease-out;}
.churchAppBanner .btn:hover {background-color:#000}
.churchAppMembership {padding:0 50px; text-align:center; width:100%;}
.churchAppMembership .parallaxDownArrow {float:none}
.churchAppMembership .parallaxDownArrow img {width:60px; margin:-31px auto 0; display:block}
.churchAppMembership h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppMembership h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;max-width:1080px; margin:auto;display:block}
.churchAppMembership img {margin-top:25px; width:100%; max-width:500px}
.churchAppMembership .btn {color:#000; font-weight:100; font-size:25px; border: 1px solid #000; padding:20px 0; margin:40px 0px; width:290px; transition: all .2s ease-out, all 0.2s ease-out;}
.churchAppMembership .btn.floatRight:hover {background-color:#389904}
.churchAppMembership .btn.floatLeft:hover {background-color:#ff7800}
.churchAppMembership p {margin:auto; padding:5px 5px 75px; color:#000; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppAudioVideo {padding:0 50px; text-align:center; width:100%; background-color: #389904;}
.churchAppAudioVideo h2 {padding-top:50px; color:#fff; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppAudioVideo h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.churchAppAudioVideo img {margin-top:25px; width:100%; max-width:800px}
.churchAppAudioVideo p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppBlog {padding:0 50px; text-align:center; width:100%; background-color:#025378;}
.churchAppBlog h2 {padding-top:50px; color:#fff; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppBlog h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.churchAppBlog img {margin-top:25px; width:100%; max-width:350px}
.churchAppBlog p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppCommunication {padding:0 50px; text-align:center; width:100%; background-color:#d6a609;}
.churchAppCommunication h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppCommunication h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.churchAppCommunication img {margin:25px 0 15px; width:100%; max-width:350px}
.churchAppCommunication p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppSocial {padding:0 50px; text-align:center; width:100%; background-color:#AEC400;float:left}
.churchAppSocial h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppSocial h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.churchAppSocial img {margin-top:25px; width:100%; max-width:450px}
.churchAppSocial .floatRight {margin:auto; padding:5px 5px 75px; color:#fff; max-width:460px; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppSocial .floatLeft {margin:auto; padding:5px 5px 75px; color:#fff; max-width:460px; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppSocial h4 {font-size:16px; font-weight:600; margin-bottom:7px; color:#000; line-height:26px}
.churchAppSocial p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppNotifications {padding:0 50px; text-align:center; width:100%;float:left}
.churchAppNotifications h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppNotifications h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;max-width:1080px; margin:auto;display:block}
.churchAppNotifications img {margin-top:25px; width:100%; max-width:1000px}
.churchAppNotifications .floatRight {margin:auto; padding:5px 5px 75px; color:#000; max-width:460px; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppNotifications .floatLeft {margin:auto; padding:5px 5px 75px; color:#000; max-width:460px; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppNotifications h4 {font-size:16px; font-weight:600; margin-bottom:7px; color:#000; line-height:26px}
.churchAppNotifications p {margin:auto; padding:5px 5px 75px; color:#000; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppFeatures {padding:0 50px; text-align:center; width:100%;}
.churchAppFeatures h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.churchAppFeatures h3 {font-size:28px; font-weight:300; color:#000; line-height:45px; margin-bottom:40px;max-width:1080px; margin:auto;display:block}
.churchAppFeatures h4 {margin-top:10px; font-size:20px; font-weight:300; color:#a18302; line-height:30px; text-align:center}
.churchAppFeatures img {width:100%; max-width:110px}
.churchAppFeatures p {margin:auto; padding:5px; color:#000; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.churchAppFeatures .featureList {margin:auto; max-width:1080px; float:none;}
.churchAppFeatures .featureList .feature {margin-bottom:70px}
.churchAppFeatures .featureList .feature1 {background-color:transparent}
.churchAppFeatures .featureList .feature3 {background-color:transparent}
.churchAppFeatures .featureList .feature5 {background-color:transparent}
.churchAppFeatures .featureList .feature7 {background-color:transparent}
/* Sharefaith Kids Landing Page
----------------------------------------------- */
.kidsLandingPage {padding:0; background-color:#fff}
.kidsBanner {height:795px;padding:0 50px;text-align:center;width:100%;background-color: #ae121b; background-image: url(https://images.sharefaith.com/images/img/3/FrontEndPages/kids/img/sfkidsbannertop.png); background-position:50% 100%; background-size:auto; background-repeat:no-repeat}
.kidsBanner h1 {padding-top:50px; font-size:47px; line-height:60px;font-weight:700; color:#fff; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsBanner h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.kidsBanner .btn {color:#fff; font-weight:100; font-size:25px; border: 1px solid #fff; padding:20px; margin:30px 0px; width:200px; transition: all .2s ease-out, all 0.2s ease-out;}
.kidsBanner .btn:hover {background-color:#000}
.kidsCurriculum {padding:0 50px; text-align:center; width:100%;}
.kidsCurriculum .parallaxDownArrow {float:none}
.kidsCurriculum .parallaxDownArrow img {width:60px; margin:-31px auto 0; display:block}
.kidsCurriculum h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsCurriculum h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;max-width:1080px; margin:auto;display:block}
.kidsCurriculum img {margin-top:25px; width:100%; max-width:800px}
.kidsCurriculum .btn {color:#000; font-weight:100; font-size:25px; border: 1px solid #000; padding:20px; margin:30px 0px; width:300px; transition: all .2s ease-out, all 0.2s ease-out;}
.kidsCurriculum .btn:hover {background-color:#ae121b; color:#fff;}
.kidsCurriculum p {margin:auto; padding:5px 5px 75px; color:#000; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.kidsContent {padding:0 50px; text-align:center; width:100%; background-color: #ae121b;}
.kidsContent h2 {padding-top:50px; color:#fff; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsContent h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.kidsContent img {margin-top:25px; width:100%; max-width:500px}
.kidsContent .btn {color:#fff; font-weight:100; font-size:25px; border: 1px solid #fff; padding:20px 0; margin:15px 0px; width:285px; transition: all .2s ease-out, all 0.2s ease-out;}
.kidsContent .btn:hover {background-color:#000}
.kidsContent p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.kidsVideos {padding:0 50px; text-align:center; width:100%; }
.kidsVideos h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsVideos h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;max-width:1080px; margin:auto;display:block}
.kidsVideos img {margin-top:25px; width:100%; max-width:600px}
.kidsVideos p {margin:auto; padding:5px 5px 75px; color:#000; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.kidsController {padding:0 50px; text-align:center; width:100%; background-color:#d6a609;}
.kidsController h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsController h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.kidsController img {margin:25px 0 15px; width:100%; max-width:800px}
.kidsController p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.kidsMobile {padding:0 50px; text-align:center; width:100%; background-color:#AEC400;float:left}
.kidsMobile h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsMobile h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px;max-width:1080px; margin:auto;display:block}
.kidsMobile img {margin-top:25px; width:100%; max-width:450px}
.kidsMobile h4 {font-size:18px; font-weight:600; margin-bottom:7px; color:#000; line-height:30px}
.kidsMobile p {margin:auto; padding:5px 5px 75px; color:#fff; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.kidsParentShare {padding:0 50px; text-align:center; width:100%;}
.kidsParentShare h2 {padding-top:50px; color:#000; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsParentShare h3 {font-size:28px; font-weight:300; color:#000; line-height:45px;max-width:1080px; margin:auto;display:block}
.kidsParentShare img {margin-top:25px; width:100%; max-width:500px}
.kidsParentShare .btn {color:#000; font-weight:100; font-size:25px; border: 1px solid #000; padding:20px 0; margin:30px 0px; width:290px; transition: all .2s ease-out, all 0.2s ease-out;}
.kidsParentShare .btn:hover {background-color:#ae121b; color:#fff;}
.kidsParentShare p {margin:auto; padding:5px 5px 75px; color:#000; max-width:800px; width:100%; text-align:center; line-height:30px; font-size:16px; font-weight:100;}
.kidsCompatible {padding:0 50px; text-align:center; width:100%; background-color:#025378;}
.kidsCompatible h2 {padding-top:50px; color:#fff; font-size:47px; line-height:60px; font-weight:700; margin-bottom:10px;max-width:1080px; margin:auto}
.kidsCompatible h3 {font-size:28px; font-weight:300; color:#fff; line-height:45px; margin-bottom:40px;max-width:1080px; margin:auto;display:block}
.kidsCompatible h4 {font-size:18px; font-weight:600; margin-bottom:7px; color:#fff; line-height:30px}
.kidsCompatible img { width:100%; max-width:600px}
.kidsCompatible table {margin:auto; padding:5px 5px 75px; color:#fff; max-width:660px; width:100%; text-align:left; line-height:30px; font-size:16px; font-weight:100;}
.kidsCompatible tr > td:first-child {width:150px}
.kidsCompatible tr td a {color:#ae121b}
.kidsCompatible tr td a:hover {color:#ae121b;}
.bootstrap-dialog.type-primary .modal-header {background-color:#F8F8F8; text-align:center}
.bootstrap-dialog .bootstrap-dialog-title {color:#000; font-size:16px; display:inline-block}
#welcomeModal .modal-body {height:150px}
#welcomeModal .modal-header .close {margin-top:-30px}
#DialogKidsVideo .modal-header .close {margin-top:-8px}
#DialogKidsVideo .modal-header {height:40px}
#DialogKidsVideo .modal-dialog {width:1020px}
#DialogKidsVideo2 .modal-header .close {margin-top:-8px}
#DialogKidsVideo2 .modal-header {height:40px}
#DialogKidsVideo2 .modal-dialog {width:1020px}
#DialogKidsVideo2 .modal-body {height:585px}
#DialogKidsVideo2 .mejs-container {width:990px !important; height:557px !important; border:none}
#DialogKidsVideo2 #video-container {width:990px; height:557px;}
#DialogKidsVideo2 .mejs-layer {width:999px !important; height:561px !important}
/* All non-Media Responsiveness
----------------------------------------------- */
@media (max-width: 1150px) {
.churchWebsiteFeatures {padding:0 20px;}
}
@media (max-width: 1079px) {
.churchWebsiteBanner {background-size:859px;}
.churchWebsiteFeatures .featureList .feature1 {background-color:#ededed; padding:25px 0}
.churchWebsiteFeatures .featureList .feature3 {background-color:#ededed; padding:25px 0}
.churchWebsiteFeatures .featureList .feature5 {background-color:#ededed; padding:25px 0}
.churchWebsiteFeatures .featureList .feature7 {background-color:#ededed; padding:25px 0}
.presenterBanner {background-size:859px;}
.presenterFeatures .featureList .feature1 {background-color:#ededed; padding:25px 0}
.presenterFeatures .featureList .feature3 {background-color:#ededed; padding:25px 0}
.presenterFeatures .featureList .feature5 {background-color:#ededed; padding:25px 0}
.presenterFeatures .featureList .feature7 {background-color:#ededed; padding:25px 0}
.presenterPackage img {width:80%}
.presenterBibleTranslations img {width:80%}
.churchAppBanner {background-size:859px;height:705px}
.churchAppFeatures .featureList .feature1 {background-color:#ededed; padding:25px 0}
.churchAppFeatures .featureList .feature3 {background-color:#ededed; padding:25px 0}
.churchAppFeatures .featureList .feature5 {background-color:#ededed; padding:25px 0}
.churchAppFeatures .featureList .feature7 {background-color:#ededed; padding:25px 0}
.kidsBanner {background-size:700px; height:710px}
#DialogWebVideo .modal-dialog {width:900px}
#DialogPresenterVideo .modal-body {height:515px}
#DialogPresenterVideo .modal-dialog {width:890px}
#DialogPresenterVideo .mejs-container {width:860px !important; height:484px !important; border:none}
#DialogPresenterVideo #video-container {width:860px; height:484px;}
#DialogPresenterVideo .mejs-layer {width:860px !important; height:484px !important}
#DialogDemo .modal-dialog {width:900px}
#DialogKidsVideo .modal-dialog {width:890px}
#DialogKidsVideo2 .modal-body {height:515px}
#DialogKidsVideo2 .modal-dialog {width:890px}
#DialogKidsVideo2 .mejs-container {width:860px !important; height:484px !important; border:none}
#DialogKidsVideo2 #video-container {width:860px; height:484px;}
#DialogKidsVideo2 .mejs-layer {width:860px !important; height:484px !important}
.iframeLG {display:none}
.iframeMD {display:block}
.iframeSM {display:none}
.iframeXS {display:none}
.iframeXXS {display:none}
}
@media (max-width: 925px) {
#DialogWebVideo .modal-dialog {width:755px}
#DialogPresenterVideo .modal-body {height:440px}
#DialogPresenterVideo .modal-dialog {width:755px}
#DialogPresenterVideo .mejs-container {width:725px !important; height:408px !important; border:none}
#DialogPresenterVideo #video-container {width:725px; height:408px;}
#DialogPresenterVideo .mejs-layer {width:725px !important; height:408px !important}
#DialogDemo .modal-dialog {width:755px}
#DialogKidsVideo .modal-dialog {width:755px}
#DialogKidsVideo2 .modal-body {height:440px}
#DialogKidsVideo2 .modal-dialog {width:755px}
#DialogKidsVideo2 .mejs-container {width:725px !important; height:408px !important; border:none}
#DialogKidsVideo2 #video-container {width:725px; height:408px;}
#DialogKidsVideo2 .mejs-layer {width:725px !important; height:408px !important}
.iframeLG {display:none}
.iframeMD {display:none}
.iframeSM {display:block}
.iframeXS {display:none}
.iframeXXS {display:none}
}
@media (max-width: 825px) {
.presenterBanner {height:845px}
}
@media (max-width: 767px) {
.churchWebsiteBanner {height:750px;}
.churchWebsiteBanner .btn {margin:15px 0 0; float:none}
.presenterBanner {height:1035px;}
.presenterBanner .btn {margin:15px 0 0; float:none}
.presenterSysReq ul {float:none}
.presenterSysReq ul:first-child {padding:5px 5px 0}
.churchAppBanner {height:805px;}
.churchAppBanner .btn {margin:15px 0 0; float:none}
.churchAppMembership .btn {margin:15px 0 0; float:none}
.churchAppSocial .floatRight {float:none; padding:5px}
.churchAppSocial .floatLeft {float:none;}
.churchAppNotifications .floatRight {float:none; padding:5px}
.churchAppNotifications .floatLeft {float:none;}
.kidsBanner {height:855px;}
.kidsBanner .btn {margin:15px 0 0; float:none}
.kidsContent .btn {margin:15px 0 0; float:none}
#DialogWebVideo .modal-dialog {width:520px}
#DialogPresenterVideo .modal-body {height:305px}
#DialogPresenterVideo .modal-dialog {width:520px}
#DialogPresenterVideo .mejs-container {width:490px !important; height:276px !important; border:none}
#DialogPresenterVideo #video-container {width:490px; height:276px;}
#DialogPresenterVideo .mejs-layer {width:490px !important; height:276px !important}
#DialogDemo .modal-dialog {width:520px}
#DialogKidsVideo .modal-dialog {width:520px}
#DialogKidsVideo2 .modal-body {height:305px}
#DialogKidsVideo2 .modal-dialog {width:520px}
#DialogKidsVideo2 .mejs-container {width:490px !important; height:276px !important; border:none}
#DialogKidsVideo2 #video-container {width:490px; height:276px;}
#DialogKidsVideo2 .mejs-layer {width:490px !important; height:276px !important}
.iframeLG {display:none}
.iframeMD {display:none}
.iframeSM {display:none}
.iframeXS {display:block}
.iframeXXS {display:none}
.section-testimonials .list-testimonials a:first-child {display:none}
.section-testimonials .list-testimonials a.mobileLink {display:block !important}
}
@media (max-width: 550px) {
.churchWebsiteBanner {padding:0 5px;}
.churchWebsiteBanner h1 {font-size:32px; line-height:50px;}
.churchWebsiteBanner h3 {font-size:25px; line-height:35px;}
.churchWebsiteTemplates {padding:0 5px;}
.churchWebsiteTemplates h2 {font-size:32px; line-height:50px;}
.churchWebsiteTemplates h3 {font-size:25px; line-height:35px;}
.churchWebsiteApp {padding:0 5px;}
.churchWebsiteApp h2 {font-size:32px; line-height:50px;}
.churchWebsiteApp h3 {font-size:25px; line-height:35px;}
.churchWebsiteMigration {padding:0 5px;}
.churchWebsiteMigration h2 {font-size:32px; line-height:50px;}
.churchWebsiteMigration h3 {font-size:25px; line-height:35px;}
.churchWebsiteEditor {padding:0 5px;}
.churchWebsiteEditor h2 {font-size:32px; line-height:50px;}
.churchWebsiteEditor h3 {font-size:25px; line-height:35px;}
.churchWebsiteFeatures {padding:0 5px;}
.churchWebsiteFeatures h2 {font-size:32px; line-height:50px;}
.churchWebsiteFeatures h3 {font-size:25px; line-height:35px;}
.churchWebsiteExamples {padding:0 5px;}
.churchWebsiteExamples h2 {font-size:32px; line-height:50px;}
.churchWebsiteExamples h3 {font-size:25px; line-height:35px;}
#DialogWebVideo .modal-dialog {width:373px}
.presenterBanner {padding:0 5px;height:925px;}
.presenterBanner h1 {font-size:32px; line-height:50px;}
.presenterBanner h3 {font-size:25px; line-height:35px;}
.presenterPackage {padding:0 5px;}
.presenterPackage h2 {font-size:32px; line-height:50px;}
.presenterPackage h3 {font-size:25px; line-height:35px;}
.presenterCountdownTimers {padding:0 5px;}
.presenterCountdownTimers h2 {font-size:32px; line-height:50px;}
.presenterCountdownTimers h3 {font-size:25px; line-height:35px;}
.presenterSongDatabase {padding:0 5px;}
.presenterSongDatabase h2 {font-size:32px; line-height:50px;}
.presenterSongDatabase h3 {font-size:25px; line-height:35px;}
.presenterBibleTranslations {padding:0 5px;}
.presenterBibleTranslations h2 {font-size:32px; line-height:50px;}
.presenterBibleTranslations h3 {font-size:25px; line-height:35px;}
.presenterSysReq {padding:0 5px;}
.presenterSysReq h2 {font-size:32px; line-height:50px;}
.presenterSysReq h3 {font-size:25px; line-height:35px;}
.presenterFeatures {padding:0 5px;}
.presenterFeatures h2 {font-size:32px; line-height:50px;}
.presenterFeatures h3 {font-size:25px; line-height:35px;}
.churchAppBanner {padding:0 5px;height:805px;}
.churchAppBanner h1 {font-size:32px; line-height:50px;}
.churchAppBanner h3 {font-size:25px; line-height:35px;}
.churchAppMembership {padding:0 5px;}
.churchAppMembership h2 {font-size:32px; line-height:50px;}
.churchAppMembership h3 {font-size:25px; line-height:35px;}
.churchAppAudioVideo {padding:0 5px;}
.churchAppAudioVideo h2 {font-size:32px; line-height:50px;}
.churchAppAudioVideo h3 {font-size:25px; line-height:35px;}
.churchAppBlog {padding:0 5px;}
.churchAppBlog h2 {font-size:32px; line-height:50px;}
.churchAppBlog h3 {font-size:25px; line-height:35px;}
.churchAppCommunication {padding:0 5px;}
.churchAppCommunication h2 {font-size:32px; line-height:50px;}
.churchAppCommunication h3 {font-size:25px; line-height:35px;}
.churchAppSocial {padding:0 5px;}
.churchAppSocial h2 {font-size:32px; line-height:50px;}
.churchAppSocial h3 {font-size:25px; line-height:35px;}
.churchAppNotifications {padding:0 5px;}
.churchAppNotifications h2 {font-size:32px; line-height:50px;}
.churchAppNotifications h3 {font-size:25px; line-height:35px;}
.churchAppFeatures {padding:0 5px;}
.churchAppFeatures h2 {font-size:32px; line-height:50px;}
.churchAppFeatures h3 {font-size:25px; line-height:35px;}
.kidsBanner {padding:0 5px;height:775px;}
.kidsBanner h1 {font-size:32px; line-height:50px;}
.kidsBanner h3 {font-size:25px; line-height:35px;}
.kidsCurriculum {padding:0 5px;}
.kidsCurriculum h2 {font-size:32px; line-height:50px;}
.kidsCurriculum h3 {font-size:25px; line-height:35px;}
.kidsContent {padding:0 5px;}
.kidsContent h2 {font-size:32px; line-height:50px;}
.kidsContent h3 {font-size:25px; line-height:35px;}
.kidsVideos {padding:0 5px;}
.kidsVideos h2 {font-size:32px; line-height:50px;}
.kidsVideos h3 {font-size:25px; line-height:35px;}
.kidsController {padding:0 5px;}
.kidsController h2 {font-size:32px; line-height:50px;}
.kidsController h3 {font-size:25px; line-height:35px;}
.kidsMobile {padding:0 5px;}
.kidsMobile h2 {font-size:32px; line-height:50px;}
.kidsMobile h3 {font-size:25px; line-height:35px;}
.kidsParentShare {padding:0 5px;}
.kidsParentShare h2 {font-size:32px; line-height:50px;}
.kidsParentShare h3 {font-size:25px; line-height:35px;}
.kidsCompatible {padding:0 5px;}
.kidsCompatible h2 {font-size:32px; line-height:50px;}
.kidsCompatible h3 {font-size:25px; line-height:35px;}
#DialogPresenterVideo .modal-body {height:225px}
#DialogPresenterVideo .modal-dialog {width:373px}
#DialogPresenterVideo .mejs-container {width:345px !important; height:195px !important; border:none}
#DialogPresenterVideo #video-container {width:345px; height:195px;}
#DialogPresenterVideo .mejs-layer {width:345px !important; height:195px !important}
#DialogDemo .modal-dialog {width:373px}
#DialogKidsVideo .modal-dialog {width:373px}
#DialogKidsVideo2 .modal-body {height:225px}
#DialogKidsVideo2 .modal-dialog {width:373px}
#DialogKidsVideo2 .mejs-container {width:345px !important; height:195px !important; border:none}
#DialogKidsVideo2 #video-container {width:345px; height:195px;}
#DialogKidsVideo2 .mejs-layer {width:345px !important; height:195px !important}
.iframeLG {display:none}
.iframeMD {display:none}
.iframeSM {display:none}
.iframeXS {display:none}
.iframeXXS {display:block}
}