/*
* Coworkers CSS
*-------------------------------------
*
* Version: 150518A
*
* Author: Abundant Blessing Church Digital Team
*
* Notes: including all content structures of coworkers page
*
*/
#anchor01, #anchor02, #anchor03, #anchor03-2, #anchor04, 
#anchor05, #anchor06, #anchor07, #anchor08-1, #anchor08-2, #anchor08-3{position:relative; height:0; top:-20px; display:black; overflow:hidden;}
#coworkers_main_intro{
	background:url(../img/coworkers/coworkers_bg01.jpg) fixed;
	overflow:hidden;
	margin: 0 auto;
	padding: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.intro_content01{background:url(../img/coworkers/coworkers_title_large.png) no-repeat;}
.intro_content02{background:url(../img/coworkers/coworkers_title.png) no-repeat;}
.headline{overflow:auto;}
.index_pic1, .index_pic2, .index_pic3, .index_pic3-2, .index_pic4, .index_pic5, .index_pic6, .index_pic7, .index_pic8{
	height:110px;
	width:11.11%;
	padding:90px 0 0 0;
	float:left;
	}
.index_pic1{background:rgba(75,75,90,.95)}
.index_pic2{background:rgba(72,72,87,.95)}
.index_pic3{background:rgba(70,70,85,.95)}
.index_pic3-2{background:rgba(66,66,85,.95)}
.index_pic4{background:rgba(65,65,80,.95)}
.index_pic5{background:rgba(62,62,77,.95)}
.index_pic6{background:rgba(67,67,80,.95)}
.index_pic7{background:rgba(72,72,87,.95)}
.index_pic8{background:rgba(65,65,80,.95)}
.co_teams{
	background:url(../img/coworkers/co_bk01.jpg) fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0 auto 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;
	overflow:hidden;
	}
#coworkers_index01, #coworkers_index02, #coworkers_index03, #coworkers_index03-2, #coworkers_index04,
#coworkers_index05, #coworkers_index06, #coworkers_index07, #coworkers_index08-1, #coworkers_index08-2, #coworkers_index08-3{
	background:rgba(255,255,255,1);
	width:90%;
	height:250px;
	padding:15px;
	margin:10px auto;
	-webkit-box-shadow:0 1px 4px 0px #111;
	-o-box-shadow:0 1px 4px 0px #111;
	-box-shadow:0 1px 4px 0px #111;
	}
.co_groups_img{
	margin:0 15px 0 0;
	float:left;
	}
.co_groups_content{
	width:75%;
	float:left;
	}
.co_groups_qu1{width:21%;height:215px;padding:35px 5px 0 15px;float:right;}/** height+padding=250px **/
.co_groups_qu2{width:21%;height:60px;padding:190px 5px 0 15px;float:right;}
.co_groups_qu3{width:21%;height:80px;padding:170px 5px 0 15px;float:right;}
.co_groups_qu4{width:21%;height:80px;padding:170px 5px 0 15px;float:right;}
.co_groups_qu5{width:21%;height:80px;padding:170px 5px 0 15px;float:right;}
.co_groups_qu6{width:21%;height:80px;padding:170px 5px 0 15px;float:right;}
.co_groups_qu7{width:21%;height:80px;padding:170px 5px 0 15px;float:right;}
.co_groups_qu8{width:21%;height:80px;padding:170px 5px 0 15px;float:right;}
.co_pic01{background:url(../img/coworkers/co_01.jpg); width:300px; height:250px;}
.co_pic02{background:url(../img/coworkers/co_02.jpg); width:300px; height:250px;}
.co_pic03{background:url(../img/coworkers/co_03.jpg); width:300px; height:250px;}
.co_pic03-2{background:url(../img/coworkers/co_03-2.jpg); width:300px; height:250px;}
.co_pic04{background:url(../img/coworkers/co_04.jpg); width:300px; height:250px;}
.co_pic05{background:url(../img/coworkers/co_05.jpg); width:300px; height:250px;}
.co_pic06{background:url(../img/coworkers/co_06.jpg); width:300px; height:250px;}
.co_pic07{background:url(../img/coworkers/co_07.jpg); width:300px; height:250px;}
.co_pic08-1{background:url(../img/coworkers/co_08-1.jpg); width:300px; height:250px;}
.co_pic08-2{background:url(../img/coworkers/co_08-2.jpg); width:300px; height:250px;}
.co_pic08-3{background:url(../img/coworkers/co_08-3.jpg); width:300px; height:250px;}
#coworkers_tenth{
	background: #222;
	height: 80px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
.contant_title{
	padding:150px 0 0 0;
	text-align:center;
	margin: 0 auto;
	}
/*
//===============================
// SCREEN (Smaller then 979)
//===============================
*/
@media (max-width: 979px) {
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:50px auto 0;}
.headline{width:100%;}
#coworkers_index01, #coworkers_index02, #coworkers_index03, #coworkers_index03-2, #coworkers_index04,
#coworkers_index05, #coworkers_index06, #coworkers_index07, #coworkers_index08-1, #coworkers_index08-2, #coworkers_index08-3{
	width:900px;}
#coworkers_main_intro{width:100%; min-width:980px;}
.co_groups_qu1,.co_groups_qu2,.co_groups_qu3,.co_groups_qu4,
.co_groups_qu5,.co_groups_qu6,.co_groups_qu7,.co_groups_qu8{width:180px;}
.co_groups_qu1{height:250px;padding:0px 5px 0 15px;float:right;}
.co_groups_qu3,.co_groups_qu7,.co_groups_qu8{height:100px;padding:150px 5px 0 15px;float:right;}
}
/*
//===============================
// SCREEN (Between 980 to 1366)
//===============================
*/
@media (min-width: 980px) and (max-width: 1366px) {
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:150px auto 0;}
.index_pic1, .index_pic2, .index_pic3, .index_pic3-2, .index_pic4, .index_pic5, .index_pic6, .index_pic7, .index_pic8{
	height:90px;padding:50px 0 0 0;}
.co_groups_qu1,.co_groups_qu2,.co_groups_qu3,.co_groups_qu4,
.co_groups_qu5,.co_groups_qu6,.co_groups_qu7,.co_groups_qu8{width:195px;}
.co_groups_qu1{height:250px;padding:0px 5px 0 15px;float:right;}
.co_groups_qu3,.co_groups_qu7,.co_groups_qu8{height:100px;padding:150px 5px 0 15px;float:right;}
}
/*
//===============================
// SCREEN (Between 1367 to 1599)
//===============================
*/
@media (min-width: 1367px) and (max-width: 1599px) {
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:150px auto 120px;}
}
/*
//============================
// SCREEN (Bigger then 1600)
//============================
*/
@media (min-width: 1600px) {
.intro_content01{height:150px;margin:80px auto 0;}
.intro_content02{height:350px;margin:150px auto 250px;}
}