@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap");
*,:after,:before{
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:left;
    background-color:#fff
}
[tabindex="-1"]:focus:not(:focus-visible){
    outline:0!important
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[data-original-title],abbr[title]{
    text-decoration:underline;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0;
    text-decoration-skip-ink:none
}
address{
    font-style:normal;
    line-height:inherit
}
address,dl,ol,ul{
    margin-bottom:1rem
}
dl,ol,ul{
    margin-top:0
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:#007bff;
    background-color:transparent
}
a:hover{
    color:#0056b3;
    text-decoration:underline
}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
    color:inherit;
    text-decoration:none
}
code,kbd,pre,samp{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
figure{
    margin:0 0 1rem
}
img{
    border-style:none
}
img,svg{
    vertical-align:middle
}
svg{
    overflow:hidden
}
table{
    border-collapse:collapse
}
caption{
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#6c757d;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit;
    text-align:-webkit-match-parent
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus:not(:focus-visible){
    outline:0
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[role=button]{
    cursor:pointer
}
select{
    word-wrap:normal
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
summary{
    display:list-item;
    cursor:pointer
}
template{
    display:none
}
[hidden]{
    display:none!important
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2
}
.h1,h1{
    font-size:2.5rem
}
.h2,h2{
    font-size:2rem
}
.h3,h3{
    font-size:1.75rem
}
.h4,h4{
    font-size:1.5rem
}
.h5,h5{
    font-size:1.25rem
}
.h6,h6{
    font-size:1rem
}
.lead{
    font-size:1.25rem;
    font-weight:300
}
.display-1{
    font-size:6rem
}
.display-1,.display-2{
    font-weight:300;
    line-height:1.2
}
.display-2{
    font-size:5.5rem
}
.display-3{
    font-size:4.5rem
}
.display-3,.display-4{
    font-weight:300;
    line-height:1.2
}
.display-4{
    font-size:3.5rem
}
hr{
    margin-top:1rem;
    margin-bottom:1rem;
    border:0;
    border-top:1px solid rgba(0,0,0,.1)
}
.small,small{
    font-size:80%;
    font-weight:400
}
.mark,mark{
    padding:.2em;
    background-color:#fcf8e3
}
.list-inline,.list-unstyled{
    padding-left:0;
    list-style:none
}
.list-inline-item{
    display:inline-block
}
.list-inline-item:not(:last-child){
    margin-right:.5rem
}
.initialism{
    font-size:90%;
    text-transform:uppercase
}
.blockquote{
    margin-bottom:1rem;
    font-size:1.25rem
}
.blockquote-footer{
    display:block;
    font-size:80%;
    color:#6c757d
}
.blockquote-footer:before{
    content:"— "
}
.img-fluid,.img-thumbnail{
    max-width:100%;
    height:auto
}
.img-thumbnail{
    padding:.25rem;
    background-color:#fff;
    border:1px solid #dee2e6;
    border-radius:.25rem
}
.figure{
    display:inline-block
}
.figure-img{
    margin-bottom:.5rem;
    line-height:1
}
.figure-caption{
    font-size:90%;
    color:#6c757d
}
code{
    font-size:87.5%;
    color:#e83e8c;
    word-wrap:break-word
}
a>code{
    color:inherit
}
kbd{
    padding:.2rem .4rem;
    font-size:87.5%;
    color:#fff;
    background-color:#212529;
    border-radius:.2rem
}
kbd kbd{
    padding:0;
    font-size:100%;
    font-weight:700
}
pre{
    display:block;
    font-size:87.5%;
    color:#212529
}
pre code{
    font-size:inherit;
    color:inherit;
    word-break:normal
}
.pre-scrollable{
    max-height:340px;
    overflow-y:scroll
}
.media{
    display:flex;
    align-items:flex-start
}
.media-body{
    flex:1
}
*{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    letter-spacing:0
}
body{
    min-height:100vh;
    font-family:Lato,sans-serif;
    margin:0;
    padding:0;
    color:#0a0c30
}
section{
    width:100%
}
summary{
    font-weight:700
}
.container{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0;
    margin:55px 0 0
}
@media screen and (max-width:576px){
    .container{
        width:100%
    }
}
h1,h2{
    font-weight:900
}
h1{
    font-size:48px;
    font-size:3rem
}
p{
    font-size:16px;
    font-size:1rem;
    line-height:24px;
    letter-spacing:0
}
ul{
    padding:18px
}
li{
    padding-left:12px
}
.nav-item{
    list-style:none
}
a{
    text-decoration:none
}
.bold{
    font-weight:700
}
.italic{
    font-style:italic
}
.white{
    color:#fff
}
details>summary{
    list-style:none
}
summary::-webkit-details-marker{
    display:none
}
summary:after{
    content:"+";
    margin-right:10px;
    font-size:24px
}
details[open] summary:after{
    content:"-"
}
figcaption{
    font-size:14px;
    font-size:.875rem;
    color:#595959;
    line-height:24px;
    margin-top:16px
}
.hero-background{
    display:flex;
    flex-direction:column;
    height:600px;
    width:100%;
    background-color:#0a0c30;
    align-items:center;
    background-image:url(hero_vectors.1bd4c462.svg);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}
.hero-background h1{
    width:700px;
    text-align:center
}
.left-column{
    width:50%
}
.left-column p{
    max-width:450px
}
.who{
    width:75%;
    margin-top:-95px;
    border-radius:8px;
    background-color:#126cbd;
    justify-content:space-around;
    padding:50px
}
.right-column,.who{
    display:flex;
    align-items:center
}
.right-column{
    flex-direction:column
}
.rectangle{
    height:190px;
    max-width:250px;
    border-radius:5px;
    background-color:#fff;
    box-shadow:0 2px 7px 2px #004b8e;
    text-align:center;
    padding:36px
}
.rectangle>p:first-child{
    color:#0a0c30;
    font-size:64px;
    line-height:77px
}
.who__certs{
    box-sizing:border-box;
    border:1px solid #c3d9ff;
    border-radius:5px;
    width:fit-content;
    font-size:14px;
    line-height:24px;
    padding:0 16px;
    display:inline-block;
    margin-right:12px
}
.who__certs p{
    height:24px;
    width:56px
}
.title{
    display:inline-block
}
.firm{
    display:flex;
    align-items:center;
    justify-content:space-around;
    padding:5% 15%;
    gap:40px
}
.awards,.leadership{
    width:75%;
    padding:55px
}
.headshot{
    width:275px
}
.awards p,.leadership p{
    max-width:440px
}
.firm__description{
    width:50%;
    padding:0 4rem
}
.vehicles {
    width: 75%;
    border-radius: 8px;
    background-color: #3DA599;
    padding: 50px;
  }
  .vehicles__list {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .vehicles__list--item {
    margin-bottom: 24px;
    padding-left: 0;
  }
  .vehicles__list--item-link {
    color: #0248A6;
    font-size: 20px;
    line-height: 28px;
    font-weight: 900;
    padding: 24px;
    background: #DFF9F5;
    display: block;
    width: 100%;
    border-radius: 8px;
    text-decoration: underline;
  }

  .title {
    margin-bottom: 40px;
  }

  .link-black {
    color: black;
  }

  .link-underline {
    text-decoration: underline;
  }

  .list {
    
    padding-top: 0;
    padding-bottom: 0;

  }

  .breadcrumb {
    list-style: none;
    padding: 0;
    margin: 50px 0 40px;
  }

  .breadcrumb__item {
    display: inline-block;
    margin-right: 4px;
    padding: 0;
  }

  .breadcrumb__item-link {
    color: #235D56;
  }

  .paragraph {
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
    margin-bottom: 8px;
  }

  .mb {
    margin-bottom: 32px;
  }

  .page {
    margin: 106px 160px 104px;
  }
  .page-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }




  .section-mb {
    margin-bottom: 64px;
  }
.capabilities{
    width:75%;
    border-radius:8px;
    background-color:#83a623;
    padding:50px;
}
.capabilities__left,.capabilities__right{
    width:50%
}
.leadership__images{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:20px
}
.leadership__images--container{
    margin:20px 26px 20px 0
}
.leadership__images p{
    margin:0
}
.headshot{
    margin-bottom:12px
}
details{
    padding:16px 24px;
    border-radius:5px;
    background-color:#fff;
    box-shadow:0 2px 6px 2px #638112;
    margin:8px
}
summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:16px;
    line-height:24px
}
.small-text{
    color:#595959;
    font-size:14px;
    font-style:italic;
    line-height:20px
}
.capabilities__columns{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1%
}
.awards ul{
    padding:0 18px
}
footer{
    width:100%;
    background-color:#0a0c30;
    margin:0;
    padding:80px 160px 40px
}
footer h2{
    margin-bottom:40px
}
.company__info.top .bold{
    margin-bottom:0
}
.company__info.top{
    align-items:flex-start;
    margin-bottom:50px;
    gap:100px
}
.company__info.bottom,.company__info.top{
    display:flex;
    justify-content:space-between
}
.company__info.bottom{
    align-items:center;
    border-top:.5px solid #fff;
    padding-top:40px
}
.naics{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    width:250px;
    margin-top:12px
}
.column{
    width:250px;
    margin-bottom:40px
}
hr{
    box-sizing:border-box;
    height:.5px;
    width:100%;
    border:.5px solid #fff;
    margin:40px 0
}
.logo{
    height:60px;
    margin:60px
}
footer .logo{
    margin:0
}
.icon{
    height:77px;
    width:77px;
    padding:0;
    margin:0 18px 24px 0
}
.itc-deloitte-logo{
    width:50%;
    max-width:400px
}
.awards__badges{
    display:flex;
    flex-wrap:wrap;
    gap:50px;
    margin-top:40px
}
.award-img{
    height:220px
}
figure{
    width:230px
}
.capitol{
    max-height:350px;
    margin-bottom:1rem
}
@media screen and (max-width:1200px){
    .who{
        display:flex;
        flex-direction:column;
        align-items:flex-start
    }
    .firm{
        padding:50px
    }
    .firm__description{
        width:50%;
        padding:0 2rem
    }
    .capitol{
        max-height:300px;
        margin-bottom:0;
        margin-top:.5rem
    }
    .left-column{
        width:100%
    }
    .right-column{
        gap:12px;
        width:100%
    }
    .rectangle{
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:40%;
        max-width:250px;
        margin:20px 0;
        padding:30px 12px
    }
    .rectangle>p:first-child{
        margin-bottom:0
    }
    .capabilities__columns{
        gap:2%
    }
    .capabilities__left,.capabilities__right{
        width:49%
    }
    details{
        width:100%;
        margin:0 0 8px
    }
    .itc-deloitte-logo{
        max-width:350px
    }
}
@media screen and (max-width:992px){
    .icon{
        height:50px;
        width:50px;
        padding:0;
        margin:0 10px 20px 0
    }
    .firm{
        display:flex;
        flex-direction:column;
        padding:30px 5px
    }
    .firm__description{
        width:auto;
        max-width:70%;
        padding:0 3rem
    }
    .awards,.capabilities,.leadership,.who,.vehicles{
        padding:35px
    }
    .capabilities__columns{
        display:block
    }
    .capabilities__left,.capabilities__right{
        width:100%
    }
    footer{
        padding:80px 100px 40px
    }
    .page {
        margin: 106px 100px 104px;
    }
    .company__info.top{
        gap:50px
    }
    .capitol{
        max-height:260px
    }
    h2{
        font-size:1.7rem
    }
}
@media screen and (max-width:768px){
    .rectangle{
        width:50%;
        justify-content:flex-start
    }
    .logo{
        margin:50px
    }
    .hero-background h1{
        max-width:400px;
        font-size:40px
    }
    .cloud{
        max-height:200px
    }
    .company__info.bottom,.company__info.top{
        display:inline-block
    }
    .leadership__images--container,footer .logo{
        margin-bottom:20px
    }
}
@media screen and (max-width:576px){
    .section-mb {
        margin-bottom: 0;
    }
    .vehicles, .capabilities {
        border-radius: 0;
    }
    .awards, .capabilities, .leadership, .who, .vehicles {
        padding: 35px 24px;
    }
    footer {
        padding: 64px 24px;
    }
    .page {
        margin: 106px 24px 104px;
    }
    .page .title {
        font-size: 24px;
        line-height: 32px;
    }
    .page .page-columns{
        grid-template-columns: 1fr;
    }
    .company__info.bottom, .company__info.top {
        display: block;
    }
    .company__info.top .column, .naics, .awards, .leadership, .awards, .capabilities, .leadership, .who, .vehicles, .headshot {
        width: 100%;
    }
    .leadership__images--container {
        width: 100%;
        margin: 0;
    }
    .awards__badges figure {
        width: 100%;
    }
    .leadership__images, .awards__badges {
        gap: 10px;
        display: grid;
    grid-template-columns: repeat(2, 1fr);
    }
    .award-img {
        height: auto;
        width: 100%;
    }
    .vehicles__list--item-link {
        font-size: 16px;
        line-height: 22px;
    }
    .rectangle{
        justify-content:flex-start;
        padding:8px 10px;
        height:150px
    }
    .rectangle>p:first-child{
        font-size:42px
    }
    .firm{
        display:flex;
        flex-direction:column;
        padding:40px 24px;
    }
    .firm__description{
        width:auto;
        max-width:100%;
        padding:0;
    }
    .awards,.leadership{
        padding:40px
    }
    .hero-background h1 {
        max-width: 100%;
        font-size: 26px;
    }
    .hero-background {
        padding: 0 24px;
        height: 440px;
    }
}
/* @media screen and (max-width:450px){
    .awards,.capabilities,.leadership,.who{
        width:80%
    }
    .capitol{
        max-height:200px;
        margin-bottom:.5rem
    }
    .gov{
        text-align:center
    }
    .headshot{
        max-width:200px
    }
    h2{
        font-size:1.3rem
    }
    .icon{
        height:45px;
        width:45px
    }
    .cloud{
        max-height:150px
    }
} */
.header{
    background-color:#f5f6fa;
    position:fixed;
    top:0;
    width:100%
}
.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 1.5rem
}
.navbar ul{
    padding:0
}
.hamburger{
    display:none
}
.bar{
    display:block;
    width:25px;
    height:3px;
    margin:5px auto;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background-color:#0a0c30
}
.nav-menu{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin-bottom:0
}
.nav-link{
    font-weight:400;
    color:#0a0c30
}
.nav-link:hover,.nav-logo{
    color:#482ff7
}
.nav-logo{
    font-size:2.1rem;
    font-weight:500
}
@media only screen and (max-width:768px){
    .header{
        height:55px;
        border-bottom:1px solid #0a0c30
    }
    nav.navbar{
        padding:0
    }
    .nav-menu{
        position:fixed;
        left:-100%;
        top:3rem;
        flex-direction:column;
        background-color:#fff;
        width:100%;
        text-align:center;
        transition:.3s;
        box-shadow:0 10px 27px rgba(0,0,0,.05)
    }
    .nav-menu.active{
        left:0;
        z-index:100
    }
    .nav-item{
        margin:1rem 0;
        padding:0
    }
    .hamburger{
        display:block;
        cursor:pointer;
        margin:1rem 0
    }
    .hamburger.active .bar:nth-child(2){
        opacity:0
    }
    .hamburger.active .bar:first-child{
        transform:translateY(8px) rotate(45deg)
    }
    .hamburger.active .bar:nth-child(3){
        transform:translateY(-8px) rotate(-45deg)
    }
}
