/*************** [sermons]basic ***************/
/*#section_type_sermons_22*/
#section_type_sermons_22 {clear:both;}

#section_type_sermons_22 .sermon {width:100%; /* height:auto; background:url("/section/sermon/sermon_22/img/bg.jpg")no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box; */}

#section_type_sermons_22 .sermon .top {width:100%; height:630px; background:url("/section/sermon/sermon_22/img/top_bg.jpg")no-repeat center center; background-size:cover; padding:100px 0 160px; box-sizing:border-box;}
	#section_type_sermons_22 .sermon .top .inner {background:url("/section/sermon/sermon_22/img/top_pastor.png")no-repeat right bottom; height:530px;}
	#section_type_sermons_22 .sermon .top h1 {font-family:"GmarketSansLight"; font-weight:100; font-size:36px; line-height:135%; margin-bottom:30px; color:#333; letter-spacing:-1px;}
		#section_type_sermons_22 .sermon .top h1 .g_bold {font-family:"GmarketSansBold"; font-weight:500;}
		#section_type_sermons_22 .sermon .top h1 .g_medium {font-family:"GmarketSansMedium";}
	#section_type_sermons_22 .sermon .top p {color:#333; font-size:18px; line-height:135%; margin-bottom:40px; letter-spacing:-1px;}
	#section_type_sermons_22 .sermon .top h2 {margin-top:90px; font-size:30px; font-family:"GmarketSansMedium"; color:#333; font-weight:300; margin-bottom:30px; letter-spacing:-1px; line-height:135%;}
		#section_type_sermons_22 .sermon .top h2:before {content:""; display:block; width:40px; height:4px; background:#333; position:relative; top:-20px;}
		#section_type_sermons_22 .sermon .top h2:hover a {text-decoration:underline;}
	#section_type_sermons_22 .sermon .top .btn {border:1px solid #333; display: inline-block;}
	#section_type_sermons_22 .sermon .top .btn a {display:block; padding:10px 20px; transition:all 0.3s;}
	#section_type_sermons_22 .sermon .top .btn a p {color:#333; text-align:center; display: inline-block; margin-bottom: 0; font-family:"GmarketSansMedium"; padding-right:5px; font-size:16px;}
	#section_type_sermons_22 .sermon .top .btn a p img {display:inline-block; }
		#section_type_sermons_22 .sermon .top .btn a:hover {background:#333;}
		#section_type_sermons_22 .sermon .top .btn a:hover p {color:#fff;}

#section_type_sermons_22 .sermon .bottom {width:100%; height:330px; background:url("/section/sermon/sermon_22/img/bottom_bg.jpg")no-repeat center center; background-size:cover;}
	#section_type_sermons_22 .sermon .bottom .bot_box {width:100%; overflow:hidden; height:310px; position:absolute; top:-60px;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box {float:left; width:33.333%; height:100%; padding:40px; box-sizing:border-box;}
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg1 {background:#f8d05e url("/section/sermon/sermon_22/img/box_bg1.png")no-repeat right bottom;}
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg2 {background:#333 url("/section/sermon/sermon_22/img/box_bg2.png")no-repeat right bottom;}
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg3 {background:#fff url("/section/sermon/sermon_22/img/box_bg3.png")no-repeat right bottom;}

	#section_type_sermons_22 .sermon .bottom .bot_box .box h3 {font-family:"GmarketSansMedium"; font-weight:300; color:#555; margin-bottom:40px; font-size:22px;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box h4 {font-family:"GmarketSansMedium"; font-weight:300; margin-bottom:20px; font-size:20px;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box h4 a {color:#000; }
	#section_type_sermons_22 .sermon .bottom .bot_box .box h4:hover a {text-decoration:underline;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box p {font-family:"GmarketSansMedium"; color:#000; font-size:18px; margin-bottom:70px;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box h5 {width:30px; height:30px; background:#333; font-family:"GmarketSansMedium"; font-size:26px; text-align:center; }
	#section_type_sermons_22 .sermon .bottom .bot_box .box h5 a {color:#fff; font-weight:300; display:inline-block; padding:4px;}
		
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg2 h3 {color:#c5c5c5;}
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg2 h4 a {color:#fff;}
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg2 p {color:#fff;}
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg2 h5 {background:#f8d05e;}
		#section_type_sermons_22 .sermon .bottom .bot_box .box.bg2 h5 a {color:#333;}

/*************** [sermons]responsive ***************/

@media screen and (max-width:1200px){ 
	#section_type_sermons_22 .sermon .bottom .bot_box .box h4 a {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%;}
}

@media screen and (max-width:1024px){ 
	#section_type_sermons_22 .sermon .top {height:auto; padding:80px 0 40px;}
	#section_type_sermons_22 .sermon .top .inner {background:none; height:auto;}
	#section_type_sermons_22 .sermon .top h1 {text-align:center; font-size: 30px;}
	#section_type_sermons_22 .sermon .top p {text-align:center; font-size:16px;}
	#section_type_sermons_22 .sermon .top h2 {text-align:center; font-size: 24px;}
		#section_type_sermons_22 .sermon .top h2:before {left: 50%; margin-left: -20px;}
	#section_type_sermons_22 .sermon .top .btn {position: relative; left: 50%; margin-left: -87px;}


	#section_type_sermons_22 .sermon .bottom {height:auto; padding:40px 0;}
	#section_type_sermons_22 .sermon .bottom .bot_box {position:relative; top:0;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box h3 {font-size:20px;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box h4 {font-size:18px;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box p {font-size:16px;}
}

@media screen and (max-width:900px){
	#section_type_sermons_22 .sermon .bottom .bot_box {height:auto;}
	#section_type_sermons_22 .sermon .bottom .bot_box .box {float:none; width:100%;}
}