﻿#loginForm,
#joinForm,
#findForm{padding-top: 425px!important;}


/* common */
a{text-decoration:none!important;}
.nav-tabs {border-bottom:none;}
.plus { position:absolute; top:0; right:0;}
.plus:hover { opacity:0.8; transition:0.3s all ease;}
.box{display:inline-block; position:relative; opacity:0; top:50px; }
/* main1 s */
#main-slider{position:relative;}

#section-3,
#section-4,
#section-5,
#section-6,
#section-7,
#section-F{background-position: right bottom;background-repeat: no-repeat;background-size: cover;}

#section-1 .each-img {margin: 0;}
#section-1 .each-img img{width:100%;}
#section-1 .slide{background-repeat:no-repeat;background-position:center;background-size: cover;}
#section-1 .slide video{float:left;}

#section-2 .fp-tableCell{vertical-align: bottom;}
#section-2 .section2TBG{height: 75%;display: flex;align-items: flex-end;background-position: right bottom;background-repeat: no-repeat;background-size: cover;}
#section-2 .section2TM{padding:0 0 40px;}
#section-2 .section2TM .section2TML{}
#section-2 .section2TM .section2TML .section2TMLT{}
#section-2 .section2TM .section2TML .section2TMLT h1{margin:0 0 20px;font-size:32px;color:#fff;margin-bottom:30px;}
#section-2 .section2TM .section2TML .section2TMLT ul{display:flex;grid-gap:35px;flex-direction: column;}
#section-2 .section2TM .section2TML .section2TMLT ul li{font-size:21px;color:#fff;}
#section-2 .section2TM .section2TMR{}
#section-2 .section2BBG{height: 25%;background-color:#e1e2e5;}
#section-2 .section2BBG .section2BM{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;justify-items: center;padding:100px 0;}
#section-2 .section2BBG .section2BM .communityHF{width:100%;text-align:center;}
#section-2 .section2BBG .section2BM .communityHF:hover{position: relative;animation-name: updown;animation-duration: 1s;animation-duration: leaner;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards;}
#section-2 .section2BBG .section2BM .communityHF .communityIG{position: relative;padding: 40px;display: inline-block;}
#section-2 .section2BBG .section2BM .communityHF .communityIG .on,
#section-2 .section2BBG .section2BM .communityHF .communityIG .off{background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;right: 0;top: 0;width: 100%;height: 100%;}
#section-2 .section2BBG .section2BM .communityHF .communityIG .on{transition:0.3s all ease;opacity:0;}
#section-2 .section2BBG .section2BM .communityHF .communityIG .off{transition:0.3s all ease;opacity:1;}
#section-2 .section2BBG .section2BM .communityHF:hover .communityIG .on{transition:0.3s all ease;opacity:1;}
#section-2 .section2BBG .section2BM .communityHF:hover .communityIG .off{transition:0.3s all ease;opacity:0;}
#section-2 .section2BBG .section2BM .communityHF h1{font-size:24px;margin:30px 0 0;text-align:center;color:#556860;transition:0.3s all ease;}
#section-2 .section2BBG .section2BM .communityHF:hover h1{transition:0.3s all ease;color:#41362D;}

#section-3 .section3T{padding: 50px 0 0;margin: 0 0 20px;}
#section-3 .section3T .section3CM{display: inline-block;padding:0 0 50px;}
#section-3 .section3T .section3CM > h1{font-size:60px;color:#fff;margin:0 0 65px;}
#section-3 .section3T .section3CM > h2{font-size: 21px;padding: 15px 35px;display: inline-block;color: #fff;background-color: #556860;margin: 0 0 30px;}
#section-3 .section3T .section3CM .section3CLM{aspect-ratio: 16 / 9;background-repeat: no-repeat;background-position: center;background-size: contain;}
#section-3 .section3T .section3CM .section3CRM{color:#fff;display: flex;align-items: center;gap: 15px;}
#section-3 .section3T .section3CM .section3CRM .sermonM{}
#section-3 .section3T .section3CM .section3CRM .sermonM h1{margin: 0 0 25px;font-size: 36px;word-break: keep-all;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#section-3 .section3T .section3CM .section3CRM .sermonM h5{margin: 0;display: flex;gap: 15px;align-items: center;font-size: 12px;}
#section-3 .section3T .section3CM .section3CRM .sermonM h5 span{font-size:20px;}
#section-3 .section3T .section3CM .section3CRM .section3PBT{padding: 65px;display: inline-block;position:relative;}
#section-3 .section3T .section3CM .section3CRM .section3PBT .on{position:absolute;width:100%;height:100%;bottom:0;right:0;opacity:0;}
#section-3 .section3T .section3CM .section3CRM .section3PBT .off{position:absolute;width:100%;height:100%;bottom:0;right:0;opacity:1;}
#section-3 .section3BM{display: grid;gap: 25px;grid-template-columns: 1fr 1fr 1fr 1fr;}
#section-3 .section3BM a{color:#fff;text-decoration:none;}
#section-3 .section3BM a .worshipBG{aspect-ratio: 16 / 9;background-repeat: no-repeat;background-position: center;background-size: contain;margin:0 0 15px;}
#section-3 .section3BM a h1{margin:0;text-align:center;font-size:24px;}

#section-4{}
#section-4 .fp-tableCell{vertical-align: bottom;}
#section-4 .section4MT{width:68%;float:right;padding-bottom: 60px;}
#section-4 .section4MT .section4T{margin-bottom:50px;text-align: right;}
#section-4 .section4MT .section4T h1{margin:0 0 30px;font-size:60px;color:#fff;}
#section-4 .section4MT .section4T h5{margin:0;font-size:42px;color:#fff;}
#section-4 .section4MT .section4M{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
#section-4 .section4MT .section4M .section4ML{display: inline-block;padding: 45px 40px;background-color:#000;}
#section-4 .section4MT .section4M .section4ML h1{margin:0 0 30px;font-size:24px;color:#fff;position:relative;}
#section-4 .section4MT .section4M .section4ML h1::before {content: '';position: absolute;transform: translate(0, -50%);top: 50%;right: 0;transition: .5s;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #fff;transition:0.3s all ease;opacity:0;}
#section-4 .section4MT .section4M .section4ML h1:hover::before {transition:0.3s all ease;opacity:1;}

#section-4 .section4MT .section4M .section4ML ul li{font-size:21px;color:#fff;line-height:1.6;position:relative;}
#section-4 .section4MT .section4M .section4ML ul li::before {content: '';position: absolute;transform: translate(0, -50%);top: 50%;right: 0;transition: .5s;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #fff;transition:0.3s all ease;opacity:0;}
#section-4 .section4MT .section4M .section4ML ul li:hover::before {transition:0.3s all ease;opacity:1;}
#section-4 .section4MT .section4M .section4MR{display: inline-block;padding: 45px 40px;background-color:#000;}
#section-4 .section4MT .section4M .section4MR h1{margin:0 0 30px;font-size:24px;color:#fff;position:relative;}
#section-4 .section4MT .section4M .section4MR h1::before {content: '';position: absolute;transform: translate(0, -50%);top: 50%;right: 0;transition: .5s;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #fff;transition:0.3s all ease;opacity:0;}
#section-4 .section4MT .section4M .section4MR h1:hover::before {transition:0.3s all ease;opacity:1;}
#section-4 .section4MT .section4M .section4MR h5{margin:0 0 30px;font-size:18px;color:#fff;position:relative;}
#section-4 .section4MT .section4M .section4MR h5::before {content: '';position: absolute;transform: translate(0, -50%);top: 50%;right: 0;transition: .5s;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #fff;transition:0.3s all ease;opacity:0;}
#section-4 .section4MT .section4M .section4MR h5:hover::before {transition:0.3s all ease;opacity:1;}

#section-5 .section5T h1{font-size:60px;color:#556860;margin:0 0 30px;}
#section-5 .section5T h5{font-size:42px;color:#556860;margin:0 0 50px;}
#section-5 .section5M{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;width: 68%;}
#section-5 .section5M .missionBT{position:relative;padding:75px 150px;background-color:#b6967a;}
#section-5 .section5M .missionBT:before{background-color:#556860;}
#section-5 .section5M .missionBT h1{margin:0;font-size:32px;color:#ffffff;position: absolute;right:0;top: 50%;text-align: center;width: 100%;transform: translate(0, -50%);}

#section-6 .section6T h1{font-size:60px;color:#556860;margin:0 0 75px;text-align:center;}
#section-6 .container{overflow:hidden;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide{background-color:#fff;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide:hover{position: relative;animation-name: updown;animation-duration: 1s;animation-duration: leaner;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide a .commuIMG{height:200px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide a .commuM{padding:25px;height:250px;display: flex;flex-direction: column;justify-content: space-between;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide a .commuM .commuT{}
#section-6 #CommuSD .contentSlideWrapper .contentSlide a .commuM .commuT h2{margin: 0 0 10px;font-size: 17px;color: #034ea2;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide a .commuM .commuT h1{margin: 0 0 20px;font-size: 17px;color: #202020;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transform: skew(-0.05deg);overflow: hidden;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide a .commuM .commuT h5{margin: 0;font-size: 16px;color: #888888;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transform: skew(-0.05deg);overflow: hidden;}
#section-6 #CommuSD .contentSlideWrapper .contentSlide a .commuM > h5{margin: 0;font-size: 16px;color: #999999;}
#section-6 #CommuSD .commuPAM{margin: 65px 0 0;display: flex;gap: 15px;justify-content: center;align-items: center;}
#section-6 #CommuSD .commuPAM .CommuPA{display:flex;gap:8px;}
#section-6 #CommuSD .commuPAM .CommuPA .swiper-pagination-bullet-active{background-color:#000;}
#section-6 #CommuSD .commuPAM .commuHF{font-size:16px;color:#000;}

#section-7 .section7T h1{font-size:60px;color:#556860;margin:0 0 75px;text-align:center;}
#section-7 .container{overflow:hidden;}
#section-7 #PhotoSD .contentSlideWrapper .contentSlide{}
#section-7 #PhotoSD .contentSlideWrapper .contentSlide:hover{position: relative;animation-name: updown;animation-duration: 1s;animation-duration: leaner;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards;}
#section-7 #PhotoSD .contentSlideWrapper .contentSlide a .galleryIMG{height:200px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#section-7 #PhotoSD .contentSlideWrapper .contentSlide a .galleryT{}
#section-7 #PhotoSD .contentSlideWrapper .contentSlide a .galleryT h1{margin:15px 0 0;font-size:18px;color:#000;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transform: skew(-0.05deg);overflow: hidden;}
#section-7 #PhotoSD .contentSlideWrapper .contentSlide a .galleryT h5{}

#section-7 #PhotoSD .photoPAM{margin: 65px 0 0;display: flex;gap: 15px;justify-content: center;align-items: center;}
#section-7 #PhotoSD .photoPAM .photoPA{display:flex;gap:8px;}
#section-7 #PhotoSD .photoPAM .photoPA .swiper-pagination-bullet-active{background-color:#000;}
#section-7 #PhotoSD .photoPAM .photoHF{font-size:16px;color:#000;}
@media (min-width:1400px) {.container {width: 1400px;}}

@media (max-width:1999px) {
    #section-2 .section2BBG .section2BM {padding: 50px 0;}
    #section-5 .section5T h1{margin:0 0 15px;}
    #section-5 .section5T h5{margin:0 0 20px;}
    #section-6 .section6T h1{margin: 0 0 40px;}
    #section-6 #CommuSD .commuPAM{margin: 20px 0 0;}
}

@media (max-width:1699px) {
    #section-2{background-repeat: no-repeat;background-position: right top;background-size: 110%;}
    #section-2 .container .row{display: flex;justify-content: center;}
    #section-2 .section2TM{width:85%;padding: 0 0 40px;}
    #section-2 .section2BBG .section2BM{width:85%;}
    #section-2 .section2TM .section2TML .section2TMLT h5{font-size:20px;}
    #section-3 .fp-tableCell{vertical-align: bottom;padding:0 0 30px;}
    #section-3 .container .row{display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
    #section-3 .section3T{width:85%;}
    #section-3 .section3T h1{margin: 0 0 20px;}
    #section-3 .section3BM{width:85%;}
    #section-4{background-repeat: no-repeat;background-position: center;background-size: cover;}
    #section-4 .section4MT{padding-bottom: 30px;}
    #section-4 .section4MT .section4T {margin-bottom: 35px;}
    #section-5{background-repeat: no-repeat;background-position: right bottom;background-size: cover;}
    #section-5 .container .row{display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
    #section-5 .section5T{width:85%;}
    #section-5 .section5M{width:85%;}
    #section-6 .fp-tableCell{vertical-align: bottom;padding:0 0 30px;}
    #section-6 .container .row{display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
    #section-6 #CommuSD{width:85%;overflow:hidden;}
    #section-7 .fp-tableCell{vertical-align: bottom;padding:0 0 30px;}
    #section-7 .container .row{display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
    #section-7 #PhotoSD{width:85%;overflow:hidden;}
}

@media (max-width:1499px) {
    #section-1 .slide .each-img img {display: none;}
    #section-2{background-size: 135%;}
    #section-2 .section2TM{width:80%;}
    #section-2 .section2TM .section2TML .section2TMLT h5{word-break:keep-all;}
    #section-2 .section2BBG .section2BM {width: 80%;}
    #section-3 .section3T {width:80%;}
    #section-3 .section3CM{width:80%;}
    #section-3 .section3BM{width:80%;}
    #section-3 .section3BM .songM .song .songSD .contentSlideWrapper .contentSlide .songHF h1{font-size:17px;}
    #section-3 .section3BM .songM .song .songSD .contentSlideWrapper .contentSlide .songHF h5{font-size:15px;}
    #section-5 .section5T{width:80%;}
    #section-5 .section5M{width:80%;}
}

@media (max-width:1199px) {
    #section-2{background-size: 160%;}
    #section-2 .section2TM {padding: 0 0 20px;}
    #section-3 .section3BM a h1{font-size:20px;}
    #section-3 .section3BM .playM .play h4{font-size:15px;}
    #section-3 .section3BM .playM .play h1{font-size:17px;}
    #section-3 .section3BM .playM .play h5 span{font-size:15px;}
    #section-3 .section3BM .playM .play h5 {margin: 20px 0 0;}
    #section-3 .section3BM .specialM .special h1{font-size:17px;}
    #section-3 .section3BM .specialM .special h5{font-size:15px;}
    #section-4 .section4MT {width: 75%;}
    #section-5 .section5T {width:70%;}
    #section-5 .section5M {width: 70%;}
    #section-5 .section5M .missionBT{padding: 50px 100px;}
    #section-5 .section5M .missionBT h1{font-size:24px;}
}

@media (max-width:992px) {
    #section-1{height:inherit!important;padding-top:0;}
    #section-1 .fp-tableCell{height:inherit!important;}
    #section-1 .slide{height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
    #section-1 .slide .each-img img{display:block;}
    #section-2 {background-size: 200%;}
    #section-2 .section2TM{grid-template-columns: 1fr;}
    #section-2 .section2TBG{height:inherit;}
    #section-2 .section2TM .section2TMR{order:2;}
    #section-2 .section2TM .section2TML{order:1;padding:30px 0 20px;}
    #section-2 .section2BBG{height:auto;}
    #section-2 .section2BBG .section2BM{width:100%;}
    #section-3 .section3CM{width:100%;}
    #section-3 .section3T{padding:20px 0 0;}
    #section-3 .section3T .section3CM .section3CRM .sermonM h5{gap:5px;}
    #section-3 .section3BM{grid-template-columns: 1fr 1fr;}
    #section-4 .section4MT .section4M{grid-template-columns: 1fr;}
    #section-4 .section4MT .section4T{margin: 30px 0;}
    #section-5 .section5T{width:100%;}
    #section-5 .section5M{width:100%;}
    #section-6 .fp-tableCell{vertical-align: middle;}
    #section-7 .fp-tableCell{vertical-align: middle;}
}

@media (max-width: 767px) {
    .row{margin:0!important;}
    #section-1{height:inherit!important;}
    #section-1 .fp-tableCell{height:inherit!important;}
    #section-2{background-position: 85% 37%;background-color: #7696BC;}
    #section-2 .section2TBG{background-position: 90% 100%;height:inherit;}
    #section-2 .section2TM{width:100%;}
    #section-2 .section2TM .section2TML .section2TMLT h1{font-size:20px;}
    #section-2 .section2TM .section2TML .section2TMLT ul li{font-size:17px;}
    #section-2 .section2TM .section2TML .section2TMLT h5{font-size:16px;}
    #section-2 .section2BBG{height:auto;}
    #section-2 .section2BBG .section2BM{grid-template-columns: 1fr 1fr;gap:5px;}
    #section-2 .section2BBG .section2BM .communityHF h1{margin: 15px 0 0;font-size: 16px;}
    #section-3 .section3T .section3CM > h1{font-size:24px;margin: 0 0 20px;}
    #section-3 .section3T .section3CM > h2{font-size:20px;padding:10px;}
    #section-3 .section3T .section3CM{padding:0 0 20px;}
    #section-3 .section3T .section3CM .section3CRM{flex-direction: column;}
    #section-3 .section3T .section3CM .section3CRM .sermonM h1{font-size:20px;}
    #section-3 .section3T .section3CM .section3CRM .sermonM h5{flex-wrap: wrap;}
    #section-3 .section3T .section3CM .section3CRM .sermonM h5 span{font-size:17px;}
    #section-3 .section3T .section3CM .section3CRM .section3PBT{padding:30px;}
    #section-3 .section3T .section3CM .section3CRM .section3PBT .on,
    #section-3 .section3T .section3CM .section3CRM .section3PBT .off{background-repeat: no-repeat;background-position: center;background-size: cover;}
    #section-3 .section3BM{width:100%;}
    #section-3 .section3BM .playM .play h2{font-size:17px;margin: 0 0 20px;}
    #section-3 .section3BM .playM .play h1{font-size:17px;}
    #section-3 .section3BM .songM .song h2{font-size:17px;margin: 0 0 20px;}
    #section-3 .section3BM .specialM .special h2{font-size:17px;margin: 0 0 20px;}
    #section-3 .section3BM .specialM .special h1{font-size:17px;}
    #section-3 .section3BM .specialM .special h5{margin: 20px 0 0;}
    #section-3 .section3BM .specialM .special h5 span{font-size:15px;}
    #section-4 .section4MT{width:90%;}
    #section-4 .section4MT {padding-bottom: 15px;}
    #section-4 .section4MT .section4T {margin-bottom: 20px;}
    #section-4 .section4MT .section4T h1{font-size:24px;margin: 0 0 20px;}
    #section-4 .section4MT .section4T h5{font-size:20px;}
    #section-4 .section4MT .section4M .section4ML{padding:15px;}
    #section-4 .section4MT .section4M .section4ML h1{font-size:20px;}
    #section-4 .section4MT .section4M .section4ML ul li{font-size:17px;}
    #section-4 .section4MT .section4M .section4MR{padding:15px;}
    #section-4 .section4MT .section4M .section4MR h1{font-size:20px;}
    #section-4 .section4MT .section4M .section4MR h5{font-size:17px;margin:0;word-break:keep-all;line-height:1.5;}
    #section-5 .section5T h1{font-size:24px;margin: 0 0 20px;}
    #section-5 .section5T h5{font-size:20px;}
    #section-5 .section5M{grid-template-columns: 1fr 1fr;gap:10px;}
    #section-5 .section5M .missionBT {padding: 30px;}
    #section-5 .section5M .missionBT h1{font-size:17px;}
    #section-6 .fp-tableCell{vertical-align: middle;}
    #section-6 .section6T h1{font-size:24px;}
    #section-6 #CommuSD{width:100%;}
    #section-7 .fp-tableCell{vertical-align: middle;}
    #section-7 .section7T h1{font-size:24px;margin: 0 0 15px;}
    #section-7 #PhotoSD{width:100%;}
}
