/* //////////////////////// HOME PAGE /////////////////////// */

body.home #header_main { 
   background-color: rgba(8,15,31,.65);
}



#top .section{
    font-size:20px;
    
}

#top .section h2.av-special-heading-tag{
     margin-bottom: 25px;
    letter-spacing: 6px;
    font-size: 60px;
    text-transform: uppercase;
    color:#a2a2a2;    
    font-family:'Avenir', 'helvetica neue', Helvetica;
    font-weight: lighter;
}

.section.dark{}

.section.light{}



/* //////////////////////// HOME PAGE /////////////////////// */

body.home#top div#wrap_all div#main{
    padding-top: 40px;
    
}


body.home#top #wrap_all #main {
    
    
    padding-top: 120px;
}

body.home div.title_container{
    display:none;
}


body.home#top div#main .container{
    padding:0;
}
body.home#top div#main div.template-page{
    padding:0;
}

.learnmore-wrapper{
    text-align: center;
}


a.learnmore{
    color: white;
    display: inline-block;
    font-family: 'Cambria', Georgia;
    letter-spacing: 1px;
    background-color: #005f3a;
    transition:0.3s;
    cursor:pointer;
    border:solid 2px white;
    padding:15px 50px;
    font-size:22px;
    margin-top:10px;
}
a.learnmore:hover, 
a.learnmore:visited{
    color:white;
    text-decoration: none;
}

a.learnmore.green{
    
}
a.learnmore.green:hover{
    background-color: #a6d279;
}
a.learnmore.white{
    background-color: rgba(255,255,255,0.1);
    background-image:url('img/dot.png');
    background-repeat: repeat;
    background-size:4px;
    
}
a.learnmore.white:hover{
    background-color: rgba(255,255,255,0.4);
}
/* /////////////// hero bar //////////// */

#section-herobar-inner{
    color:white;
    padding:120px;
}
#section-herobar-inner h3{
    color:white;
    text-transform:uppercase;
    letter-spacing: 3px;
    font-size: 36px;
}
#section-herobar .blurb{
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 0;
    color:white;
    text-align: center;
    font-size:22px;
    letter-spacing: 1px;
}




#section-herobar .icons-wrapper{
    text-align: right;
    margin-right:50px;
}
#section-herobar .icons-wrapper img{
    max-width:70px;
    margin-left:10px;
}

/* //////// services /////// */
#section-services{
    
    background-color:#0c152d;
    padding:0;
}
#section-services a.service{
    
    background-color:#0c152d;
    color:white;
    transition:0.5;
    display:block;
    padding:10px;
}

body.home#top #section-services .flex_column_table {
    margin-top: 0px;
}


body#top #section-services .link-service{
    background-color:#0c152d;
    color:white;
    text-align: center;
    cursor:pointer;
    transform: 0.5;
    border-left:solid 1px #999;
    padding:50px 0px !important;
    transition:0.3s;
}

body.home#top #section-services .link-service h2{
    text-transform: none;
    color: white;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Cambria', Georgia;
    text-align: center;
    min-height:55px;
}

body.home#top #section-services .blurb{
    min-height: 200px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    padding-left: 30px;
    padding-right: 30px;
}

#section-services a.service:hover{ 
    background-color:#005f3a;
    text-decoration: none;
    
}
#section-services .icon-wrapper{
    text-align:center;
}
#section-services .icon-wrapper .icon{
    width:80px;
}


body#top #main .link-service:first-child{
    border-left:0px;
}

body#top #main .link-service:hover{
    background-color:#005f3a;
}




/* ////////////// locations /////////////// */

#section-locations{
    color:#666;
    padding:100px;
    margin: 0 auto;
    padding-bottom:40px;
}
#section-locations .container{
    max-width: 1000px;
}
body.home#top #section-locations h2{
    font-weight:normal;
    color:#666;
    letter-spacing: 4px;
    margin-bottom: 10px;
        font-size:44px;
}

body.home#top #section-locations .special-heading-border{
    display: none;
}

body.home#top #section-locations h3{
    font-weight:bold;
    color:#005f3a;
    font-family:'Cambria', Georgia;
    font-size:28px;
}

body.home#top #section-locations .blurb{
    max-width: 400px;
    min-height: 200px;
    font-size:20px;
    line-height: 28px;
}
#section-locations .bg{
    position:absolute;
    display:block;
    background-repeat:no-repeat;
    width:825px;
    height:410px;
    left:37%;
    margin-top:-100px;
}

#section-locations #map{
    background-image: url('img/map.svg');
    
}
#section-locations .pin{
    background-image: url('img/map-pin.svg');
    background-repeat:no-repeat;
    width:30px;
    height:45px;
    position:absolute;
    display:block;
}
#pin-usa{
    margin-left:125px;
    margin-top:125px;
    
}
#pin-germany{
    margin-left:355px;
    margin-top:98px;
    /*usa - 27 */
}
#pin-bahrain{
    margin-left:431px;
    margin-top:159px;
    /*usa + 34 */    
}
#pin-afghanistan{
    margin-left:465px;
    margin-top:145px;
    /*usa +20  */    
}


/* //////////////  information-knowledge /////////////// */
#section-information-knowledge{
    background-color: darkblue;
    color:white;
    padding:40px 40px 20px;
    font-size: 20px;
    line-height: 28px;
}

#section-information-knowledge .container{
    font-size: 20px;
    line-height: 28px;
   
}

#top #section-information-knowledge h2{
    color:white;
    margin-left:-12px;
    margin-right:-12px;
}

#section-information-knowledge .blurb-wrapper{
    max-width:1000px;
    margin:0 auto;
    font-size: 20px;
    line-height: 28px;
    margin-top:0px;
}

#section-information-knowledge .blurb{
    margin-top:0px;
}

#section-information-knowledge .learnmore-wrapper{
    text-align:center;
    margin:0 auto;
    
}

#section-information-knowledge .learnmore{
    margin:5px;
    min-width: 470px;
    padding: 15px 25px;
}


#section-information-knowledge .bullets-wrapper{
    max-width:700px;
    margin:35px auto 0;
    font-size: 22px;
    line-height: 28px;
}
#section-information-knowledge .left-block{
    margin-left:16%;
    width:30%;
}

#section-information-knowledge .right-block{
 
}
/* ////////////// clients /////////////// */
#section-clients{
    padding:40px;
}
#section-clients .icon-wrapper{
    text-align: center;
}
#section-clients img {
  filter: grayscale(100%);
    transition:0.5s;
}
#section-clients img:hover {
  filter: grayscale(0%);
  
}

#section-clients #clients-wrapper {
    margin:0 auto;
    max-width: 850px;
}

#section-clients #clients-wrapper .icon-wrapper{
    float:left;
    padding:25px 30px;
    margin:0;
}
#section-clients #clients-wrapper .icon-wrapper:last-child{
    clear:right;
}

/* //////////////  development /////////////// */



#section-development{
  
    color:white;
    padding:50px 100px;
    background-image: url('img/development-bg.svg');
    background-repeat:no-repeat;   
    background-color:#1A1E47;
    background-size:100%;
    background-position:50% 0px;
    
    font-size: 20px;
    line-height: 28px;
    
}
#section-development .container{
    max-width:1100px;
}

#top #section-development h2{
    color:white;
    max-width:615px;
}
#top #section-development .blurb{
    margin-bottom: 30px;
}
#top #section-development ul.pink-bullets{
}
#section-development #dev-laptop-wrapper{
    position:absolute;
    display:block;
    left:50%;
    width: 751px;
    height: 500px;
    margin-top: -177px;
    margin-left: 0px;
}

#section-development #dev-laptop{
    position:absolute;
    display:block;
    background-image: url('img/laptop.svg');
    background-repeat: no-repeat;
       width: 751px;
    height: 500px;
    background-size:751px 437px;
}

#section-development #dev-laptop-screen{
    position:absolute;
    display:block;
    background-image: url('img/wp-backend.png');
    background-repeat: no-repeat;
    background-size:100%;
    width: 545px;
    height: 345px;
    margin-left: 102px;
    margin-top: 30px;
}

#section-development #dev-laptop-screen[data-aos="laptop-bg-up"] {
    background-position-y:0%;
    transition-property: background-position-y;
}

#section-development #dev-laptop-screen[data-aos="laptop-bg-up"].aos-animate {
    background-position-y:100%;
}

#section-development #lines-balls-wrapper{
    margin-top: 78px;
    margin-left: -40px;    
}

#section-development #lines-wrapper{
    overflow: hidden;
    position: absolute;
    width: 562px;
    height: 603px;
}
    
#section-development #lines-wrapper[data-aos="curtain-down"] {
    max-height:0%;
    transition-property: max-height;
 
}

#section-development #lines-wrapper[data-aos="curtain-down"].aos-animate {
    max-height:100%;
}


#section-development #lines{
    position:absolute;
    display:block;
    background-image:url('img/development-dashed-lines.svg'); 
    background-repeat: no-repeat;
    background-size:562px 603px;
    width: 562px;
    height: 603px;
}

#section-development #balls{
    position:absolute;
    display:block;
    margin-top: 454px;
    margin-left: 29px;
}

#section-development .ball{
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    width: 175px;
    height: 175px;
    background-size: 175px;
}
 

 #section-development #left-ball{
     margin-left:0px;
      background-image:url('img/development-circle-charts.png'); 
            
} 
 
 #section-development #right-ball{
     margin-left:324px;
      background-image:url('img/development-circle-code.png');      
}    

/* transitions*/


[data-aos="laptop-bg-up"] {
    background-position-y:0%;
    transition-property: background-position-y;
}

[data-aos="laptop-bg-up"].aos-animate {
    background-position-y:100%;
}
/* ////////////// featured jobs /////////////// */
/* moved to style.css because it's shared on another page now*/
/* ////////////// it infrastructure /////////////// */


#section-it-infrastructure{
    color:white;
    padding:60px 0px;
    
}

#section-it-infrastructure .blurb{
    margin-left:20px;
}
#section-it-infrastructure .container{
    max-width:1000px;
}

#it-infrastructure-bullets{
    margin:0 auto;
}
#section-it-infrastructure ul{
    text-align: left;
}
#top #section-it-infrastructure h2{
    color:white;
}


#section-it-infrastructure #flowchart{
    position: absolute;
    display: block;
    width:100%;
    height:100%;
    background-image: url('img/it-infrastructure.svg');
    background-repeat:no-repeat;   
    background-size: cover;
    opacity: 0.3;
    margin-left: -400px;
    margin-right: -400px;
    min-width: 1800px;
    margin-top: -200px;
    min-height: 428px;
}




/* ////////////// talent /////////////// */
#section-talent{
    padding: 50px 10px;
    min-height:600px;
    
}
      
#onion-wrapper{
    min-height:311px;
}
.onion{
  display:block;
  text-align: center;
  position:absolute;
  width:400px;
  height:400px;
  left:50%;
  margin-left:-400px;
}

[data-aos="onion-zoom"] {
    width:0;
    height:0;
    margin-left:-215px;
    transition-property: width, height, margin-left;
}
[data-aos="onion-zoom"].aos-animate {
    width:400px;
    height:400px;
    margin-left:-430px;
}

 #focus-text-wrapper{
      position:absolute;
      display:block;
      left:50%;
      margin-left:0px;
      margin-top:50px;
  }

  .focus-text{
    /*  border:solid 1px blue; */
      position:relative;
      display:block;
      z-index: 10;
      max-width:800px;
      color:#666;
      font-size:18px;
      height:100px;

  }

  .focus-line{
      height:20px;
      border-bottom:solid 1px #999;
      position:absolute;
  }
  .focus-text .blurb{
      width:500px;
      padding-left:5px;
  }
  .focus-text .title{
      font-weight:bold;
      color: #005f3a;
  }


  #focus-text1 .focus-line{
      width:230px;
      margin-left:-245px;
  }
  #focus-text2 .focus-line{
      width:180px;
      margin-left:-195px;
  }
  #focus-text3 .focus-line{
      width:160px;
      margin-left:-175px;
  }
  #focus-text4 .focus-line{
      width:170px;
      margin-left:-185px;
  }
/* ////////////// certifications /////////////// */


#section-certifications{
    padding:60px 0px 40px;
}

#section-certifications .entry-content-wrapper{
    max-width:1000px;
    margin:0 auto;
}

#section-certifications img {
  filter: grayscale(100%);
    transition:0.3s;
}
#section-certifications img:hover {
  filter: grayscale(0%);
}

#section-certifications .icon-wrapper{
    text-align:center;
}

#section-certifications #certs-wrapper {
    margin:0 auto;
    max-width: 800px;
}

#section-certifications #certs-wrapper .icon-wrapper{
    float:left;
    padding:25px 30px;
    margin:0;
}
#section-certifications #certs-wrapper .icon-wrapper:last-child{
    clear:right;
}


/* ////////////// cybersecurity /////////////// */

#section-cybersecurity{
    background-color: navy;
    color:white;
    padding:50px 100px;
    background-image: url('img/cybersecurity-bg-25.svg');
    background-repeat:repeat-y;   
    background-size:100%;
    background-position:50% 0px;
}
#top #section-cybersecurity h2{
    color:white;
}

#section-cybersecurity .entry-content-wrapper{
    max-width:1000px;
    margin:0 auto;
}



/* ////////////// contract vehicles /////////////// */

#section-contract-vehicles{
    padding:100px 0 40px;
}

#top #section-contract-vehicles .flex_column{
 
}

#top #section-contract-vehicles  .column-top-margin{
    margin-top:20px;
    
}
#section-contract-vehicles .contract-wrapper{
    color:white;
    position: absolute;
    display: block;
    z-index: 50;
    padding: 50px;

    pointer-events:none;
}

#top #section-contract-vehicles h3{

    font-weight: normal;
    font-size: 30px;
    color:white;
    pointer-events:none;
    letter-spacing: 2px;
    line-height:25px;
}

#top #section-contract-vehicles .blurb{
    pointer-events:none;
    min-height: 150px;
    line-height: 30px;
    margin-top: 32px;
}

#section-contract-vehicles .plus-wrapper{
    text-align: right;
    vertical-align: bottom;
    width:100%;
    height:100%;
    margin-top:20px;
}

#section-contract-vehicles a.plus{
    display:block;
    text-decoration: none;
    cursor:pointer;
    float:right;
    color: white;
    border: solid 3px white;
    width:62px;
    height:62px;
    z-index: 50;
    border-radius: 50px;
    font-size: 45px;
    padding-top: 13px;
    padding-right: 14px;
    transition:0.3s;
    pointer-events: all;
    transform:translateZ(70px);
}
#section-contract-vehicles a.plus:hover{
 background-color:rgba(255,255,255,0.3);   
    text-decoration: none;
}
#section-contract-vehicles a.plus:visited{
    text-decoration: none;
}

#contracts-wrapper{
    margin:0 auto;
    max-width:1260px;
}

.tilt-wrapper{
    transform-style: preserve-3d;
    width:400px;
    height:426px;
    background-repeat:no-repeat;
    background-size: cover;
    display:block;
    float:left;
    margin:10px;
}
.contract-wrapper{
    transform:translateZ(70px);
}
/*


#contract-gsa-stars{
    background-image:url('img/contract-vehicles-gsa-stars-ii.png');
}
#contract-seaport{
    background-image:url('img/contract-vehicles-dla-jets.png');
}
#contract-encore{
    background-image:url('img/contract-vehicles-encore-ii.png');
}
#contract-faa{
    background-image:url('img/contract-vehicles-faa-efast.png');
}
#contract-gsa-it-70{
    background-image:url('img/contract-vehicles-gsa-it-70.png');
}
#contract-ites-2{
    background-image:url('img/contract-vehicles-ites-2.png');
}

*/