﻿@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Roboto+Condensed:400,400italic,700,700italic,300italic,300|Enriqueta:400,700|Source+Sans+Pro);

/*
 * PLEASE NOTE!
 *
 * This file is edited and compiled using LESS. Do not edit master.css directly, it will
 * be over-written by the next master.less compiled version.
 *
 * http://lesscss.org/
 *
 * If you do not have a LESS compiler running, DO NOT EDIT MASTER.LESS OR MASTER.CSS. Use
 * other non-compiled CSS files (such as override.css, or plugins.css) to add or change
 * rules and meet your styling needs. THANKS
 * 
 */
.clearfix {
  display: inline-block;
}
.clearfix:after, .header:after,.header ul.top-navigation:after, .header .contract-vehicles:after, .two-column-layout:after, .footer-container .footer:after, .serve:after ,.three-column-technology:after,.content-two-column-small-left:after,.three-column-serve:after,.page-content-image-container-success:after  {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

body.list-page {
  background: #f5f1eb;
}
body {
  margin: 25px 0 0 0;
  font-size: 17.5px;
  color:#4c2617;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  overflow: scroll;
}
a {
  text-decoration: none;
  font-weight: bold;
  color:#4c2617;
}
a:hover {
  text-decoration: underline;
} 
a.underline-link{
  text-decoration: underline;
  color:#4c2617;
}
a.underline-link:hover{
  text-decoration: none;
}
a.content-button, .content-action a.content-button,a.content-animation-button {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  display: inline-block;
  padding: 10px 26px 8px 26px; 
  border: 1px solid #B5ADA5; 
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
a.content-animation-button{
  border-color: #B5ADA5;
  background-color: #ED5B0C;
  text-decoration: none;
  color: white !important;
}
a.content-button:hover {
  border-color: #B5ADA5;
  background-color: #ED5B0C;
  text-decoration: none;
  color: white !important;
}
.content-action a.content-button:hover{
  border-color: #B5ADA5;
  background-color: #4c2617;
  text-decoration: none;
  color: white !important;
} 
a.content-animation-button:hover{
    border-color: #B5ADA5;
  background-color: #4DADD3;
  text-decoration: none;
  color: white !important;
}
h1,h2,h3,h4{ 
    font-family: 'Roboto', sans-serif; 
    color: 	#ED5B0C;
    font-style: normal;
    font-weight: 500;
    text-align:center;
    width: 100%;     
    text-decoration: none;
    /* margin-bottom: 0; */
    padding-bottom: 0;
}
h1{
    font-size: 32px;
	line-height: 1em;
}
h2{
    font-size: 26px;
}
h3{
    font-size: 20px;
}
h4{
    font-size: 16px;
}
h1 span,h2 span,h3 span,h4 span{ 
  text-transform: uppercase;
  border-bottom: 1px solid #4c2617;
  padding: 0 0 2px 0; 
}

/*Transform h1*/
h1.fourty{
  font-size: 44px;
  font-weight: 300;
}
h1.thirtysix{
  font-size: 36px;
  font-weight: 300;
  line-height: 36px;
 }
h1.thirtyfour{
  font-size: 34px;
  font-weight: 300;
  line-height: 36px;
}
.twentytwo{
  font-size: 22px;
  line-height: 22px;
}
.twentysix{
  font-size: 26px;
  line-height: 26px;
}
.thirty{
    font-size:30px !important;
}
.twentyeightspecial{
  line-height: 28px;
  font-size: 28px;
  border-bottom: none;
}
.zeropaddingoverride{
  padding:0 !important;
}
.uppercase{
  text-transform: uppercase;
}
.center,.center h4,.center p{
    text-align: center;
}
.text-left{
  text-align: left;
}
.brown-text{
    color:#4c2617;
}
.green-text{
  color: #339837;
}
.blue-text{
  color: #4DADD3;
}
.orange-text{
  color:#ED5B0C;
}
.green-background{
    background-color:#339837;
}
.blue-background{
    background-color:#4DADD3;
}
.brown-background,.brown-background-image{
  background: #4c2617 url("../img/brown_container.jpg") 100% 100% no-repeat;
 }
.orange-background{
  background-color: #ED5B0C;
}
.datum-orange-logo-horizontal-divider{
  width:980px;
  margin: 5px auto;
  background-color:orange;
  height: 35px;
  background: #fff url("../img/orange_divider.png") 0 0  no-repeat;
}
.datum-green-logo-horizontal-divider{
  width:980px;
  margin: 5px auto;
  background-color:orange;
  height: 35px;
  background: #fff url("../img/green_divider.png") 0 0  no-repeat;
}
.datum-blue-logo-horizontal-divider{
  width:980px;
  margin: 5px auto;
  background-color:orange;
  height: 35px;
  background: #fff url("../img/blue_divider.png") 0 0  no-repeat;
}
.cybersecurity-icon{
    display:block;
    margin:0 auto;
    padding:0;
    width: 59px; 
    height: 65px; 
    background: transparent url(../img/lock_icon.png) 0 0 no-repeat;
}
.mobile-app-icon{
  width: 55px; 
  height: 65px;
  display: block;
  background: transparent url(../img/mobile_app_icon.png) 0 0 no-repeat;
  margin: 0 auto;
}
.enterprise-icon{
  width: 55px; 
height: 65px;
display: block;
  background: transparent url(../img/enterprise_icon.png) 0 0 no-repeat;
  margin: 0 auto;
}
.big-data-icon{
  width: 55px; 
height: 65px;
display: block;
  background: transparent url(../img/datum-icon-big-data.png) 0 0 no-repeat;
  margin: 0 auto;
}
.quality-icon{
  width: 55px; 
height: 65px;
display: block;
  background: transparent url(../img/quality_icon.png) 0 0 no-repeat;
  margin: 0 auto;
}
.business-app-icon{
  width: 63px; 
height: 65px;
display: block;
  background: transparent url(../img/business_app_icon.png) 0 0 no-repeat;
  margin: 0 auto;
}
.businessapprightheaderadjust{
    padding:40px 0 0 !important;
}
div.full-width{width:1200px !important;}
.content-container {
  max-width: 1200px;
  min-width: 1200px; 
  margin: 0 auto; 
  padding:1px;
}
.footer-container {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto; 
  padding: 20px 0;
}

/** COLUMN LAYOUTS **/
.single-column{
  width: 980px;
  margin: 0px auto;
  padding: 5px 0 40px;
}
.single-column h1{
  margin:0;
  padding:60px 0 10px;
}
.single-column p{
  margin:0;
  padding:5px 15px 25px 15px;
  font-size: 17px;
  line-height: 26px
}
.two-column-layout { 
  display: block;
}
.two-column-layout .column  {
  width: 50%;
  float: left;
} 
.page-content-container .content-two-column{
  width:980px;
  margin: 0 auto;
  padding: 0;
}
.page-content-container .content-two-column div{
  width:460px;
  float:left; 
  padding:0 15px;
}
.page-content-container .content-two-column div p,.content-two-column-small-left div p{
  text-align: left;  
  line-height: 24px;
  font-size:16.5px;
}
.page-content-container .content-two-column div h3{
  text-align: left;
  font-size: 21px; 
  line-height: 21px;
  margin-bottom: 6px
}
.content-two-column-small-left{
  width:980px;
  margin:0 auto;
}
.content-two-column-small-left .first-column{
  float:left;
  width:330px;
  margin-right: 30px;
  padding-left: 15px;
}
.content-two-column-small-left .second-column{
  float:left;
  width:600px;
}
.content-two-column-small-right, .content-job-details-column{
  width:980px;
  margin:0 auto;
}
.content-two-column-small-right h3,.content-job-details-column h3{
  text-align: left;
  margin:0 0 3px;
}
.content-two-column-small-right p, .content-job-details-column p{ 
  line-height: 24px;
  font-size:16.5px;
  margin:0;
  padding-bottom:17px;
}
.content-job-details-column jobsubmitform:first-child{
    float:left;
  width:650px;
}
.content-job-details-column jobsubmitform:last-child{
    float:left;
  width:300px;
}
.content-two-column-small-right div:first-child{
  float:left;
  width:650px;
  padding-right: 30px;
}
.content-two-column-small-right div:last-child{
  float:left;
  width:300px;
}

.three-column-layout {
  display: inline-block;
  display: block;
  width: 980px;
  margin:40px auto;
  line-height: 24px;
  font-size: 16.5px;
}
.three-column-layout .column {
  width: 300px;
  float: left;
  padding-left: 15px;
}
 
.three-column-layout p {
  margin-top: 4px;
}
ul li{
    font-size:16.5px;
    line-height:24px;
}
.column span{ 
    line-height:24px;
    font-size:16.5px;
}
/** Call to action **/
.content-action{ 
  width: 1200px;
  padding:15px 0;
  margin: 0 auto;
}
  
.content-action div{
  width: 980px;
  margin: 0 auto;
}
.content-action p{ 
  vertical-align: text-bottom;
  font-size: 31px;
  line-height: 42px;
  font-weight: 300;
  color:#fff;
  text-align: left;
  padding: 0px;
  display: block;
  width: auto;
  margin: 0 auto;
}
.content-action a{
  margin: 0px 15px;
  vertical-align: text-top; 
  background-color: #fff;
  color:#4c2617;
}
.content-action a:hover{ 
color:#fff;
}
/*** Header / NAV ***/ 
.header {
  width: 100%;
  margin: 0 auto; 
  display: block;
  text-align: center;
} 

.header ul.top-navigation {
  float: right; 
  display: block;
  margin: 44px 0 0 0;
  padding: 0;
  background: #fff;
}  
.header ul.top-navigation li {
  display: block;
  float: left;
  padding: 18px 24px 24px 24px;
  background: #fff;
  /* one level deep */

}
.header ul.top-navigation li a {
  font-family: 'Roboto', sans-serif;
  font-size: 13.5px;
  font-weight:bold;
  text-transform: uppercase;
  color: #4c2617;
  background: #fff;
}
.header ul.top-navigation li a:hover, .header ul.top-navigation li a.active {
  color: #ED5B0C;
  text-decoration: none;
}
.header ul.top-navigation li ul {
  padding: 26px 0 20px 0;
  margin: 0;
  background: #fff;
}
.header ul.top-navigation li ul li {
  padding: 0;
  margin: 0;
  background: #fff;
  width: 186px;
  position: relative;
}
.header ul.top-navigation li ul li a {
  padding: 2px 12px;
  text-transform: none;
  background: #fff;
  color: #ED5B0C;
  text-indent: 10px;
}
.header ul.top-navigation li ul li a:hover {
  text-decoration: underline;
}
.header ul.top-navigation li ul li ul {
  padding: 0;
}
.header ul.top-navigation li ul li ul li a {
  text-indent: 20px;
}
.header ul.top-navigation li.last {
  padding-right: 0;
}
.header .contract-vehicles {
  display: inline;
  display: inline-block;
  display: block;
}
.header .contract-vehicles a {
  text-transform: none;
  display: inline-block;
  float: right;
  margin: 0 0 14px 0;
}


/**Home Page**/
.content-container{
  background-color:#f2efea;
}
.content {
    width:1200px;
    margin: 0 auto;
    padding: 15px 0 25px;
}
.solution .uppercase,.technology .uppercase {
  font-weight: 400 !important;
  font-size: 17px !important;
}
.datum-process{
padding: 10px 170px 18px;
}
.datum-process h4{
    font-size:16px;
}
.datum-process p{
    text-align: center;
}
.centerBoxes{ 
    padding:10px 0 55px;
    background: #ffffff url(../img/brown_container.jpg) no-repeat center bottom
} 
.centerBoxes .boxes{
    width:1080px;
    margin: 50px 0 0 70px;
}

.centerBoxes a b,.centerBoxes a i{  
  display: block;
  text-transform: none;
  font-style:normal;
  text-align: center; 
  font-weight: normal; 
  color: #fff; 
}
.centerBoxes a b{
    margin-top:30px;
    font-weight:bold;
    font-size:26px;
}
.centerBoxes a i{
    margin:10px 25px; 
    font-size:16px;
    
}
 .greenBox, .greenBox:hover, .blueBox, .blueBox:hover, .orangeBox, .orangeBox:hover{
	background: url('/img/sprites-boxes.png') no-repeat;
    margin-right: 1%;
    display: block; 
    float: left;   
}
.greenBox{
	background-position: 0 0;
	width: 255px;
	height: 183px;
}

.greenBox:hover{
    text-decoration:none;
	background-position: 0 -197px ;
	width: 255px;
	height: 183px;
}

.blueBox{
	background-position: -320px 0;
	width: 255px;
	height: 183px;
}

.blueBox:hover{
    text-decoration:none;
	background-position: -320px -197px ;
	width: 255px;
	height: 183px;
}

.orangeBox{
	background-position: -637px 0;
	width: 255px;
	height: 183px;
}

.orangeBox:hover{
    text-decoration:none;
	background-position: -637px -197px ;
	width: 255px;
	height: 183px;
}

.info{
    padding: 5px 0 0;
}
.info.center p a.content-button{
  margin: 17px 0 0;
}
.info.center.home p{
  font-size: 18.5px;
  line-height: 24px;
  margin: 15px 0 10px;
}
.first-column .info.center.home{
  padding-left:80px;
}
.second-column .info.center.home{
  padding-right:80px;
}
.home-border-right {
    padding-right: 1%;
    margin-right: 2%;
    border-right: 1px solid #f2efea;
}

/** ANIMATED CONTAINER **/
.animated-container{
  max-width:1200px;
  min-width: 1200px;
  max-height: 412px;
  min-height: 412px;
  position: relative;
  background-color: #f2efea;
  margin:0 auto;
}
.animation{
  max-width: 980px;
  min-width:980px;
  margin:0 auto;
}
.animation-header{
top: 8%;
left: 8%;
position: absolute;
}
.animation-header h1{
  font-size:36px;
  line-height: 38px; 
  font-weight: 400;
  margin:0 auto;
}
.animated-left{
  float:left;
  position: relative;
  width:550px; 
  height:412px;
}
 
.animated-right{
  float: left;
  width: 345px; 
  padding: 35px;
}
.animated-right p{
  padding: 50px 0 0px;
  font-size: 20px;
  line-height: 30px
}
 .a-tablet{
  position:absolute;
  top: 49%;
  left: 16%;
  z-index: 1;
}
.a-smartphone{
  position: absolute;
  top: 25%;
  left: 78%;
  z-index:2;
}
.a-keyboard{
  position: absolute;
  top: 71.25%;
  left: 41%;
  z-index: 2;
}
.animation-main-background{
  position: absolute;
  top: 26%;
  left: 2%;
  z-index: 2;
}
/* footer */

/* .headquarters{ */
/* padding-right:90px !important; */
/* } */
/* .solution{ */
/* padding-right: 90px !important; */
/* padding-top:42px !important; */
/* } */
/* .technology{ */
/* padding-right: 50px !important; */
/* padding-top:42px !important; */
/* } */

.headquarters, .solution, .technology, .products {
	padding-right: 50px !important;
}

.headquarters li,.solution li,.technology li, .products li {

    float:none !important;
}
.join-datum {
    padding-left: 40px;
    font-weight: 300;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
}
.join-datum h2 {
    margin:10px 0 0;
    padding:0;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    text-align:left;
 }
 .join-datum p{
     color:#fff;
     font-weight:300;
     font-size:14px;
     line-height: 24px;
     margin:5px 0 0;
 }
 
.footer .column {
	width: 30%;
}
 
.footer .column ul.headquarters {
	margin: 0px;
	padding: 0px;
}

ul.headquarters h4 {
	margin: 0px;
	padding: 0px;
}
 
 .footer .column a{
  color: #fff;
  display:inline-block;
  font-weight: 300;
      line-height: 15px;
 }
 .footer-right-content a:hover{
  text-decoration: none;
  border-bottom: 1px solid #ED5B0C;
 }
.footer-container {
  background: #4DADD3;
}
.footer-container .footer {
  position: relative; 
  display: block;
  width: 1024px;
  margin: 0 auto;
}
.footer-container .footer .logo {
  float: left;
}
.footer-container .footer .logo a {
  display: block;
  margin: 35px 20px 0;
  width: 33px;
  height: 31px;
  background: transparent url(../img/footer_logo.png) 0 0 no-repeat;
  text-indent: -4000px;
}
.footer-container .footer ul {
  list-style: none;
  margin: 0;
  padding: 20px 0px 0px 0px;
  float: left;
}
.footer-container .footer ul li { 
    height:22px;
  padding: 0;
  margin: 0;

}
.footer-container .footer ul li a,.footer-container .footer ul li p {
    margin: 0;
    display: inline-block; 
   font-size: 13.5px;
    font-weight:300;
    color:#fff;  
    font-family: 'Roboto', sans-serif;
    line-height:14px
}
 .social li a:hover{
     text-decoration:none;
 }
.footer-container .footer ul li a:hover{
    text-decoration:none;
    border-bottom: 1px solid #ED5B0C;
}

.footer-container .footer h4 {
	text-align: left;
}

.footer-container .footer li h4 a {
    color:#fff; 
    font-size: 17px;
	font-weight: 400;
    text-align:left;
    /* padding-bottom:10px; */
    font-family: 'Roboto', sans-serif;
}
.footer-container .footer ul.social {
    display: block;
    padding: 0;
    margin: 0;
}
.footer-container .footer ul.social li a {
    background-image: url(../img/social_icons_v2.png); 
  text-indent: -4000px;
  padding: 0;
}
.footer-container .footer ul.social li{
  float:left;
}

.footer-container .footer ul.social li a.facebook {
    width:30px;
    height:30px;
    background-color: transparent;
     text-indent: -4000px;
     background-position:0px -2px;
}
.footer-container .footer ul.social li a.twitter {
    width:30px;
    height:30px;
    background-color: transparent;
     background-position:-30px -2px;
}
.footer-container .footer ul.social li a.linkedin {
    width:30px;
    height:30px;
    background-color: transparent;
     background-position:-59px -2px;
}
.footer-container .footer ul.social li a.facebook:hover {
     border-bottom:none;
    background-position: 2px -45px;
  
}
.footer-container .footer ul.social li a.twitter:hover {
   border-bottom:none;
   background-position: -28px -45px;
  
}
.footer-container .footer ul.social li a.linkedin:hover {
    background-position: -57px -45px;
    border-bottom:none;
}

/** WHO WE SERVE GENERAL PAGE STYLE (Gov,Com,About,Partner,Tech)**/
.serve{
    width:1200px;
    margin:0 auto;
    background-size:cover;
}
.serve-header{
    width:980px; 
    margin: 0 auto;
    display: block;
} 
 
.serve-header-left{
    float:left; 
} 
.serve-header-left h1{
    color:#fff;
    font-size:36px;
    line-height: 36px;
    font-weight:400;
    font-style:normal;
    font-family: 'Roboto', sans-serif;
     padding:50px 0;
}
 
 .serve-header-right{
  float:left;
  width: 632px;
  padding: 85px 0 67px 44px;
 }
 .serve-header-right p{
     color:#fff; 
     font-size:21px;
     font-weight: 200;
     line-height: 30px;
 }
 .serve-header-left div{
     margin:30px 0; 
     padding: 46px 0;
     border-right:1px solid rgba(255, 255, 255, 0.3);
 }
  .serve-header-left div h1{
     text-align: left;
     margin-top:0;
 }
 
 .page-content-container{
  max-width:1200px;
  min-width: 1200px;
  margin:0 auto;
  padding:5px 0 15px 0; 
}

.page-content-image-container{
    margin:0px auto 60px;
    width:1200px;
    height:487px;
    padding:1px 0 15px 0;
    background-color: #F1EEE8;
}
.page-content-image-container-success{
  width:1200px;
  height:487px;
  background: #f2efea url(../img/success-background.jpg) 0 0 no-repeat;
}
.page-content-image-container-results{
  margin:0px auto 60px;
  width:1200px;
  height:487px;
  padding: 0;
  background: #f2efea url(../img/result-background.jpg) 0 0 no-repeat;
}
.page-content-image-container-success h1,.page-content-image-container-results h1{
  font-size: 44px;
  line-height: 46px;
  font-weight: 300;
  margin:0;
  padding-top: 35px;
}
.page-content-image-content-left{
  float:left;
  width:318px;
  padding:30px 0px 0px 125px;
      font-size:16.5px;
}

.page-content-image-content-left h4{
  text-align: left;
  font-size: 19px;
}
.page-content-image-content-right{
  float: right;
  width: 300px;
  padding: 0px 180px 0px;
}
.page-content-image-content-left li,.page-content-image-content-right li{
margin:15px 0;
}
.serveHeadleft{
  width:272px;
}
.standard-full-header{
  width:980px;
  margin:50px auto 0;  
  line-height: 32px;
}
.standard-full-header h1{
  margin:15px 0 0 ;
  font-weight: 400;
}
 
.standard-full-subheader{
  width:950px;
  margin:10px auto 14px;
  line-height: 24px;  
}
.standard-full-subheader h3{
  margin: 5px 0 0;
  font-weight: bold;
  color: #4c2617;
  line-height: 28px;
}
.standard-full-subheader-bottom{
  width:980px;
  margin:35px auto 50px; 
}
.subheader-center-content{
  text-align: center;
  font-size: 21px; 
  line-height: 28px;
  padding:31px 0 35px;
}
.standard-full-subheader-bottom h3{
  margin: 5px 0 0;
  font-weight: bold;
  color: #4c2617;
  line-height: 22px;
}

.whoweservedividerspacer{
    margin:40px 0;
}
.technologyprojectspacer{
  margin:55px 0 15px;
}

/** PARTNER PAGE VARIATION **/
.partner{
  width: 820px;
  text-align: center;
  margin: 30px auto
}
.partner p{
  padding: 0 20px;
}
.partnerLogo{
  width:750px;
  margin:0 auto 5px;
  padding:25px;
}
.partnerLogo div{
  float:left;
width:250px;
height:150px;
}
.partnerImage{ 
  padding:30px;
}

/** GOV SERVE **/
.gov-header-right{
  float: left;
  width: 651px;
  padding: 65px 0 67px 52px;
}
.gov-header-right p{
     color:#fff; 
     font-size:22px;
     font-weight: 200;
     line-height: 30px;
 }
.govcom{
  width:245px;
}
/**Commercial **/
.commercial-image-background{
 background:#f2efea;
}
/******* ABOUT PAGE *****/
.aboutheadleft{
  width:206px;
}
.about-header-right{
  float: left;
  width: 684px;
  padding: 95px 0 67px 59px;
}
.about-header-right p{
    margin:0;
     color:#fff; 
     font-size:22px;
     font-weight: 200;
     line-height: 30px;
 }
.aboutpaddingright{
    padding:25px 0 0;
}
.communityleftadjustment{
    padding:32px 0 !important;
}
.page-content-container .content-two-column div.about-column{
  padding: 30px 15px 0 15px; 
 }
.page-content-container .content-two-column div.about-column:last-child{
    padding-right:0;
}
.about-subheader {
    margin: 0px auto 45px;
}
.about-image-right{
   float:right;
   width:700px;
}
/** TEAM **/
.team-ceo{
    width: 200px;
margin: 0 auto;
display: block;
}
/*** CAREERS ***/
.career-listing-container {
    width: 980px;
    margin: 0 auto;
}
div#recaptcha_widget_div .column span,.recaptchatable *, #recaptcha_widget_div{
        line-height:10px !important;
}
/**** TECHNOLOGY PAGE ****/
.technology-content,.solutions-content{
  width: 1200px;
  margin: 0 auto; 
}

.tech-header-right{
margin: 45px auto;
float: left;
  width: 700px;
  color:#fff;
}
.tech-header-right div{
margin: 0px 30px;
}
.tech-header-right div p{
color: #fff; 
font-size: 22px;
font-weight: 200;
line-height: 30px;
}
.technology-header-image{ 
  position: relative;
  background:#339837 url(../img/technology_image.jpg) 0 0 no-repeat;
  height: 356px;
  margin:0 auto;
  padding:0;
}
.technology-header-image h1{
    font-family: 'Enriqueta', serif;
    font-weight: bold;
    line-height: 38px;
    position: absolute;
    width: 647px; 
    top: 3.5%;
    left: 38%;
}
 .nopadding{
     padding: 0 !important;
 }
 .fivetopmargin{
     margin-top:5px !important;
 }
 .contractvehiclehead{
    padding: 83.5px 0 !important;

 }
.techheaderleft{
  width: 270px;
  padding: 84px 0 !important; 
}
.techheaderleft h1{ 
  margin:10px 0 0;
  padding:0px;
}
 .techheaderleft span,.govcom span,.whoweserveleft span{
 color: #fff;
 font-size:26px;
 font-weight:300;
margin: 0;
display: block;
padding: 0;
}
 .whoweserveleft{
     padding:100px 0 !important;
 }
 .whoweserveleft h1{
     color:#fff;
     padding:0;
     margin:0;
 }

.three-column-technology { 
  display: block;
  width: 980px;
  margin:0 auto 40px;
}
 
.three-column-technology .column h3{
  text-align: left;
  font-size:22px;

}
.three-column-technology .first-column, .three-column-technology .third-column {
  width: 23%;
  float: left;
  margin-top:150px;

}
.three-column-technology .second-column {
    width: 50%;
    float: left;
    padding-left: 0;
    margin-top: 24px;
    padding-right: 2%;
}
.three-column-technology div.column:first-child {
   padding-left: 0;
}
.three-column-technology .second-column p,.three-column-technology .second-column h3{
    padding:0 50px 0 80px;
}

.three-column-technology p {
    font-size:17px;
  margin-top: 4px;
}
.three-column-technology a{
    color: #ED5B0C; 
}

/*** CYBERSECURITY ***/
.cybersecurity-content{
  width:1200px;
  margin-bottom:35px;
}
.cybersecurity-content h4{
  font-size: 22px;
  padding-top: 15px;
  margin: 0 0 10px;
}
.cybersecurity-content p{
  padding: 0 0 35px;
  margin: 0;
}
 
.cyberheaderleft{
  float:left;
  width:257px;
}
.cyberheaderleft h1{
    color:#fff;
    text-align:center;
    margin: 0;
    padding: 20px 0 0;
}
.cyber-header-left div{
    color:#fff;
    text-align:left;
    margin: 30px 0;
    padding: 47px 0 86px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.cyber-header-right{
  float:left;
  width:620px; 
  margin-left:36px;
}
    .cyber-header-right div {
        padding: 65px 0 0;
        width: 670px;
    }
    .technoologyheaderDoubleline{
    padding: 42.5px 0 !important;
    }
    .technoologyheaderDoubleline h1{
        line-height:34px;
    }
 
.cyber-header-right p{
  color: #fff;
  font-style: normal;
  font-weight: 300;
  font-size:21px;
  line-height:30px;
}
.cybersecurity-dividerspacing{
  margin: 19px 0 29px;
}
/** SOLUTIONS **/
.solutions-header-left{
  float:left;
  width: 254px; 
  margin:30px 0;
}
.solutions-header-left div{
  padding: 41px 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.solutions-header-left h1{
  margin:0;
  padding:0;
  text-align: left;
  color:#fff;   
  font-weight: 300;
  font-size: 36px;
  line-height: 40px;
}
.solutions-header-left span{
  padding:0;
  margin:0;
  color: #fff;
  font-weight: 300;
  font-size:26px;
  line-height: 30px;
}
.solutions-header-right{
  float: left;
  width: 640px;
  padding:35px 0 0px 56px;
}
.solutions-header-right p{
     color:#fff; 
     font-size:22px;
     font-weight: 200;
     line-height: 30px;
 }
.solutions-header-image{ 
  background:#fff url(../img/solutions-background.jpg) 0 0 no-repeat;
  height: 346px;
  margin:0 auto; 
}
.solutions-header-image h1{
  font-family: 'Enriqueta', serif;
  font-size: 50px;
  text-align: left;
  font-weight: normal;
  line-height: 60px;
  margin: 0;
  padding: 25px 0 0 418px;
  width: 500px;

}
.solutions-header-image h4{
   font-family: 'Enriqueta', serif;
   font-size: 30px;
   text-align: left;
font-weight: bold;
line-height: 30px;
margin:0;
padding-left:390px;
width: 500px;
}

/** Solutions submenu pages **/
.serve-header-left .technologyproject-header-left{
  width:220px;
  padding:40px 0;
}

.serve-header-left .community-header-left{
width: 260px;
padding: 31px 0;
}
.community-header-left h1{
  line-height: 38px;
  margin:0;
}
.technologyproject-header-left h1{
  line-height: 38px;
  margin:0;
}
.technologyproject-header-right{
  width:692px;
  float:left;
  padding-left:36px;
}
div.technologyproject-header-left.staffing{
 padding:59px 0;
}
 
.content-action p.twentyeight{
  font-size: 28px;
}
.technologyproject-header-right div{
  margin: 83px 0;
  font-size: 21px;
  line-height: 30px;
  font-weight: 200;
  color:#fff;
}
.page-content-container .content-two-column.technology-project-columns:last-child{
  margin:14px auto 45px;
}
.content-two-column.technology-project-columns p{
  margin-top: 2px;
}
.staffing-bottom{
  margin:45px auto;
}
/*** BIG DATA , SYSTEM QA ***/
 
 
.systemqualityheaderleft h1{
  line-height: 34px;
  margin: 0;
padding: 20px 0;
text-align: center !important;
}

.serve-header-left .systemqualityheaderleft{
  width:298px;
  padding:62px 0 65px;
}
.center-content{
  width:950px;
  margin:0 auto;
  padding:15px 0 5px;
  line-height:24px;
}

.serve-header-left .mobileheaderleft{
  width:258px;
  padding: 68px 0;
}
.mobileheaderleft h1,.systemqualityheaderleft h1{
  line-height: 34px;
  margin: 0;
padding: 10px 0;
text-align: center !important;
}
div.aboutheadleft{
    padding:55px 0;
}
.mobile-content {
    margin-top: 45px;
}
/** CASE STUDIES**/
.case-studies-divider{
  margin-top:30px;
}
div.single-column.case-studies-header h1{
  padding: 30px 0 10px;
}

/** CONTACT PAGE**/
.contact-page-left{
    padding-right:30px !important;
}
.contact-page-right{
    padding-right:0 !important;
}
.content-two-column-small-right .column.contact-page-left div:first-child{
    padding-right:0;
}
.contact-page .two-column-layout .column:first-child {
  width: 68%;
  padding-right: 4%;
}
.contact-page .two-column-layout .column + .column {
  width: 26%;
}
.contact-page .map {
  padding: 1px;
  border: 1px solid #aaa;
  margin-top: 24px;
  margin-bottom: 24px;
}
.contact-page h1 {
  text-align: left; 
}
.contact-page h2 {
  text-align: left; 
}
.contact-page h3 {
  text-align: left; 
}
.contact-page p {
  text-align: left;
  margin-top: 0px;
}
.contact-page a {
  color: #d8682e;
  font-weight: normal;
}
.contact-page h4 {
  text-align: left; 
} 
.contract-vehicles-h4{
    text-align:left;
}

/* Vela Page */

/* Header */

#velaProductImage { width:350px;display:inline-block;padding-right:30px;border-right: 1px solid rgba(255, 255, 255, 0.3); vertical-align:middle}
#velaProductDescription {color:#FFF;display:inline-block;vertical-align:middle;width:670px;margin-left:30px;text-align:left;line-height: 30px;font-size:21px;font-weight:300}
#velaHeader {padding:30px 0; text-align: center;}

/* Vela Plans Table */

table.plans {
	border-collapse: collapse;
	margin: 20px 0 20px 0;
	width: 100%;
}

table.plans td {
	border-bottom: 1px solid #b3b3b3;
	font-weight: bold;
	/* text-align: center; */
}

/* table.plans .columntwo, table.plans .columnthree, table.plans .columnfour {
	height: 100px;
	width: 50px;
} */

table.plans td {
	padding: 5px 0px 5px 0px;
}

table.plans td.tick {
	background-image: url(../img/check.png) ;
	background-repeat: no-repeat;
    background-size: 14px;
    background-position: center
}

table.plans th { 
	border-bottom: 1px solid #b3b3b3;
}

table.plans th.columntwo, th.columnthree, th.columnfour {
	background: #4dadd3;
	height: 100px;
	width: 75px;
}

th.columntwo h3, th.columnthree h3, th.columnfour h3 {
	color: #fff;
	margin-bottom: 20px;
}

.vertical-text {
	transform: rotate(270deg);
}

/* OneUI Page */


#oneUIImage { width:350px;display:inline-block;padding-right:30px;border-right: 1px solid rgba(255, 255, 255, 0.3); vertical-align:middle}


.newlogos img {
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 5px;
	height: 10%;
	width: 10%;
}

.newlogos2 img {
	border: 0px;
	padding: 5px;
	height: 15%;
	width: 15%;
}

/* New social icons for footer */

.icons {
	width: 200px;
}

.icons a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 10px;
    vertical-align: middle;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
 
.icons a.twitter { background: url(../img/social-icons/twitter.png) left top no-repeat; }
.icons a.linkedin { background: url(../img/social-icons/linkedin.png) left top no-repeat; }
.icons a.facebook { background: url(../img/social-icons/facebook.png) left top no-repeat; }
.icons a.googleplus { background: url(../img/social-icons/googleplus.png) left top no-repeat; }
 
.icons a:hover {
	background-position: left -34px;
	border: 0 none;
	text-decoration: none;
}

/* MENU */

/* ==================================================

Tutorial Title:   Drop Down Menu with 3 Levels Deep
Tutorial Link:    http://html-tuts.com/?p=8136

=================================================== */

/* /* Pre-set CSS to simulate a live website */
/* body { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 150%; background: #eee; } */
/* .headerContainerWrapper { background: #FFF; } */
/* .center { max-width: 960px; margin: 0 auto; } */
/* .headerContainer, .bodyContainer, .footerContainer { max-width: 960px; margin: 0 auto; background: #FFF; } */
/* .padding {	padding: 20px; } */
/* .bodyContainer { min-height: 500px; } */

/* Menu General Styles */

.dropDownMenu a {
	color: #4c2617;
	font-size: 13.5px;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.dropDownMenu {
	margin: 20px 0 20px 0;
	}

.dropDownMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right; 
	background: #fff;
	
}

.dropDownMenu li {
	position: relative;
}
.dropDownMenu a {
	padding: 15px;
	display: block;
	text-decoration: none;
}
.dropDownMenu a:hover {
	color: #ED5B0C;
}


/* Level 1 Drop Down Menu */
.dropDownMenu > li {
	display: inline-block;
	vertical-align: top;
	margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.dropDownMenu > li:first-child {
	margin-left: 0;
}
.dropDownMenu > li > a {}
.dropDownMenu > li > a:hover {}



/* Level 2 */
.dropDownMenu > li > ul {
	text-align: left;
	width: auto; /* change auto value with 200px if you want a bigger menu */
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}
.dropDownMenu > li:hover > ul {
	display: block;
}
.dropDownMenu ul li a, .dropDownMenu ul li ul li a  {
	color: #ED5B0C;
	text-transform: none;
	padding: 5px 20px;
}
.dropDownMenu ul li a:hover {
	text-decoration: underline;
}

/* Level 3 */
.dropDownMenu > li > ul > li > ul {
	text-align: left;
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 9999999;
}
.dropDownMenu > li > ul > li:hover > ul {
	display: block;
}
.dropDownMenu ul ul li {}
.dropDownMenu ul ul li a {
	color: #4c2617;
}
.dropDownMenu ul ul li a:hover {
	color: #ED5B0C;
}

sup a {
	bottom: 50px;
	color: #ff0000;
	font-weight: bold;
	position: relative;
}

sup a:hover {
	text-decoration: none;
}

h2 sup a {
	position: inherit;
}

#footnotes {
	margin: 25px;
}

#footnotes ol {
	counter-reset: li;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footnotes ol li::before {
	content: counter(li); 
	color: red;
	display: inline-block;
	margin-left: -1em;
	width: 1em
}

#footnotes ol li {
	counter-increment: li
}

blockquote {
	font-size: 16.5px;
}

#siteSearch {
	margin: 0 auto;
	max-width: 1200px;
}

/* #___gcse_0 > div { */
	/* padding: 0px; */
	/* max-width: 300px; */
/* } */

#___gcse_0 {
	padding: 0px;
	width: 450px;
}

.partnerLogos img {
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 5px;
	height: 10%;
	width: 10%;
}

div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
	height: 40%;
	overflow: auto;
	position: absolute;
	top: 0px;
}