#main { position:relative; }
#fullpage { transition-delay: 1s !important; }
.fullpage-nav a { text-decoration:none;  }
.fullpage-nav { position:fixed; z-index:50; bottom:50px; right:0; background:rgba(0,0,0,0.2);  padding:15px 15px; }
.fullpage-nav li {  color:#fff; padding:1.5px 0; font-size:14px;  text-align:left ; margin:5px 0; overflow:hidden; }
.fullpage-nav li div { float:left; }
.fullpage-nav li div:first-child { margin-right:8px; font-size:12px; }
.main-quick { position:fixed; z-index:50; bottom:30px; left:30px; }
.main-quick li { margin:7px 0; background:rgba(0,0,0,0.6); text-align:center;  border-radius:20px; height:90px; }
.main-quick li:hover { background:rgba(0,0,0,0.9); transition:.3s all; }
.main-quick li .fa-youtube { color:#e50719; font-size:40px; }
.main-quick li .fa-user { color:#5bacff; font-size:30px; margin-bottom:7px;  }
.main-quick li .fa-envelope { color:#fff; font-size:30px; margin-bottom:5px;  }
.main-quick li .fa-pray { color:#fff; font-size:30px; margin:5px 0;  }
.main-quick li .fa-desktop { color:#fff; font-size:30px; margin:5px 0;  }
.main-quick li a { color:#fff; font-size:19px; text-decoration:none; padding:10px 20px; display:inline-block; }
.main-quick li:nth-child(2) a { padding:14px 20px; }
.main-quick li:nth-child(3) a { padding:14px 20px; }
.fullpage-mouse { position:fixed; bottom:25px; z-index:50; left:49%; display:block; transform: translate(-50%, 0);}
.fullpage-mouse img {  animation: MoveUpDown 1.2s ease-in-out infinite; position:relative; z-index:10; }

@keyframes MoveUpDown {
    0%, 100% {
    transform: translateY(0rem);
  }
  50% {
    transform: translateY(1rem);
  }
}


.fp-controlArrow { display:none!important; }

.slider .slider-wrapper .slide p { height:100%!important; }

.main-quick .tooltip { width:100px; }
.slider { height:100%!important; }



#section-2 .slider .slider-wrapper .slide p { height:100%; text-align:center; }
#section-2 .slider .slider-wrapper { width:100%!important; }
#section-1 .video-tag { height:100%!important; }

/* #section-1 { background:url(../../../Layouts/shinhahp_Layout_re/Images/section1/1.intro_bg.jpg) no-repeat; background-position:center; background-size:100% 100%; } */
#section-2 .each-img img { height:100%; width:100%; /* max-height:937px;*/ }
#section-2 .slider .slider-wrapper .slide p { width:100%; }
.slider .move-btn { z-index:1; }
#section-2 .swiper-slide img { width:100%;max-height:100vh;object-fit:cover; }


#section-3 { position:relative; background:url(../../../Layouts/shinhahp_Layout_re/Images/section3/3.sermon.jpg) no-repeat; background-position:center; background-size:100% 100%; }
.sermon { position:absolute;  top: 25%; right:10%;  text-align:right;  }
.sermon a { text-decoration:none; color:#fff;  }
.sermon h2:hover { color:#ff7b1e; transition:0.2s all; transition:.2s all; }
.sermon h2 { color:#fff; line-height:40px; margin:40px 0 15px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width: 100%;} 
.sermon p { font-size:18px; color:#fff;  margin:0 0 20px; }
.sermon ul { margin-top:60px; }
.sermon li { display:inline-block;  width:230px; border:2px solid #fff;  height:55px; vertical-align:top; font-size:22px; text-align:center; margin-left:5px; padding:10px 0; }
.sermon li a { width:100%; display:inline-block; }
.sermon li:hover { background: #C97336; transition:0.2s all; border: 2px solid #C97336;  }
.sermon li img { margin-left:15px;  position:relative; top:-2px;}
.sermon-new-btn { font-size:35px; position:relative; top:8px; margin-left:20px; }
.sermon-new-btn:hover { color:#61b9ff; transition:.2s all; }

#section-4 { background:url(../../../Layouts/shinhahp_Layout_re/Images/section4/4.section4_bg.jpg) no-repeat; background-size:100% 100%; }
#section-4 > div > div > div > div { padding:0 10px; }
#section-4 .section4-box { padding:50px 25px; position:relative; margin-top:80px; }
#section-4 .section4-box1 { background: url(../../../Layouts/shinhahp_Layout_re/Images/section4/4.next.jpg) no-repeat; height:600px; background-size:100% 100%; background-position:center; }
#section-4 .section4-box2 { background: url(../../../Layouts/shinhahp_Layout_re/Images/section4/4.section4_dream.jpg) no-repeat; height:600px; background-size:100% 100%; background-position:center; }
#section-4 .section4-box3 { background: url(../../../Layouts/shinhahp_Layout_re/Images/section4/4.newpeople.jpg) no-repeat; height:600px; background-size:100% 100%; background-position:center; }
#section-4 .section4-box4 { background: url(../../../Layouts/shinhahp_Layout_re/Images/section4/4.jubo.jpg) no-repeat; height:600px; background-size:100% 100%; background-position:center; }
#section-4 .section4-box h1 { margin:0; font-size:33px; color:#fff; font-weight:bold; }
#section-4 .section4-box p { font-size:17px; color:#fff;  margin:15px 0 0; }
#section-4 .section4-box div { position:absolute;  width:100%;  left:0;  bottom:60px; }
#section-4 .section4-box div a { display:inline-block; font-size:22px; color:#fff; background:rgba(0,0,0,0.5); border:2px solid #fff; padding:10px 50px; text-decoration:none; }
#section-4 .section4-box div a:hover { background:#fff; color:#252525; transition:0.3s all;   }

#section-5 { background:url(../../../Layouts/shinhahp_Layout_re/Images/section5/5.gallery_bg.jpg) no-repeat; background-size:100% 100%; }
#section-5 h1 { font-size:40px;  color:#fff;  font-weight:100;  margin:80px 0 50px;}
#section-5 .sec { margin-top:50px;  }
#section-5 .sec .more {  display:inline-block;  font-size:23px; border:1px solid #fff; width:230px;  margin:0 5px; padding:13px 0;  color:#fff;  margin-top:50px;  text-decoration:none; }
#section-5 .sec .more:hover { background: #252525; border: 1px solid #252525; transition:0.2s all; }
.section5-top li:hover { background: #252525; border: 1px solid #252525; transition:0.2s all; }
.section5-top { text-align:center;  }
.section5-top li { display:inline-block;  font-size:23px; border:1px solid #fff; width:230px;  margin:0 5px; padding:13px 0; }
.section5-top li.active { background:#252525; border: 1px solid #252525;  }
.section5-top li a  { text-decoration:none; color:#fff; display:inline-block;  }
.section5-box img { width:100%; height:300px; }
.box-desc { background:#fff;  position:relative;  height: 100px; }
.box-desc p { margin:0;  position:absolute;  top:15px; font-size:18px; color:#000; left:15px; text-decoration: none; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width:85%; }
.box-desc span { margin:0;  position:absolute;  bottom:15px; font-size:15px; color:#000; right:15px;}

#section-6 { background:url(../../../Layouts/shinhahp_Layout_re/Images/section6/6.section6_2025.png) no-repeat; background-position:center; background-size:auto; cursor:pointer; }

@media (min-width:1200px) and (max-width:1499px) {
	#section-4 .section4-box h1 { font-size:30px; }
	.section5-top li { width: 190px; }
	#section-1, #section-3 { background-size:auto 100%!important; }
}

@media (min-width:993px) and (max-width:1199px) {
	#section-4 .section4-box h1 { font-size:20px; }
	#section-4 .section4-box p { font-size: 15px; color: #fff; margin: 15px 0 0; line-height: 25px; }
	#section-4 .section4-box div a { font-size:17px; }
	.section5-top li { width:145px; font-size:17px; }
	#section-5 h1 { font-size:30px; }
	.box-desc p { width:165px; }
	.sermon { position: absolute; top: 20%; right: 5%; text-align: right; }
	.sermon h2 { font-size:30px; line-height:45px; }
	#section-4 .section4-box1 { padding:50px 15px; }
	#section-1, #section-3, #section-6 { background-size:auto 100%!important; }	
	.dimode-widget.popup .popup-content .each-content {margin-left:0!important; }
	#section-4 .section4-box { height:400px!important; }
	#section-3 {    background-position: inherit; } 
}

@media (min-width:768px) and (max-width:992px) {
	#section-4 .section4-box { height:400px; margin-top:0; margin-bottom:15px; }
	#section-4 > div > div { margin-top:90px; }
	#section-5 .sec > div:nth-child(3) { display:none!important; }
	#section-5 .sec > div:nth-child(4) { display:none!important; }
	.section5-top li { display: inline-block; font-size: 18px; border: 1px solid #fff; width: 115px; margin: 0 5px; padding: 13px 0; }
	#section-3 { background-size: auto 100%; }
	.sermon { right:30px; }
	#section-1 { background-size: auto 100%; }
	#section-6 { background-size: auto 100%; }
	#section-1, #section-3 { background-size:auto 100%!important; background-position:left; }
    .main-quick li a { font-size:17px; }
}

@media (max-width: 767px) {
	.sermon p { font-size:15px; }
	#section-2 { margin-top:115px; }
	.dimode-slider { height:240px!important; }
	.slider .move-btn.next-btn { display:none!important; }
	.slider .move-btn.prev-btn { display:none!important; }
	#section-1 { height:auto!important; margin-top:118px; display:none; }
	#section-1 .fp-tableCell, #section-2 .fp-tableCell, #section-2 { height:auto!important; }
	.sermon { position:relative; left:0; top:0; text-align:center; }
	.sermon > img { max-width:120px; }
	#section-3 { height:auto; padding:50px 15px; }
	#section-3 { background:none; background-color:#6bad5b; }
	.sermon h2 { font-size:17px; width:100%; }
	.sermon ul { margin-top:30px; }
	.sermon li { height:auto; font-size:17px; margin:5px 0; }
	.sermon li:hover { background: #19441a; transition: 0.2s all; border: 2px solid #19441a; }
	#section-4 { padding:35px 0 50px; }
	#section-4 .section4-box { margin-top:15px; height:200px; padding:25px 15px;}
	#section-4 .section4-box h1 { font-size:17px; }
	#section-4 .section4-box p { display:none; }
	#section-4 .section4-box div { position:relative; bottom:0; margin-top:90px;}
	#section-4 .section4-box div a { display: inline-block; font-size: 15px; color: #fff; background: #252525; border: 2px solid #fff; padding: 10px 10px; text-decoration: none; }	
	#section-5 { padding:50px 0; }
	#section-5 h1 { margin:0 0 50px; font-size:25px; }
	#section-5 .sec > div:nth-child(2) { display:none!important; }
	#section-5 .sec > div:nth-child(3) { display:none!important; }
    #section-5 .sec > div:nth-child(4) { display:none!important; }
	.section5-top li { width:160px; font-size:17px; margin:5px;}
	.box-desc p { font-size:16px; }
	#section-5 .sec .more { font-size:17px; }
    #section-5 { background-size:auto 100%; }
    .main-quick { left:15px; bottom:60px; }
    .main-quick li a { font-size:14px; padding:10px!important; transform: skew(-0.05deg);}
    .main-quick li .fa-youtube { font-size:25px; }
    .main-quick li .fa-user { font-size:20px; }
    .main-quick li .fa-envelope { font-size:20px; }
    .main-quick li .fa-pray { font-size:20px;}
    .main-quick li { height:auto; }
}