/* main */

/*
.main1-1 { padding:40px 15px;}
.main1-1 #sermon a { text-decoration:none; color:#fff;}
.main1-1 #sermon h5 { font-size:35px; margin:25px 0px 0px; display: inline-block;}
.main1-1 #sermon img { position:relative; top:-10px; left:25px;}
.main1-1 #sermon img:hover { opacity:0.7; transition:0.3s all ease;}
.main1-1 #sermon h5:hover { font-weight:bold;}
.main1-1 #sermon h6 { font-size:20px; color:#B8E6FF; display:inline-block; margin-left:15px;}
.main1-1 h3 { margin:0px 0px 3px; font-size:30px; color: #B8E6FF; font-weight:500;}
.main1-1 h4 { margin:0px 0px 15px; font-size:30px; color:#fff;}
.main1-1 p { font-size:16px; color:#C5DEF8; margin:0px 0px 25px; }
.main1-1 li { display:inline-block; padding:0px 10px 0px 0px;}
*/

#main1-bg { background: url(../Images/sermon_bg.png) no-repeat; background-position:center; background-size:cover; height:388px; padding:50px 0; }

.message { padding:100px 0; }
.message .text {display:none;  }
.message .container { padding:0 80px; }
 .message .container .bottom span {
    transition: 0.2s all;
    display: inline-block;
    font-size: 17px;
    width: 33.333333%;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 20px 0px;
    color: #333;
    line-height: 1;
    cursor: pointer;
    float:left; 
}
 .message .container .bottom span:last-child { border-right: 1px solid #ddd ;}
 .message #dimodeYoutube { width:100%!important; height:660px; float:left; border:1px solid #ddd; }
 .message .container .bottom span.active { background:#143A61; color:#fff; }

.new-sermon-box { margin:30px 0; }
.new-sermon-box { border-radius:25px; padding:20px 40px;}
.main1-new .box1 { background:#373F80; }
.main1-new .box2 { background:#463E33; }
.main1-new .box3 { background:#030201; }
.new-sermon-box h3 { color:#fff; font-size:23px; }
.new-sermon-box a { color:#fff; text-decoration:none; font-size:20px; margin:0 0 20px;}
.new-sermon-box p { color:#fff; font-size:16px; line-height:25px; margin:0;}

#main2 h2 { margin: 30px auto; font-size: 22px; position: relative; z-index: 2; text-align: center; width:50%; }
#main2 h2 span { background: #F5F6F8; font-weight: 600; color: #333; font-size:33px; text-align: center; margin: 0; padding: 5px 13px;  width: 325px; display: inline-block; }
#main2 h2:after { content: "";  position: absolute; top: 30%; left: 0; right: 0; border-top: solid 1px #aaa; z-index: -1; }


#main3 { padding:50px 0px;}
#main3 .title { font-size: 30px; border:1px solid #000; display:inline-block; padding:5px 80px; margin:0px 0px 60px; font-weight:bold;}
#main3 a { text-decoration:none;}
#main3 a:hover { color:#143A61; transition:0.3s all ease;}
#main3 h5:hover { color:#143A61; transition:0.3s all ease;}
#main3 h4 { font-size:20px; color:#000; font-weight:bold; margin:0px; display:inline-block; float:left; clear:both; margin:0px 0px 20px;}
#main3 h5 { font-size:20px; color:#000; font-weight:bold; float:right; margin:0px;}
#main3 ul { width:100%; clear:both;}
#main3 ul li { font-size:15px; padding:8px 0px; border-bottom:1px solid #e5e5e5; overflow:hidden; }
#main3 ul a { color:#333;}
#main3 ul li span { float:right;}
#main3 .main3-1, #main3 .main3-2 { padding:0px;}
#main3 .main3-1 p, #main3 .main3-2 p { margin:0;     text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important; float:left; }

#main2 {background-color:#F5F6F8; padding:50px 0px;}
#main2 > div > div > div { margin:0 0 30px; }
#main2 .next-box h5 { font-size:14px; margin:15px 0 0; color:#949798; }
#main2 .next-box img { margin:0px 0px 15px; width:100%; height: 100%;}
#main2 .next-box { overflow:hidden;}
#main2 .next-box img:hover { opacity:0.7; transition:0.4s all ease; transform:scale(1.05);}
#main2 .next-box h3 { font-size:18px; margin:8px 0px 15px; color:#061648; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important;}
#main2 .next-box a {text-decoration:none;}
#main2 .next-cont {height:345px; overflow:hidden; font-size:17px; }
#main2 .next-cont p { font-size:14px; color:#949798; }
#main2 .next-cont img { display:none!important;}
#main2 .text-center a { text-decoration:none; color:#545454; font-size:15px;}
#main2 .text-center { margin:15px 0px 0px;}
#main2 .text-center span { display:inline-block; padding: 5px 20px; background-color: #fff; border:1px solid #BEBEBE; border-radius:10px; margin:0px 3px; font-size:17px;}
/*#main2 .text-center span:hover { display:inline-block; padding: 5px 20px; background-color: #B8E6FF; border:1px solid #BEBEBE; border-radius:10px; margin:0px 3px; color:#fff; transition:0.2s all ease;}*/

#main-quick { text-align:center;}
#main-quick a { text-decoration:none; color:#fff;}
#main-quick img { display:inline-block; margin-right:15px;}
#main-quick p { display:inline-block; font-size:18px; margin:0;}
#main-quick > div > div > a> div { padding:30px 0px; border-right:1px solid #57728C; border-bottom:1px solid #57728C;background-color:#143A61; }
#main-quick > div > div > a> div:hover { opacity:0.7; transition:0.4s all ease;}

/* media */



@media (min-width:1200px) and (max-width:1499px) {
.next-box > a > div { height:210px!important; }
}

@media (min-width:993px) and (max-width:1199px) {
.next-box > a > div { height:210px!important; }
    .main1-1 h3 { font-size:25px;}
    .main1-1 h4 { font-size:25px;}
    .main1-1 p { font-size:14px; }
    .main1-1 #sermon h5 { font-size:30px; }
    .main1-1 #sermon h6 {font-size:16px;}
    #main-quick p { font-size:15px;}
    #main-quick img { margin-right:5px; }
    .message .container {
    padding: 0 100px;
}

}

@media (min-width:768px) and (max-width:992px) {
	
	#main3 .main3-1 p, #main3 .main3-2 p { width:200px; }
    .message .container {
    padding: 0 15px;
}
	.new-sermon-box { padding:20px; }
    .main1-1 { text-align:center;}
    #main1-bg { background:none; background-color:#295687; height:inherit;}
    .main1-1 #sermon h6 { display:none;}
    .main1-1 #sermon img {top:inherit; left:inherit; margin:15px 0px 0px;}
    .main1-1 #sermon h5 { display:block;}
}

@media (max-width:767px) {
	#main3 .main3-1 p, #main3 .main3-2 p { width:150px; }
    .message { padding:50px 15px; }
        .message .container {
    padding: 0 15px;
}
        .message .container .bottom span { font-size:15px; }
        .message #dimodeYoutube { height:200px!important; }

	#main-quick img { width:35px; }
	/*
	.slide { height:250px!important; }
	.slider .slider-wrapper .slide img { height:250px; }
	*/
	.next-box img { height:240px!important; }
	#main2 h2 { margin:0 auto; }
	#main-quick > div > div > a> div { padding:15px 0; }
	#main-quick img { display:block; margin:0 auto 10px; }
	.new-sermon-box { margin:10px 0; }
	.mob-login .widget-login { display:block!important; text-align:right; margin:10px 0 0;}
	.mob-login .widget-login a { font-size:15px; }
	.widget-login { display:none; }
	#main2 h2 span { width:220px; }
	#main2 h2 span { font-size:25px; }
	#main2 h2 { width:70%; }
        .main1-1 #sermon h6 { display:none;}
        .main1-1 { text-align:center;}
    #main1-bg { background:none; background-color:#295687; height:inherit;}
    .main1-1 #sermon img {top:inherit; left:inherit; margin:15px 0px 0px;}
        .main1-1 h3 { font-size:25px;}
    .main1-1 h4 { font-size:25px;}
    .main1-1 p { font-size:14px; }
    .main1-1 #sermon h5 { font-size:30px; display:block;}
    .main1-1 #sermon h6 {font-size:16px;}
    #main-quick p { font-size:14px;}
    #main3 .title { font-size:20px; margin:0px 0px 50px;}
    #main3 h5 { font-size:17px; }
    #main3 h4 { font-size:17px; }
    #main3 .main3-2 { margin:30px 0px 0px;}
    #main2 .next-box h3 {font-size:15px;line-height:25px;}
    #main2 .next-box h5 { font-size:13px;}
    #main2 .next-cont p { font-size:13px; line-height:25px;}
    #main2 .text-center a { font-size:13px; }
    #main2 .text-center span { padding:10px; font-size:15px;}
    #main2 .next-cont { height:385px; font-size:15px;}
}