/* ==========================================================================
   Custom styles
   ========================================================================== */

body {
	padding-top: 50px; /* navbar height */
	padding-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}

.active {
	background: #3B5323;
}

.container ul {
	padding: 0 0 0 2em;
}

.container li {
	margin-bottom: 5px;
}


p {
	font-size: 16px;
}



.jumbotron {
	background: #fff;
	padding-bottom: 46px;
    padding-top: 36px;
	text-align: center;
	margin-bottom: 0;
}

.jumbotron h1 {
	font-weight: 700;
	color: #e9632d;
}

.jumbotron h1 span {
	font-weight: 300;
}


.jumbotron h2 {
	font-size: 36px;
	font-weight: 600;
	color: #000;
}

.jumbotron img {
	margin: 10px;
}


#meeting-needs, 
#spreadsheet-monster, 
#our-approach, 
#the-advantages, 
#vsf, 
#our-technology,
#pricing,
#contact,
#clients,
#about,
#thefooter {
}

#meeting-needs {
}

#spreadsheet-monster, #our-approach, #our-technology {
	background-color: #005c9b;
	background-image: url(../img/grad_blue.png);
	background-position: top;
	background-repeat: repeat-x;
	color: #fff;
}

#spreadsheet-monster {
	text-align: center;
}

#spreadsheet-monster h2 {
	font-size: 36px;
	font-weight: 700;
}

.monsters {
	text-align: center;
	padding: 12px 0 6px 0;
}

.monster-item {
	background: #fff;
	width: 283px;
	height: 171px;
	display: inline-block;
	margin: 12px;
}

#our-approach h2 {
	font-size: 48px;
}

#our-approach .col-md-3 p {
	font-size: 14px;
}

#our-approach .extra-border {
	border-bottom: 1px dashed #fff;
	border-left: 0;
	min-height: 0;
	margin-top: 10px;
	padding-bottom: 10px;
}


#the-advantages {
	text-align: center;
	background: #888;
	color: #fff;
}

#the-advantages h2 {
	font-size: 16px;
	font-weight: 700;
}

#the-advantages p {
	font-size: 28px;
	font-weight: 400;
	font-style: italic
}


#our-technology h2 {
	font-size: 48px;
}

#our-technology .boxed {
	background: #fff;
	padding: 0 10px 5px 10px;
	color: #005c9b;
	margin: 10px;
}

#our-technology .boxed h3 {
	padding-top: 15px;
}


#pricing {
}

#contact {	
	background: #e9632d url(../img/grad_orange.png) top repeat-x;
	color: #fff;
}

#contact h3 {
	color: #005c9b;
	font-weight: 300;
}

#contact h3 span.telephone {
	color: #fff;
	font-weight: 600;
	display: inline;
}


#clients {
}

.client-logos {
	display: none;
}

.client-logos-big {
	display: block;
}

#clients img {
	float: left;
	margin-right: 10px;
}

#about {
	background: #888;
	color: #fff;
}

#thefooter {
	background: #AAA;
	color: #444;
}

#thefooter p {
}

#thefooter p span {
	display: block;
	clear: both;
}

#thefooter p a {
	color: #fff;
}



.sector {
	padding: 24px 0 28px 0;
}


.blue-color {
	color: #005c9b;
}

.blue-background {
	background: #005c9b;
}

.orange-color {
	color: #e9632d;
}

.orange-background {
	background: #e9632d;
}

.grey-color {
	color: #888;
}

.grey-background {
	background: #888;
}

.white-color {
	color: #fff;
}

.white-background {
	background: #fff;
}

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

  .right-image {
	  float: right;
	  margin-top: 24px;
  }
  
  #contact h3 {
	  color: #005c9b;
	  font-weight: 300;
  }
  
  #thefooter p span {
	  display: inline-block;
	  margin-right: 20px;
	  font-size: 20px;
	  font-weight: 300; 
	  color: #fff;
  }
  
  .navbar-nav li {
	  list-style: none !important;
	  padding: 15px 10px 15px 10px !important;
  }
  
  .navbar-nav:last-child {
	  margin-right: -15px;
  }
  
  .navbar-nav {
	  float: right !important;
  }

}

@media screen and (min-width: 992px) {
	
  #our-approach .extra-border {
	  border-bottom: 0;
	  border-left: 1px dashed #fff;
	  min-height: 190px;
	  margin-top: 0;
	  padding-bottom: 0;
  }
  
  .client-logos {
	  display: block;
  }
  
  .client-logos-big {
	  display: none;
  }
  
  

}


@media screen and (min-width: 1200px) {
	
  #our-approach .leftborder {
	  border-left: 1px dashed #fff;
	  min-height: 190px;
  }
  
  .client-logos {
	  display: none;
  }
	
  .client-logos-big {
	  display: block;
  }

}