/*!
 * custom stylesheets 

 */
 
 /***** shriknk Header *********/
 

nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}

.navbar-brand img {
  width: 275px;
  height:83px;
   margin-top:15px;
   
}



nav.navbar.shrink {
  min-height: 35px;
   
}

nav.shrink a {
  font-size: 14px;
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  
}
nav.shrink .navbar-nav {
	margin-top:0px;
	
}

nav.shrink .navbar-brand img {
  width: 200px;
  height:60px;
  margin-top:5px;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

nav.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 8px 15px 8px 0;
}

/******** Shrink Header css ends ***********/

.primary-color {
	background:#34a853;
	color:#fff;
	padding:20px;
	
}


.secondary-color {
	background:#ff944c;


	color:#fff;
	
}

.neutral-color {
  background:#f8f8f8;
  padding: 10px 0 35px 0;
  margin-bottom:25px;

	
}

.internal-page	{
	margin-top:135px;
	
}

.footer-nav li	{
	list-style-type:none;
}

.footer-nav li.nav-heading	{
	font-weight:bold;
	font-size:16px;

}


.transparent {
	background:#FFFFFF;	
	opacity:50%;
}

.floatrgt 	{
	float:right;
	
}

.top-panel	{
	background:#0aa04b;
	height:35px;
	position:fixed;
	top:0;
	width:100%;
	
}

.page-content	{
	padding-left:0;
	padding-right:0;
	
	
}



.blog-nav	{
	color:#000;
	
}

.blog-nav-item {
    position: absolute;
    display: inline-block;
	top:0;
    padding: 5px;
	background:#FF9000;
    color: #000;
}

.blog-nav-item:hover {
    color: #fff !important;
}



@media screen and (min-width: 768px) {

.internal-page	{
	margin-top:135px;
	
}

}



@media screen and (min-width: 320px) and (max-width:650px) {
	
 .footer-data {
  padding: 30px 10px;
  margin-top:30px;
  background-color: #f8f8f8;
  border-top:1px solid #e7e7e7;
  font-size:16px;
}

.footer-data .container {
  background-color: #f8f8f8;
  }
  
  .list-group	{
	  margin-top:35px;  
	  
  }
 
 .carousel {
  position: relative;
  /* height:525px; */
  margin-top:75px;
 
}

.internal-page	{
	margin-top:35px;
	
}

.navbar-brand img {
  width: 200px;
  height:60px;
  margin-top:5px;
}

}

@media screen and (min-width: 150px) and (max-width:280px) {
  
  .carousel {
  position: relative;
  /* height:525px; */
  margin-top:170px;
 
}

}

#home .navbar-nav li.home a, #company .navbar-nav li.company a, #services .navbar-nav li.services a, #ourprocess .navbar-nav li.ourprocess a, #casestudies .navbar-nav li.casestudies a, #contactus .navbar-nav li.contactus a  {
	background:#A7E54E;
	
}

#company .navbar-nav li.company ul li a, #services .navbar-nav li.services ul li a, #ourprocess .navbar-nav li.ourprocess ul li a, #casestudies .navbar-nav li.casestudies ul li a, #contactus .navbar-nav li.contactus ul li a   {
	background:#fff;	
}

#company .navbar-nav li.company ul li a:hover, #services .navbar-nav li.services ul li a:hover, #ourprocess .navbar-nav li.ourprocess ul li a:hover, #contactus .navbar-nav li.contactus ul li a:hover {
  background-color: #8dd5ec;

}

/******** HOT JOBS ****************/

.navbar-nav li.hotjobs a  {
	background:#FF9000;
	color:#FFFFFF;	
}


.navbar-nav li.hotjobs a:hover {
  background-color: #ff7302;
  color:#FFFFFF;

}

#hotjobs .navbar-nav li.hotjobs a:hover  {
	background:#FF9000;
	color:#FFFFFF;
	
}


.navbar-nav li.hotjobs a:focus,  .navbar-nav li.hotjobs a:active  {
	background:#FF9000;
	color:#FFFFFF;
	
}





.btn-link {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: nowrap;
  text-decoration:none;

}

.btn-link:hover, .btn-link:active, .btn-link:focus {
  text-decoration:none;

}







.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #8dd5ec;
border-left-width:10px;
border-radius: 0px;
}

.bs-callout h3 {
margin-top: 0;
margin-bottom: 5px;
}


ul li span {
	display:block;
	font-weight:bold;
	font-size:20px;
	
	
}

/***** used for #hashtags within a webpage ***/

.bs-callout h3:before { 
  display: block; 
  content: " "; 
  margin-top: -285px; 
  height: 285px; 
  visibility: hidden; 
}

/***** EXPAND COLLAPS JOB LISTING **************/

.collapsible-panel {
	margin-left:-3px;
}