*, *:before, *:after {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: #77787b;
  line-height: 30px; }

.lightbodytext {
  color: white; }

h1,
h2,
h3 {
  font-family: 'Titillium Web', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0px; }
  @media screen and (max-width: 767px) {
    h1,
    h2,
    h3 {
      font-size: 25px; } }

h1 {
  color: #006394;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 35px; }
  @media screen and (max-width: 767px) {
    h1 {
      font-size: 25px; } }

h2 {
  color: #66cccc;
  margin-bottom: 20px;
  line-height: 1.2em; }

.heroheading {
  font-size: 4em;
  margin-bottom: 50px;
  font-weight: 700;
  line-height: 1em; }

.homeklascontent h2 {
  color: #006394; }
  .homeklascontent h2 span {
    font-weight: 400; }

h3 {
  color: white; }

a {
  color: #006394;
  text-decoration: none; }
  a:hover {
    color: #006394;
    text-decoration: none; }

.subtext {
  color: #006394;
  font-weight: 600;
  font-size: 1.2em;
  text-transform: uppercase; }

.secondheading {
  color: #006394;
  font-size: 20px; }

.row {
  padding: 70px 0px 70px;
  width: 100%;
  position: relative;
  margin-right: 0px;
  margin-left: 0px;
  background-color: white;
  display: block !important; }
  @media screen and (max-width: 1260px) {
    .row {
      padding: 70px 30px; } }
  @media screen and (max-width: 767px) {
    .row {
      padding-top: 40px; } }

.toptrianglerow {
  padding-top: 140px; }

.blueRow {
  background: #006394;
  color: white;
  padding-bottom: 20px;
  font-size: 20px; }
  .blueRow .quoteby {
    color: #66cccc;
    font-style: italic; }
  @media screen and (max-width: 767px) {
    .blueRow {
      padding-bottom: 10px; } }

.lastrow {
  padding-bottom: 70px; }

.verticaldirectorrow {
  padding-top: 0px; }

.container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0px; }
  @media screen and (max-width: 1000px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }

.mainGradient {
  background: linear-gradient(to right, #006394, #008cd1);
  padding-top: 70px;
  padding-bottom: 70px; }
  @media screen and (max-width: 767px) {
    .mainGradient {
      padding-top: 50px;
      padding-bottom: 40px; } }

.grey {
  background: #e6e6e6;
  padding-top: 70px;
  padding-bottom: 70px; }
  @media screen and (max-width: 767px) {
    .grey {
      padding-top: 40px;
      padding-bottom: 40px; } }

.triangleOverlay {
  background: url("../img/downtriangle.png") center/cover;
  width: 100%;
  height: 76px;
  position: absolute;
  top: 0px; }

.triangleCutout {
  background: url("../img/downtriangle-cutout.png") center/cover;
  bottom: 0px;
  width: 100%;
  height: 76px;
  position: absolute;
  z-index: 2; }

.smallhexphoto {
  position: absolute;
  top: -320px;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .smallhexphoto {
      display: none; } }

.smallhexphoto img {
  display: block;
  width: 90%; }
  @media screen and (max-width: 1260px) {
    .smallhexphoto img {
      display: none; } }

.tagline {
  font-size: 30px;
  color: #006394;
  font-weight: 700;
  font-family: 'Titillium Web', sans-serif; }

.missiontext {
  font-size: 20px;
  color: white;
  line-height: 30px; }

.highlight {
  font-weight: 700;
  color: #006394;
  font-size: 20px;
  margin-top: 30px;
  text-transform: uppercase; }

@media screen and (max-width: 767px) {
  .hiddenmobilecta {
    display: none; } }

.hiddendesktopcta {
  display: none; }
  @media screen and (max-width: 767px) {
    .hiddendesktopcta {
      display: block; } }

.covidctawrapper hr {
  border: 1px solid #006394;
  margin: 30px 0 30px 0; }

.covidctawrapper p:last-of-type {
  width: 70%; }

.covidcommunityrow {
  padding-top: 0px; }

.covidcommunitywrapper {
  display: flex;
  justify-content: space-between; }

.covidcommunity {
  text-align: left;
  width: 55%; }
  .covidcommunity h2 {
    text-align: left; }

.covidcommunityimage img {
  display: block;
  width: 100%; }

.covidcommunityimage {
  width: 35%; }

.covidresourcewrapper {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
  justify-content: space-between;
  margin: 40px auto 0px; }

.covidresource {
  width: 48%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }

.covidresourceicon {
  width: 15%; }
  .covidresourceicon img {
    display: block;
    width: 100%; }

.covidresourcecontent {
  width: 80%;
  color: white; }
  .covidresourcecontent h3 {
    margin-top: 0px;
    text-align: left;
    font-size: 20px; }

.solutionshomewrapper {
  display: flex;
  width: 85%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }

.solutionsheadline {
  width: 40%; }
  .solutionsheadline h2 {
    text-align: left;
    color: #006394; }
  @media screen and (max-width: 767px) {
    .solutionsheadline {
      width: 100%; } }

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

.thehomesolutions {
  width: 25%;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .thehomesolutions {
      width: 100%; } }

.thehomesolutionicon {
  width: 30%;
  margin: 0 auto; }
  .thehomesolutionicon img {
    display: block;
    width: 100%; }

.thehomesolutioncontent h4 {
  margin-top: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #006394; }

.thehomesolutioncontent p {
  margin-top: 0px;
  margin-bottom: 30px;
  font-size: .8em;
  line-height: 1.75em; }

.practiceshomewrapper {
  display: flex;
  width: 100%;
  padding: 0px; }
  .practiceshomewrapper a {
    display: block;
    color: white;
    padding: 200px 25px 25px 25px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 25%; }
    .practiceshomewrapper a .practiceshometext {
      font-size: 20px;
      text-transform: uppercase;
      font-weight: bold;
      transition: all .6s ease; }
    .practiceshomewrapper a:hover .practiceshometext {
      transform: translatey(-20px); }
  @media screen and (max-width: 1260px) {
    .practiceshomewrapper {
      flex-wrap: wrap; }
      .practiceshomewrapper a {
        width: 100%; } }

.lifescienceshome {
  background-image: url("../img/home-solutions/AdobeStock_300304933.jpg"); }

.rcmhome {
  background-image: url("../img/home-solutions/AdobeStock_91615562.jpg"); }

.payershome {
  background-image: url("../img/home-solutions/AdobeStock_257399039.jpg"); }

.technologyhome {
  background-image: url("../img/home-solutions/AdobeStock_286032339.jpg"); }

.governmenthome {
  background-image: url("../img/home-solutions/AdobeStock_334240600.jpg"); }

.nursinghome {
  background-image: url("../img/home-solutions/AdobeStock_90122741.jpg"); }

.homeklaswrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .homeklaswrapper .homeklascontent {
    width: 70%; }
    @media screen and (max-width: 1000px) {
      .homeklaswrapper .homeklascontent {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .homeklaswrapper .homeklascontent {
        width: 100%; } }
    .homeklaswrapper .homeklascontent p {
      margin-bottom: 40px; }
  .homeklaswrapper .homeklasimage {
    width: 20%; }
    @media screen and (max-width: 1000px) {
      .homeklaswrapper .homeklasimage {
        width: 50%;
        margin: 40px auto; } }
    @media screen and (max-width: 767px) {
      .homeklaswrapper .homeklasimage {
        width: 70%;
        margin: 40px auto; } }
    .homeklaswrapper .homeklasimage img {
      display: block;
      width: 100%; }
    .homeklaswrapper .homeklasimage .mobile {
      display: none; }
      @media screen and (max-width: 1000px) {
        .homeklaswrapper .homeklasimage .mobile {
          display: block; } }
    @media screen and (max-width: 1000px) {
      .homeklaswrapper .homeklasimage .desktop {
        display: none; } }

.buttoncontainer .mobile {
  display: none; }
  @media screen and (max-width: 600px) {
    .buttoncontainer .mobile {
      display: block; } }

@media screen and (max-width: 600px) {
  .buttoncontainer .desktop {
    display: none; } }

.isocontainer {
  width: 15%;
  margin: 40px 0 0 0; }
  .isocontainer img {
    width: 100%;
    display: block; }
  @media screen and (max-width: 1260px) {
    .isocontainer {
      width: 30%; } }
  @media screen and (max-width: 767px) {
    .isocontainer {
      margin: 40px auto 0;
      width: 50%; } }

.bestinklasimage img {
  float: right;
  display: inline-block;
  width: 40%;
  padding: 10px; }
  @media screen and (max-width: 767px) {
    .bestinklasimage img {
      float: clear;
      width: 100%; } }

.bestinklasimage2026 img {
  float: right;
  display: inline-block;
  width: 20%;
  padding: 10px; }
  @media screen and (max-width: 1199px) {
    .bestinklasimage2026 img {
      width: 30%; } }
  @media screen and (max-width: 767px) {
    .bestinklasimage2026 img {
      float: clear;
      width: 100%;
      margin-bottom: 20px; } }

.pullquotewrapper {
  padding: 20px 50px;
  font-style: italic;
  background-color: #F2F2F2;
  border-radius: 20px;
  margin: 40px 0px; }
  .pullquotewrapper .quote {
    color: #006394;
    font-size: 50px; }
  .pullquotewrapper p:first-of-type {
    text-indent: -18px; }

.pullquotewrappernormal {
  padding: 20px 50px;
  font-weight: bold;
  font-style: italic;
  background-color: #F2F2F2;
  border-radius: 20px;
  margin: 40px 0px; }

.superbowlheadercontainer {
  width: 80%;
  margin: 0 auto; }
  .superbowlheadercontainer h1 {
    font-size: 3.5em;
    color: white;
    line-height: 1em;
    text-transform: none;
    text-shadow: 0em 0em 10px #000000, 0em 0em 5em #66cccc, 0em 0em 3em #66cccc, 0em 0em 2em #66cccc, 1px 1px 5px #66cccc, 0px 0px 10px #66cccc, 0px 0px 25px #66cccc, 0px 0px 45px #66cccc, 2px 1px 0px white, -1px 0px 2px rgba(0, 0, 0, 0.5); }
  .superbowlheadercontainer h2 {
    font-size: 2.5em;
    color: #66cccc;
    line-height: 1em;
    text-transform: none;
    margin: 0px; }
  .superbowlheadercontainer h4 {
    color: white;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 20px 0px; }
  .superbowlheadercontainer p {
    color: white; }
  @media screen and (max-width: 767px) {
    .superbowlheadercontainer {
      width: 100%;
      padding: 0 20px; } }

.superbowllogowrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  margin: 0 auto; }
  .superbowllogowrapper a {
    display: block;
    width: 25%; }
  @media screen and (max-width: 767px) {
    .superbowllogowrapper {
      width: 100%; } }

.superbowlcompanylogos {
  display: block;
  width: 100%;
  margin: 0 auto 40px auto; }
  @media screen and (max-width: 767px) {
    .superbowlcompanylogos {
      width: 100%; } }

.bullseyelogo {
  display: block;
  width: 20%;
  margin: 40px auto; }
  @media screen and (max-width: 767px) {
    .bullseyelogo {
      width: 100%; } }

.superbowlparagraph {
  text-align: center;
  font-size: 2em;
  line-height: 1.2em;
  margin: 0px auto 40px auto;
  color: #006394; }

.superbowlhero {
  padding: 270px 10px 150px 10px !important; }
  @media screen and (max-width: 767px) {
    .superbowlhero {
      padding: 160px 10px 100px 10px !important; } }

.superbowlheaderlogoholder {
  display: flex;
  justify-content: center;
  width: 30%;
  margin: 0px auto;
  padding: 0px;
  align-items: center; }
  @media screen and (max-width: 1260px) {
    .superbowlheaderlogoholder {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    .superbowlheaderlogoholder {
      width: 100%; } }

.medalogosuperheader {
  padding-right: 35px;
  border-right: 2px solid #66cccc;
  width: 32%; }
  .medalogosuperheader img {
    width: 100%;
    display: block; }

.ionllogosuperheader {
  width: 40%;
  padding-left: 35px; }
  .ionllogosuperheader img {
    width: 100%;
    display: block; }

.scheduletable2col {
  padding-bottom: 20px;
  text-align: left; }
  .scheduletable2col th {
    padding-right: 50px;
    color: #006394;
    font-size: 20px; }
  .scheduletable2col td {
    padding-right: 50px; }
  @media screen and (max-width: 1075px) {
    .scheduletable2col {
      display: none; } }

.scheduletable1col {
  padding-bottom: 20px;
  display: none;
  text-align: left; }
  .scheduletable1col th {
    color: #006394;
    font-size: 20px;
    padding-right: 20px; }
  .scheduletable1col td {
    padding-right: 20px; }
  @media screen and (max-width: 1075px) {
    .scheduletable1col {
      display: table; } }

.schedulecontainer {
  display: block;
  background-color: #f2f2f2;
  padding: 30px 50px;
  border-radius: 20px; }

.leftcol {
  width: 50%;
  left: 0;
  position: absolute; }
  @media screen and (max-width: 1260px) {
    .leftcol {
      width: 100%;
      position: relative; } }

.bubbletitle {
  font-weight: bold;
  font-size: 18px;
  line-height: 2pt; }

.bubble2line {
  padding-top: 10px; }
  @media screen and (max-width: 1260px) {
    .bubble2line {
      padding-top: 0px; } }

.bubbletext {
  display: flex;
  font-size: 16px;
  line-height: 16pt;
  padding-top: 20px; }
  @media screen and (max-width: 430px) {
    .bubbletext {
      margin-top: 30px; } }
  @media screen and (max-width: 390px) {
    .bubbletext {
      margin-top: 30px;
      padding-top: 0px; } }

.bubbletext br {
  font-size: 2px;
  height: 2px;
  line-height: 2px; }

.bubbletext p {
  margin: 0px; }
  @media screen and (min-width: 1443px) {
    .bubbletext p {
      padding-top: 15px; } }
  @media screen and (max-width: 1260px) {
    .bubbletext p {
      padding-top: 10px; } }
  @media screen and (max-width: 394px) {
    .bubbletext p {
      padding-top: 0px; } }

.bubbletext img {
  width: 88px;
  height: 88px;
  float: left;
  margin-right: 17px; }

@media screen and (max-width: 1260px) {
  .bubble2line {
    padding-top: 20px;
    margin: 0; } }

@media screen and (max-width: 1260px) {
  .bubble2line {
    padding-top: 40px; } }

@media screen and (max-width: 888px) {
  .bubble2line {
    padding-top: 0px; } }

.paidspace {
  height: 2em; }
  @media screen and (max-width: 394px) {
    .paidspace {
      display: none; } }

@media screen and (max-width: 354px) {
  .paidinsights {
    padding: 50px 30px !important; } }

@media screen and (max-width: 344px) {
  .paidinsights {
    padding: 50px 20px !important; } }

.rightcol {
  background-color: #006394;
  color: white;
  font-weight: bold;
  padding: 1.5em 2em;
  width: 45%;
  min-width: 250px;
  border-radius: 30px;
  right: 0;
  position: absolute;
  margin-left: 5%;
  margin-bottom: 100px; }
  @media screen and (max-width: 1260px) {
    .rightcol {
      width: 100%;
      margin-left: 0;
      margin-top: 3.5em; } }
  @media screen and (max-width: 767px) {
    .rightcol {
      margin-top: 3em; } }

.rightcol p {
  padding-bottom: 1.75em; }

.rightcol button {
  margin: 0px auto; }

.clinform {
  color: black;
  font-weight: bold;
  text-align: left;
  padding: 0px 40px 0px 0px;
  margin: 0px 0px 10px 3rem;
  width: 100%; }

.perfectfitclin {
  position: relative;
  height: 37em; }
  @media screen and (max-width: 1260px) {
    .perfectfitclin {
      height: 75rem; } }
  @media screen and (max-width: 1199px) {
    .perfectfitclin {
      height: 77rem; } }
  @media screen and (max-width: 1099px) {
    .perfectfitclin {
      height: 80rem; } }
  @media screen and (max-width: 890px) {
    .perfectfitclin {
      height: 80rem; } }
  @media screen and (max-width: 767px) {
    .perfectfitclin {
      height: 80rem; } }
  @media screen and (max-width: 543px) {
    .perfectfitclin {
      height: 93rem; } }
  @media screen and (max-width: 445px) {
    .perfectfitclin {
      height: 95rem; } }
  @media screen and (max-width: 430px) {
    .perfectfitclin {
      height: 105rem; } }
  @media screen and (max-width: 390px) {
    .perfectfitclin {
      height: 103rem; } }
  @media screen and (max-width: 364px) {
    .perfectfitclin {
      height: 109rem; } }
  @media screen and (max-width: 360px) {
    .perfectfitclin {
      height: 109rem; } }
  @media screen and (max-width: 354px) {
    .perfectfitclin {
      height: 115rem; } }
  @media screen and (max-width: 344px) {
    .perfectfitclin {
      height: 111rem; } }
  @media screen and (max-width: 333px) {
    .perfectfitclin {
      height: 117rem; } }

.hiringwrap {
  background-image: url("../img/cta/cta-3.jpg");
  background-size: cover;
  padding: 20px 50px 60px; }
  @media screen and (max-width: 1260px) {
    .hiringwrap {
      padding: 10px 100px 50px; } }
  @media screen and (max-width: 1199px) {
    .hiringwrap {
      padding: 30px 100px 80px; } }
  @media screen and (max-width: 750px) {
    .hiringwrap {
      padding: 50px 100px 70px; } }
  @media screen and (max-width: 430px) {
    .hiringwrap {
      padding: 30px 40px; } }
  @media screen and (max-width: 430px) {
    .hiringwrap {
      padding: 10px 35px; } }
  @media screen and (max-width: 430px) {
    .hiringwrap {
      padding: 10px 30px; } }
  @media screen and (max-width: 390px) {
    .hiringwrap {
      padding: 10px 30px; } }

.hiringwrap ul {
  list-style: url("../img/bullet-db-plus.svg");
  line-height: 24px; }

.hiringwrap li {
  padding-bottom: 7px; }

.hiringintro {
  width: 100%;
  text-align: left;
  color: white; }

.hiringtitle {
  font-family: 'Titillium Web', sans-serif;
  font-size: 30px;
  text-transform: uppercase; }

.hiringintro p {
  margin: 20px 0px; }

.hiringcontent {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px; }

.hiringspacer {
  height: 2em; }

.plusbullet-space {
  position: relative;
  left: 5px;
  bottom: -2px; }

.rightcol label {
  color: white;
  font-size: 16px; }

.jointcertified {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .jointcertified h1 {
    width: 80%;
    margin-bottom: 0px !important;
    text-align: left; }
    @media screen and (max-width: 1300px) {
      .jointcertified h1 {
        width: 100%;
        text-align: center; } }
  .jointcertified img {
    width: 15%;
    height: 15%;
    display: block; }
    @media screen and (max-width: 1300px) {
      .jointcertified img {
        margin: 0 auto 20px;
        width: 30%;
        height: 30%; } }
  @media screen and (max-width: 1300px) {
    .jointcertified {
      flex-wrap: wrap; } }

.clinicaljointwrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 800px) {
    .clinicaljointwrapper {
      flex-wrap: wrap; } }
  .clinicaljointwrapper .clinicaljointcontent {
    width: 75%; }
    @media screen and (max-width: 900px) {
      .clinicaljointwrapper .clinicaljointcontent {
        width: 68%; } }
    @media screen and (max-width: 800px) {
      .clinicaljointwrapper .clinicaljointcontent {
        width: 100%; } }
  .clinicaljointwrapper .clinicaljointseal {
    width: 15%; }
    @media screen and (max-width: 1199px) {
      .clinicaljointwrapper .clinicaljointseal {
        width: 20%; } }
    @media screen and (max-width: 900px) {
      .clinicaljointwrapper .clinicaljointseal {
        width: 30%; } }
    @media screen and (max-width: 800px) {
      .clinicaljointwrapper .clinicaljointseal {
        width: 40%; } }
    .clinicaljointwrapper .clinicaljointseal img {
      display: block;
      width: 100%; }

.himss26h1 {
  font-size: 3.5em;
  line-height: 1em;
  text-transform: none;
  text-shadow: 0em 0em 10px rgba(158, 239, 237, 0.8) !important; }

.appvidcontainer {
  width: 100%; }
  @media screen and (max-width: 608px) {
    .appvidcontainer {
      margin-bottom: 0px; } }
  @media screen and (max-width: 430px) {
    .appvidcontainer {
      padding-bottom: 0px;
      width: 80%;
      margin: 0px auto; } }
  @media screen and (max-width: 390px) {
    .appvidcontainer {
      padding-bottom: 0px; } }

.apph1 {
  display: none; }

.apphero {
  padding: 10rem 0px 7rem !important; }
  @media screen and (max-width: 1199px) {
    .apphero {
      padding: 7rem 0px 8rem !important; } }
  @media screen and (max-width: 1080px) {
    .apphero {
      padding: 5rem 0px 8rem !important; } }
  @media screen and (max-width: 767px) {
    .apphero {
      padding: 7rem 0px 5rem !important; } }
  @media screen and (max-width: 608px) {
    .apphero {
      padding: 6.5rem 0px 5rem !important; } }
  @media screen and (max-width: 430px) {
    .apphero {
      padding: 8.5rem 0px 3.75rem !important; } }
  @media screen and (max-width: 375px) {
    .apphero {
      padding-top: 8rem !important; } }

.h1app {
  font-family: 'Titillium Web', sans-serif;
  font-size: 3rem;
  text-transform: uppercase;
  color: white;
  line-height: 100%;
  width: 80%; }
  @media screen and (max-width: 1440px) {
    .h1app {
      font-size: 2.25rem; } }
  @media screen and (max-width: 1080px) {
    .h1app {
      margin: 0px auto;
      font-size: 320%;
      text-align: center;
      max-width: 75%;
      padding: 0px; } }
  @media screen and (max-width: 1024px) {
    .h1app {
      padding-top: 4rem; } }
  @media screen and (max-width: 430px) {
    .h1app {
      font-size: 2.5rem;
      width: 100%;
      padding-top: 0px; } }
  @media screen and (max-width: 390px) {
    .h1app {
      font-size: 2rem;
      line-height: 100%;
      padding-bottom: 0;
      width: 100%;
      padding-top: 0px; } }
  @media screen and (max-width: 375px) {
    .h1app {
      padding: 0px; } }

.h2app {
  font-family: 'Titillium Web', sans-serif;
  font-size: 150%;
  text-transform: uppercase;
  color: white; }
  @media screen and (max-width: 1080px) {
    .h2app {
      font-size: 200%;
      margin: 0px auto;
      max-width: 75%;
      padding-top: 1em;
      text-align: center; } }
  @media screen and (max-width: 430px) {
    .h2app {
      font-size: 1.75rem; } }
  @media screen and (max-width: 390px) {
    .h2app {
      padding-bottom: 1.5rem;
      font-size: 1.5rem; } }

.h3app {
  font-size: 25px;
  color: white; }
  @media screen and (max-width: 1080px) {
    .h3app {
      font-size: 150%;
      margin: 0px auto;
      max-width: 75%;
      padding-top: 1em;
      text-align: center;
      padding-bottom: 1em; } }
  @media screen and (max-width: 430px) {
    .h3app {
      font-size: 1.5rem;
      padding-bottom: 1rem; } }
  @media screen and (max-width: 390px) {
    .h3app {
      font-size: 1.2rem;
      padding-bottom: .5em; } }

.apptestwrap {
  padding-top: 5em;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 78%;
  margin: 0px auto; }
  @media screen and (max-width: 1080px) {
    .apptestwrap {
      grid-template-columns: repeat(1, 100%); } }
  @media screen and (max-width: 1024px) {
    .apptestwrap {
      padding: 0px; } }
  @media screen and (max-width: 430px) {
    .apptestwrap {
      padding: 0;
      width: 100%; } }

.appdownloadimg {
  margin: 0px; }
  @media screen and (max-width: 1080px) {
    .appdownloadimg {
      margin-left: 20%;
      padding-top: 2.5rem;
      padding-bottom: 1rem; } }
  @media screen and (max-width: 626px) {
    .appdownloadimg {
      width: 80%; } }
  @media screen and (max-width: 515px) {
    .appdownloadimg {
      margin-top: 1rem; } }
  @media screen and (max-width: 430px) {
    .appdownloadimg {
      margin: 0px auto;
      width: 100%; } }
  @media screen and (max-width: 390px) {
    .appdownloadimg {
      padding-top: 0px; } }

.downloadimg1 {
  margin-right: 5px; }
  @media screen and (max-width: 1268px) {
    .downloadimg1 {
      width: 35%;
      min-width: 125px; } }
  @media screen and (max-width: 608px) {
    .downloadimg1 {
      display: inline-block;
      margin-left: 10%;
      margin-bottom: 10px;
      width: 50%; } }
  @media screen and (max-width: 430px) {
    .downloadimg1 {
      width: 50%;
      padding-top: .25rem;
      margin-left: 23%; } }
  @media screen and (max-width: 390px) {
    .downloadimg1 {
      margin-left: 24%; } }

@media screen and (max-width: 1268px) {
  .downloadimg2 {
    width: 35%;
    min-width: 125px; } }

@media screen and (max-width: 608px) {
  .downloadimg2 {
    display: inline-block;
    margin-left: 10%;
    width: 50%; } }

@media screen and (max-width: 430px) {
  .downloadimg2 {
    width: 50%;
    margin-top: -10px;
    margin-left: 23%; } }

@media screen and (max-width: 390px) {
  .downloadimg2 {
    margin-left: 24%; } }

.appaccbody {
  margin: 0px auto;
  background-color: #e6e7e8;
  padding: 20px 0px 40px 50px;
  width: 80%;
  border-radius: 50px;
  margin-top: 2rem;
  margin-bottom: 1.5rem; }
  .appaccbody section {
    margin: 0px auto; }
  .appaccbody details {
    background-color: #006394;
    padding: 25px;
    color: white;
    width: 95%;
    border-radius: 15px;
    margin-bottom: 20px; }
    @media screen and (max-width: 430px) {
      .appaccbody details {
        margin-left: 6%;
        margin-bottom: 15px;
        font-size: 1em;
        line-height: 120%; } }
    @media screen and (max-width: 390px) {
      .appaccbody details {
        margin-left: 6%;
        margin-bottom: 10px;
        font-size: 1rem; } }
  .appaccbody summary:hover {
    cursor: pointer; }
  @media screen and (max-width: 615px) {
    .appaccbody h3 {
      padding-right: 45px;
      line-height: 100%; } }
  @media screen and (max-width: 430px) {
    .appaccbody h3 {
      padding: 25px 0px 0px 25px; } }
  @media screen and (max-width: 390px) {
    .appaccbody h3 {
      padding: 25px 0px 0px 25px; } }
  @media screen and (max-width: 615px) {
    .appaccbody p {
      padding: 25px 40px 20px 0px; } }
  @media screen and (max-width: 430px) {
    .appaccbody p {
      padding-left: 25px;
      padding-bottom: 10px;
      padding-top: 0px; } }
  @media screen and (max-width: 390px) {
    .appaccbody p {
      padding-left: 25px;
      padding-bottom: 20px; } }
  @media screen and (max-width: 608px) {
    .appaccbody {
      margin-top: 7rem; } }
  @media screen and (max-width: 515px) {
    .appaccbody {
      padding: 5px 0px 7px 2em;
      border-radius: 25px;
      width: 95%;
      margin: 0px auto; } }
  @media screen and (max-width: 430px) {
    .appaccbody {
      padding: 0px 0px 7px 0px;
      border-radius: 25px;
      width: 95%;
      margin: 0px auto; } }
  @media screen and (max-width: 390px) {
    .appaccbody {
      padding: 0px;
      border-radius: 20px;
      width: 100%;
      padding-bottom: 7px;
      margin-bottom: 0px; } }

.builtfor2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  padding-right: 20px; }
  @media screen and (max-width: 1080px) {
    .builtfor2col {
      grid-template-columns: repeat(1, 100%); } }

@media screen and (max-width: 430px) {
  .builtrow {
    padding-top: 50px !important;
    padding-bottom: 80px !important; } }

.apptimewrap {
  background-image: url("../img/app-timeline-bg.png");
  background-size: 120%;
  width: 100%; }
  @media screen and (max-width: 779px) {
    .apptimewrap {
      background-size: cover; } }
  @media screen and (max-width: 430px) {
    .apptimewrap {
      background-size: cover; } }

.apptimetitle {
  padding-top: 1.5em;
  margin: 0px auto;
  font-family: 'Titillium Web', sans-serif;
  color: #006394;
  font-size: 3rem;
  line-height: 40px;
  text-transform: uppercase;
  max-width: 45%;
  padding-bottom: 2em;
  display: block;
  position: relative; }
  @media screen and (max-width: 767px) {
    .apptimetitle {
      max-width: 70%;
      font-size: 3rem;
      line-height: 100%; } }
  @media screen and (max-width: 430px) {
    .apptimetitle {
      margin: 0px auto;
      font-size: 2.75rem;
      padding: 2.75rem 0px 4.25rem; } }
  @media screen and (max-width: 390px) {
    .apptimetitle {
      margin: 0px auto;
      font-size: 2.5rem;
      padding: 2rem 0px 3rem; } }

.timetitlewrap {
  width: 100%; }

.timelineboxwrap {
  width: 90%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0px auto;
  padding-bottom: 5rem; }
  @media screen and (max-width: 767px) {
    .timelineboxwrap {
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: repeat(5, 1fr);
      padding-bottom: 0; } }
  @media screen and (max-width: 515px) {
    .timelineboxwrap {
      margin-bottom: -30px;
      grid-template-rows: repeat(5, auto); } }
  @media screen and (max-width: 430px) {
    .timelineboxwrap {
      margin-bottom: -50px; } }

.timelinebox {
  background-image: linear-gradient(50deg, #006394, #66cccc);
  background-size: cover;
  border-radius: 30px;
  padding: 10px 30px;
  width: 80%;
  filter: drop-shadow(2px 1px 10px rgba(0, 0, 0, 0.4));
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .timelinebox {
      width: 70%; } }
  .timelinebox p {
    color: white;
    font-size: 1.25rem;
    margin: 0px auto;
    padding-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .timelinebox p {
        font-size: 1.75rem; } }
    @media screen and (max-width: 647px) {
      .timelinebox p {
        font-size: 1.5rem; } }
    @media screen and (max-width: 430px) {
      .timelinebox p {
        font-size: 1.5rem;
        padding: 5px 0px 30px; } }
    @media screen and (max-width: 390px) {
      .timelinebox p {
        padding-bottom: 23px;
        font-size: 1.3rem; } }
  @media screen and (max-width: 767px) {
    .timelinebox br {
      display: none; } }

.timespace {
  height: 2rem;
  width: 75%; }
  @media screen and (max-width: 767px) {
    .timespace {
      display: none; } }

.timeboxgridblank {
  width: 75%; }
  @media screen and (max-width: 767px) {
    .timeboxgridblank {
      display: none; } }

.timebox1 {
  margin-left: 17%; }
  @media screen and (max-width: 1024px) {
    .timebox1 {
      margin: 0px auto; } }
  @media screen and (max-width: 767px) {
    .timebox1 {
      margin-left: 15%;
      margin-bottom: 8rem; } }
  @media screen and (max-width: 430px) {
    .timebox1 {
      margin-bottom: 5rem; } }
  @media screen and (max-width: 390px) {
    .timebox1 {
      margin-bottom: 3.5rem; } }

.timebox2 {
  margin-left: 15%;
  transform: translateY(50%); }
  @media screen and (max-width: 1024px) {
    .timebox2 {
      margin: 0px auto; } }
  @media screen and (max-width: 767px) {
    .timebox2 {
      margin-left: 15%;
      transform: none;
      margin-bottom: 8rem; } }
  @media screen and (max-width: 430px) {
    .timebox2 {
      margin-bottom: 5rem; } }
  @media screen and (max-width: 390px) {
    .timebox2 {
      margin-bottom: 3.5rem; } }

.timebox3 {
  margin-left: 15%; }
  @media screen and (max-width: 1024px) {
    .timebox3 {
      margin: 0px auto; } }
  @media screen and (max-width: 767px) {
    .timebox3 {
      margin-left: 15%;
      grid-row-start: 3;
      margin-bottom: 8rem; } }
  @media screen and (max-width: 430px) {
    .timebox3 {
      margin-bottom: 5rem; } }
  @media screen and (max-width: 390px) {
    .timebox3 {
      margin-bottom: 3.5rem; } }

.timebox4 {
  margin-left: 15%;
  transform: translateY(-50%); }
  @media screen and (max-width: 1024px) {
    .timebox4 {
      margin: 0px auto; } }
  @media screen and (max-width: 767px) {
    .timebox4 {
      margin-left: 15%;
      grid-row-start: 4;
      transform: none;
      margin-bottom: 8rem; } }
  @media screen and (max-width: 430px) {
    .timebox4 {
      margin-bottom: 5rem; } }
  @media screen and (max-width: 390px) {
    .timebox4 {
      margin-bottom: 3.5rem; } }

.timebox5 {
  margin-left: 20%; }
  @media screen and (max-width: 1024px) {
    .timebox5 {
      margin: 0px auto; } }
  @media screen and (max-width: 767px) {
    .timebox5 {
      margin-left: 15%;
      grid-row-start: 5;
      margin-bottom: 8rem; } }
  @media screen and (max-width: 430px) {
    .timebox5 {
      margin-bottom: 7rem; } }
  @media screen and (max-width: 390px) {
    .timebox5 {
      margin-bottom: 6.75rem; } }

.timelinenum {
  max-width: 80px;
  padding: 40px 0px 10px; }
  @media screen and (max-width: 390px) {
    .timelinenum {
      width: 55px;
      padding: 20px 0px 0px; } }

.timeline-arrow-wrap {
  width: 100%;
  margin: 0px auto; }

.time-arrow1, .time-arrow2 {
  height: 3rem;
  border-top: solid 6px #006394;
  border-right: solid 6px #006394;
  border-radius: 0px 20px 0px 0px;
  width: 95%; }
  @media screen and (max-width: 767px) {
    .time-arrow1, .time-arrow2 {
      display: none; } }

.arrow-1-wrap {
  float: left;
  position: relative;
  width: 20%;
  filter: drop-shadow(2px 1px 10px rgba(0, 0, 0, 0.4));
  margin-top: -55.5rem;
  margin-left: 32.5%; }
  @media screen and (max-width: 1024px) {
    .arrow-1-wrap {
      margin-left: 32%; } }
  @media screen and (max-width: 779px) {
    .arrow-1-wrap {
      margin-top: -58rem; } }

.arrow-2-wrap {
  float: left;
  position: relative;
  width: 20%;
  filter: drop-shadow(2px 1px 10px rgba(0, 0, 0, 0.4));
  margin-top: -46rem;
  margin-left: 56.5%; }
  @media screen and (max-width: 1260px) {
    .arrow-2-wrap {
      margin-left: 62.5%; } }
  @media screen and (max-width: 779px) {
    .arrow-2-wrap {
      margin-top: -48rem; } }
  @media screen and (max-width: 1024px) {
    .arrow-2-wrap {
      margin-left: 61.5%; } }

.arrow-3-wrap {
  float: left;
  position: relative;
  width: 13%;
  filter: drop-shadow(2px 1px 10px rgba(0, 0, 0, 0.4));
  margin-top: -25.5rem;
  margin-left: 62.75%; }
  @media screen and (max-width: 1260px) {
    .arrow-3-wrap {
      margin-left: 66.25%;
      width: 15%; } }
  @media screen and (max-width: 1024px) {
    .arrow-3-wrap {
      margin-left: 65.25%;
      width: 14.75%; } }

.time-arrow3 {
  float: right;
  height: 5rem;
  width: 95%;
  margin-right: 0;
  border-bottom: solid 6px #006394;
  border-right: solid 6px #006394;
  border-radius: 0px 0px 20px 0px; }
  @media screen and (max-width: 767px) {
    .time-arrow3 {
      display: none; } }

.time-arrow4 {
  float: left;
  width: 95%;
  height: 3rem;
  border-top: solid 6px #006394;
  border-left: solid 6px #006394;
  border-radius: 20px 0px 0px 0px; }
  @media screen and (max-width: 767px) {
    .time-arrow4 {
      display: none; } }

.arrow-4-wrap {
  float: left;
  position: relative;
  width: 18%;
  filter: drop-shadow(2px 1px 10px rgba(0, 0, 0, 0.4));
  margin-top: -28.5rem;
  margin-left: 23.75%; }
  @media screen and (min-width: 1261px) {
    .arrow-4-wrap {
      margin-left: 28%; } }
  @media screen and (max-width: 1024px) {
    .arrow-4-wrap {
      width: 20%;
      margin-left: 20%; } }

.time-point {
  float: right;
  height: 0px;
  width: 0px;
  border-style: solid;
  border-width: 0px 1em 2em 1em;
  border-color: transparent transparent #006394 transparent;
  position: absolute; }
  @media screen and (max-width: 767px) {
    .time-point {
      border-width: 0px 1.5em 2.5em 1.5em; } }
  @media screen and (max-width: 390px) {
    .time-point {
      border-width: 0px 1em 1.5em 1em; } }

.point-down {
  transform: rotate(180deg);
  right: 0;
  margin-top: -0.75rem; }
  @media screen and (max-width: 767px) {
    .point-down {
      transform: rotate(180deg); } }

.point-left {
  transform: rotate(-90deg);
  top: 3.75rem;
  left: -1rem; }
  @media screen and (max-width: 767px) {
    .point-left {
      transform: rotate(180deg);
      left: 0;
      margin-left: 50%; } }

@media screen and (max-width: 1024px) {
  .point-1-1col {
    left: 84.5%; } }

@media screen and (max-width: 779px) {
  .point-1-1col {
    left: 82%; } }

@media screen and (max-width: 767px) {
  .point-1-1col {
    margin-top: -36.5rem;
    left: 75%; } }

@media screen and (max-width: 568px) {
  .point-1-1col {
    margin-top: -43.75rem;
    left: 68%; } }

@media screen and (max-width: 515px) {
  .point-1-1col {
    margin-top: -36.25rem; } }

@media screen and (max-width: 430px) {
  .point-1-1col {
    left: 59%;
    margin-top: -26.75rem; } }

@media screen and (max-width: 390px) {
  .point-1-1col {
    margin-top: -6.5rem;
    left: 71%; } }

@media screen and (max-width: 375px) {
  .point-1-1col {
    margin-top: -5.25rem;
    left: 71%; } }

@media screen and (max-width: 1024px) {
  .point-2-1col {
    left: 84.5%; } }

@media screen and (max-width: 779px) {
  .point-2-1col {
    left: 82%; } }

@media screen and (max-width: 767px) {
  .point-2-1col {
    margin-top: -25rem;
    left: -70%; } }

@media screen and (max-width: 568px) {
  .point-2-1col {
    margin-top: -30.5rem;
    left: -83%; } }

@media screen and (max-width: 515px) {
  .point-2-1col {
    margin-top: -24.75rem; } }

@media screen and (max-width: 430px) {
  .point-2-1col {
    left: -85%;
    margin-top: -16rem; } }

@media screen and (max-width: 390px) {
  .point-2-1col {
    margin-top: -.9rem;
    left: -80%; } }

@media screen and (max-width: 375px) {
  .point-2-1col {
    margin-top: 0.25rem;
    left: -80%; } }

@media screen and (max-width: 767px) {
  .point-3-1col {
    margin-left: -125%;
    margin-top: -29.25rem; } }

@media screen and (max-width: 568px) {
  .point-3-1col {
    margin-top: -32.75rem;
    left: -10%; } }

@media screen and (max-width: 515px) {
  .point-3-1col {
    margin-top: -27.5rem; } }

@media screen and (max-width: 430px) {
  .point-3-1col {
    left: -15%;
    margin-top: -21.5rem; } }

@media screen and (max-width: 390px) {
  .point-3-1col {
    margin-top: -11.65rem;
    left: -10%; } }

@media screen and (max-width: 375px) {
  .point-3-1col {
    margin-top: -10.65rem;
    left: -10%; } }

.point-4-1col {
  left: -1rem;
  top: 3rem; }
  @media screen and (max-width: 1024px) {
    .point-4-1col {
      margin-top: 0%; } }
  @media screen and (max-width: 767px) {
    .point-4-1col {
      margin-top: -4rem;
      margin-left: 140%; } }
  @media screen and (max-width: 568px) {
    .point-4-1col {
      margin-top: -5.5rem;
      left: -13%; } }
  @media screen and (max-width: 515px) {
    .point-4-1col {
      margin-top: -2rem; } }
  @media screen and (max-width: 480px) {
    .point-4-1col {
      margin-top: -5.5rem; } }
  @media screen and (max-width: 430px) {
    .point-4-1col {
      left: -15%;
      margin-top: 1rem; } }
  @media screen and (max-width: 390px) {
    .point-4-1col {
      margin-top: 5.65rem;
      left: -20%; } }
  @media screen and (max-width: 375px) {
    .point-4-1col {
      margin-top: 6.75rem;
      left: -20%; } }

@media screen and (max-width: 767px) {
  .appvideoclass {
    margin-bottom: 2rem; } }

.appchatwrap {
  margin-left: 2%;
  padding: 1.5rem 0px 2rem; }
  @media screen and (max-width: 430px) {
    .appchatwrap {
      padding-top: 0px; } }
  @media screen and (max-width: 390px) {
    .appchatwrap {
      padding-top: 0px;
      padding-bottom: 0px; } }

.appbubblegrey {
  width: 60%;
  min-width: 200px;
  background-color: #e6e7e8;
  display: block;
  margin: 0 auto;
  border-radius: 30px;
  text-align: left;
  color: #006394;
  position: relative;
  left: 4%;
  margin-top: -3rem; }
  .appbubblegrey p {
    margin: 10px 0px 0px; }
  @media screen and (max-width: 1080px) {
    .appbubblegrey {
      width: 85%; } }
  @media screen and (max-width: 767px) {
    .appbubblegrey {
      width: 80%; } }
  @media screen and (max-width: 430px) {
    .appbubblegrey {
      width: 90%; } }

.appbubblegrad {
  width: 60%;
  min-width: 200px;
  background-image: linear-gradient(20deg, #006394, #006394 15%, #66cccc);
  display: block;
  margin: 0 auto;
  border-radius: 30px;
  text-align: left;
  color: white;
  position: relative;
  left: -4%;
  margin-top: -3rem; }
  .appbubblegrad p {
    margin: 10px 0px 0px; }
  @media screen and (max-width: 1080px) {
    .appbubblegrad {
      width: 85%; } }
  @media screen and (max-width: 767px) {
    .appbubblegrad {
      width: 80%; } }
  @media screen and (max-width: 430px) {
    .appbubblegrad {
      width: 90%; } }

.appchattitle {
  width: 100%;
  font-size: 2rem;
  margin-bottom: 1rem !important;
  margin-left: 20px; }
  @media screen and (max-width: 515px) {
    .appchattitle {
      line-height: 110%;
      font-size: 1.5rem; } }

.chatcontent {
  margin-left: 30px;
  padding-top: 25px;
  margin-right: 25px; }

.appchatbody {
  padding-bottom: 50px;
  margin-left: 20px; }
  @media screen and (max-width: 515px) {
    .appchatbody {
      line-height: 125%;
      padding-bottom: 60px; } }

.appchatpointright {
  height: 50px;
  width: 50px;
  background: #e6e7e8;
  margin: 0 auto;
  transform: rotate(45deg);
  border-radius: 0 0 12px 0;
  margin-top: -27px;
  position: relative;
  left: 28%; }
  @media screen and (max-width: 1200px) {
    .appchatpointright {
      left: 27%; } }
  @media screen and (max-width: 1080px) {
    .appchatpointright {
      left: 38%; } }
  @media screen and (max-width: 916px) {
    .appchatpointright {
      left: 26%;
      height: 45px;
      width: 40px;
      margin-top: -20px; } }
  @media screen and (max-width: 767px) {
    .appchatpointright {
      left: 34.5%;
      height: 34px;
      width: 35px;
      margin-top: -17px; } }
  @media screen and (max-width: 515px) {
    .appchatpointright {
      margin-top: -20px;
      left: 31%; } }
  @media screen and (max-width: 390px) {
    .appchatpointright {
      margin-top: -18px; } }

.appchatpointleft {
  height: 50px;
  width: 50px;
  background: #006394;
  margin: 0 auto;
  transform: rotate(45deg);
  border-radius: 0 0 12px 0;
  margin-top: -27px;
  position: relative;
  left: -28%; }
  @media screen and (max-width: 1200px) {
    .appchatpointleft {
      left: -27%; } }
  @media screen and (max-width: 1080px) {
    .appchatpointleft {
      left: -38%; } }
  @media screen and (max-width: 916px) {
    .appchatpointleft {
      left: -26%;
      height: 40px;
      width: 40px;
      margin-top: -20px; } }
  @media screen and (max-width: 767px) {
    .appchatpointleft {
      left: -34.5%;
      height: 34px;
      width: 35px;
      margin-top: -17px; } }
  @media screen and (max-width: 515px) {
    .appchatpointleft {
      margin-top: -20px;
      left: -31%; } }
  @media screen and (max-width: 390px) {
    .appchatpointleft {
      margin-top: -18px;
      left: -25%; } }

.appbubblehead {
  background-color: #006394;
  width: 15rem;
  margin-left: 16%;
  border-radius: 30px;
  padding: 1px 0px 2px !important;
  color: white;
  font-size: 4rem;
  position: relative; }
  @media screen and (max-width: 1080px) {
    .appbubblehead {
      margin-left: 4.25%; } }
  @media screen and (max-width: 767px) {
    .appbubblehead {
      width: 15.5rem;
      margin-left: 7%; } }
  @media screen and (max-width: 430px) {
    .appbubblehead {
      margin-left: 3%; } }
  @media screen and (max-width: 390px) {
    .appbubblehead {
      margin-left: 1%; } }
  @media screen and (max-width: 375px) {
    .appbubblehead {
      margin-left: 3%; } }
  .appbubblehead p {
    margin-left: 3.5rem;
    padding: 0px; }
    @media screen and (max-width: 515px) {
      .appbubblehead p {
        padding-bottom: 1rem; } }

.chatheadpoint {
  height: 50px;
  width: 50px;
  background: #006394;
  margin: 0 auto;
  transform: rotate(45deg);
  border-radius: 0 0 12px 0;
  margin-top: -27px;
  position: relative;
  left: -28%; }
  @media screen and (max-width: 1200px) {
    .chatheadpoint {
      left: -27%; } }
  @media screen and (max-width: 1024px) {
    .chatheadpoint {
      left: -38%; } }
  @media screen and (max-width: 916px) {
    .chatheadpoint {
      left: -26%;
      height: 40px;
      width: 40px;
      margin-top: -20px; } }
  @media screen and (max-width: 767px) {
    .chatheadpoint {
      left: -34%;
      height: 40px;
      width: 40px;
      margin-top: -20px; } }
  @media screen and (max-width: 608px) {
    .chatheadpoint {
      margin-top: -22px; } }
  @media screen and (max-width: 515px) {
    .chatheadpoint {
      margin-top: -27px;
      left: 0px; } }
  @media screen and (max-width: 430px) {
    .chatheadpoint {
      margin-top: -18px;
      left: 0px; } }

.app-disclosure {
  color: white;
  background-image: url("../img/app-pg/app-legal-bg.jpg");
  background-size: cover;
  padding: 4rem 50px 5.5rem;
  text-align: left !important;
  width: 100%; }
  @media screen and (max-width: 515px) {
    .app-disclosure {
      padding: 4rem 7% 5.5rem; } }
  @media screen and (max-width: 390px) {
    .app-disclosure {
      padding-bottom: 6rem; } }

.app-disclosure h4 {
  font-size: 1.25rem;
  padding: 0px 1.5rem 1rem;
  filter: drop-shadow(2px 1px 5px rgba(0, 0, 0, 0.25)); }
  @media screen and (max-width: 515px) {
    .app-disclosure h4 {
      padding: 0px 0rem 1.5rem; } }
  @media screen and (max-width: 430px) {
    .app-disclosure h4 {
      padding-left: 5%;
      padding-bottom: 1rem; } }

.legal-app-wrap {
  width: 100%;
  background-color: rgba(0, 71, 106, 0.5);
  border-radius: 20px;
  padding: 5px 2rem 1rem; }
  @media screen and (max-width: 767px) {
    .legal-app-wrap {
      padding-bottom: 1rem; } }
  @media screen and (max-width: 515px) {
    .legal-app-wrap {
      border-radius: 25px; } }

.app-legal-text {
  margin: 0px auto;
  width: 90%; }
  .app-legal-text ul {
    list-style: url("../img/bullet-lb-plus.svg");
    line-height: 24px;
    padding-inline-start: 15px; }
  .app-legal-text li {
    padding-left: 10px; }
  @media screen and (max-width: 608px) {
    .app-legal-text {
      Width: 100%; } }

/* NAV*/
header {
  position: fixed;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
  flex-wrap: wrap;
  opacity: 0;
  background-color: white; }
  @media screen and (max-width: 1199px) {
    header {
      display: none; } }

.navlogowrapper {
  width: 70%;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 1800px) {
    .navlogowrapper {
      width: 98%; } }

.serviceofferingsheader {
  background-color: #006394; }

.logoandnavwrapper {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between; }

.logo {
  width: 15%;
  margin-top: 20px; }

@media screen and (max-width: 2366px) {
  .logo {
    width: 15%; } }

.logoimage {
  width: 100%; }

nav {
  width: 100%;
  display: inline-block;
  text-align: right;
  position: static; }

.whiteheader {
  background: white; }

nav ul {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  margin-bottom: 0px; }
  nav ul li {
    display: inline;
    letter-spacing: 2px;
    position: static;
    cursor: pointer; }

nav li {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  display: block;
  cursor: pointer; }

nav .indentnavlink {
  margin-left: 10px; }

.indentnavlink span {
  color: #006394; }

.navlink {
  padding: 25px 25px;
  transition: none;
  cursor: pointer;
  font-size: 18px; }
  .navlink span::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f107"; }

.opendropdown .navlink span::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: "\f106"; }

.dropdownwrapper {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #006394;
  z-index: 1;
  opacity: 0;
  width: 100%;
  display: none;
  float: left;
  padding: 15px;
  transition: .3s all ease; }
  .dropdownwrapper p {
    text-align: left;
    font-size: 1.25em; }

.opendropdown {
  background-color: #006394;
  color: white; }
  .opendropdown .dropdownwrapper {
    transition: .3s all ease;
    display: block;
    animation: fade-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.dropdown {
  display: flex;
  text-align: left;
  width: 80%;
  margin: 0 auto;
  padding: 30px;
  flex-wrap: wrap;
  transition: .3s all ease; }
  .dropdown a:hover {
    color: #66cccc; }

.dropdown-mainheading {
  width: 100%;
  margin: 0px 10px 10px 10px; }
  .dropdown-mainheading a {
    font-size: 25px;
    text-transform: uppercase;
    color: white;
    text-decoration: none; }

.dropdown ul {
  list-style: none;
  width: 30%;
  margin: 0px 10px;
  padding: 0px;
  display: block; }
  .dropdown ul li {
    margin-bottom: 10px;
    display: block; }
    .dropdown ul li a {
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 15px;
      padding: 10px 0px; }

.whatwedomain a {
  font-size: 20px !important;
  font-weight: bold !important; }

.howwedoitwrapper {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap; }
  .howwedoitwrapper ul {
    width: 30%; }

.navlink {
  display: inline-block;
  color: #006394;
  text-decoration: none;
  position: relative; }

.dropdown-toggle::after {
  margin: 0px;
  border: 0px; }

.navlink::after {
  margin-top: 22px;
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: #006394;
  transition: width .3s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2; }

.navlink:hover::after {
  width: 100%; }

.active-main::after {
  margin-top: 8px;
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: #006394;
  transition: width .3s; }

.whiteheader nav li a {
  color: #006394; }

.active-main {
  color: #006394; }

.subnav {
  list-style: none;
  width: 80%;
  margin: 0 auto;
  padding: 0px;
  text-align: center; }
  .subnav li {
    padding: 0px 20px 0px 20px; }
    .subnav li a {
      color: white;
      transition: none;
      font-size: 15px;
      display: inline-block;
      padding: 10px 20px 20px 20px;
      position: relative;
      cursor: pointer; }
      .subnav li a:hover {
        color: #006394;
        text-decoration: none; }

.subsubwrapper {
  width: 100%;
  background-color: #006394; }
  .subsubwrapper .subnav {
    width: 50%; }
    .subsubwrapper .subnav a:hover {
      color: #006394; }

.service-active {
  color: #006394; }

.nav-tabs {
  border-bottom: none;
  margin: 0 auto;
  display: flex;
  justify-content: center; }
  .nav-tabs > .nav-link {
    border: 0px;
    border-radius: 0px;
    padding: 20px;
    color: #006394;
    transition: all 0.5s ease-in-out;
    color: white; }
  .nav-tabs > .active::after {
    display: none; }
  .nav-tabs .nav-link.active {
    color: #006394;
    border: none; }
  .nav-tabs .nav-item {
    margin-bottom: 0px; }

.subsubwrapper > .active::after {
  display: none; }

.subnav .active {
  color: #006394;
  transition: all 0.5s ease-in-out; }
  .subnav .active::after {
    display: none; }

.subnavlink {
  padding: 10px 15px;
  border: 2px solid white;
  margin: 0px 10px;
  color: #006394;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  background-color: white; }
  .subnavlink:hover {
    color: #006394 !important;
    border-color: transparent !important; }

.navwrapper {
  display: block;
  width: 90%; }
  .navwrapper a {
    transition: all .2s ease-in-out; }
  .navwrapper nav ul {
    padding: 0px; }

/* TIME PORTAL BUTTON */
.timeportalwrapper {
  display: inline-block;
  padding-bottom: 8px; }

.timeportalbutton {
  padding: 5px 20px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 2px;
  transition: all .5s ease-in-out;
  background-color: #006394;
  position: relative; }
  .timeportalbutton:hover {
    background-color: #66cccc;
    text-decoration: none; }

.healthcare .navlink-healthcare, .internal-careers .navlink-internalcareers, .candidates .navlink-whymedasource, .clinicalservices .navlink-clinicalservices, .payers .navlink-payers, .rcm .navlink-rcm, .lifesciences .navlink-lifesciences, .technology .navlink-technology, .practices .navlink-practices, .consultingservices .navlink-consultingservices, .government .navlink-government, .pcinsurance .navlink-pcinsurance, .tme .navlink-tme, .financial .navlink-financial, .automotive .navlink-automotive, .retail .navlink-retail, .find-work .navlink-findwork, .pcinsurance .navlink-pcinsurance, .health-insurance .navlink-healthinsurance, .energy .navlink-energy, .life-sciences .navlink-lifesciences, .government .navlink-government, .tme .navlink-tme, .banking .navlink-banking, .financial-services .navlink-financial, .consumergoods .navlink-consumergoods, .retail .navlink-retail, .industries .navlink-industries, .findtalentourprocess .navlink-findtalentourprocess, .experience-driven-staffing .navlink-experiencedrivenstaffing, .professional-services .navlink-professionalservices, .elevate .navlink-elevate, .technologies .navlink-technologies, .engineering .navlink-engineering, .solutions .navlink-solutions, .our-focus .navlink-our-focus, .elevate .navlink-elevate, .why-ch-work .navlink-whych, .our-process-work .navlink-findworkourprocess, .aboutus .navlink-aboutus, .locationspage .navlink-locations, .leadership .navlink-leadership {
  color: #66cccc; }
  .healthcare .navlink-healthcare:hover, .internal-careers .navlink-internalcareers:hover, .candidates .navlink-whymedasource:hover, .clinicalservices .navlink-clinicalservices:hover, .payers .navlink-payers:hover, .rcm .navlink-rcm:hover, .lifesciences .navlink-lifesciences:hover, .technology .navlink-technology:hover, .practices .navlink-practices:hover, .consultingservices .navlink-consultingservices:hover, .government .navlink-government:hover, .pcinsurance .navlink-pcinsurance:hover, .tme .navlink-tme:hover, .financial .navlink-financial:hover, .automotive .navlink-automotive:hover, .retail .navlink-retail:hover, .find-work .navlink-findwork:hover, .pcinsurance .navlink-pcinsurance:hover, .health-insurance .navlink-healthinsurance:hover, .energy .navlink-energy:hover, .life-sciences .navlink-lifesciences:hover, .government .navlink-government:hover, .tme .navlink-tme:hover, .banking .navlink-banking:hover, .financial-services .navlink-financial:hover, .consumergoods .navlink-consumergoods:hover, .retail .navlink-retail:hover, .industries .navlink-industries:hover, .findtalentourprocess .navlink-findtalentourprocess:hover, .experience-driven-staffing .navlink-experiencedrivenstaffing:hover, .professional-services .navlink-professionalservices:hover, .elevate .navlink-elevate:hover, .technologies .navlink-technologies:hover, .engineering .navlink-engineering:hover, .solutions .navlink-solutions:hover, .our-focus .navlink-our-focus:hover, .elevate .navlink-elevate:hover, .why-ch-work .navlink-whych:hover, .our-process-work .navlink-findworkourprocess:hover, .aboutus .navlink-aboutus:hover, .locationspage .navlink-locations:hover, .leadership .navlink-leadership:hover {
    color: white; }

.contact .navlink-contact:after, .aboutus .navlink-aboutmain:after, .careers .navlink-careers:after, .practiceareas .navlink-practiceareas:after, .whatwedo .navlink-whatwedo:after {
  width: 100%; }

.opendropdown .navlink {
  color: white; }

.subnavwrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #006394; }

.subnavlink:hover:before {
  border-top-color: #006394;
  border-right-color: #006394;
  transition: width .125s ease-out,height .125s ease-out .125s;
  width: calc(100% + 4px);
  height: calc(100% + 4px); }

.subnavlink:hover:after {
  width: calc(100% + 4px);
  height: calc(100% + 4px); }

.subnavlink:before {
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  position: absolute;
  border: 2px solid transparent;
  width: 0;
  height: 0; }

.subnavlink:after {
  content: "";
  position: absolute;
  border: 2px solid transparent;
  width: 0;
  height: 0; }

.subnavlink:hover:after {
  border-bottom-color: #006394;
  border-left-color: #006394;
  transition: border-color 0s ease-out .25s,width .125s ease-out .25s,height .125s ease-out .3s; }

.subnavlink:after {
  bottom: -2px;
  right: -2px; }

.mobilesubnavwrapper {
  display: none; }
  .mobilesubnavwrapper .subnavlink {
    display: none; }

.secondarynavwrapper {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid; }

.secondarycontainer {
  width: 90%;
  display: flex;
  margin: 0 auto;
  justify-content: flex-end;
  align-items: center; }
  @media screen and (max-width: 1300px) {
    .secondarycontainer {
      width: 98%; } }

.secondarynavwrapper a {
  color: white;
  text-decoration: none;
  font-size: 12px;
  margin-right: 20px;
  text-transform: uppercase;
  font-weight: bold; }
  .secondarynavwrapper a:last-of-type {
    margin-right: 0px; }

.secondarynavlink {
  position: relative;
  color: #006394 !important;
  margin-top: 2px; }
  .secondarynavlink:after {
    margin-top: 2px;
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #006394;
    transition: width .3s; }
  .secondarynavlink:hover::after {
    width: 100%; }

.homehero,
.gallerywrapper,
.slide {
  width: 100%; }

.gallerywrapper {
  position: relative;
  display: block; }

.slide {
  position: relative !important;
  display: block;
  left: 0px;
  top: 0px;
  float: left;
  height: 100%;
  min-height: 1px; }

.slideone {
  padding-top: 200px; }
  @media screen and (max-height: 1113px) {
    .slideone {
      padding-top: 70px; } }
  @media screen and (max-height: 800px) {
    .slideone {
      padding-top: 50px; } }
  @media screen and (max-width: 767px) {
    .slideone {
      padding-top: 0px; } }

.slidetwo {
  display: none;
  padding-top: 200px; }
  @media screen and (max-height: 1113px) {
    .slidetwo {
      padding-top: 70px; } }

@media screen and (max-height: 800px) {
  padding-top: 50px; }

.slidethree {
  display: none;
  padding-top: 200px; }
  @media screen and (max-height: 1113px) {
    .slidethree {
      padding-top: 70px; } }

@media screen and (max-height: 800px) {
  padding-top: 50px; }

.slidefour {
  display: none;
  padding-top: 200px; }
  @media screen and (max-height: 1113px) {
    .slidefour {
      padding-top: 70px; } }
  @media screen and (max-height: 800px) {
    .slidefour {
      padding-top: 50px; } }

.currentSlide {
  display: block;
  opacity: 1;
  transition: opacity 1s; }

.dotnavwrapper {
  width: 15px;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  margin: 200px 0 0 20px; }

.slick-dots {
  position: absolute;
  width: 15px;
  top: 50%;
  padding: 0px 0px 0px 10px; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  height: 15px;
  width: 15px;
  margin: 0 2px 10px;
  background-color: transparent;
  border: 2px solid white;
  border-radius: 50%;
  display: inline-block;
  transition: all .6s ease;
  font-size: 0px;
  line-height: 0px;
  display: block;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  outline: none; }

.slick-dots li button:hover {
  background-color: #66cccc;
  border: 2px solid #66cccc; }

.slick-dots li.slick-active button {
  background-color: #66cccc;
  border: 2px solid #66cccc; }

.slick-dots li.slick-active button:hover {
  background-color: white;
  border: 2px solid white; }

@-webkit-keyframes fade-image {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

@keyframes fade-image {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

.hexpatternwrapper {
  position: relative;
  width: 100%;
  top: -50px; }
  @media screen and (max-width: 767px) {
    .hexpatternwrapper {
      top: -70px; } }

.hexpatternrow {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end; }
  .hexpatternrow:nth-child(1) {
    right: -200px; }
  .hexpatternrow:nth-child(2) {
    top: -20px;
    right: -55px; }
    @media screen and (max-width: 767px) {
      .hexpatternrow:nth-child(2) {
        right: 0px;
        bottom: 0px; } }
  .hexpatternrow:nth-child(3) {
    right: -200px;
    top: -75px;
    margin-bottom: -280px; }

.secondtwo {
  position: relative;
  right: 100px; }

.bighexcta {
  height: 324px;
  margin: 0 5px;
  width: 280px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  top: -17px;
  align-items: center;
  background: url("../img/bigwhitehex.png") center center/contain no-repeat; }
  .bighexcta .ctatitle {
    text-transform: uppercase;
    color: #006394;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0px; }
  .bighexcta .ctabody {
    margin: 0px 0px 10px 0px; }
  @media screen and (max-width: 767px) {
    .bighexcta {
      margin: 0 auto;
      width: 100%;
      height: 300px; } }

.hexpattern {
  height: 290px;
  margin: 0 20px;
  width: 250px;
  background: url("../img/smallwhitehex.png") center center/contain no-repeat; }
  @media screen and (max-width: 767px) {
    .hexpattern {
      display: none; } }

@media screen and (max-width: 856px) {
  .hiddenhex {
    display: none; } }

.homeonetimeherologo {
  display: block;
  width: 40%;
  margin-bottom: 20px; }
  @media screen and (max-width: 1260px) {
    .homeonetimeherologo {
      width: 80%;
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .homeonetimeherologo {
      width: 100%; } }

#myVideo {
  position: fixed;
  width: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  z-index: -2;
  object-fit: cover; }

.scrolldownwrapper {
  margin: 0 auto;
  text-align: center;
  font-size: 50px;
  animation: jumpingarrow 1s infinite; }
  .scrolldownwrapper a {
    color: white; }
    .scrolldownwrapper a:hover {
      color: #66cccc; }
  @media screen and (max-width: 767px) {
    .scrolldownwrapper {
      display: none; } }

@keyframes jumpingarrow {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(0px, 10px); }
  100% {
    transform: translate(0px, 0px); } }

.subpagehero,
.herowrapper,
.hero {
  width: 100%; }

.homehero {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh; }
  @media screen and (max-height: 1000px) {
    .homehero {
      padding-bottom: 900px; } }
  @media screen and (max-height: 900px) and (max-width: 1050px) {
    .homehero {
      padding-bottom: 1000px; } }
  @media screen and (max-height: 900px) and (max-width: 900px) {
    .homehero {
      padding-bottom: 1100px; } }
  @media screen and (max-height: 700px) {
    .homehero {
      padding-bottom: 1000px; } }

.heroheadercontainer {
  max-width: 980px;
  margin: 0 auto;
  padding: 0px 30px; }
  .heroheadercontainer h1 {
    font-size: 4em;
    margin-bottom: 50px;
    font-weight: 700;
    line-height: 1em;
    color: white; }
    @media screen and (max-width: 1199px) {
      .heroheadercontainer h1 {
        font-size: 2.5em;
        line-height: 1em; } }
  .heroheadercontainer .smallh1 {
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: normal; }
  .heroheadercontainer h2 {
    margin-top: 0px; }
  .heroheadercontainer p {
    color: white; }

.hero {
  position: relative !important;
  display: block;
  padding: 200px 0 150px 0; }
  @media screen and (max-width: 767px) {
    .hero {
      padding: 150px 0 150px 0; } }

.sliderhero {
  padding: 150px 0 0px 0;
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center; }
  .sliderhero h1 {
    font-size: 4em;
    margin-top: 0px;
    line-height: 1em;
    color: white;
    margin-bottom: 40px; }
    @media screen and (max-width: 1600px) {
      .sliderhero h1 {
        font-size: 3em; } }
    @media screen and (max-width: 1260px) {
      .sliderhero h1 {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .sliderhero h1 {
        margin-bottom: 20px;
        width: 100%;
        font-size: 30px;
        text-align: center !important; } }
  .sliderhero h2 {
    font-size: 2em;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
    color: white;
    line-height: 1.5em;
    margin-bottom: 70px;
    text-transform: none; }
    @media screen and (max-width: 1260px) {
      .sliderhero h2 {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .sliderhero h2 {
        font-size: 20px;
        width: 100%;
        margin-bottom: 20px;
        text-align: center !important; } }
  @media screen and (max-width: 1199px) {
    .sliderhero {
      width: 70%;
      margin: 0 auto;
      padding-top: 50px; } }
  @media screen and (max-width: 767px) {
    .sliderhero {
      padding: 100px 0 50px;
      width: 75%; } }

.slidercontent {
  width: 100%;
  margin: 90px auto 20px; }
  @media screen and (max-width: 767px) {
    .slidercontent {
      margin: 50px auto;
      width: 100%; } }

.slidetwo .slidercontent {
  width: 80%; }
  @media screen and (max-width: 1600px) {
    .slidetwo .slidercontent {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .slidetwo .slidercontent {
      margin: 0px auto;
      width: 100%; } }

.slidethree .slidercontent {
  width: 95%; }
  @media screen and (max-width: 767px) {
    .slidethree .slidercontent {
      margin: 0px auto;
      width: 100%; } }

.slidefour .slidercontent {
  width: 60%; }
  @media screen and (max-width: 1600px) {
    .slidefour .slidercontent {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .slidefour .slidercontent {
      margin: 50px auto;
      width: 100%; } }

.covidbuttonwrapper {
  margin: 0 auto;
  display: flex;
  justify-content: center; }
  .covidbuttonwrapper .button2 {
    margin-right: 30px;
    font-size: 1.5em;
    padding: 20px 30px;
    background-color: #006394;
    border-radius: 50px;
    color: white; }
    .covidbuttonwrapper .button2:last-of-type {
      margin-right: 0px; }
    @media screen and (max-width: 767px) {
      .covidbuttonwrapper .button2 {
        font-size: .9em;
        line-height: 1.5em;
        padding: 15px; } }
  @media screen and (max-width: 900px) {
    .covidbuttonwrapper {
      flex-wrap: wrap; }
      .covidbuttonwrapper .button2 {
        margin: 20px auto 0px;
        width: 100%; }
        .covidbuttonwrapper .button2:last-of-type {
          margin-right: 10px; } }

.contactctawrapper {
  padding: 250px 0 175px; }
  .contactctawrapper h3 {
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 40px; }
    @media screen and (max-width: 767px) {
      .contactctawrapper h3 {
        font-size: 25px; } }
  .contactctawrapper h2 {
    font-size: 60px;
    margin-top: 0px;
    color: white;
    margin-bottom: 20px; }
    @media screen and (max-width: 1260px) {
      .contactctawrapper h2 {
        font-size: 3em; } }
    @media screen and (max-width: 767px) {
      .contactctawrapper h2 {
        margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .contactctawrapper {
      padding: 200px 0 100px; } }

.contactbuttonwrapper {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
  align-items: center;
  text-align: center; }
  .contactbuttonwrapper div {
    width: 40%;
    margin-right: 15px;
    margin-left: 15px; }
    .contactbuttonwrapper div h4 {
      color: white;
      text-align: center;
      font-size: 1.25em;
      line-height: 1.25em;
      font-weight: normal;
      margin-top: 0px; }
    @media screen and (max-width: 1350px) {
      .contactbuttonwrapper div {
        width: 33%; } }
    @media screen and (max-width: 1260px) {
      .contactbuttonwrapper div {
        width: 48%;
        margin: 0px 10px; } }
    @media screen and (max-width: 767px) {
      .contactbuttonwrapper div {
        width: 100%;
        margin: 0px 10px 40px; } }
  .contactbuttonwrapper .button2 {
    margin: 0 10px 0 10px;
    display: block; }
  @media screen and (max-width: 767px) {
    .contactbuttonwrapper {
      flex-wrap: wrap;
      justify-content: center; }
      .contactbuttonwrapper .button2 {
        display: block;
        font-size: 1em; } }

.abouthero {
  background-image: linear-gradient(to right, rgba(0, 99, 148, 0.9), rgba(102, 204, 204, 0.9)), url("../img/about.jpg");
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;
  background-attachment: fixed; }

.locationshero {
  background-size: cover;
  background-position: center; }

.bighexcta h1 {
  font-weight: 700; }

.thankyoutext {
  position: absolute;
  top: 300px;
  color: white;
  left: 100px;
  text-align: center; }
  .thankyoutext p {
    font-size: 25px; }
  @media screen and (max-width: 1260px) {
    .thankyoutext {
      position: relative;
      top: auto;
      left: auto;
      padding: 200px 0px; } }
  @media screen and (max-width: 767px) {
    .thankyoutext {
      padding: 0px 20px; } }

@media screen and (max-width: 1260px) {
  .contactsentpage {
    display: none !important; } }

.corevalues {
  margin: 0 auto;
  position: relative;
  width: 70%; }

[class^=col_] {
  box-sizing: border-box;
  float: left;
  position: relative;
  vertical-align: top; }

.col_06 {
  width: 100%; }

.content--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.corevalue-content {
  display: block; }

.hexa {
  display: none; }

.hexpanel {
  padding-bottom: 100%;
  margin: 0 auto;
  width: 100%;
  position: relative; }

map area {
  cursor: default; }

.hexpanel img {
  width: 100%; }

.hexa img:first-child {
  margin-top: 0; }

.hexa img {
  margin: 1.25rem auto 0; }

.hexpanel div.base {
  background-color: transparent;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.hexpanel span {
  background-color: transparent;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: .3s opacity ease; }

.hexpanel div.clear {
  background-color: transparent;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.corevalues:after, .corevalues:before, [class^=col_]:after, [class^=col_]:before {
  content: " ";
  display: table; }

.corevalues:after, [class^=col_]:after {
  clear: both; }

.corevalues-mobile {
  display: none;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 1260px) {
    .corevalues-mobile {
      display: flex; } }

@media screen and (max-width: 1260px) {
  .corevalues-desktop {
    display: none; } }

.corevalues-mobile img {
  margin-bottom: 20px; }

.abouttext p {
  margin-bottom: 30px; }

.servicevideowrapper {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between; }

.servicevideo {
  width: 50%; }

.servicevideo img {
  width: 100%;
  margin-bottom: 40px; }

.servicevideo p {
  font-size: 15px;
    font-size-margin-top: 10px; }

.servicequote {
  width: 40%;
  margin-top: 80px;
  text-align: left;
  padding: 0px 0px 0px 40px;
  color: #006394;
  font-size: 20px;
  background: url("../images/bluequote.png") center left/contain no-repeat; }

.servicequote p:last-of-type {
  font-weight: 700; }

.corevalues-mobile {
  display: none;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 1260px) {
    .corevalues-mobile {
      display: flex; } }

@media screen and (max-width: 1260px) {
  .corevalues-desktop {
    display: none; } }

.corevalues-mobile img {
  margin-bottom: 20px; }

.icontextwrapper {
  display: flex;
  text-align: left;
  align-items: center; }
  .icontextwrapper h2 {
    text-align: left; }
  .icontextwrapper div:nth-child(1) {
    width: 25%; }
    .icontextwrapper div:nth-child(1) img {
      width: 50%;
      display: block;
      margin: 0 auto; }
    @media screen and (max-width: 1260px) {
      .icontextwrapper div:nth-child(1) {
        width: 100%; } }
  .icontextwrapper div:nth-child(2) {
    width: 75%; }
    @media screen and (max-width: 1260px) {
      .icontextwrapper div:nth-child(2) {
        width: 100%; } }
  @media screen and (max-width: 1260px) {
    .icontextwrapper {
      flex-direction: column;
      justify-content: center;
      text-align: center; } }

@media screen and (max-width: 1260px) {
  .icontextwrapper h2 {
    text-align: center !important; } }

.communitywrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 70px; }
  .communitywrapper div:nth-child(2) {
    width: 46%;
    text-align: left; }
    .communitywrapper div:nth-child(2) h2 {
      text-align: left;
      color: #006394; }
    @media screen and (max-width: 1260px) {
      .communitywrapper div:nth-child(2) {
        width: 100%;
        text-align: center !important; } }
  @media screen and (max-width: 1260px) {
    .communitywrapper {
      flex-direction: column; } }

.communityvideo {
  width: 50%; }
  @media screen and (max-width: 1260px) {
    .communityvideo {
      width: 100%; } }

@media screen and (max-width: 1260px) {
  .communitywrapper h2 {
    text-align: center !important; } }

.videocaption {
  font-size: 14px;
  font-style: italic; }

.achievements {
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px auto; }
  .achievements img {
    width: 45%;
    height: 45%;
    margin: 0 auto; }
  @media screen and (max-width: 1260px) {
    .achievements {
      width: 100%;
      flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    .achievements img {
      width: 80%;
      margin: 0 auto 20px; } }

.corevalue-context {
  margin: 0px auto 40px;
  width: 75%;
  font-size: 20px;
  line-height: 30px; }
  @media screen and (max-width: 767px) {
    .corevalue-context {
      width: 100%; } }

.klaswrapper {
  display: flex;
  justify-content: center;
  align-items: center; }
  .klaswrapper div {
    margin: 0 20px; }

@media screen and (max-width: 1260px) {
  .klaswrapper {
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto; }
    .klaswrapper div {
      width: 100%; } }

@media screen and (max-width: 900px) {
  .klaswrapper {
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .klaswrapper {
    flex-wrap: wrap;
    width: 100%; }
    .klaswrapper div {
      width: 100%; } }

.leadershipwrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 70px; }

.leadershiprow {
  width: 30%;
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  margin-top: 20px;
  text-align: center; }
  .leadershiprow:last-of-type {
    margin-bottom: 70px; }
    @media screen and (max-width: 767px) {
      .leadershiprow:last-of-type {
        display: none; } }
  @media screen and (max-width: 767px) {
    .leadershiprow {
      width: 100%; } }

.leadershipphoto {
  width: 80%;
  margin: 0 auto 20px; }
  .leadershipphoto img {
    display: block;
    width: 100%; }
  @media screen and (max-width: 767px) {
    .leadershipphoto {
      width: 50%;
      margin: 0 auto 20px; } }

.leadershipname {
  text-transform: uppercase;
  color: #006394;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 0px; }

.position {
  margin-top: 0px;
  color: #006394;
  font-size: 20px;
  margin-bottom: 0px; }

.education span {
  font-weight: 700;
  color: #006394;
  font-size: 18px; }

.servicectas {
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .servicectas {
      flex-wrap: wrap;
      justify-content: space-around; } }

.whitehex {
  /*height: 300px*/
  vertical-align: middle;
  text-transform: uppercase;
  color: white;
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
  transition: all .5s ease-in-out;
  font-family: 'Titillium Web', sans-serif;
  width: 18%;
  background: url("../img/white-hexagon.svg") center center/contain no-repeat; }
  @media screen and (max-width: 767px) {
    .whitehex {
      width: 45%;
      margin-bottom: 5px; } }

.whitehex img {
  margin: 0 auto 20px;
  width: 50%; }

.whitehex div {
  display: flex;
  flex-direction: column; }

.services-row {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  position: relative; }
  .services-row:after {
    content: "";
    flex-basis: 25%;
    padding: 0px 30px; }
  @media screen and (max-width: 1260px) {
    .services-row {
      align-items: start !important; } }

.service {
  width: 25%;
  padding: 20px 30px 110px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 400px;
  border: 2px solid white;
  margin: 0px 15px 30px; }
  @media screen and (max-width: 1260px) {
    .service {
      position: relative;
      width: 40%;
      margin: 0px 30px 30px 30px; } }
  @media screen and (max-width: 767px) {
    .service {
      width: 100%;
      height: auto;
      overflow: visible;
      border: none;
      padding: 0px; } }

.service-description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  padding: 30px;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease;
  transition: .75s;
  transform: translateY(200px); }
  .service-description p {
    margin-bottom: 30px; }
  @media screen and (max-width: 1260px) {
    .service-description {
      transform: translateY(0);
      visibility: visible;
      opacity: 1;
      position: relative; } }
  @media screen and (max-width: 767px) {
    .service-description {
      position: relative; } }

.service:hover .service-description {
  transform: translateY(0);
  visibility: visible;
  opacity: 1; }

.service-icon {
  width: 40%; }
  @media screen and (max-width: 1260px) {
    .service-icon {
      display: none; } }

.service-icon-dark {
  width: 25%; }
  @media screen and (max-width: 767px) {
    .service-icon-dark {
      width: 40%; } }

.services-heading {
  font-weight: normal;
  font-size: 25px;
  line-height: 40px;
  text-transform: uppercase;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  margin: 0px; }
  @media screen and (max-width: 1260px) {
    .services-heading {
      display: none; } }

.service-description-heading {
  color: #006394;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 700; }

.blue-border .services-heading, .orange-border .services-heading, .grey-border .services-heading {
  color: white; }

.services-cta {
  width: 50%; }

.full {
  padding-bottom: 50px; }
  .full .service-icon, .full .service-icon-dark {
    width: 40%; }
    @media screen and (max-width: 767px) {
      .full .service-icon, .full .service-icon-dark {
        width: 100%; } }
  @media screen and (max-width: 1260px) {
    .full {
      margin: 0px 60px; } }

.bigicon {
  margin-bottom: 20px; }

.clientbenefits {
  width: 60%;
  margin: 0 auto; }
  @media screen and (max-width: 1260px) {
    .clientbenefits {
      width: 100%; } }
  .clientbenefits p {
    color: white; }

.benefit img {
  width: 20%;
  padding-right: 40px; }
  @media screen and (max-width: 767px) {
    .benefit img {
      padding-right: 0px; } }

.benefit p:first-of-type {
  font-size: 20px; }

.benefit p {
  width: 100%;
  color: white; }

.benefit {
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .benefit {
      flex-direction: column;
      text-align: center; }
      .benefit img {
        margin-right: 0px; } }

.darkheading {
  color: #006394;
  margin-bottom: 40px;
  font-size: 35px; }
  @media screen and (max-width: 767px) {
    .darkheading {
      font-size: 25px;
      margin-bottom: 20px; } }

.engagementmodelswarpper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 70px;
  text-align: center; }

.engagmentmodel {
  width: 25%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1260px) {
    .engagmentmodel {
      width: 100%; } }
  .engagmentmodel h3 {
    color: #006394;
    font-weight: 700;
    font-size: 20px; }
  .engagmentmodel .full {
    width: 100%; }

.enagementmodelicon {
  width: 30%;
  margin: 0 auto; }
  .enagementmodelicon img {
    display: block;
    width: 100%; }

.engagmentmodelbutton {
  margin: 0 auto; }

.listwrapper:last-of-type {
  margin-bottom: 70px; }

.listwrapper h4 {
  color: #006394;
  font-weight: normal;
  font-size: 30px;
  margin: 20px 0px; }
  @media screen and (max-width: 767px) {
    .listwrapper h4 {
      font-size: 25px; } }

.listwrapper p {
  width: 80%;
  margin: 20px auto 0; }

.list {
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .list {
      flex-wrap: wrap;
      width: 100%; } }

.list ul {
  width: 50%; }
  @media screen and (max-width: 767px) {
    .list ul {
      width: 100%;
      padding: 0px;
      margin: 0px; } }

.list ul li {
  margin-left: 0;
  list-style-type: none;
  background-image: url("../img/check-circle.svg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 32px;
  padding: 15px 0 15px 50px;
  text-align: left; }

.mainGradient .list {
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .mainGradient .list {
      flex-wrap: wrap;
      width: 100%; } }

.mainGradient .list ul {
  width: 50%; }
  @media screen and (max-width: 767px) {
    .mainGradient .list ul {
      width: 100%;
      padding: 0px;
      margin: 0px; } }

.mainGradient .list ul li {
  margin-left: 0;
  list-style-type: none;
  background-image: url("../img/check-circle.svg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 32px;
  padding: 15px 0 15px 50px;
  text-align: left;
  color: white; }

.mainGradient .listwrapper:last-of-type {
  margin-bottom: 0px; }

.mainGradient .listwrapper h4 {
  color: white;
  text-align: center;
  font-weight: normal;
  font-size: 30px;
  margin: 20px 0px; }
  @media screen and (max-width: 767px) {
    .mainGradient .listwrapper h4 {
      font-size: 25px; } }

.badge-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding: 40px 0 0 0;
  margin: 0 auto;
  border-top: 1px dotted #66cccc; }
  @media screen and (max-width: 1260px) {
    .badge-wrapper {
      width: 80%; } }
  @media screen and (max-width: 767px) {
    .badge-wrapper {
      width: 100%;
      flex-wrap: wrap; } }

.badge-wrapper h4 {
  text-align: left !important;
  width: 60%;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 20px;
  color: #006394; }
  @media screen and (max-width: 767px) {
    .badge-wrapper h4 {
      width: 80%;
      text-align: center !important;
      margin: 0 auto; } }

.hh-silver-badge {
  width: 25%;
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .hh-silver-badge {
      width: 50%;
      margin-bottom: 20px; } }

.hh-silver-badge img {
  display: block;
  width: 100%; }

.badge-standout {
  padding: 20px 0 0; }

.workforce-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  margin-top: 40px; }
  .workforce-row:after {
    content: "";
    flex-basis: 25%;
    padding: 0px 30px; }

.workforce {
  width: 25%;
  padding: 20px 30px 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 400px;
  border: 2px solid white;
  margin-bottom: 30px; }
  .workforce .workforce-logo {
    width: 30%; }
  .workforce p {
    color: white;
    margin-bottom: 40px; }
  @media screen and (max-width: 1260px) {
    .workforce {
      width: 40%; } }
  @media screen and (max-width: 767px) {
    .workforce {
      width: 100%;
      height: auto;
      overflow: visible;
      border: none;
      padding: 0px; } }

.workforce-logo {
  width: 40%;
  display: block;
  margin: 0 auto 50px; }
  @media screen and (max-width: 1260px) {
    .workforce-logo {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    .workforce-logo {
      width: 80%; } }

.home-on-time-logo {
  width: 90%;
  display: block; }
  @media screen and (max-width: 1260px) {
    .home-on-time-logo {
      width: 80%; } }
  @media screen and (max-width: 767px) {
    .home-on-time-logo {
      width: 100%; } }

.workforce-logo-elevate {
  width: 38%;
  margin-bottom: 20px; }
  @media screen and (max-width: 1260px) {
    .workforce-logo-elevate {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    .workforce-logo-elevate {
      width: 80%; } }

.wf-clientbenefits {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .wf-clientbenefits p {
    color: white;
    text-align: center;
    width: 100%; }
  .wf-clientbenefits .wf-client-subheading {
    color: #66cccc;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 700; }

.wf-benefit {
  text-align: center;
  align-items: center;
  padding: 20px;
  width: 43%;
  border: 2px solid white;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .wf-benefit {
      width: 100%;
      margin-bottom: 40px; } }
  .wf-benefit p:first-of-type {
    font-size: 20px; }

.wf-benefit-elevate {
  text-align: center;
  align-items: center;
  padding: 20px;
  width: 26%;
  border: 2px solid white;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 767px) {
    .wf-benefit-elevate {
      width: 100%;
      margin-bottom: 40px; } }
  .wf-benefit-elevate p:first-of-type {
    font-size: 20px; }

.wf-benefit-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .wf-benefit-row {
      flex-wrap: wrap;
      margin-bottom: 0px; } }

.wfhalf {
  width: 40%; }
  @media screen and (max-width: 1260px) {
    .wfhalf {
      height: auto;
      overflow: visible;
      border: none;
      padding: 0px; } }
  @media screen and (max-width: 767px) {
    .wfhalf {
      width: 100%;
      height: auto;
      overflow: visible;
      border: none;
      padding: 0px; }
      .wfhalf:first-of-type {
        margin-bottom: 50px; } }

.formbutton {
  display: flex;
  justify-content: center;
  margin: 30px 0px 20px; }
  .formbutton a:first-of-type {
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      .formbutton a:first-of-type {
        margin-right: 0px;
        margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .formbutton {
      flex-direction: column; } }

.formbuttonsingle {
  margin: 30px 0px 20px; }
  .formbuttonsingle a:first-of-type {
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      .formbuttonsingle a:first-of-type {
        margin-right: 0px;
        margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .formbuttonsingle {
      flex-direction: column; } }

.consultantbenefits {
  width: 60%;
  margin: 0 auto; }
  @media screen and (max-width: 1260px) {
    .consultantbenefits {
      width: 100%; } }
  .consultantbenefits p {
    color: #77787b; }
  .consultantbenefits:last-of-type {
    margin-bottom: 70px; }

.consultantbenefit {
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .consultantbenefit {
      flex-direction: column;
      text-align: center; } }

.consultantbenefitsheading {
  font-weight: 700;
  font-size: 25px;
  margin: 40px auto 20px;
  text-align: center;
  color: #006394 !important; }

.consultantbenefit img {
  width: 15%;
  padding-right: 40px; }
  @media screen and (max-width: 767px) {
    .consultantbenefit img {
      padding-right: 0px; } }

.consultantbenefit p:first-of-type {
  font-size: 20px; }

.consultantbenefit p {
  width: 100%;
  color: #77787b; }

.impactwrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 40px auto 0;
  justify-content: space-between;
  transition: all .5s ease-in-out;
  width: 100%;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .impactwrapper {
      flex-direction: column; }
      .impactwrapper .impactwrapperleft, .impactwrapper .impactwrapperright {
        width: 90%;
        margin: 0 auto; } }

.impacticon {
  width: 15%;
  margin-right: 20px; }

.impacticon img {
  display: block;
  width: 100%; }

.impactcontent {
  width: 75%; }

.impactwrapperleft {
  width: 48%; }

.impactwrapperright {
  width: 48%; }

.impact {
  width: 100%;
  display: flex;
  margin-bottom: 10px; }

.mainGradient .impactwrapper {
  color: white !important; }

.mainGradient .subtext {
  color: #66cccc; }

.howitworkswrapper {
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  margin: 50px auto 70px;
  flex-wrap: wrap; }
  .howitworkswrapper h2 {
    width: 100%;
    color: #006394; }

.howitworks {
  width: 30%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.howitworks .subtext {
  color: #006394;
  font-size: 1em;
  margin: 0px; }

.howitworksicon {
  width: 20%; }

.howitworksicon img {
  display: block;
  width: 100%; }

.howitworkscontent {
  width: 75%; }

@media screen and (max-width: 767px) {
  .howitworkswrapper {
    width: 100%; }
  .howitworks {
    width: 100%;
    margin-bottom: 20px; }
  .howitworks:last-of-type {
    margin-bottom: 0px; }
  .howitworks {
    align-items: center; }
  .howitworkscontent {
    width: 75%;
    color: white; }
  .howitworksicon {
    width: 20%; } }

.solutionwrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 40px auto 70px;
  justify-content: space-between;
  transition: all .5s ease-in-out;
  width: 100%;
  text-align: left; }

.solutionicon {
  width: 20%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .solutionicon {
      width: 30%; } }

.solutionicon img {
  display: block;
  width: 100%; }

.solution {
  width: 40%;
  margin: 0 auto 10px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .solution {
      width: 100%; } }

.ourpracticeswrapper {
  text-align: center; }
  .ourpracticeswrapper h2 {
    color: #006394; }

.ourpracticesiconwrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 20px;
  flex-wrap: wrap; }
  @media screen and (max-width: 900px) {
    .ourpracticesiconwrapper {
      justify-content: center; } }
  .ourpracticesiconwrapper .ourpracticeiconwrapper {
    width: 15%; }
    .ourpracticesiconwrapper .ourpracticeiconwrapper p {
      text-align: center;
      font-weight: bold;
      text-transform: uppercase;
      color: #006394;
      font-size: 1.2em; }
    @media screen and (max-width: 900px) {
      .ourpracticesiconwrapper .ourpracticeiconwrapper {
        width: 33%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .ourpracticesiconwrapper .ourpracticeiconwrapper {
        width: 50%;
        margin-bottom: 20px; }
        .ourpracticesiconwrapper .ourpracticeiconwrapper p {
          font-size: 1em; } }
  .ourpracticesiconwrapper .ourpracticeicon {
    width: 50%;
    margin: 0 auto; }
    .ourpracticesiconwrapper .ourpracticeicon img {
      display: block;
      width: 100%; }
    @media screen and (max-width: 767px) {
      .ourpracticesiconwrapper .ourpracticeicon {
        width: 30%; } }

.homeontime-gradientrow {
  text-align: center; }
  .homeontime-gradientrow p {
    color: white;
    margin-bottom: 40px; }

.homeontimeintrowrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .homeontimeintrowrapper .homeontimecontent {
    width: 60%;
    text-align: left; }
    .homeontimeintrowrapper .homeontimecontent h1 {
      text-align: left; }
  .homeontimeintrowrapper .keyprogramdifferentiators {
    width: 35%; }
    .homeontimeintrowrapper .keyprogramdifferentiators img {
      display: block;
      width: 100%; }
    @media screen and (max-width: 767px) {
      .homeontimeintrowrapper .keyprogramdifferentiators {
        width: 100%;
        margin-top: 40px; } }
  @media screen and (max-width: 767px) {
    .homeontimeintrowrapper {
      flex-wrap: wrap; }
      .homeontimeintrowrapper .homeontimecontent {
        width: 100%;
        text-align: center !important; }
        .homeontimeintrowrapper .homeontimecontent h1 {
          text-align: center; } }

.whywhathowwrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .whywhathowwrapper a {
    color: #66cccc; }
  .whywhathowwrapper .whywhathowcontainer {
    width: 48%;
    display: flex;
    justify-content: space-between;
    text-align: left; }
    .whywhathowwrapper .whywhathowcontainer h2 {
      text-align: left; }
    .whywhathowwrapper .whywhathowcontainer .whywhathowcontent {
      width: 75%; }
    .whywhathowwrapper .whywhathowcontainer .whywhathowimage {
      width: 20%; }
      .whywhathowwrapper .whywhathowcontainer .whywhathowimage img {
        display: block;
        width: 100%; }

.whywhathowwrapper .whycontainer {
  width: 100% !important; }
  .whywhathowwrapper .whycontainer .whywhathowimage {
    width: 15% !important; }
  .whywhathowwrapper .whycontainer .whywhathowcontent {
    width: 83%; }

@media screen and (max-width: 767px) {
  .whywhathowcontainer {
    width: 100% !important; }
  .whywhathowcontent {
    width: 100% !important; }
  .whywhathowimage {
    display: none; } }

.solutionsmain {
  width: 50% !important;
  margin-top: 100px !important; }

/*locations*/
.mapwrapper {
  padding-top: 150px;
  padding-bottom: 50px;
  background: url("../img/Medasource-BG-IMG.jpg") center center/cover; }

.locationswrapper {
  width: 50%;
  margin: 20px auto 70px; }
  @media screen and (max-width: 1260px) {
    .locationswrapper {
      width: 90%; } }

.card-header {
  background-color: #006394;
  color: white;
  padding: 0px;
  border: none; }

.locationswrapper button {
  color: white;
  display: block;
  width: 100%;
  padding: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 1em;
  border: none;
  border-radius: 0px; }
  .locationswrapper button:hover {
    text-decoration: none;
    color: #66cccc; }

.locationswrapper .btn-link:focus {
  text-decoration: none; }

.card {
  background-color: transparent;
  border: none;
  margin-bottom: 10px; }

.card-body {
  padding-top: 70px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px; }

.locations {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.location {
  text-align: center; }
  .location h5 {
    color: #006394;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px; }
  .location p {
    font-size: 0.9em; }
  .location h5 a {
    font-style: none;
    color: #006394;
    transition: all 0.125s ease-in-out; }
    .location h5 a:hover {
      text-decoration: none; }

.locationswrapper button i {
  font-size: .5em;
  vertical-align: middle; }

.btn .fa-plus {
  display: none; }

.collapsed .fa-plus {
  display: inline; }

.collapsed .fa-minus {
  display: none; }

.location {
  margin-bottom: 40px; }
  .location span {
    color: #006394;
    font-weight: 700; }
  .location p a {
    font-style: italic;
    transition: all .125s ease-in-out;
    color: #006394; }
    .location p a:hover {
      text-decoration: none; }

.growing {
  line-height: 22px;
  background-color: #66cccc;
  color: #006394 !important; }
  .growing span {
    font-size: 16px;
    font-weight: normal;
    color: #006394; }
  .growing:hover {
    color: white !important; }

.futurelocations {
  display: flex;
  justify-content: space-between; }
  .futurelocations ul {
    list-style: none;
    padding: 0px; }
    .futurelocations ul li {
      padding-bottom: 10px;
      font-weight: 700; }
  @media screen and (max-width: 767px) {
    .futurelocations {
      flex-wrap: wrap; } }

.futurelocationlist {
  width: 30%; }
  @media screen and (max-width: 767px) {
    .futurelocationlist {
      width: 100%;
      text-align: center; } }

.locationshex {
  vertical-align: middle;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2em;
  display: inline-block;
  padding-top: 100px;
  padding-bottom: 100px;
  letter-spacing: 2px;
  transition: all .5s ease-in-out;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  color: #006394;
  background: url("../img/morelocations.svg") center center/contain no-repeat; }
  .locationshex:hover {
    transform: scale(1.1);
    text-decoration: none;
    background: url("../img/morelocations.svg") center center/contain no-repeat; }

.singlelocationwrapper {
  margin: 40px auto 0px;
  width: 100%;
  display: flex;
  justify-content: center; }
  .singlelocationwrapper h5 {
    color: #66cccc; }
  .singlelocationwrapper span {
    color: #66cccc; }
  .singlelocationwrapper .location a {
    color: #66cccc;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.125s ease-in-out; }
    .singlelocationwrapper .location a:hover {
      text-decoration: underline; }
  .singlelocationwrapper .location p {
    color: white;
    font-size: 1em;
    line-height: 1em; }
  @media screen and (max-width: 767px) {
    .singlelocationwrapper {
      flex-direction: column; } }
  .singlelocationwrapper .location:nth-child(1) {
    margin-top: 20px;
    margin-right: 150px; }
    @media screen and (max-width: 767px) {
      .singlelocationwrapper .location:nth-child(1) {
        margin-right: 0px; } }

/*MAP*/
.location-banner {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden; }
  .location-banner img {
    margin: 0;
    height: auto;
    width: auto;
    max-width: 100%; }
  .location-banner .bg {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%; }
  .location-banner .map {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 90%;
    max-width: 1152px;
    height: auto;
    max-height: 407px;
    z-index: 20; }
    .location-banner .map > img {
      -webkit-animation-duration: 600ms;
      animation-duration: 600ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: fadeInUpBig;
      animation-name: fadeInUpBig; }
  .location-banner .pins a {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 4.9%;
    height: 15.5%;
    background-image: url("../img/current-location.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }
  .location-banner .pins .tooltip {
    margin-left: 1.2%;
    z-index: 1000; }
  .location-banner .pins a.future {
    background-image: url("../img/future-location.png"); }

.providermap {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden; }
  .providermap img {
    margin: 0;
    height: auto;
    width: auto;
    max-width: 100%; }
  .providermap .bg {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%; }
  .providermap .map {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 90%;
    height: auto;
    max-height: 407px;
    z-index: 20; }
    .providermap .map > img {
      -webkit-animation-duration: 600ms;
      animation-duration: 600ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: fadeInUpBig;
      animation-name: fadeInUpBig; }
  .providermap .pins a {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 4.9%;
    height: 15.5%;
    background-image: url("../img/current-location.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }
  .providermap .pins .tooltip {
    margin-left: 1.2%; }
  .providermap .pins a.future {
    background-image: url("../img/future-location.png"); }

/*Thanks http://daneden.github.io/animate.css/*/
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

/*Fade in*/
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.accordion {
  background-color: #006394;
  color: white;
  padding: 20px;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-family: 'Titillium Web', sans-serif;
  text-transform: uppercase;
  font-weight: bold; }
  .accordion:after {
    content: ' +';
    font-size: 18px;
    margin-left: 5px;
    color: white !important; }
  .accordion:hover {
    background-color: #66cccc; }

.panel {
  padding: 50px 0px 0px 0px;
  background-color: white;
  display: none;
  overflow: hidden;
  margin-bottom: 20px; }
  .panel .locationwrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto; }
    .panel .locationwrapper .location {
      width: 33.3%;
      margin-bottom: 50px; }
      .panel .locationwrapper .location p {
        margin-bottom: 0px; }
      .panel .locationwrapper .location .locationheading {
        font-size: 1.5rem;
        margin-bottom: 15px;
        line-height: 2rem;
        display: block;
        color: #006394;
        text-decoration: none;
        font-family: 'Titillium Web', sans-serif;
        font-weight: bold;
        text-transform: uppercase; }
        .panel .locationwrapper .location .locationheading:hover {
          color: #66cccc; }
      .panel .locationwrapper .location .viewdirections {
        color: #006394;
        text-decoration: none;
        font-weight: bold;
        margin-top: 15px;
        display: block; }
        .panel .locationwrapper .location .viewdirections:hover {
          color: #66cccc; }
      .panel .locationwrapper .location .citystatezip {
        margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .panel .locationwrapper .location {
          width: 100%;
          text-align: center; } }
  @media screen and (max-width: 767px) {
    .panel {
      padding: 40px; } }

.active {
  overflow: show;
  display: block;
  background-color: #66cccc; }
  .active:after {
    content: " -"; }

.futurelocations {
  display: flex;
  justify-content: space-between; }
  .futurelocations ul {
    width: 33%;
    list-style: none; }
    .futurelocations ul li {
      margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .futurelocations {
      flex-wrap: wrap; }
      .futurelocations ul {
        width: 100%;
        text-align: center; } }

.practiceswrapper {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1260px) {
    .practiceswrapper {
      flex-wrap: wrap; } }
  .practiceswrapper .practicesimage {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50%; }
    @media screen and (max-width: 1260px) {
      .practiceswrapper .practicesimage {
        width: 100%;
        height: 200px;
        order: 1; } }
  .practiceswrapper .practicescontent {
    width: 40%;
    padding: 50px 70px; }
    .practiceswrapper .practicescontent h2 {
      text-align: left;
      color: #006394; }
    @media screen and (max-width: 1260px) {
      .practiceswrapper .practicescontent {
        width: 100%;
        padding: 50px 30px;
        order: 2; } }

.verticalswrapper {
  display: flex;
  width: 80%;
  justify-content: space-between;
  margin: 40px auto 0;
  flex-wrap: wrap; }
  @media screen and (max-width: 1199px) {
    .verticalswrapper {
      flex-wrap: wrap;
      width: 90%; } }
  @media screen and (max-width: 500px) {
    .verticalswrapper {
      margin-top: 20px; } }

.govverticalwrapper {
  width: 70%;
  justify-content: flex-start; }

.verticalplaceholder {
  width: 32%;
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (max-width: 767px) {
    .verticalplaceholder {
      display: none; } }

@media screen and (max-width: 767px) {
  .providerservicesverticals {
    flex-wrap: wrap; } }

.providerservicesverticals a {
  width: 30%; }
  @media screen and (max-width: 767px) {
    .providerservicesverticals a {
      width: 100%;
      margin: 0 auto;
      padding-bottom: 20px; } }
  .providerservicesverticals a .hi-icon {
    width: 70px;
    height: 70px; }

.governmentverticals {
  display: flex;
  width: 40%;
  justify-content: space-between;
  margin-top: 40px; }
  @media screen and (max-width: 900px) {
    .governmentverticals {
      flex-wrap: wrap;
      width: 100%; } }
  .governmentverticals a {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px; }
    @media screen and (max-width: 900px) {
      .governmentverticals a {
        width: 50%; } }
    @media screen and (max-width: 900px) {
      .governmentverticals a {
        width: 100%; } }

.hi-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.hi-icon {
  background: white;
  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
  padding: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto; }

.hi-icon:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px white;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

.verticalswrapper a:hover .hi-icon {
  background: white;
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
  color: #fff; }

.verticalswrapper a:hover .hi-icon:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  -moz-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms; }

.governmentverticals a:hover .hi-icon {
  background: white;
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
  color: #fff; }

.governmentverticals a:hover .hi-icon:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  -moz-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms; }

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px #66cccc, 0 0 10px 10px #66cccc, 0 0 0 10px #66cccc; }
  100% {
    box-shadow: 0 0 0 2px #66cccc, 0 0 10px 10px #66cccc, 0 0 0 10px #66cccc;
    -webkit-transform: scale(1.5);
    opacity: 0; } }

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px #66cccc, 0 0 10px 10px #66cccc, 0 0 0 10px #66cccc; }
  100% {
    box-shadow: 0 0 0 2px #66cccc, 0 0 10px 10px #66cccc, 0 0 0 10px #66cccc;
    -moz-transform: scale(1.5);
    opacity: 0; } }

@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px #66cccc, 0 0 10px 10px #66cccc, 0 0 0 10px #66cccc; }
  100% {
    box-shadow: 0 0 0 2px #66cccc, 0 0 10px 10px #66cccc, 0 0 0 10px #66cccc;
    transform: scale(1.5);
    opacity: 0; } }

.verticalwrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 50px 0; }

.lastvertical {
  margin-bottom: 100px; }

.verticalcontainer {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  align-items: center;
  flex-wrap: wrap; }
  .verticalcontainer .verticalcontent {
    width: 50%; }
    .verticalcontainer .verticalcontent h2 {
      text-align: left;
      text-transform: none;
      color: #006394; }
    .verticalcontainer .verticalcontent p {
      color: #77787b; }
    @media screen and (max-width: 767px) {
      .verticalcontainer .verticalcontent {
        width: 100%;
        order: 2;
        text-align: center; }
        .verticalcontainer .verticalcontent h2 {
          text-align: center; } }
  .verticalcontainer .verticalimage {
    width: 40%;
    position: relative; }
    .verticalcontainer .verticalimage img {
      display: block;
      width: 100%; }
    @media screen and (max-width: 767px) {
      .verticalcontainer .verticalimage {
        width: 100%;
        order: 1; } }

.practiceareaswrappernew {
  width: 100%;
  padding: 70px 0px;
  background-color: white; }

.practiceareaimagenew {
  width: 40%;
  padding-right: 70px; }

@media screen and (max-width: 767px) {
  .practiceareaimagenew {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px; } }

.practiceareaimagenew img {
  display: block;
  width: 100%; }

.practiceareacontentnew {
  width: 50%; }

@media screen and (max-width: 767px) {
  .practiceareacontentnew {
    width: 100%;
    padding: 0px 30px; } }

.practicearealistnewwrapper {
  display: flex;
  margin-top: 30px; }

.practicearealistnew {
  width: 50%;
  font-weight: bold;
  padding-right: 20px; }

@media screen and (max-width: 767px) {
  .practicearealistnewwrapper {
    flex-wrap: wrap; }
  .practicearealistnew {
    width: 100%; } }

.practiceareatechalliescontent {
  width: 90%;
  margin: 0 auto 20px; }

.practiceareatechalliescontent .vmnamenew {
  margin-bottom: 20px; }

.practiceareanew {
  display: flex;
  align-items: center;
  margin-bottom: 70px; }

@media screen and (max-width: 767px) {
  .practiceareanew {
    flex-wrap: wrap; } }

.practiceareatechallieswrapper {
  width: 90%;
  margin: 0 auto 80px;
  color: white; }

.practiceareatechallies {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.practiceareatechallies div {
  width: 16%;
  margin: 0 20px; }

@media screen and (max-width: 767px) {
  .practiceareatechallieswrapper {
    width: 100%; }
  .practiceareatechallies {
    flex-wrap: wrap; }
  .practiceareatechallies div {
    width: 50%;
    margin: 0px; } }

.practiceareatechallies div img {
  display: block;
  width: 100%; }

.govverticalwrapper .focusbutton {
  margin-right: 20px; }

.focusbutton {
  display: flex;
  width: 32%;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  padding: 15px 20px;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 30px;
  align-items: center;
  justify-content: space-between; }
  .focusbutton p {
    margin: 0px;
    transition: all 0.2s ease-in-out; }
  .focusbutton i {
    transition: all 0.2s ease-in-out; }
  .focusbutton:hover i {
    transform: translateX(50%); }
  .focusbutton:hover p {
    transform: translateX(-3%); }
  @media screen and (max-width: 800px) {
    .focusbutton {
      width: 48%; } }
  @media screen and (max-width: 500px) {
    .focusbutton {
      width: 100%; } }

.practiceareamain {
  width: 70%;
  color: white;
  margin: 0 auto 70px; }
  @media screen and (max-width: 500px) {
    .practiceareamain {
      margin-bottom: 40px;
      width: 80%; } }
  .practiceareamain h1 {
    color: white;
    font-size: 4em;
    margin-bottom: 50px;
    font-weight: 700;
    line-height: 1em; }
    @media screen and (max-width: 1199px) {
      .practiceareamain h1 {
        font-size: 2.5em;
        line-height: 1em; } }
  .practiceareamain div p {
    font-size: 1.1em;
    line-height: 1.6em; }

.clinicalservicesmain {
  margin-bottom: 40px; }

.clinicalservicesopeningsheader {
  margin: 0 auto 40px auto;
  width: 70%; }
  @media screen and (max-width: 500px) {
    .clinicalservicesopeningsheader {
      width: 80%; } }
  .clinicalservicesopeningsheader h2 {
    color: white; }

.newtechalliancemainrow {
  padding: 150px 30px 200px 30px; }

.newtechalliancerow {
  margin-top: 200px;
  padding: 0px 30px 100px; }

.verticaldirectorincluded {
  padding-bottom: 0px; }

@media screen and (max-width: 767px) {
  .newtechalliancerow {
    padding-top: 100px;
    margin-top: 0px; } }

.newtechalliancecontainer {
  max-width: 1300px;
  margin: 0 auto; }

.newtechalliancerow .newtechalliancecontainer {
  max-width: 1300px;
  margin: 0 auto; }

.newtechalliancecontainer hr {
  border-color: #BDBDBD;
  margin-bottom: 50px;
  margin-top: 50px; }

.newtechalliancefocusarea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }

.newtechalliancefocusareacontent {
  width: 65%; }
  .newtechalliancefocusareacontent h2 {
    color: #006394;
    text-transform: uppercase; }

@media screen and (max-width: 767px) {
  .newtechalliancefocusareacontent {
    width: 100%;
    order: 2; } }

.newtechalliancefocusarealist {
  margin-top: 30px; }

.newtechalliancefocusarealist ul li {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 0px;
  line-height: 1.5em;
  font-size: 1em; }

.newtechalliancefocusarealist ul {
  margin-left: 70px; }
  .newtechalliancefocusarealist ul i {
    color: #006394; }

.newtechalliancephoto {
  width: 30%;
  -webkit-box-shadow: 0px 10px 20px -1px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 10px 20px -1px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 10px 20px -1px rgba(0, 0, 0, 0.28);
  border-radius: 10%; }
  .newtechalliancephoto img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10%; }

@media screen and (max-width: 767px) {
  .newtechalliancephoto {
    width: 50%;
    order: 1;
    margin-bottom: 40px; } }

.practicevideospacing {
  margin-bottom: -7%; }
  @media screen and (max-width: 1500px) {
    .practicevideospacing {
      margin-bottom: -10%; } }
  @media screen and (max-width: 1200px) {
    .practicevideospacing {
      margin-bottom: -15%; } }

.practicevideospacing-tech {
  margin-bottom: -12%;
  margin-top: -7%; }
  @media screen and (max-width: 1500px) {
    .practicevideospacing-tech {
      margin-bottom: -15%; } }
  @media screen and (max-width: 1200px) {
    .practicevideospacing-tech {
      margin-bottom: -20%; } }

.techpracticeareahead h2 {
  font-weight: 100; }

.blue {
  background-color: #006394; }

.novideo .clinicalvideophoto {
  display: flex;
  width: 100% !important;
  color: white;
  align-items: center;
  text-align: left !important;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .novideo .clinicalvideophoto {
      flex-wrap: wrap;
      margin-bottom: 0px !important; } }
  .novideo .clinicalvideophoto img {
    width: 20% !important; }
    @media screen and (max-width: 767px) {
      .novideo .clinicalvideophoto img {
        width: 80% !important; } }
  .novideo .clinicalvideophoto .novideocontent {
    width: 50%;
    margin-left: 50px; }
    @media screen and (max-width: 767px) {
      .novideo .clinicalvideophoto .novideocontent {
        width: 80%;
        text-align: center;
        margin-top: 20px;
        margin-left: 0px; } }
    .novideo .clinicalvideophoto .novideocontent p {
      font-size: 25px; }
      .novideo .clinicalvideophoto .novideocontent p a {
        color: white;
        font-size: 40px; }

.modernhealthcarewrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .modernhealthcarewrapper img {
    margin: 20px auto 0px;
    width: 100%;
    display: block; }
  @media screen and (max-width: 767px) {
    .modernhealthcarewrapper {
      margin-top: 0px; } }
  .modernhealthcarewrapper a {
    width: 30%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .modernhealthcarewrapper a {
        width: 100%; } }

.eightelevencareerswrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 40px; }
  .eightelevencareerswrapper img {
    width: 40%;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .eightelevencareerswrapper img {
        width: 70%;
        margin: 0 auto; } }
  .eightelevencareerswrapper p {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .eightelevencareerswrapper p {
        width: 100%;
        text-align: center; } }

.careersbuttonwrapper {
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin: 20px auto 100px; }
  @media screen and (max-width: 1260px) {
    .careersbuttonwrapper {
      width: 90%;
      margin-bottom: 70px; } }
  @media screen and (max-width: 767px) {
    .careersbuttonwrapper {
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 50px; } }

@media screen and (max-width: 767px) {
  .applynow, .hiringteam, .campusevents {
    margin-bottom: 20px; }
    .applynow:last-of-type, .hiringteam:last-of-type, .campusevents:last-of-type {
      margin-bottom: 0px; } }

.applynow, .hiringteam, .campusevents {
  vertical-align: middle;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2em;
  display: inline-block;
  padding-top: 100px;
  padding-bottom: 100px;
  letter-spacing: 2px;
  transition: all .5s ease-in-out;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  color: #006394; }
  .applynow:hover, .hiringteam:hover, .campusevents:hover {
    transform: scale(1.1);
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .applynow, .hiringteam, .campusevents {
      padding-top: 120px !important;
      padding-bottom: 120px; } }

.applynow {
  background: url("../img/darkblue-hex.svg") center center/contain no-repeat;
  color: white;
  padding-top: 110px; }
  .applynow:hover {
    background: url("../img/darkblue-hex-hover.svg") center center/contain no-repeat;
    color: white; }

.hiringteam {
  background: url("../img/lightblue-hex.svg") center center/contain no-repeat; }
  .hiringteam:hover {
    background: url("../img/morelocations.svg") center center/contain no-repeat; }

.campusevents {
  background: url("../img/lighterblue-hex.svg") center center/contain no-repeat;
  color: white; }
  .campusevents:hover {
    background: url("../img/lighterblue-hex-hover.svg") center center/contain no-repeat;
    color: white; }

.benefit-icons {
  display: flex;
  width: 90%;
  justify-content: space-between;
  margin: 20px auto 0px; }
  .benefit-icons img {
    width: 50%;
    margin: 0 auto;
    display: block; }
  .benefit-icons p {
    font-weight: 700; }
  @media screen and (max-width: 767px) {
    .benefit-icons {
      flex-wrap: wrap; }
      .benefit-icons .benefit-icon {
        width: 100%; }
      .benefit-icons img {
        width: 50%; } }

.bestplaces {
  border-top: 1px dotted #66cccc;
  margin-top: 20px; }

.testimonialwrapper {
  background-size: 70%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center; }
  @media screen and (max-width: 1260px) {
    .testimonialwrapper {
      background-size: cover; } }

.testimonialcontainer {
  background-color: #66cccc;
  padding: 250px 0px;
  width: 40%;
  position: relative;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 82%, 0 18%); }
  @media screen and (max-width: 1260px) {
    .testimonialcontainer {
      width: 70%; } }
  @media screen and (max-width: 767px) {
    .testimonialcontainer {
      display: none; } }

.testimonial {
  background-color: #006394;
  padding: 30px 100px 30px 30px;
  position: absolute;
  width: 35%;
  z-index: 2; }
  @media screen and (max-width: 1260px) {
    .testimonial {
      width: 70%; } }
  @media screen and (max-width: 767px) {
    .testimonial {
      position: relative;
      padding: 30px;
      width: 100%;
      border-top: 2px solid #66cccc;
      border-bottom: 2px solid #66cccc; } }

.testimonialtitle {
  color: #66cccc;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: baseline; }

.testimonialcontent {
  color: white;
  margin-bottom: 32px; }

.testimonialsigned {
  color: #66cccc;
  text-align: right; }

.homectawrapper {
  display: flex;
  color: #006394;
  background: url("../img/bluehexagonbackground.jpg") center center/cover; }
  .homectawrapper p {
    margin-bottom: 30px;
    margin-top: 0px; }
  .homectawrapper h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 0px; }
  .homectawrapper .ctaicons {
    width: 15%;
    margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .homectawrapper {
      flex-wrap: wrap;
      text-align: center;
      background-position: -200px;
      background-repeat: no-repeat; }
      .homectawrapper .ctaicons {
        display: block;
        margin: 0 auto 20px;
        width: 30%; }
      .homectawrapper h4 {
        margin: 0 auto 20px;
        display: block; }
      .homectawrapper .button2 {
        margin: 0 auto;
        display: inline-block; } }

.buildyourteam {
  padding: 50px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px dotted #66cccc; }
  @media screen and (max-width: 767px) {
    .buildyourteam {
      width: 100%;
      padding: 30px;
      border-right: none;
      border-bottom: 1px dotted #66cccc; } }

.exploreopportunities {
  padding: 50px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .exploreopportunities {
      width: 100%;
      padding: 30px; } }

.formctawrapper {
  padding: 70px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: url("../img/cta/cta-1.jpg") center center/cover; }
  .formctawrapper h2 {
    color: white;
    margin-bottom: 40px;
    max-width: 1170px; }

.findwork {
  background-image: url("../img/cta/cta-2.jpg"); }

.findsolutions {
  background-image: url("../img/cta/cta-1.jpg"); }

.button1 {
  background-image: linear-gradient(to right, #006394, #008cd1, #006394, #008cd1);
  background-size: 300% 100%;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 50px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all .4s ease-in-out;
  font-weight: normal; }
  .button1:hover {
    background-position: 100% 0;
    transition: all .4s ease-in-out;
    color: white; }

.button2 {
  color: white;
  padding: 15px 25px;
  text-decoration: none;
  text-transform: uppercase;
  border: 3px solid #66cccc;
  transition: all .4s ease-in-out;
  font-weight: 700;
  font-size: 18px;
  text-align: center; }
  .button2:hover {
    border-color: #006394;
    color: #006394;
    background-color: white; }
  @media screen and (max-width: 767px) {
    .button2 {
      font-size: 18px; } }

.button3 {
  border: 2px solid #66cccc;
  border-radius: 50px;
  padding: 5px 20px;
  color: #66cccc;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: all .4s ease-in-out;
  font-weight: normal; }
  .button3:hover {
    background-color: #66cccc;
    color: #006394; }

.button4 {
  background-image: linear-gradient(to right, #006394, #008cd1, #006394, #008cd1);
  background-size: 300% 100%;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 50px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all .4s ease-in-out;
  font-weight: 700;
  font-size: 18px; }
  .button4:hover {
    background-position: 100% 0;
    transition: all .4s ease-in-out;
    color: white; }

.button5 {
  background: #66cccc;
  color: white;
  padding: 5px 25px;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #66cccc;
  transition: all .4s ease-in-out;
  font-weight: 700;
  font-size: 16px;
  text-align: center; }
  .button5:hover {
    border-color: #66cccc;
    color: #66cccc;
    background-color: transparent; }
  @media screen and (max-width: 767px) {
    .button5 {
      font-size: 18px; } }

.timeportalbuttonfooter {
  color: #006394 !important;
  background-color: #66cccc;
  border-radius: 50px;
  padding: 5px 20px;
  border: 2px solid #66cccc;
  transition: all .4s ease-in-out;
  font-size: 14px !important;
  font-weight: normal; }
  .timeportalbuttonfooter:hover {
    border-color: white;
    color: white !important;
    background-color: transparent; }

.buttonwrappertimeportal {
  display: flex;
  justify-content: center; }
  .buttonwrappertimeportal a:first-of-type {
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      .buttonwrappertimeportal a:first-of-type {
        margin-right: 0px;
        margin-bottom: 20px; } }
  @media screen and (max-width: 1260px) {
    .buttonwrappertimeportal {
      flex-direction: column; } }

.button7 {
  background: transparent;
  border: none;
  display: inline-block;
  font-weight: bold;
  outline: none;
  position: relative;
  transition: 0.3s;
  font-size: 1em;
  padding: 0px 0px 10px;
  color: #006394 !important;
  text-decoration: none;
  font-weight: bold; }
  .button7:before {
    content: '';
    border-bottom: 5px solid #E12726;
    padding: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    transition: 0.3s; }
  .button7:hover {
    color: #E12726 !important; }
    .button7:hover:before {
      width: 0;
      padding: 20px; }

form {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0 auto; }
  form fieldset {
    border: 0px;
    display: flex; }
    form fieldset legend {
      width: 100%;
      text-align: left;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #006394; }
    form fieldset p {
      margin-right: 50px;
      margin-top: 0px;
      margin-bottom: 0px; }
      @media screen and (max-width: 767px) {
        form fieldset p {
          margin-right: 70px; } }
      form fieldset p label {
        text-align: left;
        font-weight: bold;
        margin-bottom: 10px;
        text-transform: uppercase;
        display: flex;
        align-items: content; }
        form fieldset p label input {
          margin-right: 10px;
          margin-bottom: 0px; }
          @media screen and (max-width: 767px) {
            form fieldset p label input {
              margin-right: 0px; } }

form[name="ViVE-2024-RSVP"] fieldset {
  border: 0px;
  display: flex;
  padding: 0px;
  margin-bottom: 10px; }

input, select, textarea {
  padding: 10px;
  border: 2px solid #66cccc;
  letter-spacing: 1px;
  margin-bottom: 20px;
  background-color: white;
  font-size: 14px;
  border-radius: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #77787b; }

textarea {
  height: 200px;
  font-family: 'Open Sans', sans-serif; }

input:focus, textarea:focus, select:focus {
  border: 2px solid #006394;
  outline: none;
  color: #006394 !important; }

.styled-select select {
  background: white url("../img/arrows.png") right center/contain no-repeat !important;
  padding: 15px 10px;
  border-radius: 10px;
  width: 100%;
  height: auto;
  font-size: 14px;
  color: #77787b !important;
  -webkit-appearance: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  border: 2px solid #66cccc; }

.styled-select select:focus {
  border: 2px solid white;
  background: white url("../img/arrows.png") center right/contain no-repeat !important;
  outline: none;
  box-shadow: none;
  color: #77787b; }

input[type='submit']:focus {
  color: white !important; }

@media screen and (max-width: 1260px) {
  input[type='submit'] {
    order: 1;
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }

.contactandsubmit {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 1260px) {
    .contactandsubmit {
      flex-direction: column;
      justify-content: center;
      text-align: center; } }

.contactinfo {
  text-align: left;
  font-weight: 700; }
  @media screen and (max-width: 1260px) {
    .contactinfo {
      text-align: center;
      order: 2; } }

.contactinfo span {
  font-weight: normal;
  font-size: .75em; }

option[value=""][disabled] {
  display: none; }

.twocolumninput, .threecolumninput, .onecolumninput {
  display: flex;
  width: 100%;
  justify-content: space-between; }
  @media screen and (max-width: 1260px) {
    .twocolumninput, .threecolumninput, .onecolumninput {
      flex-wrap: wrap; } }

.onecolumninput {
  flex-wrap: wrap; }
  .onecolumninput label {
    font-weight: bold; }
  .onecolumninput .inputwrapperfull {
    width: 100%;
    display: flex;
    flex-direction: column; }

.onecolumninput input {
  width: 100%;
  background-color: white; }

.onecolumninput textarea {
  width: 100%;
  background-color: white; }

.onecolumninput fieldset {
  width: 100%;
  display: flex;
  border: 0px; }
  .onecolumninput fieldset legend {
    font-weight: bold;
    font-size: 20px; }
  .onecolumninput fieldset .radiobuttonwrapper {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    justify-content: center; }
    .onecolumninput fieldset .radiobuttonwrapper div {
      display: flex;
      align-items: center;
      margin: 0 20px; }
      .onecolumninput fieldset .radiobuttonwrapper div input[type='radio'] {
        margin-bottom: 0px; }
      .onecolumninput fieldset .radiobuttonwrapper div label {
        display: flex;
        align-items: center; }
        .onecolumninput fieldset .radiobuttonwrapper div label p {
          font-weight: bold; }

.radio {
  border: 4px solid #ccc;
  border-top-color: #bbb;
  border-left-color: #bbb;
  background: #fff;
  width: 30px !important;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px; }

.radio:checked {
  border: 20px solid #4099ff; }

.nursingprescreening {
  justify-content: space-between; }
  .nursingprescreening div {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .nursingprescreening div input {
      width: 80%; }

.onecolumninputwrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .onecolumninputwrapper .inputwrapper {
    width: 48%;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1260px) {
      .onecolumninputwrapper .inputwrapper {
        width: 100%; } }
    .onecolumninputwrapper .inputwrapper label {
      text-align: left;
      font-weight: bold; }

.twocolumninput input {
  width: 48%;
  background-color: white; }
  @media screen and (max-width: 1260px) {
    .twocolumninput input {
      width: 100%; } }

.twocolumninput select {
  width: 43%;
  background-color: white; }
  @media screen and (max-width: 1260px) {
    .twocolumninput select {
      width: 100%; } }

.threecolumninput input {
  width: 32%;
  background-color: white; }
  @media screen and (max-width: 1260px) {
    .threecolumninput input {
      width: 100%; } }

.threecolumninput .styled-select {
  width: 32%; }
  @media screen and (max-width: 1260px) {
    .threecolumninput .styled-select {
      width: 100%; } }

.contactform {
  padding-bottom: 0px !important; }

.subscribe {
  font-size: 14px;
  display: flex;
  text-align: left;
  margin-bottom: 20px; }

.checkwrapper:hover input ~ .checkmark {
  border-color: #006394; }

/* When the checkbox is checked, add a blue background */
.checkwrapper input:checked ~ .checkmark {
  border-color: #006394; }

/* Customize the label (the container) */
.checkwrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 5px;
  margin-right: 10px; }

/* Hide the browser's default checkbox */
.checkwrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: white;
  border: 2px solid #77787b; }

/* On mouse-over, add a grey background color */
.checkwrapper:hover input ~ .checkmark {
  border-color: #006394; }

/* When the checkbox is checked, add a blue background */
.checkwrapper input:checked ~ .checkmark {
  border-color: #006394; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkwrapper input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkwrapper .checkmark:after {
  left: 10px;
  top: 2px;
  width: 8px;
  height: 20px;
  border: solid #006394;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.appearingformtalent, .appearingformwork {
  display: none;
  width: 100%; }

.providerservicesform {
  width: 80%; }

input[type="submit"] {
  background-color: #006394;
  color: white;
  border-radius: 50px;
  text-transform: uppercase;
  text-size: 16px;
  font-weight: 700;
  border: 2px solid #006394;
  transition: all .5s ease-in-out;
  cursor: pointer; }
  input[type="submit"]:hover {
    background-color: white;
    color: #006394; }

.submitwrapper {
  margin-top: 20px; }
  .submitwrapper .button2 {
    background-color: white !important;
    color: #006394 !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    text-size: 16px !important;
    font-weight: 700 !important;
    border: 2px solid white !important;
    transition: all 0.5s ease-in-out !important;
    cursor: pointer !important; }
    .submitwrapper .button2:hover {
      background-color: transparent !important;
      color: white !important; }

.projectpatriotformdark .submitwrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px; }
  .projectpatriotformdark .submitwrapper input[type="submit"] {
    margin: 0 auto;
    text-align: center; }

.projectpatriotformdark .subscribe {
  color: white; }

.contactheading {
  font-size: 25px !important;
  width: 70%;
  margin: 0 auto 20px; }

.uploadfield {
  padding: 20px;
  border: 2px solid #77787b;
  letter-spacing: 1px;
  margin-bottom: 20px;
  background-color: white;
  font-size: 14px;
  display: flex;
  align-items: center; }
  .uploadfield p {
    margin-right: 20px; }
  .uploadfield button {
    margin-right: 10px;
    padding: 10px 20px;
    background-color: #006394;
    border: 2px solid #006394;
    color: white;
    font-size: 16px;
    text-transform: uppercase; }
    .uploadfield button:hover {
      background-color: white;
      color: #66cccc;
      border-color: #66cccc; }

.file-upload {
  padding: 20px;
  border: 2px solid #77787b;
  letter-spacing: 1px;
  margin-bottom: 20px;
  background-color: white;
  font-size: 14px;
  display: flex;
  align-items: center; }

.file-upload__input {
  display: none; }

.file-upload__button {
  margin-right: 10px;
  padding: 10px 20px;
  background-color: #006394;
  border: 2px solid #006394;
  color: white;
  font-size: 16px;
  text-transform: uppercase; }
  .file-upload__button:hover {
    background-color: white;
    color: #66cccc;
    border-color: #66cccc; }

.file-upload__label {
  font-size: 0.95em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

input[type=file]::file-selector-button {
  padding: 10px 20px;
  background-color: #006394;
  border: 2px solid #006394;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer; }

input[type=file]::file-selector-button:hover {
  background-color: white;
  color: #66cccc;
  border-color: #66cccc; }

.fileuploadwrapper {
  border-radius: 10px;
  width: 100%;
  background-color: #ffffff;
  padding: 20px 30px 20px 30px;
  border: 2px solid #66cccc; }
  .fileuploadwrapper p {
    font-size: 22px;
    font-weight: 600;
    color: #77787b; }

.fileuploadtext {
  color: white;
  font-size: 20px;
  font-weight: 600; }

.btn {
  text-decoration: none;
  background-color: #66cccc;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  outline: none;
  transition: 0.3s; }

.btn:hover {
  text-decoration: none;
  background-color: #006394;
  color: #ffffff;
  padding: 10px 20px;
  border: none; }

.drop_box {
  margin: 10px 0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 3px dotted #a3a3a3;
  border-radius: 5px; }

.drop_box h4 {
  font-size: 16px;
  font-weight: 400;
  color: #2e2e2e; }

.drop_box p {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #a3a3a3; }

.file-upload_input {
  border: 0px;
  margin-bottom: 0px;
  width: 100%; }

.smsconsent input {
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .smsconsent input {
      margin-bottom: 0px; } }

.labeltextsms {
  margin-bottom: 10px;
  margin-top: 0px;
  font-size: 18px; }
  @media screen and (max-width: 767px) {
    .labeltextsms {
      margin-bottom: 20px; } }

.smsconsentsmalltext {
  font-size: 14px;
  margin-bottom: 0px;
  margin-top: 0px; }

.smsconsent {
  margin-bottom: 30px; }

.smsconsent fieldset {
  border: 0px;
  padding: 0px; }

.smsconsent legend {
  font-size: 1.2em;
  margin-bottom: 10px; }

@media screen and (max-width: 1199px) {
  form[name="ViVE-2024-RSVP"] {
    width: 100%; } }

.custom-file-upload {
  margin: 0px;
  padding: 0px;
  width: 100%; }

.custom-select {
  appearance: none;
  /*background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");*/
  background-image: url("/assets/img/interactive/select-custom-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto; }

.fileuploadpaid {
  padding: 1em; }

.rightcol form {
  width: 100%; }

.rightcol textarea {
  height: 100px; }
  @media screen and (max-width: 394px) {
    .rightcol textarea {
      height: 74px; } }

footer {
  background-color: #006394 !important;
  padding-bottom: 50px !important; }

.footercontainer {
  max-width: 1000px;
  margin: 0 auto; }

.footercontent {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #66cccc;
  padding-bottom: 10px; }
  @media screen and (max-width: 1260px) {
    .footercontent {
      flex-wrap: wrap; } }

.footerctas {
  width: 30%; }
  .footerctas p {
    font-size: 20px; }
  @media screen and (max-width: 1260px) {
    .footerctas {
      width: 100%;
      margin: 0 auto 20px; } }

.footercontact {
  width: 30%; }
  @media screen and (max-width: 1260px) {
    .footercontact {
      width: 100%; } }

.footernav {
  width: 30%; }
  .footernav div {
    display: flex;
    flex-wrap: wrap;
    width: 50%; }
  @media screen and (max-width: 1260px) {
    .footernav {
      width: 100%; } }

.brandedfooter {
  display: flex;
  padding-top: 20px;
  font-size: 12px;
  color: white;
  justify-content: space-between; }
  @media screen and (max-width: 1260px) {
    .brandedfooter {
      flex-wrap: wrap;
      justify-content: center;
      text-align: center; } }

@media screen and (max-width: 1260px) {
  .aneightelevenbrand {
    order: 1;
    width: 100%;
    margin: 0 auto; } }

@media screen and (max-width: 1260px) {
  .copyright {
    order: 2;
    width: 100%; } }

.footercta {
  margin-bottom: 30px; }
  @media screen and (max-width: 1260px) {
    .footercta {
      margin: 0 auto 20px;
      text-align: center; } }
  .footercta p {
    font-family: 'Titillium Web', sans-serif;
    color: white;
    text-transform: uppercase;
    margin-top: 0px; }
    @media screen and (max-width: 1260px) {
      .footercta p {
        text-align: center; } }
  .footercta a {
    display: inline-block; }
    @media screen and (max-width: 1260px) {
      .footercta a {
        margin: 0 auto; } }

.footernav {
  display: flex; }
  @media screen and (max-width: 1199px) {
    .footernav {
      flex-wrap: wrap; } }
  .footernav div {
    display: flex;
    flex-direction: column;
    width: 50%; }
    @media screen and (max-width: 1199px) {
      .footernav div {
        width: 100%;
        text-align: center; }
        .footernav div:last-of-type {
          margin-bottom: 20px; } }
    .footernav div a {
      color: white;
      text-transform: uppercase;
      text-decoration: none;
      margin-bottom: 10px;
      font-size: 15px; }
      .footernav div a:hover {
        color: #66cccc; }

.footercontact {
  color: white; }
  @media screen and (max-width: 1260px) {
    .footercontact {
      text-align: center; } }
  .footercontact h5 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    font-size: 17px; }
  .footercontact a {
    color: white;
    text-decoration: none;
    margin-bottom: 10px; }
  .footercontact p {
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    text-transform: uppercase; }

.tollfreewrapper {
  display: flex;
  align-items: baseline;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media screen and (max-width: 1260px) {
    .tollfreewrapper {
      justify-content: center; } }

.footersocial {
  display: flex;
  width: 63%;
  justify-content: space-between;
  font-size: 20px; }
  @media screen and (max-width: 1260px) {
    .footersocial {
      margin: 0 auto;
      width: 45%; } }

.socialicon {
  width: 40px;
  height: 40px;
  border: 2px solid white;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  color: white;
  transition: all .5s ease-in-out; }
  .socialicon:hover {
    color: #66cccc;
    border-color: #66cccc; }

.stats {
  margin-bottom: 70px;
  color: white; }

.numbersandstatswrapper {
  display: flex; }
  @media screen and (max-width: 1260px) {
    .numbersandstatswrapper {
      flex-wrap: wrap; } }
  .numbersandstatswrapper .numbersandstats {
    width: 30%; }
    .numbersandstatswrapper .numbersandstats .number {
      font-size: 1.5em;
      font-weight: bold;
      margin-bottom: 15px; }
    .numbersandstatswrapper .numbersandstats .stat {
      text-transform: uppercase; }
    @media screen and (max-width: 1260px) {
      .numbersandstatswrapper .numbersandstats {
        width: 100%;
        text-align: center; } }

.mobileheader {
  display: none;
  position: fixed;
  z-index: 10;
  width: 100%;
  background-color: white; }
  @media screen and (max-width: 1199px) {
    .mobileheader {
      display: flex;
      flex-wrap: wrap; } }

.navbars {
  height: 32px;
  width: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1; }

.topbar {
  width: 100%;
  height: 4px;
  background-color: #006394;
  transition: all .5s ease; }

.middlebar {
  width: 100%;
  height: 4px;
  background-color: #006394;
  transition: all .5s ease;
  opacity: 1; }

.bottombar {
  width: 100%;
  height: 4px;
  background-color: #006394;
  transition: all .5s; }

.open > .topbar {
  transform: rotate(45deg);
  transform-origin: left;
  background-color: white !important; }

.open > .bottombar {
  transform: rotate(-45deg);
  transform-origin: left;
  background-color: white !important; }

.open > .middlebar {
  opacity: 0;
  width: 0; }

.mobile-nav-links {
  background-color: white;
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 100%;
  transition: all .5s;
  background: rgba(0, 99, 148, 0.9);
  text-align: left;
  overflow-y: scroll;
  overflow-x: hidden; }
  .mobile-nav-links .mobile-navlink {
    display: flex;
    width: 100%;
    border-top: 2px solid #00405e;
    text-decoration: none;
    font-weight: normal; }
    .mobile-nav-links .mobile-navlink div {
      padding: 10px 10px; }
      .mobile-nav-links .mobile-navlink div:nth-child(1) {
        width: 90%; }
      .mobile-nav-links .mobile-navlink div:nth-child(2) {
        width: 10%;
        font-size: 20px;
        text-align: center; }

.mobile-nav-links ul {
  opacity: 0;
  transition: all .5s;
  width: 100%;
  list-style: none;
  padding-left: 0px; }

.opened {
  display: block;
  width: 100%;
  left: 0; }

.opened ul {
  display: block;
  opacity: 1; }

.mainmobilelist {
  margin-top: 70px; }

.mobile-nav-links ul li {
  font-size: 15px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  line-height: 40px;
  position: relative; }

.mobile-nav-links ul li a {
  font-size: 15px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  line-height: 40px; }

.logorow {
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding: 10px 20px;
  transition: all .5s;
  align-items: center; }

.nav-dropdown {
  display: none !important; }

.dropopen .nav-dropdown {
  display: block !important;
  position: relative;
  background-color: #005078; }

.hasdropdown-mobile {
  background-color: #66cccc;
  color: #006394; }

.hasdropdown-mobile p {
  margin-bottom: 0px; }

.nav-dropdown {
  padding-left: 10px; }

.nav-dropdown li a {
  font-size: 15px !important;
  white-space: nowrap;
  padding: 10px 20px;
  display: block;
  text-decoration: none;
  color: white !important;
  border-top: 2px solid #00405e;
  font-weight: normal !important; }

.mobilesubnavwrapper {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px; }

.mobilesubnavwrapper .subnavlink {
  margin-bottom: 10px;
  text-align: center;
  padding: 10px; }

@media screen and (max-width: 1199px) {
  .logo {
    width: 20%;
    margin: 5px 0px 0px 0px; } }

@media screen and (max-width: 767px) {
  .logo {
    width: 50%;
    margin: 5px 0px 0px 0px; } }

@media screen and (max-width: 1260px) {
  .logoimage {
    display: block;
    width: 100%; } }

@media screen and (max-width: 767px) {
  .logoimage {
    display: block;
    width: 100%; } }

.corepracticewrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .corepracticewrapper h2 {
    text-align: left;
    color: #006394;
    width: 100%;
    margin-bottom: 40px;
    font-weight: 700; }
  .corepracticewrapper .corepractice {
    width: 30%;
    margin-bottom: 40px; }
    .corepracticewrapper .corepractice .corepracticecontent {
      text-align: left;
      width: 100%; }
      .corepracticewrapper .corepractice .corepracticecontent h3 {
        text-align: left;
        color: #006394;
        font-size: 1.25em;
        margin-top: 0px;
        font-weight: 600;
        margin-bottom: 20px; }
    .corepracticewrapper .corepractice .corepracticeicon {
      width: 100%;
      margin-bottom: 40px; }
      .corepracticewrapper .corepractice .corepracticeicon img {
        width: 100%;
        display: block; }
    @media screen and (max-width: 767px) {
      .corepracticewrapper .corepractice {
        width: 100%; } }

.providerwhatweofferwrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  padding: 40px 0px; }
  @media screen and (max-width: 1260px) {
    .providerwhatweofferwrapper {
      width: 98%; } }
  .providerwhatweofferwrapper .blueheading {
    width: 100%;
    font-weight: 700; }
  .providerwhatweofferwrapper .providerwhatweoffer {
    width: 30%;
    background-color: #F2F2F2;
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 20px -1px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 10px 20px -1px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 10px 20px -1px rgba(0, 0, 0, 0.28); }
    .providerwhatweofferwrapper .providerwhatweoffer .providerwhatweofferimage {
      width: 100%; }
      .providerwhatweofferwrapper .providerwhatweoffer .providerwhatweofferimage img {
        display: block;
        width: 100%;
        object-fit: cover;
        border-radius: 20px 20px 0px 0px; }
    .providerwhatweofferwrapper .providerwhatweoffer .providerwhatweoffercontent {
      width: 100%;
      color: white;
      text-align: center;
      padding: 30px 20px 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justlify-content: center; }
      .providerwhatweofferwrapper .providerwhatweoffer .providerwhatweoffercontent h3 {
        font-size: 1.25em;
        font-weight: 600;
        color: black;
        margin-bottom: 20px;
        text-transform: none; }
    @media screen and (max-width: 900px) {
      .providerwhatweofferwrapper .providerwhatweoffer {
        width: 100%;
        margin-bottom: 40px; } }

.providerctawrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: center; }
  .providerctawrapper .providerctabuttonwrapper {
    display: flex;
    justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .providerctawrapper {
      margin-bottom: 50px; } }
  .providerctawrapper .providerctaphoto {
    width: 40%; }
    .providerctawrapper .providerctaphoto img {
      display: block;
      width: 100%; }
    @media screen and (max-width: 1260px) {
      .providerctawrapper .providerctaphoto {
        display: none; } }
  .providerctawrapper .providerctacontent {
    width: 50%;
    margin-right: 70px; }
    .providerctawrapper .providerctacontent h3 {
      font-size: 2em;
      color: #006394;
      font-weight: 700;
      margin-bottom: 50px; }
    .providerctawrapper .providerctacontent .button5 {
      padding: 20px 40px;
      font-size: 1.25em;
      margin: 0 auto;
      width: 40%;
      display: flex;
      align-items: center;
      justify-content: center; }
    @media screen and (max-width: 1260px) {
      .providerctawrapper .providerctacontent {
        width: 100%;
        margin-right: 0px; }
        .providerctawrapper .providerctacontent h3 {
          margin-bottom: 30px; }
        .providerctawrapper .providerctacontent .button5 {
          padding: 20px;
          width: 100%; } }

.providermapwrapper h2 {
  color: #006394;
  font-weight: 700;
  text-align: left; }

.fullwidthctawrapper {
  width: 100%;
  background: url("/assets/img/practices/nurse-wide-cta-background.jpg") center center/cover no-repeat; }
  .fullwidthctawrapper .fullwidthctacontainer {
    padding: 50px 50px 70px;
    width: 70%;
    margin: 0 auto; }
    @media screen and (max-width: 1260px) {
      .fullwidthctawrapper .fullwidthctacontainer {
        width: 90%; } }
    @media screen and (max-width: 767px) {
      .fullwidthctawrapper .fullwidthctacontainer {
        width: 100%;
        padding: 30px 30px 50px; } }
    .fullwidthctawrapper .fullwidthctacontainer h2 {
      font-weight: 700;
      font-size: 2em; }
    .fullwidthctawrapper .fullwidthctacontainer h3 {
      font-size: 1.25em;
      margin-bottom: 40px; }

.clinicalvideowrapper {
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: 0 auto;
  padding: 70px 30px;
  align-items: center;
  flex-wrap: wrap; }
  @media screen and (max-width: 2000px) {
    .clinicalvideowrapper {
      width: 80%;
      padding: 70px 0px; } }
  @media screen and (max-width: 1199px) {
    .clinicalvideowrapper {
      width: 100%;
      padding: 50px 0px; } }
  .clinicalvideowrapper .clinicalvideophoto {
    width: 25%;
    text-align: center;
    font-size: 20px; }
    @media screen and (max-width: 767px) {
      .clinicalvideowrapper .clinicalvideophoto {
        width: 70%;
        margin: 0 auto 40px; } }
    .clinicalvideowrapper .clinicalvideophoto p {
      margin-bottom: 0px; }
    .clinicalvideowrapper .clinicalvideophoto img {
      display: block;
      width: 100%;
      margin-bottom: 10px; }
  .clinicalvideowrapper .clinicalvideo {
    width: 60%; }
    @media screen and (max-width: 767px) {
      .clinicalvideowrapper .clinicalvideo {
        width: 100%; } }
  .clinicalvideowrapper .clinicalvideodivider {
    background-color: #006394;
    width: .3%;
    height: 400px; }
    @media screen and (max-width: 767px) {
      .clinicalvideowrapper .clinicalvideodivider {
        width: 0px;
        display: none; } }

.techalliancepagelogowrapper:first-of-type {
  margin-top: 60px; }

.techalliancepagelogowrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .techalliancepagelogowrapper {
      margin-bottom: 0px; } }

.techalliancepagelogowrapper div {
  display: block;
  width: 20%; }
  @media screen and (max-width: 767px) {
    .techalliancepagelogowrapper div {
      width: 46%;
      margin-bottom: 50px; } }

.techalliancepagelogowrapper div img {
  display: block;
  width: 100%;
  opacity: 1;
  transition: all .25s ease-in-out; }

div.awspartnerlogo {
  width: 10%; }
  @media screen and (max-width: 767px) {
    div.awspartnerlogo {
      width: 20%;
      margin: 0 auto;
      margin-bottom: 30px; } }

.msp-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 30px auto 20px; }

@media screen and (max-width: 767px) {
  .msp-wrapper {
    flex-wrap: wrap; } }

.badge-standout-wrapper {
  background-color: #F0F0F0;
  padding-bottom: 100px;
  padding-top: 70px; }

.badge-standout {
  margin: 0 auto;
  text-align: left; }
  .badge-standout h4 {
    font-size: 1.5em; }
  @media screen and (min-width: 1600px) {
    .badge-standout {
      width: 70%; } }
  @media screen and (max-width: 1600px) {
    .badge-standout {
      width: 80%; } }

.badge-standout-wrapper .msplogo, .badge-standout-wrapper .salesforcelogo, .badge-standout-wrapper .tableaulogo, .badge-standout-wrapper .googlecloudlogo, .badge-standout-wrapper .snowflakelogo {
  width: 12%;
  margin: 0 auto; }
  .badge-standout-wrapper .msplogo img, .badge-standout-wrapper .salesforcelogo img, .badge-standout-wrapper .tableaulogo img, .badge-standout-wrapper .googlecloudlogo img, .badge-standout-wrapper .snowflakelogo img {
    width: 100%;
    display: block; }
  @media screen and (max-width: 767px) {
    .badge-standout-wrapper .msplogo, .badge-standout-wrapper .salesforcelogo, .badge-standout-wrapper .tableaulogo, .badge-standout-wrapper .googlecloudlogo, .badge-standout-wrapper .snowflakelogo {
      width: 40%;
      margin-bottom: 30px; } }

.badge-standout-wrapper .workdaylogo {
  width: 9.25%; }
  .badge-standout-wrapper .workdaylogo img {
    width: 100%;
    display: block;
    padding: 0px 20px; }
  @media screen and (max-width: 767px) {
    .badge-standout-wrapper .workdaylogo {
      width: 27%; } }

.msp-wrapper div.awspartnerlogo {
  width: 7%; }
  @media screen and (max-width: 767px) {
    .msp-wrapper div.awspartnerlogo {
      width: 25%; } }

.techalliancecontentwrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.techalliancecontentwrapper p {
  width: 70%;
  margin-bottom: 0px;
  font-size: 1.25em; }

@media screen and (max-width: 767px) {
  .techalliancecontentwrapper {
    flex-wrap: wrap; }
    .techalliancecontentwrapper p {
      width: 100%;
      margin-bottom: 20px; } }

.techalliancehero {
  width: 60%;
  margin-bottom: 0px; }
  @media screen and (max-width: 767px) {
    .techalliancehero {
      width: 70%; } }
  @media screen and (max-width: 500px) {
    .techalliancehero {
      width: 80%;
      margin-bottom: 0px; } }

div.workdaylogo {
  width: 11%; }
  @media screen and (max-width: 767px) {
    div.workdaylogo {
      width: 30%; } }

div.workdaylogo {
  width: 11%; }
  @media screen and (max-width: 767px) {
    div.workdaylogo {
      width: 30%; } }

@media screen and (max-width: 767px) {
  div.workdaylogo-all {
    width: 30%;
    margin: 0px auto 55px; } }

.insightsrow {
  padding: 100px 30px;
  background-color: white; }

.insightscontent {
  width: 80%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .insightscontent {
      width: 100%;
      margin: 0 auto; } }
  .insightscontent p {
    margin-block: 0px;
    margin-bottom: 20px; }
    .insightscontent p:last-of-type {
      margin-bottom: 0px; }

.insightssubtitle {
  font-size: 1em;
  font-weight: bold; }

.insightheading2 {
  margin-top: 40px;
  font-weight: normal;
  color: #006394;
  font-size: 25px; }

.inlinephotoright {
  margin-bottom: 40px; }

.inlinephotoright img {
  display: inline-block;
  float: right;
  width: 40%;
  margin: 0px 20px 20px 20px; }
  @media screen and (max-width: 1700px) {
    .inlinephotoright img {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    .inlinephotoright img {
      width: 100%;
      float: none;
      margin: 0px 0px 20px 0px; } }

.inlinephotoright .smallerimage {
  width: 35%; }
  @media screen and (max-width: 767px) {
    .inlinephotoright .smallerimage {
      width: 100%;
      float: none;
      margin: 0px 0px 20px 0px; } }

.orderedlist ol {
  list-style: none;
  color: #66cccc;
  padding-left: 0px; }
  .orderedlist ol li {
    font: bold 24pt 'Open Sans', sans-serif;
    position: relative;
    margin-bottom: 20px; }
    .orderedlist ol li p {
      font-size: 18px;
      line-height: 30px;
      color: #77787b;
      font-family: 'Open Sans', sans-serif;
      padding-left: 60px;
      font-weight: normal; }
      .orderedlist ol li p span {
        position: relative;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        color: #006394; }
    .orderedlist ol li span {
      position: absolute;
      line-height: 25px; }

.videoblogwrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px;
  background-color: #F2F2F2;
  border-radius: 20px; }

.videoblogcontent {
  width: 60%; }
  .videoblogcontent h1 {
    margin-top: 0px; }
  .videoblogcontent p:last-of-type {
    margin-bottom: 0px; }
  @media screen and (max-width: 1400px) {
    .videoblogcontent {
      width: 100%; } }

.videocontainer {
  width: 38%;
  margin: 0 auto; }
  @media screen and (max-width: 1400px) {
    .videocontainer {
      width: 70%;
      margin: 20px auto; } }
  @media screen and (max-width: 500px) {
    .videocontainer {
      width: 100%;
      margin-bottom: 0px; } }

.standout {
  padding: 30px;
  background-color: #F2F2F2;
  border-radius: 20px;
  margin-bottom: 40px;
  margin-top: 30px; }
  .standout span {
    font-weight: 700;
    color: #006394;
    font-size: 1.1em; }
  .standout p {
    margin: 0px;
    font-weight: 700; }

.blogcontentborder {
  border-left: 10px solid #F2F2F2;
  padding-left: 40px; }
  @media screen and (max-width: 500px) {
    .blogcontentborder {
      border-left: 0px;
      padding-left: 0px; } }

.blogphotoandtext {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .blogphotoandtext .insighthoto {
    width: 30%;
    margin: 0px; }
    .blogphotoandtext .insighthoto img {
      width: 100%;
      display: block; }
  .blogphotoandtext .blogtext {
    width: 68%; }

.insighthotofullwidth {
  width: 50%;
  margin: 0 auto; }
  .insighthotofullwidth img {
    display: block;
    width: 100%; }

@media screen and (max-width: 1300px) {
  .largerphoto .insighthoto, .blogphotoandtext .insighthoto, .insighthoto {
    width: 45%; } }

@media screen and (max-width: 1300px) {
  .largerphoto .insighthototext, .blogphotoandtext .blogtext, .insighthototext {
    width: 50%; } }

@media screen and (max-width: 1200px) {
  .largerphoto .insighthoto, .blogphotoandtext .insighthoto, .insighthoto {
    width: 100%;
    margin: 0px 0px 40px 0px; }
  .largerphoto .insighthototext, .blogphotoandtext .blogtext, .insighthototext {
    width: 100%; } }

.interntimelinewrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
  background-color: #F1F2F2;
  border-radius: 20px;
  margin-bottom: 40px; }
  .interntimelinewrapper h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0px; }

.interntimelinepoint {
  width: 20%; }

.interntimelineimage {
  width: 100%; }
  .interntimelineimage img {
    width: 100%;
    display: block; }

.interntimelinecontent {
  text-align: center;
  padding: 0px 10px; }
  .interntimelinecontent h4 {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #006394;
    line-height: 20px; }
  .interntimelinecontent p {
    margin-bottom: 0px;
    margin-top: 0px; }

@media screen and (max-width: 1380px) {
  .interntimelinepoint {
    width: 50%; } }

@media screen and (max-width: 900px) {
  .interntimelinepoint {
    width: 100%; }
  .interntimelineimage {
    display: none; }
  .interntimelinewrapper {
    padding: 20px; } }

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

.allylogocontent {
  width: 70%; }

.allypartnerlogo {
  width: 27%; }
  .allypartnerlogo img {
    width: 100%;
    display: block; }

@media screen and (max-width: 1700px) {
  .allylogocontent {
    width: 60%; }
  .allypartnerlogo {
    width: 38%; } }

@media screen and (max-width: 1300px) {
  .allylogocontent {
    width: 100%;
    order: 2; }
  .allypartnerlogo {
    width: 50%;
    order: 1;
    margin-bottom: 40px; } }

@media screen and (max-width: 500px) {
  .allypartnerlogo {
    width: 100%; } }

.insightsdivider {
  border-top: solid 3px #006394;
  margin: 50px 0px; }

.jccgold {
  width: 25%; }
  @media screen and (max-width: 1700px) {
    .jccgold {
      margin-right: 10%; } }
  @media screen and (max-width: 1400px) {
    .jccgold {
      margin-right: 10%; } }
  @media screen and (max-width: 766px) {
    .jccgold {
      width: 50%;
      margin: 20px 0px; } }
  @media screen and (max-width: 500px) {
    .jccgold {
      width: 100%; } }

.indicatorswrapper {
  padding: 30px;
  border-radius: 20px;
  background-color: #f1f1f1;
  width: 95%;
  margin: 0 auto 40px; }
  @media screen and (max-width: 767px) {
    .indicatorswrapper {
      width: 100%; } }

.indicatorswrapper h3 {
  margin-top: 0px;
  margin-bottom: 20px;
  color: #006394 !important; }

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

.indicator {
  width: 47%;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  padding: 10px 20px;
  background-color: white;
  border-radius: 50px;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .indicator {
      width: 100%; } }

.indicatoricon i {
  color: red; }

.indicatoricon {
  margin-right: 10px; }

.thingstoremember {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto 40px; }
  @media screen and (max-width: 1199px) {
    .thingstoremember {
      flex-wrap: wrap;
      width: 100%; } }

.thingtoremember {
  background-color: #f1f1f1;
  width: 48%;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1199px) {
    .thingtoremember {
      width: 100%;
      margin-bottom: 20px; }
      .thingtoremember:last-of-type {
        margin-bottom: 0px; } }

.thingcontent {
  margin-left: 20px; }

.thingcontent p {
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 20px;
  margin-top: 0px; }

.thingnumber i {
  color: #006394;
  font-size: 50px; }

.medainsight h3 {
  color: #66cccc;
  font-size: 25px; }

.medainsight h2 {
  font-size: 30px; }

.medainsight h1 {
  font-size: 40px; }

.authorphotowrapper {
  display: flex;
  width: 40%;
  align-items: center;
  margin: 40px 0px 40px 0px;
  padding: 0; }
  @media screen and (max-width: 1300px) {
    .authorphotowrapper {
      width: 40%; } }
  @media screen and (max-width: 1200px) {
    .authorphotowrapper {
      width: 60%; } }
  @media screen and (max-width: 767px) {
    .authorphotowrapper {
      width: 100%; } }

.authorphoto {
  display: block;
  width: 50%; }
  @media screen and (max-width: 767px) {
    .authorphoto {
      width: 30%; } }
  .authorphoto img {
    display: block;
    width: 100%; }

.authorcontent {
  width: 100%;
  display: block;
  margin-left: 20px; }

.projectpatriotintro {
  text-align: center; }

.testimonialrow {
  display: flex !important;
  width: 60%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 1600px) {
    .testimonialrow {
      width: 90%; } }
  @media screen and (max-width: 900px) {
    .testimonialrow {
      flex-wrap: wrap; } }

.testimonialcontent {
  width: 48%;
  text-align: left; }
  .testimonialcontent p {
    font-size: 1.5em;
    line-height: 1.5em;
    font-style: italic; }
  .testimonialcontent h2 {
    font-size: 2em; }
  @media screen and (max-width: 900px) {
    .testimonialcontent {
      width: 100%; } }

.testimonialvideo {
  width: 48%; }
  @media screen and (max-width: 900px) {
    .testimonialvideo {
      width: 100%; } }

.ppbenefitswrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between; }

.ppbenefitscolumn {
  width: 48%; }

@media screen and (max-width: 900px) {
  .ppbenefitscolumn {
    width: 100%; } }

.ppbenefit {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 30px;
  border-radius: 10px;
  background-color: #F7F7F7;
  margin-bottom: 20px; }

.ppbenefiticon img {
  display: block;
  width: 100%; }

.ppbenefitcontent {
  width: 75%; }
  .ppbenefitcontent p {
    text-align: left !important; }

.ppbenefitheader {
  text-align: left !important; }

.ppbenefitcontent p:last-of-type {
  margin-bottom: 0px !important; }

.ppbenefitheader {
  margin-bottom: 20px !important;
  font-weight: bold;
  color: #006394; }

.ppbenefiticon {
  width: 20%; }

.contentwrapper {
  width: 100%;
  margin: 0 auto;
  padding: 70px 30px 70px 30px; }

.statsrow {
  background: url("/assets/img/project-patriot/statsbackground.png") no-repeat center center/cover; }
  .statsrow h2 {
    color: white;
    font-size: 2em;
    text-align: center;
    margin-bottom: 40px; }

#stats {
  text-align: center;
  font-weight: bold;
  color: white;
  margin-bottom: 20px;
  margin-top: 20px; }

@media screen and (max-width: 767px) {
  #stats {
    margin-bottom: 0px;
    margin-top: 0px; } }

.ppnumber {
  font-size: 80px;
  line-height: 90px; }

.plussign {
  font-size: 50px;
  font-weight: normal; }

@media screen and (max-width: 767px) {
  .plussign {
    font-size: 40px; }
  .ppnumber {
    font-size: 50px;
    line-height: 60px; } }

.veteranstatswrapper {
  display: flex;
  justify-content: center;
  width: 60%;
  margin: 0 auto 40px; }

@media screen and (max-width: 900px) {
  .veteranstatswrapper {
    width: 90%; } }

@media screen and (max-width: 767px) {
  .veteranstatswrapper {
    width: 100%; } }

.veteranstatscontainer {
  width: 48%;
  text-align: center; }
  .veteranstatscontainer:first-of-type {
    padding-right: 50px;
    border-right: 2px solid white; }
  .veteranstatscontainer:last-of-type {
    padding-left: 50px; }
  .veteranstatscontainer h3 {
    color: white; }

@media screen and (max-width: 767px) {
  .veteranstatscontainer:first-of-type {
    padding-right: 20px;
    border-right: 2px solid white; }
  .veteranstatscontainer:last-of-type {
    padding-left: 20px; } }

#projectpatriot .mainGradient {
  text-align: center;
  color: white; }

.pp-partners-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 0 auto; }

.ppbadge-standout h4 {
  text-align: left !important;
  margin: 0px;
  text-align: center !important;
  font-size: 1.5em;
  margin-bottom: 40px; }

.hh-silver-badge {
  width: 15%;
  display: block;
  margin: 0 auto; }
  .hh-silver-badge img {
    display: block;
    width: 100%; }

.ppbadge-standout-wrapper {
  background-color: #F0F0F0;
  padding-bottom: 70px;
  padding-top: 70px; }