@font-face {
    font-family: 'BaseOne';
    src: url('/css/BaseOne-Bold.woff2') format('woff2'),
        url('/css/BaseOne-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BaseOne';
    src: url('/css/BaseOne-Heavy.woff2') format('woff2'),
        url('/css/BaseOne-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'BaseOne';
    src: url('/css/BaseOne-Regular.woff2') format('woff2'),
        url('/css/BaseOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
body {background-image:  url('/static/img/webbg_small.jpg');
  background-repeat:repeat;
}
*/
.page {
  background-color:#fff;
  -webkit-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
  background-image:  url('/dev/img/hexabg.png');
  background-repeat:repeat;
  
}

.page header {
  background-color:#333;
  -webkit-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
  margin-bottom:30px;
}
@media only screen and (max-width: 600px) {
  .navbar-brand {
	margin:auto;
  }
}
@media screen and (orientation:landscape)
and (min-width: 319px) 
and (max-width: 480px) {
   .sticky-top {
	   height:50px;
   }
}

.pageholder {
	min-height:520px;
}

h1,h2,h3,h4,h5,h6 {
   font-family: 'BaseOne';
}

p {
	text-align:justify;
}

a {
	color:#F0A202;
}

.expertise  {
	list-style-type:none;
}

.expertise li {
	font-weight:bold;
	margin:10px 0px;
}

.expertise1 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
}
.expertise2 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1.5s; /* don't forget to set a duration! */
  
}

.expertise3 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
  
}

.expertise4 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2.5s; /* don't forget to set a duration! */
  
}

.expertise5 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 3s; /* don't forget to set a duration! */
  
}

.expertise6 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 3.5s; /* don't forget to set a duration! */
  
}

.expertise7 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 4s; /* don't forget to set a duration! */
  
}

.expertise8 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 4.5s; /* don't forget to set a duration! */
  
}

.expertise9 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 5s; /* don't forget to set a duration! */
  
}

.expertise10 {
  /*display: inline-block;*/
  /*margin: 0 0.5rem;*/
	
  animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 5.5s; /* don't forget to set a duration! */
  
}

.solution1 {
  animation: bounceIn;
  animation-duration: 1s;
}

.solution2 {
  animation: bounceIn;
  animation-duration: 2s;
}

.solution3 {
  animation: bounceIn;
  animation-duration: 3s;
}

.solution4 {
  animation: bounceIn;
  animation-duration: 4s;
}

.solution5 {
  animation: bounceInRight;
  animation-duration: 1s;
}

.solution6 {
  animation: bounceInRight;
  animation-duration: 2s;
}
.solution7 {
  animation: bounceInRight;
  animation-duration: 3s;
}
.solution8 {
  animation: bounceInRight;
  animation-duration: 4s;
}

.text-center img {
  animation: flipInX;
  animation-duration: 3s;
}

.nav-link:hover {
  color:#F0A202;
  
}
.full {
	min-height:550px;
}

.contactform div {
	margin:10px 0px;
}

.contactform input[type=text], .contactform input[type=email] {
	width:100%;
	border:2px solid #44817e;
}

.contactform textarea {
	width:100%;
	border:2px solid #44817e;
}

.submitbutton {
	background-color:#f1a20c;
	border:2px solid #44817e;
	color:#fff;
	font-weight:bold;
	padding:10px;
}

.btn btn-primary mainpage {
 
  float:right;
}

.nav-link {}
/*
.container.wbg {
  background-color:#fff;

*/
  /*
  border-left: 2px gray solid;
  border-right: 2px gray solid;
  */
}

.btn.btn-primary.mainpage {
  float:right;
   background-color:#104F55;
  margin-top:15px;
}

section#cta {
  background-color:#F0A202;
   /*opacity: 0.5;
  filter: alpha(opacity=50);*/
  height:30px;
  
}

.container.boxxes {
  margin-top:30px;
}

.solutionbox-img {
	width:130px;
	float:left;

}

.solutionbox-text {
	float:right;
	width:870px;
	padding-top:20px;
}

section#cta h2 {
  float:left;
  margin-top:10px;
}

.form-group label {
  width:150px;
}

.form-group input[type=text], input[type=email] {
  width:300px;
}

#footer {
  background-color:#104F55;
}

#footer p {
	text-align:center;
	margin:15px;
	color:#fff;
}
/*
section.col-sm-{
  float:right;
}*/

.nav-link {
  color:#fff;
}

back-link a {
		color: #4ca340;
		text-decoration: none; 
		border-bottom: 1px #4ca340 solid;
	}
	.back-link a:hover,
	.back-link a:focus {
		color: #408536; 
		text-decoration: none;
		border-bottom: 1px #408536 solid;
	}
	h1 {
		height: 100%;
		/* The html and body elements cannot have any padding or margin. */
		margin: 0;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-size: 32px;
		margin-bottom: 3px;
	}
	.entry-header {
		text-align: left;
		margin: 0 auto 50px auto;
		width: 80%;
        max-width: 978px;
		position: relative;
		z-index: 10001;
	}