/*
* Service CSS
*-------------------------------------
*
* Version: 150516A
*
* Author: Abundant Blessing Church Digital Team
*
* Notes: including all content structures of service page
*
*/
#service_main_intro{
	background:url(../img/service/service_bg01.jpg) no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
	}
.intro_content01{background:url(../img/service/service_title_large.png) no-repeat;}
.intro_content02{background:url(../img/service/service_title.png) no-repeat;}
.service_pic01{height:150px;}
.service_pic02{padding:0 0 200px 0;}
#service_first{
	background:url(../img/service/service_bg02.jpg) fixed;
	height:1370px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.content01{
	background:#FFF;
	height:500px;
	padding:40px 0 0 0;
	text-align:center;
	margin: 0 auto;
	-webkit-box-shadow:0 1px 4px 0px #111;
	-o-box-shadow:0 1px 4px 0px #111;
	-box-shadow:0 1px 4px 0px #111;
	}
.video_wrap{
	margin:0 auto;
	display:table;
}
#anchor_shift{
	position:relative;
	height:0;
	top:-30px;
	display:black;
	overflow:hidden;
}
#service_tab{
	background:#555;
	height:25px;
	padding:10px;
	}
.service_tab_wrap{
	margin:0 auto;
	display:table;
	}
#service_tab li{
	float:left;
	margin:0 100px;
	}
.service_map{
	background-color:#555;
	width:600px;
	height:385px;
	margin:10px auto 0;
	padding:15px 0 0 0;
	text-align:center;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
.tab_container{
	background:rgba(255,255,255,.4);
	width:100%;
	height:600px;
	margin:100px auto 0 auto;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-box-shadow:1px 1px 1px 1px #000;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-box-shadow:0 1px 4px 0px #111;
	-o-box-shadow:0 1px 4px 0px #111;
	-box-shadow:0 1px 4px 0px #111;
}
.tab_container{
	padding:15px;
	background-size: cover;
	-webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
li.active a{color:#F36;}
/*
//===============================
// SCREEN (Smaller then 979)
//===============================
*/
@media (max-width: 979px) {
#service_main_intro{height: 700px;}
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:70px auto 0;}
.video_frame{margin:60px 30px 0;float:left;}
.video_frame iframe{width:300px; height:200px;}
.content01{height:400px;}
}
/*
//===============================
// SCREEN (Between 980 to 1366)
//===============================
*/
@media (min-width: 980px) and (max-width: 1366px) {
#service_main_intro{height: 700px;}
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:150px auto 0;}
.video_frame iframe{width:360px; height:240px;}
.video_frame{margin:60px 60px 0;float:left;}
}
/*
//===============================
// SCREEN (Between 1367 to 1599)
//===============================
*/
@media (min-width: 1367px) and (max-width: 1599px) {
#service_main_intro{height: 850px;}
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:150px auto 0;}
.video_frame{margin:60px 100px 0;float:left;}
}
/*
//============================
// SCREEN (Bigger then 1600)
//============================
*/
@media (min-width: 1600px) {
#service_main_intro{height: 1000px;}
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:150px auto 0;}
.video_frame{margin:60px 100px 0;float:left;}
}