/* VALIDATION 
 * =========================================*/
input.parsley-success, textarea.parsley-success {
    background-color: #DFF0D8 !important;
    border: 1px solid #D6E9C6 !important;
    color: #468847 !important;
}
input.parsley-error, textarea.parsley-error {
    background-color: #F2DEDE !important;
    border: 1px solid #EED3D7 !important;
    color: #B94A48 !important;
}

ul.parsley-error-list {
    font-size: 11px;
    list-style-type: none;
    margin-left:0;
}
ul.parsley-error-list li {
    line-height: 11px;
		color:red;
}


/* ################################################ END VALIDATION*/

.notification{
	position: fixed;
	top: 10%;
	z-index: 1200;
	background-color: #4889da;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	border: 2px solid #2760a7;
}

html,body{
	height:100%;
}
#menu-bar-ul li a{
	outline:none;
}
#menu-bar-ul li a:hover,
#menu-bar-ul li a:active
{
		background-color: #419adb !important;
}

.collapse,
#menu-bar-ul,
#menu-bar-ul li a{
	width: 100%;
	
}

#menu-bar-ul li{
	width: 14%;
}
#menu-bar-ul li a{
	padding-left: 0;
	padding-right: 0;
}

#menu-drop-ul,
#menu-drop-ul li,
#menu-drop-ul li a{
	width: 100%
} 

#menu-drop-ul li:hover a{
	background: #0169b2 !important;
}

.active a,
#menu-bar-ul li.active a:hover{
	background-color: #00a0b0 !important;
}

#main-bg{
	max-height: 100%;
	overflow: hidden;
	border-bottom:1px solid #054472; 

}
#main-bg img{
	position: relative;
	width:100%;
	/* background-color:black; */
}

#logo {
	text-align: center;
	position: absolute;
	z-index: 999;
	width: 60%;

	top: 25%;
	left: 50%;
	margin-left: -30%;
	background-image: url('../images/logo_bg.png');
	padding-top: 5px;
	border-radius: 7px;
	border: 1px solid rgb(255,255,255);
}
.about-h2{
	color: #054472;
  padding-top: 3%;
	margin-bottom: 3%;
}
.justify{
	text-align: justify;
	color: #666666;
}
.face1{	
	float: right;
	margin-left: 40px;
}
.face2{	
	float: left;
	margin-right: 40px;
}
.person-details{
	margin-top: 5%;
	padding-bottom: 2%;
}
.profile{
	margin: 20px auto;
	display: block;
	background-color: rgba(255,255,255,0);
	border: none;
}

#service-box{
	 background: url('../images/main_gb.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color:#fff;
	
}
#service-box>div{
	padding-bottom:5%;
}

 #contact-form textarea{
		resize:none;
		height:100px;
 } 
 .contact-border{
		padding-right:4%;
 }
 #contact{
	padding-top:60px;
 }
 #contact-form input,textarea{
	margin-top:25px;
	border-color:#a3a3a3;
 }
 #contact-form input[type='submit']{
	width:35%;
	height:40px;
	margin-top:10px;
 }
 #contact-form input:first-of-type{
	margin-top:0;
 }
 #info{
	
 }
 #info ul {
 
  		margin-left:0;

 }
 #info ul li{
	list-style-type:none;
		margin-bottom:4%;
		line-height:25px;
		font-size:1.2em;
	
 }
 .margin-bottom-40{
	margin-bottom:40px;
 }
 .p-top-50
  {
		padding-top:50px;
 }
  .bslogo{
		background-image: url("../images/BethelSoftIcon.png");
    background-size: 100% 100%;
    display: inline-block;
    height: 20px;
    vertical-align: text-bottom;
    width: 20px;
	}
	#bs a{
		color:#fff;
		font-size:1em;
		padding-bottom:10px;
		padding-left:20px;
	}
	#bs{
		background-color:#000;
		margin-bottom:0;
		clear:both;
		padding-top:3px;
		padding-bottom:3px;
		
	}
	hr{
		margin-bottom:0;
	}
	
	.social-media-box li{
		list-style-type:none;
		display:block;
		float:left;
		margin-right:5%;
	}
	
	#portfolio{
		padding-top: 4%;
		background-color:#e7e7e7;
		color:#006e78;
	}
	
	#portfolio h2{
		padding-bottom:4%;
	}
	.gallery{
		background-color:#dfdfdf;
		padding:2% 1%;
		border-radius:7px;
		box-shadow:0 1px 1px #858585;
	}
	.gallery>div.span3{
		border:5px solid #fff;
		border-radius:4px;
		overflow:hidden;
		text-align:center;
		background-color:#fff;
		box-shadow:0 1px 1px  #858585;
		/* transition:all .5s;  */
	}
	.gallery>div.span3:hover{
		background-color:#5bb4bf;
		border-color:#5bb4bf !important;
		box-shadow:0 1px 2px  #000;
		/* transition:all .5s;  */
	}
	.gallery>div.span3:hover p{
		background-color:#5bb4bf;
		/* transition:all .5s;  */
	}
	.gallery>div.span3 p{
		margin-top: 10px;
		background-color: #fff;
		color: #000;
		
	}
	.gallery{
		margin-bottom:4%;
	}
	
	.social-logos{
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-top: 1px;
		*margin-right: .3em;
		line-height: 24px;
		vertical-align: text-top;
		background-image: url("../images/social_icons.png");
		background-repeat: no-repeat;
		border-radius: 12px;
	}
	.fb-logo{
		background-position: 0 0px;
		transition: all .2s;
	}
	.fb-logo:hover{
		background-position: 0 -24px;
		transition: all .2s;
	}
	.gp-logo{
		background-position: -24px 0;
		transition: all .2s;
	}
	.gp-logo:hover{
		background-position: -24px -24px;
		transition: all .2s;
	}
	.tw-logo{
		background-position: -48px 0;
		transition: all .2s;
	}
	.tw-logo:hover{
		background-position: -48px -24px;
	}
	.in-logo{
		background-position: -72px 0;
		transition: all .2s;
	}
	.in-logo:hover{
		background-position: -72px -24px;
		transition: all .2s;
	}
	.padding-all-span p{
		text-align:justify;
	
	}
	
	
/* LARGE DESKTOP 1   
 *===============*/
@media (min-width: 980px) {
	
	.profile-border{
		border-right: 1px solid #a3a3a3;
	} 

}
/* MOBILE TO  DESKTOP FOR MENU-BAR 0 ########################################################
 *===========================================*/		
@media (max-width: 979px) { 


	#menu-bar-ul li{
		width: 100%;
	}
	
	.navbar-fixed-top{
		margin-bottom: 0;
	}
	#main-bg{

		position: relative;
		margin-left: -20px;
		margin-right: -20px; 
	/* 	margin-bottom:20px; */
	}
	
	
	}  
	.navbar{
		box-shadow: 0 0 3px 3px rgba(0,0,0,0.4);
		border-bottom: 1px solid #e9e9e9;
	}
	
	
 

/* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP 2
 *===========================================*/
 
@media (min-width: 768px) and (max-width: 979px) { 
	.profile-border{
		
		border-right: 1px solid #c4c4c4;
	}
		.padding-all-span>div{
		padding-left: 3%;
		padding-right: 3%;
	}
	
}


/* LANDSCAPE PHONE TO PORTRAIT TABLET 3
 *====================================*/
 
@media (max-width: 767px) {
	
	.padding-all-span>div{
		padding-left: 3%;
		padding-right: 3%;
	}
	
}
 

/* LANDSCAPE PHONES AND DOWN 4
*===========================*/

@media (max-width: 480px) { 
	
	#main-heading{
		font-size: 14px;
		line-height: 20px;
	}
	
	.padding-all-span>div{
		padding-left: 3%;
		padding-right: 3%;
	}
	
}
 
.span4.color
{background-color:#00a0b0;
padding:10px;
}