@charset "UTF-8";
/** Order of things:
*colors
*fonts
*body copy (h1, h2..., a, ul, p) -> need to remove all margin/padding -> find one online to copy/paste
*header/nav stuff
*footer stuff
*content aka EVERYTHING ELSE, grouped by content type, which will be listed alphabetically, classes first then ID's
**/
/** Breakpoint of things:
*max-width for content: 1024px
*breakpoint for tablet: 800px
*breakpoint for mobile: 600px, 500px
**/
/**Spacing of things:
*main margins:20px;
*contain content with class: .content-container
**/
/*----------------------------------------------------------------------------*/
/*---------------------------------- COLORS ----------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------------- FONTS -----------------------------------*/
/*----------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
/*-----------------------------------------------------------------------*/
/*------------------------------ KEYFRAMES ------------------------------*/
/*-----------------------------------------------------------------------*/
/** KEYFRAMES **/
@keyframes in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0) rotate(-12deg);
    opacity: 0;
  }
}
@keyframes grow {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shrink {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
/** end KEYFRAMES **/
/*----------------------------------------------------------------------------*/
/*------------------------------ ELEMENT STYLES ------------------------------*/
/*----------------------------------------------------------------------------*/
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}

header.entry-header {
  display: none;
}

h1 {
  text-transform: uppercase;
  font-size: 26px;
  line-height: 30px;
}

h2 {
  font-weight: 500;
}

h2.confine {
  max-width: 480px;
  margin: auto;
}

h3 {
  font-size: 22px;
  line-height: 27px;
  font-weight: normal;
}

a {
  color: #2877BC;
  transition: 0.3s;
}

a:hover {
  color: #05192B;
}

a:visited {
  color: #2877BC;
}

.tcvpb-inversed_text h1 {
  color: #2877BC;
}

.tcvpb-centered h3 {
  max-width: 600px;
  margin: auto;
}

.tcvpb-centered h3.wideintro {
  max-width: 920px;
}

#page {
  position: relative;
}

/* Fix for admin toolbar covering mobile nav */
.noshow {
  display: none;
}

footer {
  background-color: #05192B;
  padding: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}
footer .footer-contain {
  max-width: 960px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
footer .footer-subcontain {
  display: flex;
}
footer p {
  margin: 0;
}
footer h2, footer .navheader {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #2877BC;
}
footer .navheader a, footer .navheader a:visited {
  color: #2877BC;
}
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer li {
  margin: 5px 0;
}
footer li a, footer li a:visited {
  color: rgba(255, 255, 255, 0.75);
}
footer li a:hover {
  color: #2877BC;
}
footer section#black-studio-tinymce-3 {
  width: calc(960px / 514px);
  margin-right: calc(960px / 190px);
  min-width: 320px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
}
footer section#black-studio-tinymce-2 img {
  width: 237px;
  margin-bottom: 80px;
}
footer section#black-studio-tinymce-2 a {
  color: rgba(255, 255, 255, 0.5);
}
footer section#nav_menu-2 {
  width: calc(960px / 100px);
  min-width: 100px;
  margin-right: 40px;
}
footer section#nav_menu-3 {
  width: calc(960px / 103px);
  min-width: 103px;
  margin-right: 40px;
}
footer section#black-studio-tinymce-3 {
  width: calc(960px / 170px);
  min-width: 170px;
}
footer section#black-studio-tinymce-3 img {
  margin-bottom: 80px;
  width:237px;
}

/*----------------------------------------------------------------------------*/
/*------------------------------- CLASS STYLES--------------------------------*/
/*----------------------------------------------------------------------------*/
/*----- THE CREATOR OVERRIDES -----*/
section {
  margin: 0;
}

.tcvpb_section_tc:not(.section_body_fullwidth) .tcvpb_container {
  max-width: 920px;
  margin: auto;
}

.tcvpb_section_tc {
  padding: 40px 20px;
}

.nopad {
  padding: 0;
}

.nobottompad, .nobtmpad {
  padding-bottom: 0;
}

.notoppad {
  padding-top: 0;
}

.tcvpb_section_tc.section_body_fullwidth {
  padding: 0;
}

.tcvpb-button:hover {
  background: inherit;
}

.tcvpb-button {
  background: inherit;
  text-transform: uppercase;
  color: #05192B;
  border: 1px solid #05192B;
  box-shadow: 0 0 7px 1px rgba(5, 25, 43, 0.2);
  border-radius: 2px;
  font-weight: normal;
}

.careers-block .tcvpb-button {
  color: #2877BC;
  border: 1px solid #2877BC;
  box-shadow: 0 0 7px 1px #2877BC;
}

.careers-block .tcvpb-button:hover {
  color: #05192B !important;
  background: #2877BC !important;
}

.careers-block.tcvpb_section_tc:not(.section_body_fullwidth) .tcvpb_container {
  max-width: 1042px;
  margin: auto;
}

.tcvpb_section_tc.errorpage404 {
  min-height: 600px;
}

/*----- BACKGROUND COLORS -----*/
.bkg-blue {
  background-color: #2877BC;
}

.bkg-dkblue {
  background-color: #05192B;
}

.bkg-white {
  background-color: #FFF;
}

/*----- BENEFITS TABLE -----*/
.benefits.tcvpb_column_tc_span12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.benefits.tcvpb_column_tc_span12 .benefits__item {
  min-width: 200px;
  padding: 20px;
  width: calc(25% - 40px);
  /*
      font-family: 'Roboto', sans-serif;
      font-weight: lighter;
  */
  color: #666666;
}
.benefits.tcvpb_column_tc_span12 .benefits__item table {
  width: 100%;
}
.benefits.tcvpb_column_tc_span12 .benefits__item table tbody tr {
  text-align: center;
}
.benefits.tcvpb_column_tc_span12 .benefits__item table tbody tr:first-child {
  height: 100px;
}
.benefits {
  font-size: 15px;
  line-height: 21px;
}

.benefits .tcvpb_column_tc_span12 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.benefits .tcvpb_column_tc_span12 div {
  width: calc(25% - 30px);
  padding-top: 30px;
  padding-bottom: 30px;
}

.benefits .tcvpb_column_tc_span12 div p:first-child {
  height: 80px;
}

/*----- BUTTON STYLES -----*/
.avl-btn {
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 12px;
  text-decoration: none;
  padding: 15px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin: 20px;
}
.avl-btn--white-bkg {
  border: 1px solid #05192B !important;
  color: #05192B !important;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
}
.avl-btn--white-bkg:hover {
  border-color: #2877BC !important;
  color: #2877BC !important;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  background-color: transparent !important;
}
.avl-btn--white-bkg:active, .avl-btn--white-bkg:focus {
  border-color: #2877BC !important;
  color: #FFF !important;
  background-color: #2877BC !important;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
}
.avl-btn--avl-blue-bkg {
  border: 1px solid #05192B !important;
  color: #05192B !important;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.25);
}
.avl-btn--avl-blue-bkg:hover {
  border-color: #FFF !important;
  color: #FFF !important;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.25);
  background-color: transparent !important;
}
.avl-btn--avl-blue-bkg:active, .avl-btn--avl-blue-bkg:focus {
  border: none !important;
  color: #2877BC !important;
  background-color: #05192B !important;
  box-shadow: 0px 0px 7px 1px black;
}
.avl-btn--dark-blue-bkg {
  border: 1px solid #2877BC !important;
  color: #2877BC !important;
  box-shadow: 0px 0px 7px 1px black;
}
.avl-btn--dark-blue-bkg:hover {
  border-color: #FFF !important;
  color: #FFF !important;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.6);
  background-color: transparent !important;
}
.avl-btn--dark-blue-bkg:active, .avl-btn--dark-blue-bkg:focus {
  border-color: #2877BC !important;
  color: #05192B !important;
  background-color: #2877BC !important;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.6);
}

/*----- BLOCK CONTAINER -----*/
.block-container {
  max-width: 1500px;
  width: 100%;
  margin: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}
.block-container .tcvpb_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.block-item {
  height: calc(100% - 80px);
  width: calc(100% - 80px);
  padding: 40px;
}

.block-column-2 {
  width: 50%;
  margin-left: 0px !important;
}

/*-----  COLUMNS -----*/
.column-2 {
  display: block !important;
  column-count: 2;
  column-width: calc(50% - 20px);
  column-gap: 40px;
}
.column-2 p.p_tc {
  margin-top: 0px;
  break-inside: avoid-column;
}

/*----- CONTACT BLOCK -----*/
.contact-block-container {
  padding: 100px 0px;
}

.contact-block-textbox,
.contact-block-button {
  width: 100%;
  max-width: 300px;
  font-size: 20px;
  color: #666666;
  font-weight: lighter;
}

.contact-block-textbox {
  margin: 20px 20px 0px 15%;
  padding: 1px 20px;
  border: 1px solid #ddd;
  border-bottom: none;
}
.contact-block-textbox p:first-child {
  color: #2877BC;
}
.contact-block-textbox p:last-child {
  color: rgba(0, 0, 0, 0.4);
}

.contact-block-button {
  margin: 0px 20px 0px 15%;
  display: block;
  border-radius: 0;
  background-color: #FFF;
  padding: 20px 20px;
}

.contact-block-button:hover {
  background-color: #2877BC !important;
  color: #FFF !important;
  border: 1px solid #2877BC !important;
}

/*----- CONTENT-CONTAINER -----*/
.content-container, .tcvpb_column_tc_span12.content-container {
  display: flex;
  width: calc(100% - 80px);
  max-width: 1024px;
  margin: auto;
  margin-left: auto !important;
  padding: 0px 40px;
  float: none;
}
.content-container--vertical, .tcvpb_column_tc_span12.content-container--vertical {
  flex-direction: column;
}

.column-container--3 {
  display: block;
  column-count: 3;
  column-gap: 30px;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  padding: 30px;
  column-fill: balance-all;
  width: calc(100% - 60px);
  transition: all 0.4s;
}

.collage-container {
  display: flex;
  width: 100%;
  max-width: 1024px;
  margin: auto;
  padding: 0;
}

/*----- CAREER MASONRY -----*/
/*----- FULLWIDTH IMAGE -----*/
.fullwidth-image-container.tcvpb_section_tc {
  padding-top: 0px;
  padding-bottom: 0px;
  background-size: auto 100%;
  position: relative;
}

.fullwidth-image-container::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.fullwidth-image {
  max-height: 624px;
  overflow: hidden;
  display: flex;
}
.fullwidth-image img {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
}

.fullwidth-image-bkg {
  position: absolute;
}

.about-fullwidth-image-text,
.careers-fullwidth-image-text {
  width: 100%;
  position: absolute;
  top: 20%;
  color: #fff;
  font-family: "Roboto", sans-serif;
  z-index: 1;
}
.about-fullwidth-image-text table,
.careers-fullwidth-image-text table {
  width: 100%;
  max-width: 1100px;
  margin: 20px auto;
  padding-left: 50px;
}
.about-fullwidth-image-text table tbody tr:first-child td,
.careers-fullwidth-image-text table tbody tr:first-child td {
  font-size: 2.1em;
}
.about-fullwidth-image-text table tbody tr:first-child td p,
.careers-fullwidth-image-text table tbody tr:first-child td p {
  margin: 0 0 20px 0;
}
.about-fullwidth-image-text table tbody tr:last-child td,
.careers-fullwidth-image-text table tbody tr:last-child td {
  font-size: 1.2em;
}

.careers-block {
  color: #2877BC;
}

.homepage-fullwidth-image-text {
  position: absolute;
  top: 30%;
  color: #fff;
  width: 100%;
  z-index: 1;
}
.homepage-fullwidth-image-text table {
  width: 100%;
  max-width: 1100px;
  margin: 20px auto;
  padding-left: 50px;
}
.homepage-fullwidth-image-text table tbody tr:first-child td {
  font-size: 1.7em;
}
.homepage-fullwidth-image-text table tbody tr:last-child td {
  font-size: 1.2em;
  color: #ACADAD;
  font-family: "Roboto", sans-serif;
  font-weight: lighter;
}
.homepage-fullwidth-image-text table tbody tr:last-child td p {
  margin-top: 10px;
  letter-spacing: 0;
}

/*----- HORIZONTAL IMAGE TRIO -----*/
.horizontal-image-trio-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 1400px;
  margin: auto;
  max-height: 400px;
  height: 30vw;
}
.horizontal-image-trio-container * {
  height: 100%;
}
.horizontal-image-trio-container .tcvpb_column_tc_span12 {
  display: flex !important;
  width: 100%;
}
.horizontal-image-trio-container .tcvpb_column_tc_span12 .tcvpb-image.horizontal-image-trio {
  width: 33.3333%;
  overflow: hidden;
}

/*----- HEXAGON -----*/
.hexagon-modal-container {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}
.hexagon-modal-container .hexagon-modal-content {
  background-color: #2877BC;
  margin: 100px auto;
  color: #fff;
  position: relative;
  width: 300px;
  padding: 0px 0 346px 0;
  -o-transform: rotate(-150deg) skewY(30deg);
  -moz-transform: rotate(-150deg) skewY(30deg);
  -webkit-transform: rotate(-150deg) skewY(30deg);
  -ms-transform: rotate(-150deg) skewY(30deg);
  transform: rotate(-150deg) skewY(30deg);
  overflow: hidden;
  visibility: hidden;
}
.hexagon-modal-container .hexagon-modal-content * {
  visibility: visible;
}
.hexagon-modal-container .hexagon-modal-content .hexagon-modal-content-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2877BC;
  -o-transform: skewY(-30deg) rotate(60deg);
  -moz-transform: skewY(-30deg) rotate(60deg);
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  overflow: hidden;
}
.hexagon-modal-container .hexagon-modal-content .hexagon-modal-content-text p {
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 80%;
  text-align: center;
}
.hexagon-modal-container .hexagon-modal-content .close {
  color: inherit;
  font-size: 22px;
  position: absolute;
  bottom: 85px;
  right: 5px;
}
.hexagon-modal-container .hexagon-modal-content .close:hover,
.hexagon-modal-container .hexagon-modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/*----- IMAGE COLLAGE -----*/
.image-collage-container {
  width: 100%;
  padding: 0;
  margin: 0;
  column-count: 2;
  column-gap: 0px;
}
.image-collage-container .image-collage-item {
  float: left;
  width: 30vw;
  height: 30vw;
  overflow: hidden;
}
.image-collage-container .image-collage-item img {
  min-height: 100%;
  min-width: 100%;
}
.image-collage-container .image-collage-item-tall {
  height: 50vw;
}
.image-collage-container .image-collage-item-wide {
  width: 50vw;
}
.image-collage-container .image-collage-item-large {
  height: 50vw;
  width: 50vw;
}
.image-collage-container .image-collage-item-small {
  height: 20vw;
  width: 20vw;
}

/*----- STATISTICS GRID -----*/
.statistics-grid .tcvpb_section_content .tcvpb_container {
  display: flex;
}

.statistics-grid .tcvpb_section_content .tcvpb_container {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box {
  width: 100%;
  min-width: 280px;
  margin: 0 20px 40px;
  border: 1px solid #2877BC;
  border-radius: 3px;
  padding: 20px;
  color: #2877BC;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i {
  font-size: 30px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.icomoon-calendar {
  background: url(/wp-content/uploads/2017/11/icon-calendar.png) no-repeat center;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.icomoon-calendar:before {
  content: " ";
  display: block;
  height: 51px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.ion-ios-game-controller-b {
  background: url(/wp-content/uploads/2017/11/icon-game.png) no-repeat center;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.ion-ios-game-controller-b:before {
  content: " ";
  display: block;
  height: 51px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.fa-certificate {
  background: url(/wp-content/uploads/2017/11/icon-department.png) no-repeat center;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.fa-certificate:before {
  content: " ";
  display: block;
  height: 51px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.fa-server {
  background: url(/wp-content/uploads/2017/11/icon-platform.png) no-repeat center;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.fa-server:before {
  content: " ";
  display: block;
  height: 51px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.icomoon-drawer {
  background: url(/wp-content/uploads/2017/11/icon-positionsopen.png) no-repeat center;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.icomoon-drawer:before {
  content: " ";
  display: block;
  height: 51px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.icomoon-stats-bars {
  background: url(/wp-content/uploads/2017/11/icon-utah.png) no-repeat center;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > i.icomoon-stats-bars:before {
  content: " ";
  display: block;
  height: 51px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box .tcvpb_stats_number {
  font-size: 110px;
  line-height: 80px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box > p {
  font-size: 28px;
  font-weight: lighter;
  height: 40px;
  margin: 30px 0;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box .statlink {
  display: block;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box .statlink a {
  font-size: 18px;
  font-weight: lighter;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-weight: normal;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .statistics-grid__box .statlink a:hover {
  color: #FFF;
}

.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: calc(100% - 80px);
  max-width: 1400px;
  margin: auto;
  padding: 0px 40px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__title {
  align-self: center;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__box {
  width: calc(33.3333% - 80px);
  min-width: 280px;
  margin: 0 20px 40px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__box > table {
  width: 100%;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  border: 1px solid #2877BC;
  border-radius: 3px;
  padding: 20px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__box > table > tbody:nth-child(1) > tr > td {
  height: 40px;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__box > table > tbody:nth-child(1) > tr:nth-child(2) > td {
  font-size: 110px;
  color: #2877BC;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__box > table > tbody:nth-child(1) > tr:nth-child(3) > td {
  font-size: 28px;
  font-weight: lighter;
  color: #2877BC;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__box > table > tbody:nth-child(1) > tr:nth-child(4) > td a {
  font-size: 18px;
  font-weight: lighter;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-weight: normal;
}
.statistics-grid .tcvpb_section_content .tcvpb_container .tcvpb_column_tc_span12 .statistics-grid__box > table > tbody:nth-child(1) > tr:nth-child(4) > td a:hover {
  color: #FFF;
}

.statistics-grid strong {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}

/*----- TEXT STYLES -----*/
.text-blue {
  color: #2877BC;
}
.text-dkblue {
  color: #05192B;
}
.text-gray {
  color: rgba(0, 0, 0, 0.6);
}
.text-lighter-gray {
  color: #d8d8d8;
}
.text-white {
  color: #fff;
}
.text-center {
  text-align: center;
}
.text-center p, .text-center span {
  width: 100%;
  text-align: center;
}
.text-light {
  font-weight: lighter;
}
.text-roboto {
  font-family: "Roboto", sans-serif;
}
.text-link {
  color: #2877BC;
  font-weight: lighter;
}
.text-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.text-link::after {
  content: ">";
}
.text-link p {
  display: inline;
}

.width-40 {
  max-width: 40%;
  min-width: 305px;
}

.width-60 {
  max-width: 60%;
  min-width: 305px;
}

.youtube-container {
  max-width: 1024px;
  max-height: 575px;
  width: calc(100% - 80px);
  margin: auto;
}

/*----------------------------------------------------------------------------*/
/*--------------------------------- ID STYLES --------------------------------*/
/*----------------------------------------------------------------------------*/
/*----- CONTACT BLOCK -----*/
#contact-block-button-email {
  border-bottom: none;
}

#contact-block-button-email:hover {
  border-bottom: none !important;
}

/*----- HEXAGON -----*/
#hexagon-container {
  background-color: #05192B;
}

#hexagon-grid {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}
#hexagon-grid li {
  list-style-type: none;
  position: relative;
  float: left;
  width: 13.857143%;
  padding: 0 0 16.017601% 0;
  -o-transform: rotate(-150deg) skewY(30deg);
  -moz-transform: rotate(-150deg) skewY(30deg);
  -webkit-transform: rotate(-150deg) skewY(30deg);
  -ms-transform: rotate(-150deg) skewY(30deg);
  transform: rotate(-150deg) skewY(30deg);
  background: #fd005f;
  overflow: hidden;
  visibility: hidden;
}
#hexagon-grid li * {
  visibility: visible;
}
#hexagon-grid li .hexagon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2877BC;
  -o-transform: skewY(-30deg) rotate(60deg);
  -moz-transform: skewY(-30deg) rotate(60deg);
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  overflow: hidden;
}
#hexagon-grid li .hexagon img {
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 6% -10%;
  width: 120%;
}
#hexagon-grid li .hexagon p {
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 1.2vw;
  width: 85%;
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 100;
}
#hexagon-grid li .hexagon p:hover {
  cursor: pointer;
}
#hexagon-grid li .hexagon .hexagon-rollover {
  margin: 0% 0%;
  position: absolute;
  background-color: transparent;
  color: transparent;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
#hexagon-grid li .hexagon .hexagon-rollover p {
  display: inline-block;
  text-align: center;
  height: initial;
  width: initial;
  font-size: 1.2vw;
  color: inherit;
}
#hexagon-grid li .hexagon:hover .hexagon-rollover {
  background-color: rgba(5, 25, 43, 0.75);
  color: rgba(255, 255, 255, 0.75);
}
#hexagon-grid li {
  left: 20px;
}
#hexagon-grid li:nth-child(7n+2), #hexagon-grid li:nth-child(7n+4), #hexagon-grid li:nth-child(7n+6) {
  margin: -1.2% -1% 0%;
  position: relative;
}
#hexagon-grid li:nth-child(7n+1), #hexagon-grid li:nth-child(7n+3), #hexagon-grid li:nth-child(7n+5), #hexagon-grid li:nth-child(7n+7) {
  margin: -8.6% 0% 0%;
  position: relative;
}
#hexagon-grid li:nth-child(7n+1) {
  clear: both;
}
#hexagon-grid li:nth-child(1), #hexagon-grid li:nth-child(3), #hexagon-grid li:nth-child(5), #hexagon-grid li:nth-child(7) {
  margin: 0.6% 0% 0%;
}
#hexagon-grid li:nth-child(2), #hexagon-grid li:nth-child(4), #hexagon-grid li:nth-child(6) {
  margin: 8% -1% 0%;
}

#hexagon-grid:after {
  content: "";
  display: block;
  clear: both;
}

/* ----------- TESTIMONIAL ROTATOR ---------- */
.wptww-testimonial-content h4 {
  display: none;
}

.wptww-testimonial-content {
  opacity: 0.6;
  font-size: 18px;
  color: #000000;
  line-height: 33px;
}

.wptww-testimonials-text p {
  /* opacity: 0.6; */
  font-size: 18px !important;
  color: #000000;
  line-height: 33px !important;
}

.wptww-testimonials-text p:before {
  content: "“";
  position: relative;
  left: 3px;
}

.wptww-testimonials-text p:after {
  content: "”";
  position: relative;
  right: 5px;
}

.wptww-testimonials-slidelist .slick-dots li {
  margin: 0 10px !important;
}

.wptww-testimonials-slidelist .slick-dots li button {
  background: #1C5587 !important;
  border: none !important;
  border-radius: 50% !important;
}

.wptww-testimonials-slidelist .slick-dots li.slick-active button {
  background: #113453 !important;
}

/* --- ABOUT US --- */
.page-id-8 .wptww-testimonials-text p {
  font-size: 22px !important;
  color: rgba(255, 255, 255, 0.6);
  line-height: 29px !important;
  max-width: 660px;
  margin: auto;
}

.page-id-8 .wptww-testimonials-slidelist .slick-dots li button {
  background: #478BC5 !important;
}

.page-id-8 .wptww-testimonials-slidelist .slick-dots li.slick-active button {
  background: #A9C8E4 !important;
}

.slick-track {
  display: flex;
  align-items: center;
}

.careers-testimonial {
  min-height: 315px !important;
}

/*-----------------------------------------------------------------*/
/*--------------------- DEPARTMENT TILES --------------------------*/
/*-----------------------------------------------------------------*/
.department {
  break-inside: avoid-column;
  display: inline-block;
  margin-top: 10px;
}
.department__title {
  color: #05192B;
  font-size: 20px;
  letter-spacing: 0;
}
.department__description {
  color: #666666;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21px;
}
.department__opening {
  color: #2877BC !important;
  display: none;
  text-decoration: none;
  font-size: 15px;
}
.department__opening:hover {
  text-decoration: underline;
}
.department__opening--has-opening {
  display: block !important;
}
.department__opening--icon {
  font-size: 13px;
}

.dept-tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 20px;
  /* original design with colums (/
  /*
      display: block;
      column-count: 3;
      column-gap: 30px;
      break-inside: avoid-column;
      -webkit-column-break-inside:avoid;
      -moz-column-break-inside:avoid;
  */
}
.dept-tile {
  /*
      break-inside: avoid-column;
      display:inline-block;
  */
  margin-top: 10px;
  margin-bottom: 40px;
  width: calc(33.3% - 30px);
}
.dept-name {
  color: #05192B;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 10px;
}
.dept-desc {
  color: #666666;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 10px;
}
.dept-link {
  color: #2877BC !important;
  text-decoration: none;
  font-size: 15px;
}
.dept-link:hover {
  text-decoration: underline;
}
.dept-link-icon {
  font-size: 13px;
}

.depttilescontainter .content-container {
  width: 100%;
  padding: 0;
}

/*----------------------------------------------------------*/
/*--------------------- JOB TILES --------------------------*/
/*----------------------------------------------------------*/
.job.content-container {
  width: 100%;
  padding: 0;
}

.job {
  background-color: #05192B;
  padding-top: 20px;
}
.job__title {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #2877BC;
  opacity: 0.5;
}
.job__filter {
  padding: 10px 0;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #05192B;
  line-height: 1.2em;
  cursor: pointer;
}
.job__filter__item {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #2877BC;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s ease all;
  padding-left: 10px;
}
.job__filter__item:hover {
  color: #FFF;
}
.job__filter__item::after {
  content: "|";
  color: #2877BC;
  padding-left: 10px;
  transition: none;
}
.job__filter__item:last-child::after {
  content: "";
}
.job__filter__item.active {
  color: #FFF;
}
.job__container {
  display: inline-block;
  text-align: center;
}
.job__tile {
  height: 320px;
  width: 270px;
  margin: 20px;
  display: inline-block;
  text-align: left;
  transition: 1s ease all;
  overflow: hidden;
  border-radius: 4px;
}
.job__tile__content {
  height: 320px;
  width: 270px;
  position: absolute;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.job__tile__content:hover .job__tile__content__information__description {
  max-height: 100%;
}
.job__tile__content__image {
  position: absolute;
}
.job__tile__content__information {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #666666;
  letter-spacing: 0;
}
.job__tile__content__information p {
  margin: 0;
  background-color: #FFF;
}
.job__tile__content__information__department {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 0;
  padding: 20px 20px 5px;
}
.job__tile__content__information__title {
  font-size: 24px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  color: #05192B;
  letter-spacing: 0;
  padding: 5px 20px 10px;
}
.job__tile__content__information__description {
  color: #666666;
  max-height: 0;
  padding: 0px 20px;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}
.job__tile__content__information__description a {
  color: #2877BC;
}
.job__tile__content__information__description a:hover, .job__tile__content__information__description a:active {
  color: #666666;
}
.job__tile__content__information__link {
  color: #2877BC;
  text-decoration: none;
  background-color: #FFF;
  display: block;
  padding: 5px 20px 20px;
  text-transform: uppercase;
}
.job__tile__content__information__link:hover, .job__tile__content__information__link:active {
  color: #666666;
}
.job__tile.show {
  animation: in 700ms ease both, grow 700ms ease both;
}
.job__tile.hide {
  animation: out 700ms ease both, shrink 700ms ease both;
}

.job.content-container {
  width: 100%;
  max-width: 100%;
}

/*
.herointro {
	min-height: 640px; display: flex; align-items: center;
	.tcvpb_container {max-width: 1200px; margin: auto;}
	strong {color: #FFF; font-size: 27px; line-height: 30px; max-width: 460px;}
	}
*/
.intro {
  font-size: 22px;
  line-height: 25px;
  max-width: 680px;
  margin: auto;
}

/*----------------------------------------------------------*/
/*------------------------ BLOG ----------------------------*/
/*----------------------------------------------------------*/
.ajax-load-more-wrap ul.alm-listing {
  margin-top: 30px;
}

.ajax-load-more-wrap ul.alm-listing li.grid-item {
  width: 33.33%;
  float: left;
  display: inline;
  padding: 0;
  margin-bottom: 10px;
  border-radius: 5px;
}

.ajax-load-more-wrap ul.alm-listing li.grid-item .item-container {
  border: 1px solid #efefef;
  margin: 10px;
  border-radius: 5px;
  box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease-in-out;
  background-color: #fff;
}

.ajax-load-more-wrap ul.alm-listing li.grid-item img:hover {
  transform: scale(1.1, 1.1);
  transition: all 0.3s ease-in-out;
}

.ajax-load-more-wrap ul.alm-listing li.grid-item img {
  width: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
  border-radius: 5px 5px 0 0;
}

.ajax-load-more-wrap ul.alm-listing li.grid-item .grid-container {
  padding: 20px;
  /*
      clear: both;
      background-color:#fff;
      position: relative;
      display:block;
  */
}

.blog__header {
  width: 100%;
  background-color: #5899ce;
  background: url("/wp-content/uploads/2017/11/BlogHeader.jpg") no-repeat center center;
  background-size: cover;
}
.blog__header > h1.blog__header__title {
  text-align: center;
  margin: 0 auto;
  padding: 40px 0;
  color: rgba(0, 0, 0, 0.5);
}
.blog__content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 80px);
  max-width: 820px;
  margin: 0 auto;
  padding: 40px;
}
.blog__content__featured-image {
  margin-bottom: 0;
  height: 100%;
}
.blog__content__featured-image img {
  width: 100%;
}
.blog__content__date {
  color: #666666;
  font-size: 15px;
  margin: 30px 0 0;
}
.blog__content__title {
  margin: 30px 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #05192B;
  letter-spacing: 0;
}
.blog__content__body {
  width: 100%;
  line-height: 1.4em;
}
.blog__content__body p {
  width: 100%;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21px;
  color: #666666;
}
.blog__content__body p:first-child {
  margin-top: 0;
}
.blog__content__social {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 200px;
  margin-top: 20px;
}
.blog__content__social__social-button {
  border: 1px solid #666666;
  height: 30px;
  width: 30px;
}
.blog__archive-container {
  background-color: #f5f5f5;
  width: 100%;
}
.blog__archive {
  background-color: #f5f5f5;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.blog__archive__item {
  /*
        display:inline-block;
        break-inside: avoid-column;
        column-gap:40px;
  */
  display: block;
  margin: 10px 0 20px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease-in-out;
}
.blog__archive__item:hover .blog__archive__item__image {
  transform: scale(1.1, 1.1);
}
.blog__archive__item__container {
  display: flex;
  flex-direction: column;
  opacity: 0.99;
  /*force rounded corners*/
}
.blog__archive__item__image-link {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.blog__archive__item__image {
  width: 100%;
  min-width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.blog__archive__item__content-container {
  background-color: #FFF;
  padding: 20px;
}
.blog__archive__item__content-container__date {
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif;
}
.blog__archive__item__content-container__title {
  display: block;
  margin: 10px 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #05192B;
}
.blog__archive__item__content-container__title:hover {
  color: #2877BC;
}
.blog__archive__item__content-container__description {
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif;
}
.blog__pagination {
  display: flex;
  justify-content: center;
  padding: 0 40px 40px;
}
.blog__pagination__button {
  width: 90px;
  padding: 12px 0;
  text-align: center;
  border: 1px solid #ACADAD;
  color: #ACADAD;
  border-radius: 3px;
  text-transform: uppercase;
  height: 38px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
}
.blog__pagination__button:hover {
  text-decoration: none;
  color: #05192B;
  border: 1px solid #05192B;
}
.blog__pagination__button:active, .blog__pagination__button:focus {
  text-decoration: none;
}
.blog__pagination__page-number {
  padding: 12px;
  font-size: 14px;
  color: #ACADAD;
}
a.blog__archive__item__content-container__title {
  font-weight: bold;
  font-size: 18px;
  color: #05192B;
  letter-spacing: 0;
}

.ajax-load-more-wrap .alm-btn-wrap {
  position: relative;
  column-span: all;
}

.ajax-load-more-wrap.grey button.alm-load-more-btn {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  letter-spacing: 0.9px;
  font-weight: 500;
  color: #05192B;
  border: 1px solid #05192B;
  background: transparent;
}

.ajax-load-more-wrap.grey button.alm-load-more-btn.done, .ajax-load-more-wrap.grey button.alm-load-more-btn:hover {
  background: #05192B;
  color: #FFF;
}

.ajax-load-more-wrap.grey button.alm-load-more-btn.done {
  display: none;
}

/*----------------------------------------------------------*/
/*--------------- USEFUL CREATOR STYLES --------------------*/
/*----------------------------------------------------------*/
.pageheader {
  height: 624px;
  display: flex;
  align-items: center;
  background: #05192B;
}
.pageheader .tcvpb_section_content {
  width: 920px;
  margin: auto;
}
.pageheader h1 {
  font-size: 27px;
  color: #FFFFFF;
  line-height: 30px;
  max-width: 460px;
  text-transform: none;
  margin: 0;
}
.pageheader h2 {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 28px;
  max-width: 460px;
  margin: 5px 0;
}

.gameslider p {
  margin: 0;
}

.gameslider .tcvpb-button {
  margin-bottom: 60px;
}

.gameintrotext {
  font-weight: 300;
  font-size: 26px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 35px;
  max-width: 880px;
  margin: 40px auto 40px;
  padding: 0 20px;
}

.aboutintro .tcvpb_container {
  max-width: 680px !important;
  margin: auto;
}

.tcvpb-image {
  line-height: 0;
}

.section_body_fullwidth .tcvpb-image img {
  width: 100%;
}

.avlblue, .avl-blue {
  color: #2877BC;
}

.avl-dkblue {
  color: #05192B;
}

.cta-light p {
  font-weight: 300;
  font-size: 26px;
  color: #05192B;
  line-height: 35px;
}

section.middlealign .tcvpb_container,
section.visionsection .tcvpb_container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.located {
  padding: 20px;
  color: #000;
}

.located h1 {
  max-width: 280px;
}

/*--------------- BLOG ON HOMEPAGE --------------------*/
.avl-featured-post-has-image {
  display: flex;
  align-items: center;
  font-size: inherit;
}

.avl-featured-post-has-image div {
  width: 50%;
}

.avl-featured-post-no-image {
  padding-top: 40px;
  padding-bottom: 40px;
}

.avl-featured-post-no-image .blog-content {
  max-width: 920px;
  margin: auto;
  color: #FFF;
}
.avl-featured-post-no-image .blog-content h1 {
  max-width: 920px;
}
.avl-featured-post-no-image .blog-content p {
  max-width: 920px;
}

.blog-featuredimage {
  background: url(http://avl.sawaya.io/wp-content/uploads/2017/11/cars.jpg);
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.latest-news.tcvpb_section_tc {
  padding: 0;
}

.latest-news.tcvpb_section_tc:not(.section_body_fullwidth) .tcvpb_container {
  max-width: 100%;
  margin: auto;
}

.latest-news .tcvpb_column_tc_span12 div:first-child br {
  display: none;
}

.blog-content {
  padding: 20px 40px;
  box-sizing: border-box;
}
.blog-content .latestnews {
  font-weight: bold;
  font-size: 18px;
  color: #F8E71C;
  text-transform: uppercase;
}
.blog-content h1 {
  font-size: 39px;
  line-height: 42px;
  color: #FFFFFF;
  text-transform: none;
  max-width: 520px;
}
.blog-content p {
  font-size: 18px;
  color: #FFFFFF;
  max-width: 520px;
}
.blog-content .blog-link a {
  font-weight: bold;
  font-size: 15px;
  color: #05192B;
}
.blog-content .blog-link a:hover {
  color: #F8E71C;
}

/*---------------------------------------------------------------------*/
/*------------------------------ NAVBAR -------------------------------*/
/*---------------------------------------------------------------------*/
.navbar-desktop__logo {
  width: 300px !important;
}

.navbar-desktop {
  background-color: #05192B;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.navbar-desktop__logo {
  width: 300px;
}
.navbar-desktop__menu {
  display: flex;
  margin: 0;
}
.navbar-desktop__menu__item {
  margin: auto 10px;
  text-transform: uppercase;
  list-style-type: none;
  color: #2877BC;
  font-weight: bold;
}

.navbar-desktop a {
  color: #2877BC;
}

.navbar-desktop a:hover {
  color: #FFF;
}

.navbar-desktop ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@keframes mobileHeightGrow {
  from {
    height: 0px;
  }

  to {
    height: auto;
  }
}
@keframes mobileHeightShrink {
  from {
    height: auto;
  }

  to {
    height: 0px;
  }
}
#navbar-mobile {
  display: none;
  width: calc(100% - 40px);
  padding: 20px;
  background-color: #05192B;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
#navbar-mobile .navbar-mobile__header {
  text-align: center;
}
#navbar-mobile .navbar-mobile__header__logo {
  margin-top: 40px;
  position: relative;
  width: 300px;
}
#navbar-mobile .navbar-mobile__header__toggle {
  width: 37px;
  height: 22px;
  position: absolute;
  right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#navbar-mobile .navbar-mobile__header__toggle:hover {
  cursor: pointer;
}
#navbar-mobile .navbar-mobile__header__toggle .toggle-bar {
  width: 37px;
  display: block;
  border-top: 1px solid #2877BC;
  transition: all 0.3s;
}
#navbar-mobile .navbar-mobile__header__toggle .toggle-bar__one {
  transform: rotate(45deg);
  transform-origin: 10% 20%;
}
#navbar-mobile .navbar-mobile__header__toggle .toggle-bar__two {
  opacity: 0;
}
#navbar-mobile .navbar-mobile__header__toggle .toggle-bar__three {
  transform: rotate(-45deg);
  transform-origin: 10% 60%;
}
#navbar-mobile .navbar-mobile__menu {
  overflow: hidden;
  background-color: #05192B;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
  animation: 0.4s mobileHeightGrow;
}
#navbar-mobile .navbar-mobile__menu__section {
  margin: 30px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#navbar-mobile .navbar-mobile__menu__section::before {
  content: "";
  display: block;
  width: 30px;
  border-top: 1px solid #2877BC;
}
#navbar-mobile .navbar-mobile__menu__section__title {
  margin: 20px 0 5px;
  color: #2877BC;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
#navbar-mobile .navbar-mobile__menu__section__item {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  padding: 5px;
  text-align: center;
}

.navbar-mobile__menu__section__title a:visted {
  color: #2877BC !important;
}

.navbar-mobile__menu__section__title a:hover {
  color: #FFF;
}

.navbar-mobile__menu__section a:nth-child(2) {
  display: none;
}

/* hides the double about and careers */
#navbar-mobile.navbar-mobile--closed {
  transition: all 0.3s;
  height: auto;
  position: relative;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__header {
  flex-direction: row;
  justify-content: flex-start;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__header__logo {
  transition: all 0.3s;
  align-self: flex-start;
  margin-top: 0px;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__header__toggle {
  width: 33px;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__header__toggle .toggle-bar {
  width: 33px;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__header__toggle .toggle-bar__one {
  transform: rotate(0);
  transform-origin: 0%;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__header__toggle .toggle-bar__two {
  opacity: 1;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__header__toggle .toggle-bar__three {
  transform: rotate(0);
  transform-origin: 0%;
}
#navbar-mobile.navbar-mobile--closed .navbar-mobile__menu {
  position: absolute;
  height: 0px;
  animation: 0.4s mobileHeightShrink;
}

/*----------------------------------------------------------------------------*/
/*--------------------------------- 404 PAGE ---------------------------------*/
/*----------------------------------------------------------------------------*/
.page-id-863 {
  background: #05192B;
  color: #2877BC;
}
.page-id-863 .entry-title {
  display: none;
}

.tcvpb_section_tc.errorpage404 h1 {
  font-size: 110px;
}
.tcvpb_section_tc.errorpage404 h2 {
  font-size: 24px;
}
.tcvpb_section_tc.errorpage404 p {
  color: #FFF;
  max-width: 220px;
}
.tcvpb_section_tc.errorpage404 a {
  font-weight: bold;
}
.tcvpb_section_tc.errorpage404 a:hover {
  color: #FFF;
}

/*----------------------------------------------------------------------------*/
/*--------------------------- FEATURED IMAGE ---------------------------------*/
/*----------------------------------------------------------------------------*/
.featuredimage {
  position: relative;
  display: block;
  overflow: hidden;
}
.featuredimage .featuredbackground {
  background: url(http://avl.sawaya.io/wp-content/uploads/2017/10/AVL-Heroshots_Homepage_1200x624.jpg);
  width: 100%;
  position: absolute;
  z-index: 100;
}
.featuredimage .bkgoverlay {
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 200;
}
.featuredimage .theimage {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 300;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
}
.featuredimage .theimage img {
  margin: auto;
}
.featuredimage .content {
  margin: auto;
  padding: 40px;
  position: relative;
  z-index: 400;
}
.featuredimage h1 {
  font-size: 27px;
  color: #FFFFFF;
  line-height: 30px;
  max-width: 460px;
  text-transform: none;
  margin: 0;
}
.featuredimage h2 {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 28px;
  max-width: 460px;
  margin: 5px 0;
}

.featuredimage:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* ---- delete the pageheader info at line 1526 once this is in place; also delete in the responsive file  --- */
/*
.pageheader {height: 624px; display: flex;align-items: center; background: $dark-blue;
	.tcvpb_section_content {width: 920px; margin: auto;}
	h1 {font-size: 27px;color: #FFFFFF;line-height: 30px; max-width: 460px;text-transform: none; margin: 0;}
	h2 {font-size: 22px;color: rgba(255,255,255,0.80); line-height: 28px; max-width: 460px; margin: 5px 0;} 
	}
*/
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
  background-color: #05192B !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a {
  color: #ccc !important;
}

.optanon-show-settings-left, .optanon-show-settings-right {
  display: none !important;
}

.optanon-show-settings-popup-wrapper .optanon-show-settings-middle {
  background: inherit !important;
  border: none !important;
  color: #fff;
  padding-top: 0 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
}

#optoverride .optanon-show-settings-middle, #optoverride a {
  background: inherit !important;
  border: none !important;
  color: #fff !important;
  padding-top: 0 !important;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
}

.max {
  max-width: 1024px;
  text-align: center;
  margin: auto;
}

.wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius {
  color: #2877BC;
  border: 1px solid #2877BC;
  box-shadow: 0 0 7px 1px #2877BC;
}

.wp-block-button.no-border-radius:hover, .wp-block-button__link.no-border-radius:hover {
  color: #05192B !important;
  background: #2877BC !important;
}

.background-dark {
  background-color: #05192b;
}

.text_wrap_caption {
  color: #2877BC;
}

/*# sourceMappingURL=styles.css.map */