html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 16px;
  font-family: 'Roboto', 'Open Sans', sans-serif;
}
body,
wrapper {
  min-height: 100vh;
}

/*==================
    Global Site
==================*/
h1 {
  font-size: 4.6rem;
  font-weight: 300;
  margin: 0;
}
h1 .blue {
  color: #4bb2ff;
  font-weight: 500;
  display: inline-block;
  line-height: 0.85;
}
h1 .orange {
  color: #ffa200;
  font-weight: 500;
  display: inline-block;
  line-height: 0.85;
}
h1 .orange i {
  color: #ffa200;
  font-style: normal;
  border-bottom: 1px solid #ffa200;
  font-weight: 500;
  display: inline-block;
  line-height: 0.85;
}
h1 .blue i {
  color: #4bb2ff;
  font-style: normal;
  border-bottom: 1px solid #4bb2ff;
  font-weight: 500;
  display: inline-block;
  line-height: 0.85;
}
h1 .orange i:nth-child(2),
h1 .blue i:nth-child(2) {
  position: relative;
  left: -1.2rem;
  padding-left: 1.2rem;
}
h1 .altus-comma {
  color: #fff;
  font-weight: 300;
  position: relative;
  left: -1.2rem;
}
h2 {
  color: #124a9c;
  font-size: 1.75rem;
  font-weight: 400;
}
h6,
.link {
  color: #124a9c;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}
p {
  color: #1d1d1d;
  font-size: 1rem;
  font-weight: 300;
}
a {
  color: #0275d8;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.fa {
  margin: 0 0.3rem;
}
.fa.fa-play {
  color: #ffa200;
}
.flex-grows {
  flex: 1 1 auto;
}
.main {
  position: relative;
  color: #fff;
  margin-top: 5.3rem;
  min-height: 25rem;
}
#portfolio::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
}
#altus::after,
#news::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
}
.main .container {
  z-index: 99;
}
.main h1 {
  width: 100%;
  margin-top: 9.5rem;
  padding: 0 1rem 1rem;
  text-shadow: 2px 2px 8px #111111;
}
#portfolio.main h1:first-child {
  padding-bottom: 0;
}
#portfolio.main h1:last-child {
  padding-top: 0 !important;
  margin-top: 0;
}
.secondary {
  padding: 3rem 0 5rem;
}
#svg-1 {
  position: absolute;
  height: 22rem;
  left: 0;
  bottom: -2rem;
  opacity: 0.1;
}
#svg-2 {
  position: absolute;
  height: 10rem;
  top: -2rem;
  right: -6rem;
  opacity: 0.1;
  z-index: -1;
}
#svg-3 {
  position: absolute;
  height: 15rem;
  top: -2rem;
  right: 0;
  opacity: 0.1;
}
#svg-1-portfolio {
  position: absolute;
  height: 22rem;
  left: 0;
  bottom: -5.4rem;
  opacity: 0.1;
}
#bio-img {
  /*
    position: relative;
    top: 2rem;
    */
  max-width: 100%;
  height: auto;
}
#candid-img {
  width: 100%;
  height: auto;
  margin-top: 1.5rem;
}
.home.sectio-1 {
  flex: 1;
}
.home.sectio-2 {
  flex: 2;
}
.back-to-page a {
  color: #999999;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.back-to-page a:hover {
  color: #124a9d;
}
.back-to-page .mr-2rem {
  margin-right: 2rem;
}
.back-to-page .fa {
  color: #ffa200;
}
.card-img {
  border-radius: 0;
}

/*==================   Header Section   ==================*/
#landing-page-header .nav-item i {
  position: absolute;
  top: -1.8rem;
  color: #124a9d;
  transform: scale(1.55, 1);
  margin: 0;
  padding: 0;
}
#landing-page-header li:nth-child(2) .fa.fa-caret-down {
  margin-left: 1.3rem;
}
#landing-page-header li:nth-child(3) .fa.fa-caret-down {
  margin-left: 1.4rem;
}
#landing-page-header li:nth-child(4) .fa.fa-caret-down {
  margin-left: 0.1rem;
}
#landing-page-header li:nth-child(5) .fa.fa-caret-down {
  margin-left: 0.8rem;
}
#landing-page-header li:nth-child(6) .fa.fa-caret-down {
  margin-left: 2.8rem;
}
#landing-page-header li:nth-child(7) .fa.fa-caret-down {
  margin-left: 1rem;
}
#landing-page-header button {
  margin: 0 0.2rem;
}
header {
  background-color: #fff;
}
header .navbar {
  min-height: 3.2rem;
  padding: 0;
}
header.fixed-top {
  -webkit-box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.39);
  box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.39);
}
header.fixed-top .fa.fa-caret-down {
  position: absolute;
  top: -1.7rem;
  color: #124a9d;
  transform: scale(1.55, 1);
  margin-left: 2rem;
}
header li:nth-child(2) .fa.fa-caret-down {
  margin-left: 3.1rem;
}
header li:nth-child(3) .fa.fa-caret-down {
  margin-left: 3.1rem;
}
header li:nth-child(5) .fa.fa-caret-down {
  margin-left: 2.7rem;
}
header li:nth-child(6) .fa.fa-caret-down {
  margin-left: 4.7rem;
}
header li:nth-child(7) .fa.fa-caret-down {
  margin-left: 2.6rem;
}
.navbar button {
  transform: scale(1.2, 1.1);
}
.navbar li a {
  color: #666666;
  font-size: 0.95rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 1.35rem;
}
.navbar li a:last-child {
  margin-right: 0;
}
#menu {
  display: none;
}
#navbar-main img {
  max-height: 4.8rem;
}

/*===================     Carousel      ==================*/
.carousel-caption {
  top: 0;
  left: auto;
  right: auto;
  width: 1140px;
  max-width: 100%;
  padding: 2rem 0;
}
.carousel-caption img {
  margin-bottom: 10.5rem;
}
.carousel-caption h1 {
  margin: 0 1rem;
}
.carousel-caption .row {
  margin: 0;
}
.carousel-caption.secondary {
  top: auto;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 1.1rem 0 0.7rem;
}
.carousel-caption.secondary .header {
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-right: 1rem;
}
.carousel-caption.secondary .date {
  margin-right: 1rem;
}
.car-one {
  height: 50rem;
  background: url(../images/home1.jpg) center center no-repeat;
  background-size: cover;
}
.car-two {
  height: 50rem;
  background: url(../images/home2.jpg) center center no-repeat;
  background-size: cover;
}
.car-three {
  height: 50rem;
  background: url(../images/home3.jpg) center center no-repeat;
  background-size: cover;
}
.car-four {
  height: 50rem;
  background: url(../images/home4.jpg) center center no-repeat;
  background-size: cover;
}
/*===================    Carousel fade effect    =================*/
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: all 1s ease-out;
}
.carousel-fade .carousel-inner .carousel-item {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.carousel-inner .carousel-item,
.carousel-inner .active.carousel-item-left,
.carousel-inner .active.carousel-item-right {
  opacity: 0;
}
.carousel-inner .active,
.carousel-inner .carousel-item-next.carousel-item-left,
.carousel-inner .carousel-item-previous.carousel-item-right {
  opacity: 1;
}
.carousel-item.active,
.active.carousel-item-left,
.active.carousel-item-prev,
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*==================     News Ticker     ==================*/
.newsticker {
  position: relative;
  cursor: default;
  overflow: hidden;
  width: 70%;
  height: 1.9rem;
}
.newsticker ul {
  position: absolute;
  text-align: left;
  padding-left: 1rem;
  margin: 0;
}
.newsticker ul li {
  width: 100%;
  height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.875rem;
}
.newsticker ul li a {
  color: #fff;
}





/*================================
          LP Login Modal
================================*/
#LPLoginModal p {
  font-weight: 300;
  line-height: 1.9rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  #LPLoginModal .modal-dialog {
    max-width: 860px;
    margin: 10% auto;
  }
  #LPLoginModal .modal-body {
    padding: 6rem;
  }
  #LPLoginModal p {
    font-size: 1.375rem;
  }
}






/*==================   Home Section-1   ==================*/
.home.section-1 {
  padding: 4rem 0;
}
.home.section-1 {
  background: url(../images/pattern-bg.jpg);
  background-size: contain;
}
.section-1 h2 {
  padding-bottom: 1.3rem;
  border-bottom: 1px solid #124a9c;
  margin-bottom: 1.1rem;
}
.section-1 .col-md-8 h2:first-child {
  margin-top: 0.8rem;
}
.section-1 .col-md-4 h2:first-child {
  font-size: 1.375rem;
  text-transform: uppercase;
  padding-bottom: 1rem;
}
.section-1 h2 span {
  position: relative;
  top: 0.3rem;
  font-size: 2.8rem;
  font-weight: 500;
}
.section-1 p {
  margin-bottom: 0.6rem;
}
.section-1 p a {
  font-size: 0.75rem;
}
.section-1 a {
  color: #124a9c;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}
.section-1 a:hover {
  color: #ffa200;
}

/*==================   Home Section-2   ==================*/
.section-2 {
  color: #fff;
}
.section-2 .bg-logo {
  background: url(../images/half-bg.jpg) center top no-repeat;
  background-size: cover;
  min-height: 15rem;
}
.section-2 .col-md-6:nth-child(2) {
  background-color: #124a9c;
  padding: 3rem 2rem;
}
.section-2 h2 {
  color: #fff;
  font-size: 1.875rem;
  margin-bottom: 1.8rem;
  max-width: 35rem;
}
.section-2 h2 span {
  color: #ffa200;
}
.section-2 ul {
  max-width: 35rem;
}
.section-2 ul {
  padding-left: 1.1rem;
}
.section-2 ul li {
  font-size: 0.6rem;
  padding-left: 0.3rem;
  margin-bottom: 0.5rem;
}
.section-2 ul li span {
  font-size: 1rem;
  font-weight: 300;
  position: relative;
  top: 0.1rem;
}

/*==================       Footer       ==================*/
footer {
  color: #497ab2;
  background-color: #012f61;
  padding: 2rem 1rem 2rem 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
footer .row {
  margin: 0;
}
footer .col-md-1 {
  border: 1px solid #497ab2;
  min-width: 6rem;
}
footer .col-md {
  border-top: 1px solid #497ab2;
  border-bottom: 1px solid #497ab2;
  padding: 0.3rem 1rem;
}
footer a {
  color: #497ab2;
}

/*===================     Team Page     ===================*/
#team {
  background: url(../images/header-team-new.jpg) center no-repeat;
  background-size: cover;
  /* min-height: 92vh; */
}
#team .about-team {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1.5rem 2.2rem;
  margin-bottom: 3rem;
}
#team .about-team h3 {
  color: #124a9c;
  font-size: 1.7rem;
  font-weight: 300;
}
#team .about-team a {
  color: rgb(153, 153, 153);
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}
#team .about-team .fa.faplay {
}
#team .about-team a {
  fill: #fff;
  -webkit-animation: animation-button 5000ms infinite;
  -moz-animation: animation-button 5000ms infinite;
  -o-animation: animation-button 5000ms infinite;
  animation: animation-button 5000ms infinite;
}
@-webkit-keyframes animation-button {
  0% {
    color: #fea92a;
  }

  50% {
    color: #124a9d;
  }

  100% {
    color: #fea92a;
  }
}
@keyframes animation-button {
  0% {
    color: #fea92a;
  }

  50% {
    color: #124a9d;
  }

  100% {
    color: #fea92a;
  }
}

.secondary.team {
  padding: 2rem 0 5rem;
}
.team .group {
  padding-left: 1rem;
  margin-top: 1rem;
}
.team .group:nth-child(3) h6,
.team .group:nth-child(5) h6,
.team .group:nth-child(7) h6,
.team .group:nth-child(9) h6 {
  margin: 2rem 0 0.5rem;
}
.team .group.investment,
.team .group.operation {
  margin-top: 1.5rem;
}
.team .person {
  border-bottom: 1px solid #aac3e5;
}
.team .person a {
  width: 100%;
}
.team .person img {
  -webkit-filter: grayscale(100%); /* Safari */
  filter: grayscale(100%);
  transition: all 0.5s linear;
  width: 100%;
}
.team .person img:hover {
  -webkit-filter: grayscale(0%); /* Safari */
  filter: grayscale(0%);
}
.team .name {
  color: #124a9c;
  font-size: 1.375rem;
  font-weight: 400;
  margin: 0;
}
.team .person .name:hover {
  color: #5587c6;
}
.team .title {
  color: #777777;
  font-weight: 400;
  line-height: 1.2rem;
  margin-bottom: 1rem;
}
.disclaimer p {
  color: #1d1d1d;
  font-size: 1rem;
  font-style: italic;
  margin-top: 2rem;
}
/*===================    Team-Bio Page    ===================*/
#team-bio {
  background-color: #f0f0f0;
  padding: 2rem 0;
  overflow: hidden;
}
.main.team .name {
  font-size: 3.125rem;
  font-weight: 400;
  margin-top: 1.2rem;
}
.main.team .title {
  color: #555555;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 2rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #ffa200;
}
.main.team .description {
  color: #555555;
  font-size: 1.375rem;
  line-height: 1.875rem;
}
.team .content-left p:first-child {
  color: #555555;
  font-size: 1.375rem;
  font-weight: 300;
}
.team .contact {
  color: #124a9c;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 0.4rem 0.2rem;
}
.team .col-md-4 ul {
  list-style: none;
  color: #666666;
  padding: 0;
}
.team ul li a {
  color: #666666;
}
.team ul li a:hover {
  color: #8db5f2;
}
.team .fa-phone,
.fa-user,
.fa-linkedin,
.fa-envelope-o {
  color: #8db5f2;
}
.fa-envelope-o {
  margin: 0 0.4rem 0 0.2rem;
}

/*===================      Portfolio      ===================*/
.main:not(#portfolio) .carousel {
    display: none;
}
#portfolio .carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#portfolio .carousel .carousel-inner {
  height: 100%;
}
#portfolio .carousel .carousel-item {
  height: 100%;
}
#portfolio .carousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.secondary.portfolio {
  padding-top: 2rem;
}
.portfolio .col-md-12.d-flex.justify-content-end {
  padding: 0;
}
.secondary .sort {
  margin: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dadada;
  margin-bottom: 2rem;
}
.secondary .p-2 {
  padding: 0.3rem 0.6rem !important;
}
.secondary .dropdown button {
  color: #555555;
  font-size: 1rem;
  width: 7.5rem;
  padding: 0.3rem 0.6rem;
  text-align: left;
}
.secondary .fa-sort {
  color: #ffa200;
  margin: 0.2rem 0;
}
.portfolio .col-md-3 {
  padding: 1rem;
}
.portfolio .col-md-3 .d-flex.align-items-center {
  height: 9.4rem;
  padding: 2rem;
  border: 1px solid #dadada;
}
.portfolio .col-md-3 .d-flex.align-items-center:hover > .overlay {
  opacity: 0.85;
}
.portfolio .overlay {
  position: absolute;
  left: 1rem;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
  color: #fff;
  background-color: #124a9c;
  font-size: 0.9rem;
  text-align: center;
  padding: 2rem 0;
  opacity: 0;
  transition: all 0.4s linear;
}
.portfolio .overlay ul {
  list-style: none;
  padding: 0;
}
.portfolio .overlay ul li:first-child {
  margin-bottom: 1rem;
}
.secondary.portfolio a img {
  margin: auto;
}
.print-portfolio {
  display: none;
  padding: 2rem 0;
}

/*================     Company      ===============*/
.company-name.max {
  line-height: 2.5rem;
}
.company .company-name {
  color: #124a9c;
  font-size: 2.5rem;
  font-weight: 400;
  margin: 2.8rem 0;
}
.company .company-title {
  /* padding-bottom: 0.5rem;
    border-bottom: 1px solid #ffa200; */
  z-index: 99;
  margin-bottom: 0.5rem;
}
.company .company-title a {
  font-size: 1.3rem;
  color: #124a9c;
}
.company .company-title a:hover {
  color: #ffa200;
}
.company .img-container {
  min-height: 13.125rem;
  background-color: #fff;
  padding: 0.5rem;
  border: 1px solid #e2e2e2;
  margin-top: 4rem;
}
.company .img-container img {
  margin: auto;
}
.company label {
  /*    margin-bottom: 2rem;*/
}
.company hr {
  margin-top: 0;
  border-top: 1px solid rgb(255, 162, 0);
}
.company .company-left {
  color: #124a9c;
  margin-right: 1.5rem;
}
.company .company-right {
  color: #555555;
}
.company .company-right a {
  color: #555555;
  font-size: 1rem;
  font-weight: 400;
  text-transform: lowercase;
}
.company .company-right a:hover {
  color: #124a9c;
}
.content-right .row {
  border: 1px solid rgb(229, 229, 229);
  padding: 0;
  margin: 0 0 1rem;
}
.content-right .card-img {
  padding: 0;
  overflow: hidden;
}
.content-right .card-extra {
  padding: 0.5rem;
  background-color: #f6f6f6;
  min-height: 6rem;
}
.content-right .name {
  color: #124a9c;
  font-size: 0.875rem;
  font-weight: 500;
}
.content-right .title {
  color: #555555;
  font-size: 0.875rem;
  line-height: 0.5rem;
}
.content-left .link {
  margin: 2rem 0 1rem;
}
.content-left a:last-child {
  color: #555555;
  font-weight: 400;
}
.content-left a:last-child span {
  color: #555555;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
}
.content-left a:last-child:hover {
  color: #124a9c;
}
.content-left div {
  margin-bottom: 1rem;
}

/*================     Case Studies      ===============*/
#case-studies {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url(../images/hdr-casestudies.jpg) center center no-repeat;
  background-size: cover;
  padding: 2rem 0;
}
#case-studies a {
  color: #fff;
}
#case-studies .name {
  color: #fff;
  font-size: 2.5rem;
  margin: 2rem 0 1rem;
}
.sponsor .img-container {
  min-height: 13.125rem;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem;
  border: 1px solid rgb(226, 226, 226);
  margin-top: 4rem;
}
.sponsor .left {
  color: #ffa200;
  margin-right: 1.5rem;
}
.sponsor .right {
  color: #fff;
}
.secondary.team.sponsor {
  padding-top: 2rem;
}
.sponsor .content-left {
  margin-bottom: 2rem;
}
.sponsor .content-left .link {
  margin-bottom: 0.5rem;
}

.sponsor .content-left ul {
  padding: 0 1rem;
  margin-bottom: 1.5rem;
}
.sponsor .content-left ul li {
  color: #555555;
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
}
.sponsor .content-left ul span {
  font-size: 1rem;
}

.sponsor .case-div {
  background-color: #124a9c;
  padding: 4rem 0 3rem;
}
.sponsor .case-div .row {
  max-width: 45rem;
  float: right;
}
.sponsor .case-div p {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 300;
  padding: 0.5rem 0;
}
.sponsor .case-div .name-span {
  color: #ffa200;
  font-size: 1rem;
  font-weight: 500;
}
.sponsor .case-div .title-span {
  color: #aac3e5;
  font-size: 1rem;
  font-weight: 400;
}
.sponsor .bg-logo-2 {
  background: url(../images/cs-half-bg.jpg) center top no-repeat;
  background-size: cover;
  min-height: 15rem;
}
.sponsor .fa.fa-quote-left.fa-lg {
  position: relative;
  top: -1rem;
  left: 1rem;
  color: #aac3e5;
  font-size: 1.4rem;
}
.sponsor .fa.fa-quote-right.fa-lg {
  position: relative;
  top: 1.5rem;
  left: 1.5rem;
  color: #aac3e5;
  font-size: 1.4rem;
}
.sponsor.home.section-2 {
  overflow: hidden;
}

/*===================      Altus      ===================*/
#altus {
  background: url(../images/hdr-team.jpg) center center no-repeat;
  background-size: cover;
}
.secondary.altus {
  padding: 3rem 0 2rem;
}
.altus .row:first-child {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
  margin: 0 0 1.5rem;
}
.altus .row:first-child .col-md-7 {
  padding: 0;
}
.altus .row:first-child .col-md-5 {
  padding-right: 0;
}
.secondary .download {
  background-color: #124a9c;
  border-radius: 0.3rem;
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
  margin-right: 0 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.secondary .download:hover {
  background: #ffa200;
  color: #124a9c;
}
.altus .download-div .hidden-md-up {
  margin: 1rem;
}
.altus h2 {
  font-size: 1.55rem;
  margin-bottom: 0;
}
.secondary .download-div a {
  color: #fff;
}
.secondary .download-div a .fa {
  color: #ffa200;
  margin-top: 0.3rem;
}
.altus .col-md-7 .acp-header {
  color: #124a9c;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.9rem;
  margin-bottom: 1.5rem;
}
.altus .content .acp-heading {
  color: #124a9c;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.altus .content p {
  color: #555555;
  font-weight: 400;
  margin-bottom: 1.2rem;
}
.altus .content .list {
  background-color: #f1f1f1;
  padding: 2rem 2rem 0;
  margin: 0 0 2rem;
}
.altus .content .list .acp-heading {
  border-bottom: 1px solid #aac3e5;
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.altus .content .list .fa {
  color: #aac3e5;
}
.altus .content ul {
  padding-left: 1rem;
}
.altus .content ul li {
  font-size: 0.7rem;
  margin-bottom: 0.8rem;
}
.altus .content ul li span {
  color: #555555;
  font-size: 1rem;
}
.altus .content .list p:nth-child(2) {
  margin-bottom: 0.8rem;
}
.interest {
  color: #fff;
  background-color: #124999;
  text-align: center;
  padding: 3rem 0 5rem;
}
.interest h3 {
  font-size: 1.55rem;
  font-weight: 300;
}
.interest p {
  color: #aac3e5;
  font-size: 1.375rem;
}
.print-list {
  display: none;
}
.hex-industries {
  width: 10rem;
  height: 10rem;
}
.hex-industries #hexGrid {
  padding: 0;
  height: 100%;
}
.hex-industries #hexGrid .hexLink {
  pointer-events: inherit;
  cursor: pointer;
}
.hex-industries #hexGrid .hexLink:hover,
.hex-industries #hexGrid .hexLink:focus {
  color: #fff;
}
.hex-industries #hexGrid .hex {
  width: 100%;
}
.hex-industries #hexGrid .hex img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.hex-industries #hexGrid .hex h1 {
  font-size: 1.2rem;
  top: -2rem;
}
.hex-industries #hexGrid .hex p {
  color: #fff;
  padding-right: 2.65rem;
}

/*===================       News       ===================*/
#news {
  background: url(../images/hdr-portfolio.jpg) center center no-repeat;
  background-size: cover;
}
.news .row.first .col-sm-6 {
  padding: 0;
}
.news .row.first .btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #cccccc;
}
.secondary.news {
  padding-top: 2rem;
}
.news .header {
  position: relative;
  top: -0.2rem;
  color: #124a9c;
  font-size: 1.55rem;
  padding: 0 !important;
}
.news .row.first {
  margin: 0;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.5rem;
}
.news .news-article {
  color: #555555;
  font-weight: 400;
}
.news .news-article:hover {
  color: #124a9c;
}
.news .col-md-12 p {
  margin-bottom: 1.5rem;
}
.news .sponsor-info {
  overflow: hidden;
}
.news .info-1:after,
.news .info-3:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}
.news .sponsor-info span {
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.news .sponsor-info p {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 300;
  z-index: 9;
}
.news .info-1 {
  background: url(../images/CaseStudy/Header/ExactCrop/dsbrown-case-study.jpg) center center no-repeat;
  background-size: cover;
  height: 17.2rem;
  padding: 1.5rem;
  margin: 1rem 0;
  max-width: 96%;
}
.news.secondary .fa-sort {
  margin-left: 1.5rem;
}
.news .news-article-main {
  color: #124a9c;
  font-size: 1.375rem;
  font-weight: 300;
  margin-bottom: 2rem;
}
.news .news-content p {
  color: #555;
  font-weight: 400;
}
.news .news-content ul {
  margin-bottom: 1.5rem;
}
.news .news-content ul li {
  color: #555;
}
.news .news-content span {
  color: #124a9c;
  font-weight: 600;
}
.download-div .row.second {
  margin-right: 1rem;
}
.media-contact {
  color: #555;
  background-color: #f1f1f1;
  padding: 1.5rem;
  margin: 1rem;
}
.media-contact .link {
  font-weight: 600;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #8db5f2;
  margin-bottom: 1rem !important;
}
.media-contact p:nth-child(2) {
  font-weight: 400;
}
.media-contact p a {
  color: #555555 !important;
}
.media-contact p a:hover {
  color: #124a9c !important;
}
.media-contact .fa-phone {
  color: #ffa200;
}
.media-contact .fa-play {
  color: #8db5f2;
}
.news .btn-group button {
  color: #666666;
  font-size: 0.9375rem;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
.news .btn-group button:active {
  color: #fff;
  background-color: #124a9c;
}
.btn-selected {
  color: #fff !important;
  background-color: #124a9c;
}
.btn-selected:hover {
  background-color: #124a9c;
}
.hexagon {
  position: relative;
  width: 300px;
  height: 173.21px;
  margin: 86.6px 0;
  background-image: url(http://csshexagon.com/img/meow.jpg);
  background-size: auto 346.4102px;
  background-position: center;
}

.hexTop,
.hexBottom {
  position: absolute;
  z-index: 1;
  width: 212.13px;
  height: 212.13px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 43.93px;
}

/*counter transform the bg image on the caps*/
.hexTop:after,
.hexBottom:after {
  content: '';
  position: absolute;
  width: 300px;
  height: 173.20508075688775px;
  -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
  -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
  transform: rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop {
  top: -106.066px;
}

.hexTop:after {
  background-position: center top;
}

.hexBottom {
  bottom: -106.066px;
}

.hexBottom:after {
  background-position: center bottom;
}

.hexagon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 300px;
  height: 173.2051px;
  z-index: 2;
  background: inherit;
}
.hexagon p {
  position: absolute;
  bottom: 0;
  z-index: 9;
  margin: 0 1rem;
}

/*===================      Contact      ===================*/
#contact {
  background: url(../images/hdr-contact.jpg) center center no-repeat;
  background-size: cover;
}
.contact .info {
  color: #124a9c;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 1rem;
  border-top: 1px solid #ffa200;
  margin: 0 0 0.4rem 0;
}
.contact .address {
  color: #555555;
  font-weight: 400;
}
.contact .address span {
  color: #124a9c;
  font-weight: 500;
}
.contact ul li span {
  font-size: 0.96rem;
}
.contact ul {
  list-style: none;
  color: #555555;
  padding: 0;
  margin-top: 1.3rem;
}
.contact a {
  color: #555555;
}
.contact a:hover {
  color: #8db5f2;
}
.contact ul .fa {
  color: #8db5f2;
}
.contact .fa-phone {
  margin: 0 0.4rem;
}
.contact .fa-map-marker {
  margin: 0 0.55rem;
}

/*===================    Privacy   ===================*/
#privacy ul {
  padding-left: 2rem;
}
#privacy ul li {
  color: #555;
  font-size: 1rem;
  margin-bottom: 0;
}

/*===================    Back-toTop    ===================*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgb(1, 62, 127) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 99;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 60px;
  }
}

/*===================      Media      ===================*/
@media (max-width: 1300px) {
  #team .about-team {
    padding: 1rem 1.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1300px) {
  #team {
  }
}
@media (min-width: 1200px) {
  .altus .col-md-5 .download,
  .altus .content .list {
    margin-left: 3rem;
  }
  .secondary.news .sponsor-info .col-md-12 {
    height: 20.2rem;
  }
}
@media (min-width: 768px) {
  .company .back-to-page {
    min-height: 17.6rem;
  }
  .content-right .card-img img {
    transform: scale(1.3, 1.3);
    margin-left: 0.2rem;
  }
}
@media (max-width: 1199px) {
  .main h1 {
    margin-top: 5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .contact ul li span {
    font-size: 0.77rem;
  }
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
  #landing-page-header .navbar {
    margin: 1.2rem 0 0;
  }
  #landing-page-header .navbar-nav {
    padding: 2.5rem 0;
  }
  header button {
    color: #124a9c;
    cursor: pointer;
    margin-top: 1.5rem;
  }
  header .navbar-nav {
    text-align: center;
    padding-bottom: 1rem;
  }
  header .navbar-nav a:hover {
    color: #124a9c;
  }
  header.fixed-top .fa.fa-caret-down {
    display: none;
  }
  #team {
    min-height: 52vh;
  }
  #team .about-team h3 {
    font-size: 1.4rem;
  }
  .content-right .card-img img,
  .secondary.team.company .card-img img,
  .secondary.team.sponsor .card-img img {
    min-width: 9rem;
  }
  .section-2 .col-md-6:nth-child(2) {
    background-color: #124a9c;
    padding: 3rem 1rem;
  }
  .altus .content .list {
    padding: 1rem 1rem 0 1rem;
  }
  .news .sponsor-info p {
    font-size: 1rem;
  }
  .media-contact {
    padding: 1.5rem 0.5rem 1.5rem 1rem;
  }
  .media-contact p a {
    font-size: 0.85rem;
  }
}
@media (max-width: 767px) {
  #svg-1-portfolio {
    bottom: -2rem;
    width: 100%;
    height: auto;
  }
  #svg-1-portfolio-case {
    bottom: -2rem;
    width: 100%;
    height: auto;
  }
  #svg-1 {
    bottom: -2rem;
    width: 100%;
    height: auto;
  }
  #svg-2 {
    right: 0;
  }
  .carousel-caption img {
    margin-bottom: 7rem;
  }
  .carousel-caption h1 {
    text-align: center !important;
  }
  .main {
    margin-top: 4.5rem;
  }
  .main h1 {
    font-size: 3.5rem;
    margin-top: 5rem;
  }
  #team {
    min-height: 70vh;
  }
  #team .about-team {
    display: none;
  }
  #team-bio .col-md-4.offset-md-1 {
    text-align: center;
  }
  #portfolio .main {

  }
  .secondary.team .row .col-md-4 {
    margin-bottom: 2rem;
  }
  .secondary.team .row .col-md-4:last-child {
    margin-bottom: 1rem;
  }
  .sponsor .img-container {
    margin-top: 1rem;
  }
  .secondary.altus .download-div.hidden-sm-down {
    padding-left: 0;
    margin-top: 0.5rem;
  }
  .download-div .row.second {
    margin-right: -1rem;
  }
  .media-contact {
    padding: 1.5rem;
  }
  .media-contact p a {
    font-size: 1rem;
  }
  footer .col-md {
    border-top: 1px solid #497ab2;
    border-bottom: 1px solid #497ab2;
    border-left: none;
    border-right: 1px solid #497ab2;
    padding: 0.3rem 0;
  }
  .contact .info {
    margin-top: 2rem;
  }
}
@media (max-width: 575px) {
  header .navbar {
    padding: 0.5rem 0;
  }
  #navbar-main img {
    max-height: 3rem;
  }
  header button {
    margin-top: 0.8rem;
  }
  .car-0,
  .car-1,
  .car-2,
  .car-3,
  .car-4,
  .car-5 {
    height: auto !important;
    min-height: 37rem;
  }
  .carousel-caption img {
    max-width: 30%;
    margin-top: 0.5rem;
    margin-bottom: 4rem;
  }
  .carousel-caption.secondary .header {
    margin-left: 1rem;
  }
  .newsticker {
    margin-top: 1rem;
    width: 97%;
  }
  .newsticker ul li {
    font-size: 0.7rem;
  }
  .carousel-caption.secondary .date {
    margin-right: 0.5rem;
  }
  .section-1 .col-md-6 {
    padding-bottom: 2rem;
  }
  .section-1 h2 {
    margin-right: 0;
  }
  footer {
    padding: 2rem 0 1rem;
  }
  footer .col-md .p-2 {
    font-size: 0.7rem;
  }
  .carousel-caption h1 {
    font-size: 2.8rem;
    padding: 1rem;
    margin: 0;
  }
  h1 .orange i:nth-child(2),
  h1 .blue i:nth-child(2) {
    left: 0;
    padding-left: 0;
  }
  .main {
    min-height: 30vh;
  }
  .main h1 {
    font-size: 2.5rem;
    padding: 4rem 1rem;
    margin-top: 0rem;
  }
  .main h1 span {
    float: none !important;
  }
  .main.team .title {
    font-size: 1.5rem;
  }
  .main.team .name {
    font-size: 2rem;
  }
  .main.team .description {
    font-size: 1.25rem;
  }
  #team {
    min-height: 35vh;
  }
  #team .about-team {
    display: none;
  }
  .portfolio .overlay {
    font-size: 0.75rem;
  }
  .portfolio .col-md-3 .d-flex.align-items-center {
    padding: 0.2rem;
  }
  #altus h1 .altus-comma {
    left: auto;
    padding-right: 0.5rem;
  }
  #news h1 .blue,
  #portfolio h1 .blue {
    padding-right: 0.5rem;
  }
  .news .col-sm-6 .p-2.link {
    padding-left: 0 !important;
    margin-top: 1rem;
    margin-left: 0 !important;
  }
  .news .col-sm-6 .dropdown {
    margin-top: 1rem;
  }
  .secondary.contact {
    padding: 1rem 0 3rem;
  }
  .hidden-sm-down {
    display: none !important;
  }
}
@media (max-width: 405px) {
}

/* Print */
@media print {
  /* Header */
  #landing-page-header {
    display: none;
  }
  .fixed-top {
    position: absolute;
  }
  .main h1 {
    position: relative;
    top: 2rem;
    font-size: 2.5rem;
  }
  .secondary {
    padding-bottom: 1rem;
  }

  /* Home Page */
  .carousel-caption {
    padding: 0;
  }
  .carousel-caption h1 {
    font-size: 2.6rem;
  }
  .carousel-caption img {
    width: 6rem;
    margin: 1rem;
  }
  .carousel-caption.secondary {
    display: none;
  }
  .carousel-inner {
    display: none;
  }
  .home .bg-logo {
    display: none;
  }
  .home.section-1 {
    padding: 17rem 0 0;
  }
  .home.section-1 a {
    display: none;
  }
  .section-2 .col-md-6:nth-child(2) {
    padding: 1rem 1rem 0;
  }

  /* Team */
  #about-team {
    padding: 7rem 0 1rem;
  }
  #team-bio {
    padding: 4rem 0 0;
  }
  .main {
    margin-top: 0rem;
    min-height: 0rem;
  }
  .container {
    /* width: 1000px;
        max-width: 100%; */
  }
  .team .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .team .title {
    font-size: 0.88rem;
  }
  .team .contact {
    margin-top: 1rem;
  }
  .secondary.team {
    padding: 1rem 0 1rem;
  }
  .team .group {
    padding-left: 1rem;
    margin-top: 0rem;
  }
  .team .group:nth-child(3) h6,
  .team .group:nth-child(5) h6 {
    margin: 1rem 0 0.5rem;
  }
  .secondary.team .col-md-4 {
    margin-top: 0rem;
  }
  .secondary.team .col-md-4 ul {
    min-width: 20rem;
  }

  /* Why Altus */
  .secondary.altus {
    padding: 0 0 0rem;
  }
  .hexagone-section {
    padding-top: 0rem !important;
  }
  .altus .col-md-7 .acp-header {
    color: #124a9c;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1rem;
    margin-bottom: 1.5rem;
  }
  .altus .content .list {
    margin: 2rem 0 0;
    padding: 0;
  }
  .altus .content .list:nth-child(3) {
    margin: 1rem 0 0;
  }
  .print-list {
    display: inherit;
  }
  .print-industries {
    padding-left: 1rem;
    margin-left: 1rem;
    margin-top: 2rem;
  }
  .print-industries li {
    font-size: 0.7rem;
    margin-bottom: 0.8rem;
  }
  .print-industries li span {
    color: #555555;
    font-size: 1rem;
  }
  .inside-hexa,
  .hex-industries {
    display: none;
  }

  /* Portfolio */
  .secondary.portfolio .row.sort {
    display: none;
  }
  .sponsor .sponsor-name {
    font-size: 2rem;
  }
  .print-portfolio {
    display: none;
    padding: 2rem 0;
  }
  .print-company-row {
    border: 1px solid #ccc;
    padding: 0.5rem 0;
    margin: 1rem 0;
  }
  .print-company-row img {
  }
  .print-company-name {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem;
  }
  .print-company-category {
    font-size: 0.85rem;
  }
  .print-company-description {
    font-size: 0.85rem;
    font-weight: 300;
  }

  /* News Article */
  .news {
    padding-bottom: 0;
  }
  .media-contact {
    margin: 0;
  }
  .secondary.news {
    margin-top: 5rem;
  }
  .secondary.news .row.first {
    display: none;
  }
  .secondary.news .sponsor-info {
    display: none !important;
  }
  .media-contact {
    padding: 1rem;
  }
  .hidden-sm-down {
    display: block !important;
  }

  /* Contact */
  .contact.secondary {
    padding-bottom: 2rem;
  }
  .contact .location {
    margin-bottom: ;
  }
  .secondary.contact {
    margin-top: 3rem;
  }

  /* Footer */
  footer {
    position: relative;
    top: ;
    width: 105%;
    left: -1rem;
  }
  footer .col-md-1.hidden-sm-down {
    display: none !important;
  }

  #team,
  #bio-img,
  #svg-1,
  .download,
  #svg-1-portfolio,
  .secondary .p-2.link,
  .dropdown,
  .news .row.first footer img,
  .news .header,
  #news,
  footer.printfooter,
  .company .col-md-4.offset-md-1,
  .sponsor .col-md-4.offset-md-1,
  .sponsor.home.section-2.flex-grows,
  .btn-group.btn-group-sm {
    display: none !important;
  }
}

/*===============     IE Hack    ===============*/
@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .carousel.slide.carousel-fade .carousel-caption {
    left: 20%;
    right: 20%;
  }
  .carousel.slide.carousel-fade .carousel-caption.secondary {
    left: 0;
  }
  .secondary.portfolio .img-fluid {
    width: 10rem;
    max-height: 8rem;
  }
  .secondary.portfolio .row:nth-child(4) .col-md-3:nth-child(4) img {
    width: 5rem;
  }
  .hex-industries .fa {
    margin: 0 3rem;
  }

  /* IE11 */
  *::-ms-backdrop,
  .carousel.slide.carousel-fade .carousel-caption {
    left: 17%;
    right: 17%;
  }
  *::-ms-backdrop,
  .carousel.slide.carousel-fade .carousel-caption.secondary {
    left: 0;
  }
  *::-ms-backdrop,
  .secondary.portfolio .img-fluid {
    width: 10rem;
    max-height: 8rem;
  }
  *::-ms-backdrop,
  .company .img-container img {
    min-width: 6rem;
    max-width: 18rem;
    height: auto;
    padding: 3rem 0;
  }
  *::-ms-backdrop,
  #case-studies .img-container img {
    min-width: 6rem;
    max-width: 18rem;
    height: auto;
    padding: 3rem 0;
  }
  *::-ms-backdrop,
  .secondary.team.sponsor .card-img img.img-fluid {
    max-width: 7rem;
  }
  *::-ms-backdrop,
  .secondary.team.company .card-img img.img-fluid {
    max-width: 7rem;
  }
  *::-ms-backdrop,
  .sponsor .case-div .row {
    float: none;
    margin-left: auto;
  }
  *::-ms-backdrop,
  .secondary.portfolio .row:nth-child(4) .col-md-3:nth-child(4) img {
    width: 5rem;
  }
  *::-ms-backdrop,
  .hex-industries .fa {
    margin: 0 3rem;
  }
  *::-ms-backdrop,
  #about-team {
    height: 1270px;
  }
}

@media (max-width: 1400px) and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .carousel.slide.carousel-fade .carousel-caption {
    left: 5%;
    right: 5%;
  }
}
@media (max-width: 1199px) and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  #about-team {
    height: 1170px;
  }
}
@media (max-width: 991px) and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  #about-team {
    height: 1070px;
  }
}
@media (max-width: 767px) and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  #about-team {
    height: auto;
  }
}