@charset "UTF-8";
@font-face {
  font-family: "fira_sansbold";
  src: url("fonts/firasans-bold.woff") format("woff"), url("fonts/firasans-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fira_sansbook";
  src: url("fonts/firasans-book.woff") format("woff"), url("fonts/firasans-book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fira_sanslight_italic";
  src: url("fonts/firasans-lightitalic.woff") format("woff"), url("fonts/firasans-lightitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fira_sansmedium";
  src: url("fonts/firasans-medium.woff") format("woff"), url("fonts/firasans-medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fira_sansregular";
  src: url("fonts/firasans-regular.woff") format("woff"), url("fonts/firasans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #00A19B;
}

a:focus {
  outline: 0;
  color: #00A19B;
}

a:active, a:hover {
  outline: 0;
  color: #00A19B;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: “”‘’;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body, figure {
  margin: 0;
}

legend, button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

p {
  margin: 0 0 16px 0;
  line-height: 22px;
}

p img {
  vertical-align: bottom;
}

h1, h2, h3, h4, h5 {
  margin: 0;
}

h1 {
  font-family: "fira_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
}

h2 {
  font-family: "fira_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
}

h3 {
  font-family: "fira_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

h4 {
  font-family: "fira_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

a {
  text-decoration: none;
}

a:hover {
  outline: none;
  text-decoration: underline;
}

::selection {
  background: #e98610;
  /* webkit & ie9 */
  color: #ffffff;
}

::-moz-selection {
  background: #e98610;
  /* Firefox */
  color: #ffffff;
}

ul li {
  padding-bottom: 8px;
}

.padding-left {
  padding-left: 60px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  height: 100%;
}

body {
  font-family: "fira_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100%;
  min-height: 100%;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
  color: #3D3935;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.hidden {
  display: none;
}

.shown {
  display: block;
}

.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.flex-col {
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.m-0 {
  margin: 0rem;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.m-5 {
  margin: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.m-10 {
  margin: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.m-12 {
  margin: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.p-0 {
  padding: 0rem;
}

.p-1 {
  padding: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.p-5 {
  padding: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

@media only screen and (min-width: 992px) {
  .lg-hidden {
    display: none;
  }

  .lg-shown {
    display: block;
  }

  .lg-text-center {
    text-align: center;
  }

  .lg-text-right {
    text-align: right;
  }

  .lg-text-left {
    text-align: left;
  }

  .m-lg-0 {
    margin: 0rem;
  }

  .m-lg-1 {
    margin: 0.25rem;
  }

  .mt-lg-1 {
    margin-top: 0.25rem;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem;
  }

  .ml-lg-1 {
    margin-left: 0.25rem;
  }

  .mr-lg-1 {
    margin-right: 0.25rem;
  }

  .m-lg-2 {
    margin: 0.5rem;
  }

  .mt-lg-2 {
    margin-top: 0.5rem;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem;
  }

  .ml-lg-2 {
    margin-left: 0.5rem;
  }

  .mr-lg-2 {
    margin-right: 0.5rem;
  }

  .m-lg-5 {
    margin: 1.25rem;
  }

  .mt-lg-5 {
    margin-top: 1.25rem;
  }

  .mb-lg-5 {
    margin-bottom: 1.25rem;
  }

  .ml-lg-5 {
    margin-left: 1.25rem;
  }

  .mr-lg-5 {
    margin-right: 1.25rem;
  }

  .m-lg-0 {
    margin: 2.5rem;
  }

  .mt-lg-10 {
    margin-top: 2.5rem;
  }

  .mb-lg-10 {
    margin-bottom: 2.5rem;
  }

  .ml-lg-10 {
    margin-left: 2.5rem;
  }

  .mr-lg-10 {
    margin-right: 2.5rem;
  }

  .m-lg-12 {
    margin: 3rem;
  }

  .mt-lg-12 {
    margin-top: 3rem;
  }

  .mb-lg-12 {
    margin-bottom: 3rem;
  }

  .ml-lg-12 {
    margin-left: 3rem;
  }

  .mr-lg-12 {
    margin-right: 3rem;
  }

  .p-lg-1 {
    padding: 0rem;
  }

  .p-lg-1 {
    padding: 0.25rem;
  }

  .pt-lg-1 {
    padding-top: 0.25rem;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem;
  }

  .pl-lg-1 {
    padding-left: 0.25rem;
  }

  .pr-lg-1 {
    padding-right: 0.25rem;
  }

  .p-lg {
    padding: 0.5rem;
  }

  .pt-lg-2 {
    padding-top: 0.5rem;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem;
  }

  .pl-lg-2 {
    padding-left: 0.5rem;
  }

  .pr-lg-2 {
    padding-right: 0.5rem;
  }

  .p-lg-5 {
    padding: 1.25rem;
  }

  .pt-lg-5 {
    padding-top: 1.25rem;
  }

  .pb-lg-5 {
    padding-bottom: 1.25rem;
  }

  .pl-lg-5 {
    padding-left: 1.25rem;
  }

  .pr-lg-5 {
    padding-right: 1.25rem;
  }

  .p-lg-10 {
    padding: 2.5rem;
  }

  .pt-lg-10 {
    padding-top: 2.5rem;
  }

  .pb-lg-10 {
    padding-bottom: 2.5rem;
  }

  .pl-lg-10 {
    padding-left: 2.5rem;
  }

  .pr-lg-10 {
    padding-right: 2.5rem;
  }

  .p-lg-12 {
    padding: 3rem;
  }

  .pt-lg-12 {
    padding-top: 3rem;
  }

  .pb-lg-12 {
    padding-bottom: 3rem;
  }

  .pl-lg-12 {
    padding-left: 3rem;
  }

  .pr-lg-12 {
    padding-right: 3rem;
  }
}
@media only screen and (min-width: 576px) {
  .sm-hidden {
    display: none;
  }

  .sm-shown {
    display: block;
  }

  .sm-text-right {
    text-align: right;
  }

  .sm-text-left {
    text-align: left;
  }

  .sm-text-center {
    text-align: center;
  }

  .m-sm-0 {
    margin: 0rem;
  }

  .m-sm-1 {
    margin: 0.25rem;
  }

  .mt-sm-1 {
    margin-top: 0.25rem;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem;
  }

  .ml-sm-1 {
    margin-left: 0.25rem;
  }

  .mr-sm-1 {
    margin-right: 0.25rem;
  }

  .m-sm-2 {
    margin: 0.5rem;
  }

  .mt-sm-2 {
    margin-top: 0.5rem;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem;
  }

  .ml-sm-2 {
    margin-left: 0.5rem;
  }

  .mr-sm-2 {
    margin-right: 0.5rem;
  }

  .m-sm-5 {
    margin: 1.25rem;
  }

  .mt-sm-5 {
    margin-top: 1.25rem;
  }

  .mb-sm-5 {
    margin-bottom: 1.25rem;
  }

  .ml-sm-5 {
    margin-left: 1.25rem;
  }

  .mr-sm-5 {
    margin-right: 1.25rem;
  }

  .m-sm-0 {
    margin: 2.5rem;
  }

  .mt-sm-10 {
    margin-top: 2.5rem;
  }

  .mb-sm-10 {
    margin-bottom: 2.5rem;
  }

  .ml-sm-10 {
    margin-left: 2.5rem;
  }

  .mr-sm-10 {
    margin-right: 2.5rem;
  }

  .m-sm-12 {
    margin: 3rem;
  }

  .mt-sm-12 {
    margin-top: 3rem;
  }

  .mb-sm-12 {
    margin-bottom: 3rem;
  }

  .ml-sm-12 {
    margin-left: 3rem;
  }

  .mr-sm-12 {
    margin-right: 3rem;
  }

  .p-sm-1 {
    padding: 0rem;
  }

  .p-sm-1 {
    padding: 0.25rem;
  }

  .pt-sm-1 {
    padding-top: 0.25rem;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem;
  }

  .pl-sm-1 {
    padding-left: 0.25rem;
  }

  .pr-sm-1 {
    padding-right: 0.25rem;
  }

  .p-sm {
    padding: 0.5rem;
  }

  .pt-sm-2 {
    padding-top: 0.5rem;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem;
  }

  .pl-sm-2 {
    padding-left: 0.5rem;
  }

  .pr-sm-2 {
    padding-right: 0.5rem;
  }

  .p-sm-5 {
    padding: 1.25rem;
  }

  .pt-sm-5 {
    padding-top: 1.25rem;
  }

  .pb-sm-5 {
    padding-bottom: 1.25rem;
  }

  .pl-sm-5 {
    padding-left: 1.25rem;
  }

  .pr-sm-5 {
    padding-right: 1.25rem;
  }

  .p-sm-10 {
    padding: 2.5rem;
  }

  .pt-sm-10 {
    padding-top: 2.5rem;
  }

  .pb-sm-10 {
    padding-bottom: 2.5rem;
  }

  .pl-sm-10 {
    padding-left: 2.5rem;
  }

  .pr-sm-10 {
    padding-right: 2.5rem;
  }

  .p-sm-12 {
    padding: 3rem;
  }

  .pt-sm-12 {
    padding-top: 3rem;
  }

  .pb-sm-12 {
    padding-bottom: 3rem;
  }

  .pl-sm-12 {
    padding-left: 3rem;
  }

  .pr-sm-12 {
    padding-right: 3rem;
  }
}
h1 {
  line-height: 30px;
}

.blockContainer, .flexContainer {
  width: 100%;
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
}
.blockContainer:after, .flexContainer:after {
  content: "";
  display: table;
  clear: both;
}
.blockContainer .block, .flexContainer .block {
  float: left;
  min-height: 1px;
}
.blockContainer .block:first-child, .flexContainer .block:first-child {
  padding-left: 0;
}
.blockContainer .block.block100, .flexContainer .block.block100 {
  width: 100%;
  padding-left: 0;
}
.blockContainer .block.block95, .flexContainer .block.block95 {
  width: 95%;
}
.blockContainer .block.block90, .flexContainer .block.block90 {
  width: 90%;
}
.blockContainer .block.block80, .flexContainer .block.block80 {
  width: 80%;
}
.blockContainer .block.block75, .flexContainer .block.block75 {
  width: 75%;
}
.blockContainer .block.block70, .flexContainer .block.block70 {
  width: 70%;
}
.blockContainer .block.block66, .flexContainer .block.block66 {
  width: 66.66%;
}
.blockContainer .block.block62, .flexContainer .block.block62 {
  width: 62%;
}
.blockContainer .block.block60, .flexContainer .block.block60 {
  width: 60%;
}
.blockContainer .block.block50, .flexContainer .block.block50 {
  width: 50%;
}
.blockContainer .block.block45, .flexContainer .block.block45 {
  width: 45%;
}
.blockContainer .block.block40, .flexContainer .block.block40 {
  width: 40%;
}
.blockContainer .block.block38, .flexContainer .block.block38 {
  width: 38%;
}
.blockContainer .block.block33, .flexContainer .block.block33 {
  width: 33.33%;
}
.blockContainer .block.block30, .flexContainer .block.block30 {
  width: 30%;
}
.blockContainer .block.block25, .flexContainer .block.block25 {
  width: 25%;
}
.blockContainer .block.block20, .flexContainer .block.block20 {
  width: 20%;
}
.blockContainer .block.block16, .flexContainer .block.block16 {
  width: 16%;
}
.blockContainer .block.block10, .flexContainer .block.block10 {
  width: 10%;
}
.blockContainer .block.block5, .flexContainer .block.block5 {
  width: 5%;
}
.blockContainer .block.block4, .flexContainer .block.block4 {
  width: 4%;
}
.blockContainer .block.block3, .flexContainer .block.block3 {
  width: 3.5%;
}

/* General Containers */
.arete-container {
  text-align: center;
  width: 100%;
}
.arete-container.gray {
  background-color: #F8F8F8;
}
.arete-container.green {
  background: #00A19B;
}

.content {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.overall {
  width: 100%;
  position: relative;
  height: 100%;
}

.content-page {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1042px;
  }
}
.container-homeBanner {
  background: url(../images/home-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  color: #ffffff;
  position: relative;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.container-homeBanner.hideBackground {
  background: none;
}

.container-homeBanner .content-homeBanner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 789px;
  width: 100%;
  max-width: none;
}
.container-homeBanner .content-homeBanner .logoContainer {
  width: 58px;
  height: 105px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  margin-bottom: 21px;
  padding: 0px;
  top: 18px;
  display: inline-block;
}
.container-homeBanner .content-homeBanner .searchContainer {
  background: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  color: #B1B1B1;
  border-top: 1px solid rgba(61, 57, 53, 0.6);
  border-bottom: 1px solid rgba(61, 57, 53, 0.6);
  padding: 6px 0px 6px 0px;
}
.container-homeBanner .content-homeBanner .searchContainer img {
  margin-right: 10px;
  float: left;
  position: relative;
  top: 8px;
}
.container-homeBanner .content-homeBanner .searchContainer input {
  background-color: transparent;
  border-color: transparent;
  width: 340px;
  color: #c4c4c4;
}
.container-homeBanner .content-homeBanner .searchContainer input.mobile-only {
  display: none;
}
.container-homeBanner .content-homeBanner .searchFormContainer {
  width: 380px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
}

.video-slide-bg {
  background: url(../images/video-thumbnail.jpg) no-repeat center center fixed;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-color: rgba(0, 0, 0, 0.25);
  color: #ffffff;
  position: relative;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
}

.video-slide-bg::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
}

.watch-full-video {
  margin-top: 31px;
  margin-left: auto;
  margin-right: auto;
  width: 176px;
  height: 68px;
  background: url(../images/Video-Button-Hm.png) no-repeat left top;
  text-align: right;
  display: block;
  padding-top: 20px;
  color: #FFFFFF;
}

.container-homeBanner .mainCtaBlock {
  height: 632px;
  position: relative;
}
.container-homeBanner .mainCtaBlock .newsletterCta {
  display: none;
}
.container-homeBanner .mainCtaBlock .newsletterCta .newsletter {
  color: #3D3935;
  width: 50%;
  max-width: 600px;
  margin: 40px 20px;
  height: auto;
  background-color: #fff;
  border: solid #00A19B 2px;
  border-radius: 4px;
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  z-index: 100;
  text-align: left;
}
.container-homeBanner .mainCtaBlock .newsletterCta .newsletter div.input {
  padding: 0px 24px 24px 24px;
}
.container-homeBanner .mainCtaBlock .newsletterCta .newsletter h3 {
  color: #00A19B;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 24px;
  font-weight: normal;
  text-align: left;
}
.container-homeBanner .mainCtaBlock .newsletterCta .newsletter p {
  text-align: center;
  margin: 24px 24px 40px 24px;
}
.container-homeBanner .mainCtaBlock .newsletterCta .newsletter input[type=text] {
  width: 100%;
}
.container-homeBanner .mainCtaBlock .newsletterCta .newsletter .subscribeNewsletterButton {
  float: right;
}
.container-homeBanner .mainCtaBlock .newsletterCta.show {
  display: block;
}
.container-homeBanner .mainCtaBlock .mainCta {
  height: 100%;
}
.container-homeBanner .mainCtaBlock .mainCta.left {
  text-align: left;
  padding-left: 80px;
  padding-top: 400px;
}
.container-homeBanner .mainCtaBlock .mainCta.left h4 {
  color: #FFFFFF;
}
.container-homeBanner .mainCtaBlock .mainCta.left h4 a {
  color: white;
}
.container-homeBanner .mainCtaBlock .mainCta.left a.box {
  color: #00A49C;
  border: 2px solid #00A49C;
  background-color: transparent;
  width: 200px;
  height: 50px;
  display: block;
  margin-top: 32px;
  padding-top: 13px;
  text-align: center;
}
.container-homeBanner .mainCtaBlock .mainCta.left a.box:hover {
  text-decoration: none;
  background-color: #00A49C;
  color: #fff;
}
.container-homeBanner .mainCtaBlock .mainCta.center .cta-journey {
  position: absolute;
  bottom: 20px;
  width: 250px;
  text-align: center;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: solid white 2px;
  height: 80px;
  display: block;
  margin-top: 32px;
  padding-top: 14px;
  color: white;
}
.container-homeBanner .mainCtaBlock .mainCta.center .cta-journey:hover {
  background-color: white;
  border: solid #00A19B 2px;
  color: #00A19B;
  text-decoration: none;
}
.container-homeBanner .mainCtaBlock .mainCta.center .ctaActions {
  display: none;
  text-align: center;
}
.container-homeBanner .mainCtaBlock .mainCta.center .ctaActions h4 {
  color: #FFFFFF;
}
.container-homeBanner .mainCtaBlock .mainCta.center .ctaActions h4 a {
  color: white;
}
.container-homeBanner .mainCtaBlock .mainCta.center .ctaActions a.box {
  color: #00A49C;
  border: 2px solid #00A49C;
  background-color: transparent;
  width: 200px;
  height: 50px;
  display: block;
  margin-top: 32px;
  padding-top: 13px;
  text-align: center;
}
.container-homeBanner .mainCtaBlock .mainCta.center .ctaActions a.box:hover {
  text-decoration: none;
  background-color: #00A49C;
  color: #fff;
}
.container-homeBanner .mainCtaBlock .mainCta.right {
  text-align: right;
}
.container-homeBanner .mainCtaBlock .mainCta.right img {
  display: block;
  position: relative;
  top: 198px;
  right: -50px;
}
.container-homeBanner .mainCtaBlock .mainCta.right a {
  display: block;
  position: relative;
  right: 0px;
  top: 198px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 60px;
  padding: 0px 0px 0px 35px;
  text-align: left;
  font-size: 16px;
  color: #FFFFFF;
  background: url(../images/Green-Bars-Dn-Arrow.png) no-repeat center left;
  line-height: 18px;
  height: 0px;
  visibility: hidden;
}
.container-homeBanner .mainCtaBlock .mainCta .mainCtaRightContent {
  position: absolute;
  right: 0px;
}
.container-homeBanner .mainCtaBlock .bookCta {
  position: absolute;
  right: 60px;
  bottom: 0px;
}
.container-homeBanner .mainCtaBlock .bookCta img {
  width: 90px;
  height: 136px;
}
.container-homeBanner h1 {
  margin-top: 100px;
  font-size: 36px;
  color: #D9D8D6;
  text-align: center;
  line-height: 42px;
  margin-left: auto;
  margin-right: auto;
}
.container-homeBanner .nav {
  position: absolute;
  right: 80px;
  top: 105px;
  display: inline-block;
}
.container-homeBanner .nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}
.container-homeBanner .nav ul li {
  float: left;
  margin-left: 24px;
  color: white;
  display: block;
  transition-duration: 0.5s;
  font-weight: bold;
}
.container-homeBanner .nav ul li a {
  color: white;
}
.container-homeBanner .nav ul li:hover {
  cursor: pointer;
}
.container-homeBanner .nav ul li:hover ul {
  z-index: 10;
  visibility: visible;
  opacity: 1;
  display: block;
}
.container-homeBanner .nav ul li:hover ul li a {
  color: #00A19B;
}
.container-homeBanner .nav ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  display: none;
  min-width: 220px;
  background-color: white;
  padding-left: 12px;
  padding-right: 24px;
}
.container-homeBanner .nav ul li ul li {
  margin: 0;
}
.container-homeBanner .nav ul li ul li a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 8px;
}
.container-homeBanner .nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.container-homeBanner .nav ul li.last ul {
  right: 0;
}

.end-three-lines {
  position: absolute;
  background: url(../images/Green-Bars-Hm-Bottom.png) no-repeat center bottom;
  right: 90px;
  width: 29px;
  height: 90px;
  top: 0px;
}
.end-three-lines.longer-lines {
  height: 200px;
}

.begin-three-lines {
  position: absolute;
  background: url("../images/Green Bars Hm Top.png") no-repeat center top;
  right: 90px;
  width: 29px;
  height: 90px;
  bottom: 0px;
}

.container-playbooks-outer {
  margin-top: 58px;
  padding-top: 45px;
  background: url(../images/playbook-icon-green.png) no-repeat 50% 0px;
}

.container-playbooks-inner {
  background: #f8f8f8 url(../images/playbook-icon-green.png) no-repeat 50% -45px;
}

.container-performance-playbooks {
  max-width: 940px;
}

.container-performance-playbook-header {
  margin-left: auto;
  margin-right: auto;
}
.container-performance-playbook-header h4 {
  padding-top: 44px;
  padding-bottom: 41px;
}

.container-performance-playbook-cards {
  margin-left: auto;
  margin-right: auto;
}

.card-shadow {
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08);
}

.playbook-card {
  color: #666666;
  width: 196px;
  min-height: 260px;
  background: #FFFFFF;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  margin-left: 16px;
  margin-bottom: 22px;
  background: no-repeat 50% -4px;
  display: inline-block;
  position: relative;
}
.playbook-card.first {
  margin-left: 0px;
}
.playbook-card .playbook-card-detail {
  position: absolute;
  top: 134px;
  width: 100%;
}
.playbook-card.high-performing-teams {
  background-image: url(../images/PB_HPT.jpg);
}
.playbook-card.innovation-and-growth {
  background-image: url(../images/PB_Innovation-and-Growth.jpg);
}
.playbook-card.resiliency {
  background-image: url(../images/PB_Resiliency.jpg);
}
.playbook-card.engagement {
  background-image: url(../images/PB_Engagement.jpg);
}
.playbook-card.safety {
  background-image: url(../images/PB_Safety.jpg);
}
.playbook-card.strength-based-leadership-and-culture {
  background-image: url("../images/PB_Strength-based-leadership-and-Culture.jpg");
}
.playbook-card:hover {
  border-color: #00A49C;
}
.playbook-card:hover h4 {
  color: #00A49C;
}
.playbook-card:hover span {
  color: #00A49C;
}
.playbook-card h4 {
  padding-top: 16px;
  margin-bottom: 10px;
  line-height: 1.2em;
}
.playbook-card span {
  color: #B1B1B1;
  font-size: 14px;
}

.container-virtues-outer {
  background: url(../images/Virtue-Icon-Grn.png) no-repeat 50% 45px;
  padding-top: 112px;
}
.container-virtues-outer .newsletterToggler {
  position: absolute;
  top: 20px;
  left: 80px;
  background-color: #00A19B;
  color: white;
  font-size: 14px;
  padding: 6px 20px;
  border-radius: 6px;
  line-height: 16px;
  z-index: 100;
}
.container-virtues-outer .newsletterToggler strong {
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
}

.container-virtues-inner {
  padding-top: 75px;
  padding-bottom: 75px;
}
.container-virtues-inner h4.subtitle {
  padding-top: 44px;
  padding-bottom: 41px;
}

.container-virtues-cards {
  margin-left: auto;
  margin-right: auto;
  max-width: 746px;
  padding: 0px;
}

.virtue-card {
  padding: 0px;
  width: 164px;
  height: 180px;
  background: url(../images/Virtue-Card-V-Gray.png) no-repeat 50% 50%;
  display: inline-block;
  position: relative;
  margin-left: 25px;
  margin-bottom: 25px;
}
.virtue-card.first {
  margin-left: 0px;
}
.virtue-card.trust:hover {
  background-color: #707070;
}
.virtue-card.trust h4 {
  color: #707070;
}
.virtue-card.compassion:hover {
  background-color: #F4706B;
}
.virtue-card.compassion h4 {
  color: #F4706B;
}
.virtue-card.courage:hover {
  background-color: #D30057;
}
.virtue-card.courage h4 {
  color: #D30057;
}
.virtue-card.justice:hover {
  background-color: #F18A00;
}
.virtue-card.justice h4 {
  color: #F18A00;
}
.virtue-card.wisdom:hover {
  background-color: #6F2277;
}
.virtue-card.wisdom h4 {
  color: #6F2277;
}
.virtue-card.temperance:hover {
  background-color: #655DC6;
}
.virtue-card.temperance h4 {
  color: #655DC6;
}
.virtue-card.hope:hover {
  background-color: #B4BD00;
}
.virtue-card.hope h4 {
  color: #B4BD00;
}
.virtue-card:hover {
  background: url(../images/Virtue-Card-V-White.png) no-repeat 50% 50%;
}
.virtue-card:hover h4 {
  color: #ffffff;
}
.virtue-card:hover span {
  color: #ffffff;
}
.virtue-card h4 {
  font-size: 23px;
}
.virtue-card .virtue-card-detail {
  position: absolute;
  top: 40px;
  width: 100%;
  padding: 0px;
}
.virtue-card span {
  font-size: 15px;
  margin-left: 8px;
  margin-right: 8px;
  display: inline-block;
  color: #666666;
  text-align: center;
}

.container-tier2-header .content-tier2-header .nav ul li a.icon.search {
  margin-top: 2px;
  width: 40px;
  height: 40px;
  background: url(../images/search.png) no-repeat 50% 50%;
  display: inline-block;
  position: absolute;
  top: -12px;
}
.container-tier2-header .content-tier2-header .logoContainer {
  width: 58px;
  height: 105px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  margin-bottom: 21px;
  padding: 0px;
  top: 18px;
  display: inline-block;
}
.container-tier2-header .content-tier2-header .nav {
  position: absolute;
  right: 80px;
  top: 105px;
  display: inline-block;
}
.container-tier2-header .content-tier2-header .nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}
.container-tier2-header .content-tier2-header .nav ul li {
  float: left;
  margin-left: 24px;
  color: #3D3935;
  display: block;
  transition-duration: 0.5s;
  font-weight: bold;
}
.container-tier2-header .content-tier2-header .nav ul li a {
  color: #3D3935;
}
.container-tier2-header .content-tier2-header .nav ul li:hover {
  cursor: pointer;
}
.container-tier2-header .content-tier2-header .nav ul li:hover ul {
  z-index: 10;
  visibility: visible;
  opacity: 1;
  display: block;
}
.container-tier2-header .content-tier2-header .nav ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  display: none;
  background-color: white;
  padding-left: 12px;
  padding-right: 24px;
  min-width: 280px;
}
.container-tier2-header .content-tier2-header .nav ul li ul li {
  margin: 0;
  display: block;
  float: none;
}
.container-tier2-header .content-tier2-header .nav ul li ul li a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 8px;
  color: #00A19B;
}
.container-tier2-header .content-tier2-header .nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.container-tier2-header .content-tier2-header .nav ul li.last ul {
  right: 0px;
}

.playbook-navigation-block {
  background-color: #ecebea;
  height: 40px;
  text-transform: uppercase;
  font-size: 10px;
}
.playbook-navigation-block ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 40px;
  overflow: hidden;
  background-color: transparent;
}
.playbook-navigation-block ul li {
  float: left;
  height: 40px;
  padding-top: 12px;
  margin-right: 12px;
}
.playbook-navigation-block ul li.active {
  border-bottom: solid 2px #00A19B;
}
.playbook-navigation-block a {
  height: 100%;
  color: #3c3935;
}
.playbook-navigation-block .navigation-block.left {
  text-align: left;
  padding-left: 80px;
  background: url(../images/logo-only-menu.png) no-repeat 55px 12px;
  font-size: 10px;
}
.playbook-navigation-block .navigation-block.left span {
  font-weight: bold;
  padding-top: 12px;
  height: 100%;
  display: inline-block;
}
.playbook-navigation-block .navigation-block.left.virtue {
  background-image: url(../images/Virtue-Icon-Menu.png);
}
.playbook-navigation-block .navigation-block.left.element {
  background-image: url(../images/Playbook-Icon-Menu.png);
}
.playbook-navigation-block .navigation-block.center .arrowButton {
  display: none;
}

.container-playbook {
  background: url(../images/PB_HPT_Banner.jpg) no-repeat black 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  color: #ffffff;
  position: relative;
  height: 547px;
  width: 100%;
  overflow: hidden;
}
.container-playbook .content-playbook {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 547px;
  width: 100%;
  max-width: none;
}
.container-playbook .content-playbook h1 {
  font-weight: normal;
  font-size: 36px;
  position: absolute;
  top: 50%;
  left: 79px;
  display: block;
}

.contentCentered {
  text-align: center;
}

.contentCentered::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}

.contentCentered > * {
  display: inline-block;
  vertical-align: middle;
}

.container-perf-playbook {
  background: no-repeat black 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  color: #ffffff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 32.87%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.container-perf-playbook.building-relationships {
  background-image: url(../images/BuildRelationshipsBanner.jpg);
}
.container-perf-playbook.leverage-strengths {
  background-image: url(../images/LeverageStrengthsBanner.jpg);
}
.container-perf-playbook.create-clarity {
  background-image: url(../images/CreateClarityBanner.jpg);
}
.container-perf-playbook.define-purpose {
  background-image: url(../images/DefinePurposeBanner.jpg);
}
.container-perf-playbook.drive-results {
  background-image: url(../images/DriveResultsBanner.jpg);
}
.container-perf-playbook.coaching {
  background-image: url(../images/CoachingPlaybookBanner.jpg);
}
.container-perf-playbook.organizational-culture {
  background-image: url("../images/Organizational Culture Banner.jpg");
}
.container-perf-playbook.hire-for-character-train-for-competence {
  background-image: url("../images/Hire for Character Banner.jpg");
}
.container-perf-playbook.teamwork {
  background-image: url("../images/Teamwork Banner.jpg");
}
.container-perf-playbook.resilience {
  background-image: url("../images/ResilienceBanner.jpg");
}
.container-perf-playbook.raising-and-teaching-better-humans {
  background-image: url("../images/Raising Better Humans Banner.jpg");
}
.container-perf-playbook.driving-innovation {
  background-image: url("../images/Innovation Banner.jpg");
}
.container-perf-playbook.creating-diversity-equity-and-inclusion {
  background-image: url("../images/Creating Diversity Banner.jpg");
}
.container-perf-playbook.restoring-culture {
  background-image: url("../images/Restoring Culture Banner.jpg");
}
.container-perf-playbook.forming-good-habits {
  background-image: url("../images/Habits Banner.jpg");
}
.container-perf-playbook.value-of-virtue {
  background-image: url("../images/Value of Virtue Banner.jpg");
}
.container-perf-playbook.engagement {
  background-image: url("../images/Engagement Banner.jpg");
}

.container-virtue {
  background: no-repeat black 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  color: #ffffff;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 21.73%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.container-virtue.compassion {
  background-image: url(../images/CompassionBanner.jpg);
}
.container-virtue.trust {
  background-image: url(../images/TrustBanner.jpg);
}
.container-virtue.courage {
  background-image: url(../images/CourageBanner.jpg);
}
.container-virtue.hope {
  background-image: url(../images/HopeBanner.jpg);
}
.container-virtue.wisdom {
  background-image: url(../images/WisdomBanner.jpg);
}
.container-virtue.temperance {
  background-image: url(../images/TemperanceBanner.jpg);
}
.container-virtue.justice {
  background-image: url(../images/JusticeBanner.jpg);
}

.watermark-v-med {
  width: 239px;
  height: 248px;
  background: url("../images/V-Large-medium.png") no-repeat 50% 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.watermark {
  width: 230px;
  height: 273px;
  background: url("../images/Playbook Icon Lrg.png") no-repeat 50% 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.watermark.watermark-v {
  width: 260px;
  background-image: url("../images/V Large.png");
}

.container-virtue-detail .content-virtue-detail {
  padding-top: 74px;
  padding-bottom: 74px;
  text-align: left;
}
.container-virtue-detail .content-virtue-detail h4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.container-playbook-detail .content-playbook-detail {
  max-width: 1042px;
  margin: 0 auto;
  display: inline-block;
  padding-top: 40px;
  text-align: left;
}
.container-playbook-detail .content-playbook-detail h2 {
  padding-top: 16px;
  padding-bottom: 24px;
  font-weight: normal;
}
.container-playbook-detail .content-playbook-detail.banner h2 {
  display: none;
}
.container-playbook-detail.gray .content-playbook-detail h4 {
  padding-bottom: 8px;
}
.container-playbook-detail.gray.elements-header .content-playbook-detail {
  padding-bottom: 0px;
}
.container-playbook-detail.gray.elements-container .content-playbook-detail {
  margin: 0 auto;
  padding: 0px;
}

.no-left-margin {
  margin-left: 0px;
}

.container-atom-padding-bottom {
  padding-bottom: 40px;
}

.playbook-elements-box-container {
  max-width: 940px;
  margin: 30px auto;
  padding: 0 0 20px 0px;
}
.playbook-elements-box-container a {
  width: 198px;
  height: 264px;
  margin-left: 4px;
  display: inline-block;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
}
.playbook-elements-box-container a.building-relationships {
  background-image: url(../images/tile-build-relationships.png);
}
.playbook-elements-box-container a.building-relationships:hover {
  background-image: url(../images/tile-build-relationships-hover.png);
}
.playbook-elements-box-container a.leverage-strengths {
  background-image: url(../images/tile-leverage-strengths.png);
}
.playbook-elements-box-container a.leverage-strengths:hover {
  background-image: url(../images/tile-leverage-strengths-hover.png);
}
.playbook-elements-box-container a.create-clarity {
  background-image: url(../images/tile-create-clarity.png);
}
.playbook-elements-box-container a.create-clarity:hover {
  background-image: url(../images/tile-create-clarity-hover.png);
}
.playbook-elements-box-container a.define-purpose {
  background-image: url(../images/tile-define-purpose.png);
}
.playbook-elements-box-container a.define-purpose:hover {
  background-image: url(../images/tile-define-purpose-hover.png);
}
.playbook-elements-box-container a.drive-results {
  background-image: url(../images/tile-drive-results.png);
}
.playbook-elements-box-container a.drive-results:hover {
  background-image: url(../images/tile-drive-results-hover.png);
}
.playbook-elements-box-container a:hover {
  text-decoration: none;
}
.playbook-elements-box-container a.first {
  margin-left: 0px;
}
.playbook-elements-box-container a.non-featured {
  width: 212px;
  height: 68px;
  display: inline-flex;
  /*CSS3*/
  align-items: center;
  /*Vertical align*/
  justify-content: center;
  /*horizontal align*/
  font-weight: bold;
  background-color: #00A19B;
  color: white;
  padding: 0 20px;
  margin-bottom: 30px;
  border-radius: 12px;
  position: relative;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.playbook-elements-box-container a.non-featured span {
  position: absolute;
  margin: 0 20px;
}
.playbook-elements-box-container a.non-featured:hover {
  background-color: #a8a8a8;
}
.playbook-elements-box-container .element-box {
  width: 176px;
  height: 247px;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  position: relative;
}
.playbook-elements-box-container .element-box h4 {
  margin-top: 8px;
  color: #666666;
}
.playbook-elements-box-container .element-box .element-box-detail {
  position: absolute;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
.playbook-elements-box-container .element-box .element-box-detail h1 {
  color: #00A49C;
  border-bottom: solid 1px #666666;
  width: 42px;
  padding-top: 24px;
  padding-bottom: 16px;
  font-size: 64px;
  display: inline-block;
  margin-bottom: 16px;
}
.playbook-elements-box-container .element-box:hover {
  background: #00A49C;
}
.playbook-elements-box-container .element-box:hover h1 {
  color: #ffffff;
  border-bottom: solid 1px #FFFFFF;
}
.playbook-elements-box-container .element-box:hover h4 {
  color: #ffffff;
}

.content-atom-type-wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0px;
}
.content-atom-type-wrapper h1 {
  text-align: center;
  font-size: 36px;
  padding-top: 16px;
  padding-bottom: 24px;
  font-weight: normal;
}

.container-element {
  background: #ffffff;
  position: relative;
  min-height: 368px;
  width: 100%;
  overflow: hidden;
}
.container-element .content-element {
  max-width: 1042px;
  margin: 0 auto;
  display: inline-block;
  padding-top: 74px;
  padding-bottom: 74px;
  text-align: left;
}
.container-element .content-element h1 {
  font-size: 36px;
  line-height: 38px;
  padding-top: 16px;
  padding-bottom: 24px;
  font-weight: normal;
}
.container-element .content-element h1 span {
  color: #d9d8d6;
}
.container-element .content-element .virtue-titles {
  margin-bottom: 40px;
}
.container-element .content-element .virtue-content .virtue-description {
  padding-right: 40px;
}
.container-element .content-element .virtue-content .virtue-quote {
  padding-left: 60px;
  padding-right: 80px;
  border-left: solid black 4px;
}
.container-element .content-element .virtue-content .virtue-quote h4 {
  color: #00A19B;
  font-size: 22px;
  font-style: italic;
  padding-bottom: 10px;
}
.container-element .content-element .virtue-content .virtue-quote p {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.container-element .content-element.virtue-atom-type-header {
  padding-top: 24px;
  padding-bottom: 24px;
}
.container-element .content-element.virtue-atom-type-header ul, .container-element .content-element.virtue-atom-type-header ol {
  margin-bottom: 0px;
}
.container-element .content-element.virtue-atom-type-header ul li, .container-element .content-element.virtue-atom-type-header ol li {
  font-family: "fira_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
}
.container-element .content-element.virtue-atom-type-header h4 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.container-element.virtue-green {
  background-color: #00A19B;
  color: white;
}
.container-element.virtue-green .content {
  max-width: 664px;
}
.container-element.virtue-green .content h2 {
  text-align: center;
}
.container-element.virtue-green .content ol {
  counter-reset: li;
  /* Initiate a counter */
  margin-left: 0;
  /* Remove the default left margin */
  padding-left: 0;
  /* Remove the default left padding */
}
.container-element.virtue-green .content ol > li {
  position: relative;
  /* Create a positioning context */
  margin: 0 0 6px 2em;
  /* Give each list item a left margin to make room for the numbers */
  padding: 4px 8px;
  /* Add some spacing around the content */
  list-style: none;
  /* Disable the normal item numbering */
}
.container-element.virtue-green .content ol > li:before {
  content: counter(li);
  /* Use the counter as content */
  counter-increment: li;
  /* Increment the counter by 1 */
  /* Position and style the number */
  position: absolute;
  top: -2px;
  left: -2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.8em;
  /* Some space between the number and the content in browsers that support
  generated content but not positioning it (Camino 2 is one example) */
  margin-right: 8px;
  padding: 4px;
  color: #00A19B;
  background: #fff;
  border-radius: 50%;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}
.container-element.virtue-green .content li ol,
.container-element.virtue-green .content li ul {
  margin-top: 6px;
}
.container-element.virtue-green .content ol ol li:last-child {
  margin-bottom: 0;
}
.container-element.virtue-atom-type-container {
  min-height: 180px;
}
.container-element.perf-playbook {
  min-height: 150px;
}

.virtue-instructions h4 span.asset-group-name, .playbook-instructions h4 span.asset-group-name {
  color: #0e2c5a;
  font-weight: bold;
}

.instructions-container {
  margin-top: 20px;
  height: 74px;
  background: url(../images/instructions.png) no-repeat left center;
  width: 280px;
  float: left;
}
.instructions-container a {
  padding-top: 23px;
  padding-left: 88px;
  display: inline-block;
  font-size: 20px;
  color: #0e2c5a;
}

.virtue-story .image {
  background: no-repeat 50% 50%;
  background-size: cover;
  height: 540px;
}
.virtue-story .virtue-story-content {
  padding: 0px 0px 0px 40px;
}
.virtue-story .virtue-story-content .attr {
  padding-left: 24px;
  margin-top: 48px;
  color: #707070;
  border-left: solid #707070 6px;
}

.lady-justice {
  background: no-repeat 50% 0% url(../images/lady-justice.png);
  width: 244px;
  height: 600px;
}

.lady-justice-copy {
  border-left: solid #707070 6px;
  color: #707070;
  padding-left: 18px;
  top: 520px;
  position: relative;
}

.virtue-arrows {
  background: no-repeat 50% 50% url(../images/trust-arrows.png);
  width: 790px;
  height: 320px;
}
.virtue-arrows h3 {
  margin-top: 70px;
}

.virtue-chart {
  margin-top: 24px;
}
.virtue-chart img {
  margin-left: 24px;
  margin-bottom: 16px;
}

.content-atom-type-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}

.white-text {
  color: white;
}

.element-atom-anchor {
  width: 204px;
  height: 260px;
  margin-left: 8px;
}
.element-atom-anchor.engage {
  background-image: url(../images/tile-engage.png);
}
.element-atom-anchor.engage:hover {
  background-image: url(../images/tile-engage-hover.png);
}
.element-atom-anchor.strengthen {
  background-image: url(../images/tile-strengthen.png);
}
.element-atom-anchor.strengthen:hover {
  background-image: url(../images/tile-strengthen-hover.png);
}
.element-atom-anchor.excel {
  background-image: url(../images/tile-excel.png);
}
.element-atom-anchor.excel:hover {
  background-image: url(../images/tile-excel-hover.png);
}
.element-atom-anchor.busyness-versus-compassion {
  background-image: url(../images/BusynessButton.png);
}
.element-atom-anchor.busyness-versus-compassion:hover {
  background-image: url(../images/BusynessButton-hover.png);
}
.element-atom-anchor.compassion-outreach {
  background-image: url(../images/CompassionOutreachButton.png);
}
.element-atom-anchor.compassion-outreach:hover {
  background-image: url(../images/CompassionOutreachButton-hover.png);
}
.element-atom-anchor.take-match-or-give {
  background-image: url(../images/TakeMatchGiveButton.png);
}
.element-atom-anchor.take-match-or-give:hover {
  background-image: url(../images/TakeMatchGiveButton-hover.png);
}
.element-atom-anchor.conversations-that-matter {
  background-image: url(../images/WhatMattersButton.png);
}
.element-atom-anchor.conversations-that-matter:hover {
  background-image: url(../images/WhatMattersButton-hover.png);
}
.element-atom-anchor.compassion-survey {
  background-image: url(../images/CompassionSurveyButton.png);
}
.element-atom-anchor.compassion-survey:hover {
  background-image: url(../images/CompassionSurveyButton-hover.png);
}
.element-atom-anchor.forgiving-apartheid {
  background-image: url(../images/ForgivingApartheidButton.png);
}
.element-atom-anchor.forgiving-apartheid:hover {
  background-image: url(../images/ForgivingApartheidButton-hover.png);
}
.element-atom-anchor.optimism-versus-pessimism {
  background-image: url(../images/OptimismVsPessimismButton.png);
}
.element-atom-anchor.optimism-versus-pessimism:hover {
  background-image: url(../images/OptimismVsPessimismButton-hover.png);
}
.element-atom-anchor.post-traumatic-hope {
  background-image: url(../images/PostTraumaticHopeButton.png);
}
.element-atom-anchor.post-traumatic-hope:hover {
  background-image: url(../images/PostTraumaticHopeButton-hover.png);
}
.element-atom-anchor.better-not-bitter {
  background-image: url(../images/BetterNotBitterButton.png);
}
.element-atom-anchor.better-not-bitter:hover {
  background-image: url(../images/BetterNotBitterButton-hover.png);
}
.element-atom-anchor.practicing-gratitude {
  background-image: url(../images/PracticingGratitudeButton.png);
}
.element-atom-anchor.practicing-gratitude:hover {
  background-image: url(../images/PracticingGratitudeButton-hover.png);
}
.element-atom-anchor.practicing-optimism {
  background-image: url(../images/PracticingOptimismButton.png);
}
.element-atom-anchor.practicing-optimism:hover {
  background-image: url(../images/PracticingOptimismButton-hover.png);
}
.element-atom-anchor.americas-cup {
  background-image: url(../images/AmericasCup.png);
}
.element-atom-anchor.americas-cup:hover {
  background-image: url(../images/AmericasCup-hover.png);
}
.element-atom-anchor.building-trust {
  background-image: url(../images/BuildingTrust.png);
}
.element-atom-anchor.building-trust:hover {
  background-image: url(../images/BuildingTrust-hover.png);
}
.element-atom-anchor.courage-face-of-risk {
  background-image: url(../images/CourageFaceOfRisk.png);
}
.element-atom-anchor.courage-face-of-risk:hover {
  background-image: url(../images/CourageFaceOfRisk-hover.png);
}
.element-atom-anchor.creating-purpose {
  background-image: url(../images/CreatingPurpose.png);
}
.element-atom-anchor.creating-purpose:hover {
  background-image: url(../images/CreatingPurpose-hover.png);
}
.element-atom-anchor.elite-high-performance {
  background-image: url(../images/EliteHighPerformance.png);
}
.element-atom-anchor.elite-high-performance:hover {
  background-image: url(../images/EliteHighPerformance-hover.png);
}
.element-atom-anchor.evaluate-affordable-loss {
  background-image: url(../images/EvaluateAffordableLoss.png);
}
.element-atom-anchor.evaluate-affordable-loss:hover {
  background-image: url(../images/EvaluateAffordableLoss-hover.png);
}
.element-atom-anchor.good-teammate-survey {
  background-image: url(../images/GoodTeammateSurvey.png);
}
.element-atom-anchor.good-teammate-survey:hover {
  background-image: url(../images/GoodTeammateSurvey-hover.png);
}
.element-atom-anchor.hire-for-character {
  background-image: url(../images/HireForCharacter.png);
}
.element-atom-anchor.hire-for-character:hover {
  background-image: url(../images/HireForCharacter-hover.png);
}
.element-atom-anchor.hiring-for-character {
  background-image: url(../images/HiringForCharacter.png);
}
.element-atom-anchor.hiring-for-character:hover {
  background-image: url(../images/HiringForCharacter-hover.png);
}
.element-atom-anchor.injustice-forgiveness {
  background-image: url(../images/InjusticeForgiveness.png);
}
.element-atom-anchor.injustice-forgiveness:hover {
  background-image: url(../images/InjusticeForgiveness-hover.png);
}
.element-atom-anchor.leverage-strengths {
  background-image: url(../images/LeverageStrengths.png);
}
.element-atom-anchor.leverage-strengths:hover {
  background-image: url(../images/LeverageStrengths-hover.png);
}
.element-atom-anchor.looking-backward {
  background-image: url(../images/LookingBackward.png);
}
.element-atom-anchor.looking-backward:hover {
  background-image: url(../images/LookingBackward-hover.png);
}
.element-atom-anchor.most-complicated-virtue {
  background-image: url(../images/MostComplicatedVirtue.png);
}
.element-atom-anchor.most-complicated-virtue:hover {
  background-image: url(../images/MostComplicatedVirtue-hover.png);
}
.element-atom-anchor.not-yet-mindset {
  background-image: url(../images/NotYetMindset.png);
}
.element-atom-anchor.not-yet-mindset:hover {
  background-image: url(../images/NotYetMindset-hover.png);
}
.element-atom-anchor.our-ego-our-amigo {
  background-image: url(../images/OurEgoOurAmigo.png);
}
.element-atom-anchor.our-ego-our-amigo:hover {
  background-image: url(../images/OurEgoOurAmigo-hover.png);
}
.element-atom-anchor.pausing-and-planning {
  background-image: url(../images/PausingAndPlanning.png);
}
.element-atom-anchor.pausing-and-planning:hover {
  background-image: url(../images/PausingAndPlanning-hover.png);
}
.element-atom-anchor.positive-ratio {
  background-image: url(../images/PositiveRatio.png);
}
.element-atom-anchor.positive-ratio:hover {
  background-image: url(../images/PositiveRatio-hover.png);
}
.element-atom-anchor.principles-before-profits {
  background-image: url(../images/PrinciplesBeforeProfits.png);
}
.element-atom-anchor.principles-before-profits:hover {
  background-image: url(../images/PrinciplesBeforeProfits-hover.png);
}
.element-atom-anchor.purpose-of-corporation {
  background-image: url(../images/PurposeOfCorporation.png);
}
.element-atom-anchor.purpose-of-corporation:hover {
  background-image: url(../images/PurposeOfCorporation-hover.png);
}
.element-atom-anchor.reflections {
  background-image: url(../images/Reflections.png);
}
.element-atom-anchor.reflections:hover {
  background-image: url(../images/Reflections-hover.png);
}
.element-atom-anchor.stakeholder-perspective {
  background-image: url(../images/StakeholderPerspective.png);
}
.element-atom-anchor.stakeholder-perspective:hover {
  background-image: url(../images/StakeholderPerspective-hover.png);
}
.element-atom-anchor.stewards-of-a-community {
  background-image: url(../images/StewardsOfACommunity.png);
}
.element-atom-anchor.stewards-of-a-community:hover {
  background-image: url(../images/StewardsOfACommunity-hover.png);
}
.element-atom-anchor.strengthen-through-scripting {
  background-image: url(../images/StrengthenThroughScripting.png);
}
.element-atom-anchor.strengthen-through-scripting:hover {
  background-image: url(../images/StrengthenThroughScripting-hover.png);
}
.element-atom-anchor.the5-cs {
  background-image: url(../images/The5Cs.png);
}
.element-atom-anchor.the5-cs:hover {
  background-image: url(../images/The5Cs-hover.png);
}
.element-atom-anchor.the-ethical-protectors {
  background-image: url(../images/TheEthicalProtectors.png);
}
.element-atom-anchor.the-ethical-protectors:hover {
  background-image: url(../images/TheEthicalProtectors-hover.png);
}
.element-atom-anchor.the-trojan-horse {
  background-image: url(../images/TheTrojanHorse.png);
}
.element-atom-anchor.the-trojan-horse:hover {
  background-image: url(../images/TheTrojanHorse-hover.png);
}
.element-atom-anchor.to-be-virtuous-temperate {
  background-image: url(../images/ToBeVirtuousTemperate.png);
}
.element-atom-anchor.to-be-virtuous-temperate:hover {
  background-image: url(../images/ToBeVirtuousTemperate-hover.png);
}
.element-atom-anchor.trust-bank-account {
  background-image: url(../images/TrustBankAccount.png);
}
.element-atom-anchor.trust-bank-account:hover {
  background-image: url(../images/TrustBankAccount-hover.png);
}
.element-atom-anchor.trust-is-essential {
  background-image: url(../images/TrustIsEssential.png);
}
.element-atom-anchor.trust-is-essential:hover {
  background-image: url(../images/TrustIsEssential-hover.png);
}
.element-atom-anchor.vulnerability-courage {
  background-image: url(../images/VulnerabilityCourage.png);
}
.element-atom-anchor.vulnerability-courage:hover {
  background-image: url(../images/VulnerabilityCourage-hover.png);
}
.element-atom-anchor.what-if-not-afraid {
  background-image: url(../images/WhatIfNotAfraid.png);
}
.element-atom-anchor.what-if-not-afraid:hover {
  background-image: url(../images/WhatIfNotAfraid-hover.png);
}
.element-atom-anchor.when-team-at-its-best {
  background-image: url(../images/WhenTeamAtItsBest.png);
}
.element-atom-anchor.when-team-at-its-best:hover {
  background-image: url(../images/WhenTeamAtItsBest-hover.png);
}
.element-atom-anchor.empathy-human-connection {
  background-image: url(../images/EmpathyHumanConnection.png);
}
.element-atom-anchor.empathy-human-connection:hover {
  background-image: url(../images/EmpathyHumanConnection-hover.png);
}
.element-atom-anchor.honda-dreams {
  background-image: url(../images/HondaDreams.png);
}
.element-atom-anchor.honda-dreams:hover {
  background-image: url(../images/HondaDreams-hover.png);
}
.element-atom-anchor.hoop-dreams {
  background-image: url(../images/HoopDreams.png);
}
.element-atom-anchor.hoop-dreams:hover {
  background-image: url(../images/HoopDreams-hover.png);
}
.element-atom-anchor.making-the-unconscious-conscious {
  background-image: url(../images/MakingConscious.png);
}
.element-atom-anchor.making-the-unconscious-conscious:hover {
  background-image: url(../images/MakingConscious-hover.png);
}
.element-atom-anchor.samsung-hearing-hands {
  background-image: url(../images/SamsungHearingHands.png);
}
.element-atom-anchor.samsung-hearing-hands:hover {
  background-image: url(../images/SamsungHearingHands-hover.png);
}
.element-atom-anchor.technology-hijack {
  background-image: url(../images/TechnologyHijack.png);
}
.element-atom-anchor.technology-hijack:hover {
  background-image: url(../images/TechnologyHijack-hover.png);
}
.element-atom-anchor.wisdom-video {
  background-image: url(../images/WisdomVideo.png);
}
.element-atom-anchor.wisdom-video:hover {
  background-image: url(../images/WisdomVideo-hover.png);
}
.element-atom-anchor.after-action-review {
  background-image: url(../images/AfterActionReview_Button.png);
}
.element-atom-anchor.after-action-review:hover {
  background-image: url(../images/AfterActionReview_Button-hover.png);
}
.element-atom-anchor.beating-negativity-bias {
  background-image: url(../images/BeatingNegativityBias_Button.png);
}
.element-atom-anchor.beating-negativity-bias:hover {
  background-image: url(../images/BeatingNegativityBias_Button-hover.png);
}
.element-atom-anchor.buildingrelationships {
  background-image: url(../images/BuildingRelationshipsReview_Button.png);
}
.element-atom-anchor.buildingrelationships:hover {
  background-image: url(../images/BuildingRelationshipsReview_Button-hover.png);
}
.element-atom-anchor.character-self-examination {
  background-image: url(../images/CharacterSelf-Examination_Button.png);
}
.element-atom-anchor.character-self-examination:hover {
  background-image: url(../images/CharacterSelf-Examination_Button-hover.png);
}
.element-atom-anchor.clarity {
  background-image: url(../images/ClarityReview_Button.png);
}
.element-atom-anchor.clarity:hover {
  background-image: url(../images/ClarityReview_Button-hover.png);
}
.element-atom-anchor.clarity {
  background-image: url(../images/Clarity_Button.png);
}
.element-atom-anchor.clarity:hover {
  background-image: url(../images/Clarity_Button-hover.png);
}
.element-atom-anchor.conversations-that-matter {
  background-image: url(../images/ConversationsThatMatter_Button.png);
}
.element-atom-anchor.conversations-that-matter:hover {
  background-image: url(../images/ConversationsThatMatter_Button-hover.png);
}
.element-atom-anchor.disconnect-to-connect {
  background-image: url(../images/DisconnectToConnect_Button.png);
}
.element-atom-anchor.disconnect-to-connect:hover {
  background-image: url(../images/DisconnectToConnect_Button-hover.png);
}
.element-atom-anchor.driveresults {
  background-image: url(../images/DriveResultsReview_Button.png);
}
.element-atom-anchor.driveresults:hover {
  background-image: url(../images/DriveResultsReview_Button-hover.png);
}
.element-atom-anchor.driveresults {
  background-image: url(../images/DriveResults_Button.png);
}
.element-atom-anchor.driveresults:hover {
  background-image: url(../images/DriveResults_Button-hover.png);
}
.element-atom-anchor.everyone-has-a-voice {
  background-image: url(../images/EveryoneHasVoice_Button.png);
}
.element-atom-anchor.everyone-has-a-voice:hover {
  background-image: url(../images/EveryoneHasVoice_Button-hover.png);
}
.element-atom-anchor.excellent-teamwork-checklist {
  background-image: url(../images/ExcellentTeamworkChecklist_Button.png);
}
.element-atom-anchor.excellent-teamwork-checklist:hover {
  background-image: url(../images/ExcellentTeamworkChecklist_Button-hover.png);
}
.element-atom-anchor.expectations-exchange {
  background-image: url(../images/ExpectationsExchange_Button.png);
}
.element-atom-anchor.expectations-exchange:hover {
  background-image: url(../images/ExpectationsExchange_Button-hover.png);
}
.element-atom-anchor.green-to-attack-red {
  background-image: url(../images/GreenAttackRed_Button.png);
}
.element-atom-anchor.green-to-attack-red:hover {
  background-image: url(../images/GreenAttackRed_Button-hover.png);
}
.element-atom-anchor.highperformingteamgroundrules {
  background-image: url(../images/HighPerformingTeamGroundRules_Button.png);
}
.element-atom-anchor.highperformingteamgroundrules:hover {
  background-image: url(../images/HighPerformingTeamGroundRules_Button-hover.png);
}
.element-atom-anchor.jacks-story {
  background-image: url(../images/JacksStory_Button.png);
}
.element-atom-anchor.jacks-story:hover {
  background-image: url(../images/JacksStory_Button-hover.png);
}
.element-atom-anchor.leaders-intent {
  background-image: url(../images/LeadersIntent_Button.png);
}
.element-atom-anchor.leaders-intent:hover {
  background-image: url(../images/LeadersIntent_Button-hover.png);
}
.element-atom-anchor.learning-zone-strategies {
  background-image: url(../images/LearningZoneStrategies_Button.png);
}
.element-atom-anchor.learning-zone-strategies:hover {
  background-image: url(../images/LearningZoneStrategies_Button-hover.png);
}
.element-atom-anchor.leverage-strengths {
  background-image: url("../images/Leverage StrengthsReview_Button.png");
}
.element-atom-anchor.leverage-strengths:hover {
  background-image: url("../images/Leverage StrengthsReview_Button-hover.png");
}
.element-atom-anchor.leveraging-strengths-managing-weaknesses {
  background-image: url(../images/LeveragingStrengthsManagingWeaknesses_Button.png);
}
.element-atom-anchor.leveraging-strengths-managing-weaknesses:hover {
  background-image: url(../images/LeveragingStrengthsManagingWeaknesses_Button-hover.png);
}
.element-atom-anchor.practice-gratitude {
  background-image: url(../images/PracticeGratitude_Button.png);
}
.element-atom-anchor.practice-gratitude:hover {
  background-image: url(../images/PracticeGratitude_Button-hover.png);
}
.element-atom-anchor.psychological-safety-survey {
  background-image: url(../images/PsychologicalSafetySurvey_Button.png);
}
.element-atom-anchor.psychological-safety-survey:hover {
  background-image: url(../images/PsychologicalSafetySurvey_Button-hover.png);
}
.element-atom-anchor.purpose {
  background-image: url(../images/PurposeReview_Button.png);
}
.element-atom-anchor.purpose:hover {
  background-image: url(../images/PurposeReview_Button-hover.png);
}
.element-atom-anchor.purpose {
  background-image: url(../images/Purpose_Button.png);
}
.element-atom-anchor.purpose:hover {
  background-image: url(../images/Purpose_Button-hover.png);
}
.element-atom-anchor.purposeful-culture {
  background-image: url(../images/PurposefulCulture_Button.png);
}
.element-atom-anchor.purposeful-culture:hover {
  background-image: url(../images/PurposefulCulture_Button-hover.png);
}
.element-atom-anchor.results {
  background-image: url(../images/Results_Button.png);
}
.element-atom-anchor.results:hover {
  background-image: url(../images/Results_Button-hover.png);
}
.element-atom-anchor.a-secure-base {
  background-image: url(../images/SecureBase_Button.png);
}
.element-atom-anchor.a-secure-base:hover {
  background-image: url(../images/SecureBase_Button-hover.png);
}
.element-atom-anchor.the-snake-pit {
  background-image: url(../images/The-Snake-Pit_Button.png);
}
.element-atom-anchor.the-snake-pit:hover {
  background-image: url(../images/The-Snake-Pit_rollover.png);
}
.element-atom-anchor.strength-based-evaluation {
  background-image: url(../images/Strength-BasedEvaluation.png);
}
.element-atom-anchor.strength-based-evaluation:hover {
  background-image: url(../images/Strength-BasedEvaluation-hover.png);
}
.element-atom-anchor.superstars-and-bad-apples {
  background-image: url(../images/SuperstarsBadApples_Button.png);
}
.element-atom-anchor.superstars-and-bad-apples:hover {
  background-image: url(../images/SuperstarsBadApples_Button-hover.png);
}
.element-atom-anchor.team-user-manual {
  background-image: url(../images/TeamUserManual_Button.png);
}
.element-atom-anchor.team-user-manual:hover {
  background-image: url(../images/TeamUserManual_Button-hover.png);
}
.element-atom-anchor.trusting-and-caring-relationships {
  background-image: url(../images/TrustingCaringRelationships_Button.png);
}
.element-atom-anchor.trusting-and-caring-relationships:hover {
  background-image: url(../images/TrustingCaringRelationships_Button-hover.png);
}
.element-atom-anchor.virtue-moments {
  background-image: url(../images/VirtueMoments.png);
}
.element-atom-anchor.virtue-moments:hover {
  background-image: url(../images/VirtueMoments-hover.png);
}
.element-atom-anchor.what-can-you-do-that-a-computer-cant {
  background-image: url(../images/WhatCanYouDoComputerCant.png);
}
.element-atom-anchor.what-can-you-do-that-a-computer-cant:hover {
  background-image: url(../images/WhatCanYouDoComputerCant-hover.png);
}
.element-atom-anchor.whats-next-why-me {
  background-image: url(../images/WhatsNextWhyMe_Button.png);
}
.element-atom-anchor.whats-next-why-me:hover {
  background-image: url(../images/WhatsNextWhyMe_Button-hover.png);
}
.element-atom-anchor.winning-at-all-costs {
  background-image: url(../images/WinningAtAllCost_Button.png);
}
.element-atom-anchor.winning-at-all-costs:hover {
  background-image: url(../images/WinningAtAllCost_Button-hover.png);
}
.element-atom-anchor.winning-through-virtuous-leadership {
  background-image: url(../images/WinningThroughVirtuousLeadership_Button.png);
}
.element-atom-anchor.winning-through-virtuous-leadership:hover {
  background-image: url(../images/WinningThroughVirtuousLeadership_Button-hover.png);
}
.element-atom-anchor.atul-gawande {
  background-image: url(../images/AtwalGawande_Video_Button.png);
  background-size: contain;
}
.element-atom-anchor.atul-gawande:hover {
  background-image: url(../images/AtwalGawande_Video_Rollover.png);
}
.element-atom-anchor.coaching-and-swim-buddies {
  background-image: url(../images/SwimBuddies_Button.png);
  background-size: contain;
}
.element-atom-anchor.coaching-and-swim-buddies:hover {
  background-image: url(../images/SwimBuddies_Rollover.png);
}
.element-atom-anchor.how-do-people-best-learn {
  background-image: url(../images/How_Do_People_Best_Learn_Button.png);
  background-size: contain;
}
.element-atom-anchor.how-do-people-best-learn:hover {
  background-image: url(../images/How_Do_People_Best_Learn_Rollover.png);
}
.element-atom-anchor.what-coaching-isnt-and-what-coaching-is {
  background-image: url(../images/What_Coaching_Isnt_and_What_Coaching_Is_Button.png);
  background-size: contain;
}
.element-atom-anchor.what-coaching-isnt-and-what-coaching-is:hover {
  background-image: url(../images/What_Coaching_Isnt_and_What_Coaching_Is_Rollover.png);
}
.element-atom-anchor.the-aim-of-coaching {
  background-image: url(../images/The_Aim_of_Coaching_Button.png);
  background-size: contain;
}
.element-atom-anchor.the-aim-of-coaching:hover {
  background-image: url(../images/The_Aim_of_Coaching_Rollover.png);
}
.element-atom-anchor.what-are-common-coaching-challenges {
  background-image: url(../images/What_Are_Common_Coaching_Challenges_Button.png);
  background-size: contain;
}
.element-atom-anchor.what-are-common-coaching-challenges:hover {
  background-image: url(../images/What_Are_Common_Coaching_Challenges_Rollover.png);
}
.element-atom-anchor.why-incompetent-people-think-theyre-amazing {
  background-image: url(../images/Why_Do_Incompetent_People_Video_Button.png);
  background-size: contain;
}
.element-atom-anchor.why-incompetent-people-think-theyre-amazing:hover {
  background-image: url(../images/Why_Do_Incompetent_People_Video_Rollover.png);
}
.element-atom-anchor.why-do-incompetent-people-think-they-are-amazing {
  background-image: url(../images/Why_Do_Incompetent_People_Think_They_Are_Amazing_Button.png);
  background-size: contain;
}
.element-atom-anchor.why-do-incompetent-people-think-they-are-amazing:hover {
  background-image: url(../images/Why_Do_Incompetent_People_Think_They_Are_Amazing_Rollover.png);
}
.element-atom-anchor.the-key-to-effective-coaching {
  background-image: url(../images/The_Key_to_Effective_Coaching_Button.png);
  background-size: contain;
}
.element-atom-anchor.the-key-to-effective-coaching:hover {
  background-image: url(../images/The_Key_to_Effective_Coaching_Rollover.png);
}
.element-atom-anchor.what-does-good-coaching-look-like {
  background-image: url(../images/What_Does_Good_Coaching_Look_Like_Button.png);
  background-size: contain;
}
.element-atom-anchor.what-does-good-coaching-look-like:hover {
  background-image: url(../images/What_Does_Good_Coaching_Look_Like_Rollover.png);
}
.element-atom-anchor.good-questions-worksheet {
  background-image: url(../images/Good_Questions_Worksheet_Button.png);
  background-size: contain;
}
.element-atom-anchor.good-questions-worksheet:hover {
  background-image: url(../images/Good_Questions_Worksheet_Rollover.png);
}
.element-atom-anchor.practice-coaching-for-high-performance {
  background-image: url(../images/Practice_Coaching_for_High_Performance_Button.png);
  background-size: contain;
}
.element-atom-anchor.practice-coaching-for-high-performance:hover {
  background-image: url(../images/Practice_Coaching_for_High_Performance_Rollover.png);
}
.element-atom-anchor.a-healthy-culture-is-based-on-trust {
  background-image: url("../images/A Healthy Culture is Based on Trust_Button.png");
  background-size: contain;
}
.element-atom-anchor.a-healthy-culture-is-based-on-trust:hover {
  background-image: url("../images/A Healthy Culture is Based on Trust_rollover.png");
}
.element-atom-anchor.an-excellent-organization {
  background-image: url("../images/An Excellent Organization_Button.png");
  background-size: contain;
}
.element-atom-anchor.an-excellent-organization:hover {
  background-image: url("../images/An Excellent Organization_rollover.png");
}
.element-atom-anchor.cultivate-virtue {
  background-image: url("../images/Cultivate Virtue_Button.png");
  background-size: contain;
}
.element-atom-anchor.cultivate-virtue:hover {
  background-image: url("../images/Cultivate Virtue_rollover.png");
}
.element-atom-anchor.mayo-diplomacy {
  background-image: url("../images/Mayo Diplomacy_Button.png");
  background-size: contain;
}
.element-atom-anchor.mayo-diplomacy:hover {
  background-image: url("../images/Mayo Diplomacy_rollover.png");
}
.element-atom-anchor.motivating-change {
  background-image: url("../images/Motivating Change_Button.png");
  background-size: contain;
}
.element-atom-anchor.motivating-change:hover {
  background-image: url("../images/Motivating Change_rollover.png");
}
.element-atom-anchor.believe-that-you-can-improve {
  background-image: url("../images/Believe that you can improve_Button.png");
  background-size: contain;
}
.element-atom-anchor.believe-that-you-can-improve:hover {
  background-image: url("../images/Believe that you can improve_rollover.png");
}
.element-atom-anchor.compassion-outreach {
  background-image: url("../images/Compassion Outreach_Button.png");
  background-size: contain;
}
.element-atom-anchor.compassion-outreach:hover {
  background-image: url("../images/Compassion Outreach_rollover.png");
}
.element-atom-anchor.developing-structured-interviews {
  background-image: url("../images/Developing Structured Interviews_Button.png");
  background-size: contain;
}
.element-atom-anchor.developing-structured-interviews:hover {
  background-image: url("../images/Developing Structured Interviews_rollover.png");
}
.element-atom-anchor.hiring-decisions-how-to-combat-bias {
  background-image: url("../images/Hiring Decisions–How to Combat Bias_Button.png");
  background-size: contain;
}
.element-atom-anchor.hiring-decisions-how-to-combat-bias:hover {
  background-image: url("../images/Hiring Decisions–How to Combat Bias_rollover.png");
}
.element-atom-anchor.importance-of-interior-development {
  background-image: url("../images/Importance of Interior Development_Button.png");
  background-size: contain;
}
.element-atom-anchor.importance-of-interior-development:hover {
  background-image: url("../images/Importance of Interior Development_rollover.png");
}
.element-atom-anchor.my-personal-development-4g-scorecard {
  background-image: url("../images/My Personal Development–4G Scorecard_Button.png");
  background-size: contain;
}
.element-atom-anchor.my-personal-development-4g-scorecard:hover {
  background-image: url("../images/My Personal Development–4G Scorecard_rollover.png");
}
.element-atom-anchor.performance-virtues {
  background-image: url("../images/Performance Virtues_Button.png");
  background-size: contain;
}
.element-atom-anchor.performance-virtues:hover {
  background-image: url("../images/Performance Virtues_rollover.png");
}
.element-atom-anchor.focus-on-whats-important {
  background-image: url("../images/Focus on What’s Important_Button.png");
  background-size: contain;
}
.element-atom-anchor.focus-on-whats-important:hover {
  background-image: url("../images/Focus on What’s Important_rollover.png");
}
.element-atom-anchor.have-a-reluctant-learner-in-your-home {
  background-image: url("../images/Have a Reluctant Learner in Your Home_Button.png");
  background-size: contain;
}
.element-atom-anchor.have-a-reluctant-learner-in-your-home:hover {
  background-image: url("../images/Have a Reluctant Learner in Your Home_rollover.png");
}
.element-atom-anchor.how-to-develop-a-growth-mindset {
  background-image: url("../images/How to Develop a Growth Mindset_Button.png");
  background-size: contain;
}
.element-atom-anchor.how-to-develop-a-growth-mindset:hover {
  background-image: url("../images/How to Develop a Growth Mindset_rollover.png");
}
.element-atom-anchor.make-restorative-practices-part-of-our-culture {
  background-image: url("../images/Make Restorative Practices Part of Our Culture_Button.png");
  background-size: contain;
}
.element-atom-anchor.make-restorative-practices-part-of-our-culture:hover {
  background-image: url("../images/Make Restorative Practices Part of Our Culture_rollover.png");
}
.element-atom-anchor.promote-restorative-practices-at-home {
  background-image: url("../images/Promote Restorative Practices at Home_Button.png");
  background-size: contain;
}
.element-atom-anchor.promote-restorative-practices-at-home:hover {
  background-image: url("../images/Promote Restorative Practices at Home_rollover.png");
}
.element-atom-anchor.stare-down-your-mistakes {
  background-image: url("../images/Stare down your mistakes_Button.png");
  background-size: contain;
}
.element-atom-anchor.stare-down-your-mistakes:hover {
  background-image: url("../images/Stare down your mistakes_rollover.png");
}
.element-atom-anchor.swim-buddies {
  background-image: url("../images/Swim Buddies_Button.png");
  background-size: contain;
}
.element-atom-anchor.swim-buddies:hover {
  background-image: url("../images/Swim Buddies_rollover.png");
}
.element-atom-anchor.affordable-loss {
  background-image: url("../images/Affordable Loss_Button.png");
  background-size: contain;
}
.element-atom-anchor.affordable-loss:hover {
  background-image: url("../images/Affordable Loss_rollover.png");
}
.element-atom-anchor.better-humans-better-innovators {
  background-image: url("../images/Better Humans Better Innovators_Button.png");
  background-size: contain;
}
.element-atom-anchor.better-humans-better-innovators:hover {
  background-image: url("../images/Better Humans Better Innovators_rollover.png");
}
.element-atom-anchor.converting-purpose-into-action {
  background-image: url("../images/Converting Purpose into Action_Button.png");
  background-size: contain;
}
.element-atom-anchor.converting-purpose-into-action:hover {
  background-image: url("../images/Converting Purpose into Action_rollover.png");
}
.element-atom-anchor.covid-19-ventilators {
  background-image: url("../images/Covid 19 Ventilators_Button.png");
  background-size: contain;
}
.element-atom-anchor.covid-19-ventilators:hover {
  background-image: url("../images/Covid 19 Ventilators_rollover.png");
}
.element-atom-anchor.cruise-ship-hijacking {
  background-image: url("../images/Cruise Ship Hijacking_Button.png");
  background-size: contain;
}
.element-atom-anchor.cruise-ship-hijacking:hover {
  background-image: url("../images/Cruise Ship Hijacking_rollover.png");
}
.element-atom-anchor.increase-your-growth-structure {
  background-image: url("../images/Increase Your Growth Structure_Button.png");
  background-size: contain;
}
.element-atom-anchor.increase-your-growth-structure:hover {
  background-image: url("../images/Increase Your Growth Structure_rollover.png");
}
.element-atom-anchor.learn-to-innovate {
  background-image: url("../images/Learn to Innovate_Button.png");
  background-size: contain;
}
.element-atom-anchor.learn-to-innovate:hover {
  background-image: url("../images/Learn to Innovate_rollover.png");
}
.element-atom-anchor.real-win-worth {
  background-image: url("../images/Real Win Worth_Button.png");
  background-size: contain;
}
.element-atom-anchor.real-win-worth:hover {
  background-image: url("../images/Real Win Worth_rollover.png");
}
.element-atom-anchor.structure-follows-strategy {
  background-image: url("../images/Structure Follows Strategy_Button.png");
  background-size: contain;
}
.element-atom-anchor.structure-follows-strategy:hover {
  background-image: url("../images/Structure Follows Strategy_rollover.png");
}
.element-atom-anchor.voice-of-the-customer {
  background-image: url("../images/Voice of the Customer_Button.png");
  background-size: contain;
}
.element-atom-anchor.voice-of-the-customer:hover {
  background-image: url("../images/Voice of the Customer_rollover.png");
}
.element-atom-anchor.how-we-are-the-same {
  background-image: url("../images/How we are the same_Button.png");
  background-size: contain;
}
.element-atom-anchor.how-we-are-the-same:hover {
  background-image: url("../images/How we are the same_rollover.png");
}
.element-atom-anchor.its-your-choice {
  background-image: url("../images/Its your choice_Button.png");
  background-size: contain;
}
.element-atom-anchor.its-your-choice:hover {
  background-image: url("../images/Its your choice_rollover.png");
}
.element-atom-anchor.making-a-difference {
  background-image: url("../images/Making a difference_Button.png");
  background-size: contain;
}
.element-atom-anchor.making-a-difference:hover {
  background-image: url("../images/Making a difference_rollover.png");
}
.element-atom-anchor.recruiting-and-mentoring {
  background-image: url("../images/Recruiting and Mentoring_Button.png");
  background-size: contain;
}
.element-atom-anchor.recruiting-and-mentoring:hover {
  background-image: url("../images/Recruiting and Mentoring_rollover.png");
}
.element-atom-anchor.sequential-scripting-process {
  background-image: url("../images/Sequential Scripting Process_Button.png");
  background-size: contain;
}
.element-atom-anchor.sequential-scripting-process:hover {
  background-image: url("../images/Sequential Scripting Process_rollover.png");
}
.element-atom-anchor.stereotypes-and-prejudice {
  background-image: url("../images/Stereotypes and Prejudice_Button.png");
  background-size: contain;
}
.element-atom-anchor.stereotypes-and-prejudice:hover {
  background-image: url("../images/Stereotypes and Prejudice_rollover.png");
}
.element-atom-anchor.strengthen-relationships {
  background-image: url("../images/Strengthen Relationships_Button.png");
  background-size: contain;
}
.element-atom-anchor.strengthen-relationships:hover {
  background-image: url("../images/Strengthen Relationships_rollover.png");
}
.element-atom-anchor.what-makes-a-person-valuable {
  background-image: url("../images/What Makes a Person Valuable_Button.png");
  background-size: contain;
}
.element-atom-anchor.what-makes-a-person-valuable:hover {
  background-image: url("../images/What Makes a Person Valuable_rollover.png");
}
.element-atom-anchor.adversity-to-wisdom {
  background-image: url("../images/Adversity to Wisdom_Button.png");
  background-size: contain;
}
.element-atom-anchor.adversity-to-wisdom:hover {
  background-image: url("../images/Adversity to Wisdom_rollover.png");
}
.element-atom-anchor.make-restoration {
  background-image: url("../images/Make Restoration_Button.png");
  background-size: contain;
}
.element-atom-anchor.make-restoration:hover {
  background-image: url("../images/Make Restoration_rollover.png");
}
.element-atom-anchor.restorative-justice-at-military-academies {
  background-image: url("../images/Restorative Justice at Military Academies_Button.png");
  background-size: contain;
}
.element-atom-anchor.restorative-justice-at-military-academies:hover {
  background-image: url("../images/Restorative Justice at Military Academies_rollover.png");
}
.element-atom-anchor.restorative-justice {
  background-image: url("../images/Restorative Justice_Button.png");
  background-size: contain;
}
.element-atom-anchor.restorative-justice:hover {
  background-image: url("../images/Restorative Justice_rollover.png");
}
.element-atom-anchor.the-skill-of-forgiveness {
  background-image: url("../images/The Skill of Forgiveness_Button.png");
  background-size: contain;
}
.element-atom-anchor.the-skill-of-forgiveness:hover {
  background-image: url("../images/The Skill of Forgiveness_rollover.png");
}
.element-atom-anchor.akrasia-failure-of-the-will {
  background-image: url("../images/Akrasia-Failure of the Will_Button.png");
  background-size: contain;
}
.element-atom-anchor.akrasia-failure-of-the-will:hover {
  background-image: url("../images/Akrasia-Failure of the Will_rollover.png");
}
.element-atom-anchor.deliberate-practice {
  background-image: url("../images/Deliberate Practice_Button.png");
  background-size: contain;
}
.element-atom-anchor.deliberate-practice:hover {
  background-image: url("../images/Deliberate Practice_rollover.png");
}
.element-atom-anchor.hope-over-despair {
  background-image: url("../images/Hope Over Despair_Button.png");
  background-size: contain;
}
.element-atom-anchor.hope-over-despair:hover {
  background-image: url("../images/Hope Over Despair_rollover.png");
}
.element-atom-anchor.self-control {
  background-image: url("../images/Self-Control_Button.png");
  background-size: contain;
}
.element-atom-anchor.self-control:hover {
  background-image: url("../images/Self-Control_rollover.png");
}
.element-atom-anchor.the-essential-life {
  background-image: url("../images/The Essential Life_Button.png");
  background-size: contain;
}
.element-atom-anchor.the-essential-life:hover {
  background-image: url("../images/The Essential Life_rollover.png");
}
.element-atom-anchor.americas-cup {
  background-image: url("../images/Americas Cup_Button.png");
  background-size: contain;
}
.element-atom-anchor.americas-cup:hover {
  background-image: url("../images/Americas Cup_rollover.png");
}
.element-atom-anchor.high-schoolers-learn-about-virtue {
  background-image: url("../images/High Schoolers Learn About Virtue_Button.png");
  background-size: contain;
}
.element-atom-anchor.high-schoolers-learn-about-virtue:hover {
  background-image: url("../images/High Schoolers Learn About Virtue_rollover.png");
}
.element-atom-anchor.practice-virtue-with-intentionality {
  background-image: url("../images/Practice Virtue with Intentionality_Button.png");
  background-size: contain;
}
.element-atom-anchor.practice-virtue-with-intentionality:hover {
  background-image: url("../images/Practice Virtue with Intentionality_rollover.png");
}
.element-atom-anchor.strengthening-through-scripting {
  background-image: url("../images/Strengthening Through Scripting_Button.png");
  background-size: contain;
}
.element-atom-anchor.strengthening-through-scripting:hover {
  background-image: url("../images/Strengthening Through Scripting_rollover.png");
}
.element-atom-anchor.the-garden-of-culture {
  background-image: url("../images/The Garden of Culture_Button.png");
  background-size: contain;
}
.element-atom-anchor.the-garden-of-culture:hover {
  background-image: url("../images/The Garden of Culture_rollover.png");
}
.element-atom-anchor.values-vs-virtues {
  background-image: url("../images/Values vs Virtues_Button.png");
  background-size: contain;
}
.element-atom-anchor.values-vs-virtues:hover {
  background-image: url("../images/Values vs Virtues_rollover.png");
}
.element-atom-anchor.how-to-create-high-performing-teams {
  background-image: url("../images/How to Create High-Performing Teams_Button.png");
  background-size: contain;
}
.element-atom-anchor.how-to-create-high-performing-teams:hover {
  background-image: url("../images/How to Create High-Performing Teams_rollover.png");
}
.element-atom-anchor.psychological-safety {
  background-image: url("../images/Psychological Safety_Button.png");
  background-size: contain;
}
.element-atom-anchor.psychological-safety:hover {
  background-image: url("../images/Psychological Safety_rollover.png");
}
.element-atom-anchor.astronauts {
  background-image: url("../images/Astronauts_Button.png");
  background-size: contain;
}
.element-atom-anchor.astronauts:hover {
  background-image: url("../images/Astronauts_rollover.png");
}
.element-atom-anchor.job-crafting {
  background-image: url("../images/Job Crafting_Button.png");
  background-size: contain;
}
.element-atom-anchor.job-crafting:hover {
  background-image: url("../images/Job Crafting_rollover.png");
}
.element-atom-anchor.special-operations-and-professional-baseball-its-all-teamwork {
  background-image: url("../images/Special Operations and Professional Baseball_Button.png");
  background-size: contain;
}
.element-atom-anchor.special-operations-and-professional-baseball-its-all-teamwork:hover {
  background-image: url("../images/Special Operations and Professional Baseball_rollover.png");
}
.element-atom-anchor.after-action-review {
  background-image: url("../images/After Action Review_Button.png");
  background-size: contain;
}
.element-atom-anchor.after-action-review:hover {
  background-image: url("../images/After Action Review_rollover.png");
}
.element-atom-anchor.teamwork-by-design {
  background-image: url("../images/Teamwork by Design_Button.png");
  background-size: contain;
}
.element-atom-anchor.teamwork-by-design:hover {
  background-image: url("../images/Teamwork by Design_rollover.png");
}
.element-atom-anchor.team-user-manual-alt {
  background-image: url("../images/Team User Manual_Button.png");
  background-size: contain;
}
.element-atom-anchor.team-user-manual-alt:hover {
  background-image: url("../images/Team User Manual_rollover.png");
}
.element-atom-anchor.crisis-small-t-and-big-t-trauma {
  background-image: url("../images/Crisis - Small t and Big T Trauma_Button.png");
  background-size: contain;
}
.element-atom-anchor.crisis-small-t-and-big-t-trauma:hover {
  background-image: url("../images/Crisis - Small t and Big T Trauma_rollover.png");
}
.element-atom-anchor.fear {
  background-image: url("../images/Fear_Button.png");
  background-size: contain;
}
.element-atom-anchor.fear:hover {
  background-image: url("../images/Fear_rollover.png");
}
.element-atom-anchor.under-pressure-we-default-to-our-training {
  background-image: url("../images/Under Pressure, We Default to Our Training_Button.png");
  background-size: contain;
}
.element-atom-anchor.under-pressure-we-default-to-our-training:hover {
  background-image: url("../images/Under Pressure, We Default to Our Training_rollover.png");
}
.element-atom-anchor.why-me-or-whats-next {
  background-image: url("../images/Why Me or What’s Next_Button.png");
  background-size: contain;
}
.element-atom-anchor.why-me-or-whats-next:hover {
  background-image: url("../images/Why Me or What’s Next_rollover.png");
}
.element-atom-anchor.holocaust-survivor-edith-eger {
  background-image: url("../images/Holocaust Survivor Edith Eger_Button.png");
  background-size: contain;
}
.element-atom-anchor.holocaust-survivor-edith-eger:hover {
  background-image: url("../images/Holocaust Survivor Edith Eger_rollover.png");
}
.element-atom-anchor.creating-a-resilience-tool-kit {
  background-image: url("../images/Creating a Resilience Tool Kit_Button.png");
  background-size: contain;
}
.element-atom-anchor.creating-a-resilience-tool-kit:hover {
  background-image: url("../images/Creating a Resilience Tool Kit_rollover.png");
}
.element-atom-anchor.reduce-the-power-of-negativity {
  background-image: url("../images/Reduce the Power of Negativity_Button.png");
  background-size: contain;
}
.element-atom-anchor.reduce-the-power-of-negativity:hover {
  background-image: url("../images/Reduce the Power of Negativity_rollover.png");
}
.element-atom-anchor.do-i-belong {
  background-image: url("../images/Do I Belong_Button.png");
  background-size: contain;
}
.element-atom-anchor.do-i-belong:hover {
  background-image: url("../images/Do I Belong_Rollover.png");
}
.element-atom-anchor.do-i-matter {
  background-image: url("../images/Do I Matter_Button.png");
  background-size: contain;
}
.element-atom-anchor.do-i-matter:hover {
  background-image: url("../images/Do I Matter_Rollover.png");
}
.element-atom-anchor.why-is-engagement-important {
  background-image: url("../images/Why is Engagement Important_Button.png");
  background-size: contain;
}
.element-atom-anchor.why-is-engagement-important:hover {
  background-image: url("../images/Why is Engagement Important_Rollover.png");
}
.element-atom-anchor.focus-on-strengths {
  background-image: url("../images/Focus on Strengths_Button.png");
  background-size: contain;
}
.element-atom-anchor.focus-on-strengths:hover {
  background-image: url("../images/Focus on Strengths_Rollover.png");
}
.element-atom-anchor.tools-for-belonging {
  background-image: url("../images/Tools for Belonging_Button.png");
  background-size: contain;
}
.element-atom-anchor.tools-for-belonging:hover {
  background-image: url("../images/Tools for Belonging_Rollover.png");
}
.element-atom-anchor.do-i-make-a-difference {
  background-image: url("../images/Do I Make a Difference_Button.png");
  background-size: contain;
}
.element-atom-anchor.do-i-make-a-difference:hover {
  background-image: url("../images/Do I Make a Difference_Rollover.png");
}
.element-atom-anchor.employee-engagement-scores {
  background-image: url("../images/Employee Engagement Scores_Button.png");
  background-size: contain;
}
.element-atom-anchor.employee-engagement-scores:hover {
  background-image: url("../images/Employee Engagement Scores_Rollover.png");
}

.element-atoms-box-container {
  max-width: 940px;
  margin: 30px auto;
  padding: 0 0 20px 0px;
  text-align: center;
}
.element-atoms-box-container .element-atom-box {
  width: 204px;
  height: 260px;
  margin-left: 8px;
  display: inline-block;
  text-align: center;
  position: relative;
  background: #fff 50% 50% no-repeat;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.element-atoms-box-container .element-atom-box .element-atom-box-detail {
  position: absolute;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
}
.element-atoms-box-container .element-atom-box h2 {
  margin-bottom: 16px;
  font-size: 23px;
  color: #666666;
  font-weight: normal;
  height: 94px;
}
.element-atoms-box-container .element-atom-box img {
  width: 90px;
  height: 114px;
}
.element-atoms-box-container .element-atom-box .separator {
  border-bottom: solid 1px #666666;
  width: 42px;
  height: 1px;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
}
.element-atoms-box-container .element-atom-box h4 {
  margin-top: 14px;
  font-size: 14px;
  color: #3D3935;
  text-align: center;
}
.element-atoms-box-container .element-atom-box.first {
  margin-left: 0px;
}
.element-atoms-box-container .element-atom-box.activity-box {
  height: 300px;
  background: no-repeat -4px 90px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.element-atoms-box-container .element-atom-box.activity-box h2 {
  font-weight: normal;
  text-align: left;
  line-height: 25px;
  position: absolute;
  top: 0px;
}
.element-atoms-box-container .element-atom-box.activity-box h4 {
  text-align: left;
  position: absolute;
  bottom: 0px;
}
.element-atoms-box-container .element-atom-box.activity-box.practice-gratitude {
  background-image: url("../images/HPT_Act_Practice-Gratitude.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.conversations-that-matter {
  background-image: url("../images/HPT_Act_What-Matters-Conversations.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.disconnect-to-connect {
  background-image: url("../images/HPT_Act_Disconnect-to-Connect.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.psychological-safety-survey {
  background-image: url("../images/HPT_Act_Psychological-Safety-Survey.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.virtue-moments {
  background-image: url("../images/HPT_Act_Virtue-Moments.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.strength-based-performance-evaluation {
  background-image: url("../images/HPT_Act_Strength-based-Performance.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.green-to-attack-red {
  background-image: url("../images/HPT_Act_Green-to-Attack-Red.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.hpt-ground-rules {
  background-image: url("../images/HPT_Act_HPT-Ground-Rules.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.excellent-teamwork-checklist {
  background-image: url("../images/HPT_Act_Excellent-Teamwork-Checklist.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.everyone-has-a-voice {
  background-image: url("../images/HPT_Act_Empathy-Everyone-Has-a-Voice.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.learning-zone-strategies {
  background-image: url("../images/HPT_Act_Learning-Zone-Strategies.jpg");
}
.element-atoms-box-container .element-atom-box.activity-box.purposeful-culture {
  background-image: url("../images/HPT_Act_Purposeful-Culture.png");
}
.element-atoms-box-container .element-atom-box.activity-box.purposeful-impact {
  background-image: url("../images/HPT_Act_Purposeful-Impact.png");
}
.element-atoms-box-container .element-atom-box.activity-box.good-teammate-survey {
  background-image: url("../images/good-teammate.png");
}
.element-atoms-box-container .element-atom-box.activity-box.positive-ratio {
  background-image: url("../images/positive-ratio.png");
}
.element-atoms-box-container .element-atom-box.activity-box.trust-bank-account {
  background-image: url("../images/trust-bank-account.png");
}
.element-atoms-box-container .element-atom-box.activity-box:hover {
  border-color: #00A19B;
}
.element-atoms-box-container .element-atom-box.story {
  background-image: url("../images/STORY ICON.png");
}
.element-atoms-box-container .element-atom-box.article {
  background-image: url("../images/Article ICON.png");
}
.element-atoms-box-container .element-atom-box.activities {
  background-image: url("../images/Activities ICON.png");
}
.element-atoms-box-container .element-atom-box.practice {
  background-image: url("../images/Practice ICON.png");
}
.element-atoms-box-container .element-atom-box.engage {
  background-image: url("../images/STORY ICON.png");
}
.element-atoms-box-container .element-atom-box.strengthen {
  background-image: url("../images/icon-strengthen.png");
}
.element-atoms-box-container .element-atom-box.excel {
  background-image: url("../images/icon-excel.png");
}
.element-atoms-box-container .element-atom-box:hover {
  border-color: #00A19B;
}
.element-atoms-box-container .element-atom-box:hover h2 {
  color: #00A19B;
}
.element-atoms-box-container .element-atom-box:hover h4 {
  color: #00A19B;
}
.element-atoms-box-container a {
  width: 204px;
  height: 260px;
  margin-left: 8px;
  margin-bottom: 12px;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}
.element-atoms-box-container a.first {
  margin-left: 0px;
}
.element-atoms-box-container a:hover {
  text-decoration: none;
}
.element-atoms-box-container .activity-box {
  width: 204px;
  height: 260px;
  margin-left: 8px;
  display: inline-block;
  text-align: center;
  position: relative;
  background: #fff 50% 50% no-repeat;
}

.activity-box-detail {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  background-color: rgba(180, 180, 180, 0.78);
  /* Black background with opacity */
  z-index: 3;
  top: 0;
}
.activity-box-detail.home-video {
  padding: 0px;
}
.activity-box-detail.home-video .activity-box-detail-content {
  background: none;
  max-width: 980px;
  padding: 80px 0px 0px 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.activity-box-detail.home-video a {
  top: 0px;
  right: 0px;
  position: absolute;
}

.activity-box-detail-container {
  background: #fff;
  width: 1040px;
  position: absolute;
  display: none;
  z-index: 3;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
}
.activity-box-detail-container a {
  top: 30px;
  right: 30px;
  position: absolute;
}
.activity-box-detail-container .activity-box-detail-content {
  background: #fff;
  padding: 106px 90px;
  position: absolute;
  width: 100%;
}
.activity-box-detail-container .activity-box-detail-content h1 {
  margin-bottom: 30px;
}
.activity-box-detail-container .activity-box-detail-content h2 {
  margin-bottom: 40px;
}
.activity-box-detail-container .activity-box-detail-content h2.story-example-header {
  margin-bottom: 4px;
}
.activity-box-detail-container .activity-box-detail-content h3 {
  margin-bottom: 20px;
}
.activity-box-detail-container .activity-box-detail-content hr {
  background: #00A19B;
  width: 60px;
  margin: 30px auto;
  height: 3px;
  border: none;
}
.activity-box-detail-container .activity-box-detail-content hr.lefty {
  margin: 30px 0px;
}
.activity-box-detail-container .activity-box-detail-content a {
  position: absolute;
  top: 33px;
  right: 40px;
  width: 35px;
  height: 35px;
}
.activity-box-detail-container .activity-box-detail-content a.content-button {
  position: initial;
  top: initial;
  right: initial;
  width: initial;
  height: initial;
  margin-left: 10px;
  margin-right: 10px;
}
.activity-box-detail-container .activity-box-detail-content ul {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 20px;
}
.activity-box-detail-container .activity-box-detail-content ul li {
  padding: 0px 0px 3px 30px;
  background: url("../images/Bullet Grn.png") no-repeat 0px 0px;
  margin-top: 12px;
}
.activity-box-detail-container .activity-box-detail-content .activity-buttons a {
  position: relative;
  width: 150px;
  height: 50px;
}
.activity-box-detail-container .activity-box-detail-content.with-header {
  padding: 0px 0px 0px 0px;
}
.activity-box-detail-container .activity-box-detail-content.with-header .header {
  margin-bottom: 25px;
  background-color: #00A19B;
  width: 100%;
  height: 30px;
}
.activity-box-detail-container .activity-box-detail-content.with-header .header a {
  top: 3px;
  height: 24px;
  width: 24px;
  display: block;
  right: 8px;
}
.activity-box-detail-container .activity-box-detail-content.with-header .header a:before, .activity-box-detail-container .activity-box-detail-content.with-header .header a:after {
  position: absolute;
  left: 11px;
  content: " ";
  height: 24px;
  width: 1px;
  background-color: white;
}
.activity-box-detail-container .activity-box-detail-content.with-header .header a:before {
  transform: rotate(45deg);
}
.activity-box-detail-container .activity-box-detail-content.with-header .header a:after {
  transform: rotate(-45deg);
}
.activity-box-detail-container .activity-box-detail-content#model-modal-generic-content {
  padding: 24px;
}
.activity-box-detail-container.fixed {
  position: fixed;
}
.activity-box-detail-container .small {
  padding: 12px;
  width: 200px;
  border: solid #00A19B 1px;
  border-radius: 5px;
}
.activity-box-detail-container .small h2 {
  color: #00A19B;
  font-size: 1.15em;
  margin-bottom: 12px;
}
.activity-box-detail-container .small a.model-modal-small-close-button {
  top: 3px;
  height: 24px;
  width: 24px;
  display: block;
  right: 5px;
}
.activity-box-detail-container .small a.model-modal-small-close-button:before, .activity-box-detail-container .small a.model-modal-small-close-button:after {
  position: absolute;
  left: 11px;
  content: " ";
  height: 20px;
  width: 1px;
  background-color: #444;
}
.activity-box-detail-container .small a.model-modal-small-close-button:before {
  transform: rotate(45deg);
}
.activity-box-detail-container .small a.model-modal-small-close-button:after {
  transform: rotate(-45deg);
}
.activity-box-detail-container.survey-story {
  max-width: 800px;
}

.activity-box-detail-banner {
  background: #fff no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  max-height: 200px;
  min-height: 200px;
  padding: 0px;
  position: relative;
}
.activity-box-detail-banner.practice-gratitude {
  background-image: url("../images/HPT_Act_Practice.jpg");
}
.activity-box-detail-banner.conversations-that-matter {
  background-image: url("../images/HPT_Act_What-Matters.jpg");
}
.activity-box-detail-banner.disconnect-to-connect {
  background-image: url("../images/HPT_Act_Disconnect-to-Connect2.jpg");
}
.activity-box-detail-banner.psychological-safety-survey {
  background-image: url("../images/HPT_Act_Psychological-Safety-Survey2.jpg");
}
.activity-box-detail-banner.virtue-moments {
  background-image: url("../images/HPT_Act_Virtue-Moments_Lrg.jpg");
}
.activity-box-detail-banner.strength-based-performance-evaluation {
  background-image: url("../images/HPT_Act_Strength-based-Performance-Eval_Lrg.jpg");
}
.activity-box-detail-banner.green-to-attack-red {
  background-image: url("../images/HPT_Act_Green-to-Attack-Red_Lrg.jpg");
}
.activity-box-detail-banner.hpt-ground-rules {
  background-image: url("../images/HPT_Act_HPT-Ground-Rules_Lrg.jpg");
}
.activity-box-detail-banner.excellent-teamwork-checklist {
  background-image: url("../images/HPT_Act_Excellent-Teamwork-Checklist_Lrg.jpg");
}
.activity-box-detail-banner.everyone-has-a-voice {
  background-image: url("../images/HPT_Act_Empathy-Everyone-Has-a-Voice_Lrg.jpg");
}
.activity-box-detail-banner.learning-zone-strategies {
  background-image: url("../images/HPT_Act_Learning-Zone-Strategies_Lrg.jpg");
}
.activity-box-detail-banner.purposeful-culture {
  background-image: url("../images/HPT_Act_Purposeful-Culture_Lrg.jpg");
}
.activity-box-detail-banner.purposeful-impact {
  background-image: url("../images/HPT_Act_Purposeful-Impact_Lrg.jpg");
}

.container-atom {
  background: #ffffff;
  width: 100%;
  overflow: hidden;
}
.container-atom .content-atom {
  max-width: 1042px;
  margin: 0 auto;
  text-align: left;
}
.container-atom .content-atom ol {
  padding-left: 18px;
}
.container-atom .content-atom ol li {
  margin-top: 10px;
  margin-bottom: 10px;
}
.container-atom .content-atom ul {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 20px;
}
.container-atom .content-atom ul li {
  padding: 0px 0px 3px 30px;
  background: url("../images/Bullet Grn.png") no-repeat 0px 0px;
  margin-top: 12px;
}
.container-atom .content-atom.header {
  padding-top: 74px;
}
.container-atom .content-atom.header h1 {
  font-size: 30px;
  color: #3D3935;
  padding: 0px;
  margin: 0;
}
.container-atom .content-atom.header h4 {
  color: #B1B1B1;
  padding-top: 18px;
  margin: 0px;
}
.container-atom .content-atom.body div {
  max-width: 1042px;
  margin: 0 auto;
}
.container-atom .content-atom.body h4 {
  color: #3D3935;
  margin: 0 auto;
  padding-top: 24px;
}
.container-atom .atom-banner.article {
  background: no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  color: #ffffff;
  height: 700px;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 60px;
  background-image: url("../images/HPT_Article_Trust.jpg");
}
.container-atom .atom-banner.article.purpose {
  background-image: url("../images/HPT_Article_Purpose.jpg");
}
.container-atom .atom-banner.article.leverage-strengths {
  background-image: url("../images/HPT_Article_Strength.jpg");
}
.container-atom .atom-banner.article.clarity {
  background-image: url("../images/HPT_Article_Clarity.jpg");
}
.container-atom .atom-banner.article.drive-results {
  background-image: url("../images/HPT_Article_Results.jpg");
}
.container-atom.story .content-atom {
  padding-top: 74px;
}
.container-atom.story .content-atom h4 {
  text-align: center;
}
.container-atom.article .content-atom {
  padding-top: 24px;
}
.container-atom.article .content-atom hr {
  background: #00A19B;
  width: 60px;
  margin: 60px auto;
  height: 3px;
  border: none;
}
.container-atom.article .content-atom p {
  font-size: 14px;
}
.container-atom.article .content-atom .list hr {
  margin: 20px 0px;
}
.container-atom.article .content-atom .list h4 {
  padding-top: 0px;
}
.container-atom.article .content-atom .list ul {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 20px;
}
.container-atom.article .content-atom .list ul li {
  padding: 0px 0px 3px 30px;
  background: url("../images/Bullet Grn.png") no-repeat 0px 0px;
  margin-top: 12px;
}
.container-atom.article .content-atom .list.list-orange {
  background: #fff;
  border-left: solid #EF8B00 6px;
  margin-top: 32px;
  margin-bottom: 60px;
  padding-top: 22px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  display: inline-block;
}
.container-atom.article .content-atom .list.list-orange ul li {
  background: url("../images/Bullet Orng.png") no-repeat 0px 0px;
}
.container-atom.article .content-atom .list.list-black {
  background: #fff;
  border-left: solid #3D3935 6px;
  padding-top: 22px;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
}
.container-atom.article .content-atom .list.list-black.first {
  border-right: solid #00A19B 24px;
}
.container-atom.article.body h2 {
  margin-bottom: 16px;
}
.container-atom.article.body h3 {
  margin-bottom: 16px;
}
.container-atom.article.body.virtue h3 {
  margin-top: 36px;
  margin-bottom: 16px;
}
.container-atom.article.green {
  background: #00A19B;
  width: 100%;
  text-align: center;
  margin-bottom: 36px;
  margin-top: 36px;
}
.container-atom.article.green h2 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.container-atom.article.green h3 {
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
}
.container-atom.article.green h4 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.container-atom.article.green .virtue-arrows {
  margin-top: 60px;
  margin-bottom: 60px;
}
.container-atom.article.green .virtue-arrows h3 {
  color: #00A19B;
  font-weight: bold;
  text-align: left;
}
.container-atom.article.green .virtue-arrows p {
  color: #707070;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}
.container-atom.article.green .virtue-arrows .first {
  padding-left: 126px;
}
.container-atom.article.green .virtue-arrows .second {
  padding-left: 46px;
}
.container-atom.article.green .virtue-arrows .separator {
  width: 6px;
  height: 90px;
  background: #3d3935;
  margin-top: 120px;
}
.container-atom .content.atom-quote.article {
  border-left: solid #3D3935 6px;
  padding-left: 35px;
  padding-right: 65px;
  text-align: left;
  margin-left: 35px;
}
.container-atom .content.atom-quote.article h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.container-atom .content.atom-quote.article p {
  color: #b1b1b1;
  font-style: italic;
  font-size: 23px;
}
.container-atom.activity {
  margin-bottom: 50px;
}
.container-atom.practice {
  margin-bottom: 50px;
}
.container-atom.practice .content-atom {
  padding-top: 24px;
}
.container-atom.practice .content-atom ul {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 20px;
}
.container-atom.practice .content-atom ul li {
  padding: 0px 0px 3px 30px;
  background: url("../images/Bullet Grn.png") no-repeat 0px 0px;
  margin-top: 12px;
}
.container-atom.practice .content-atom h4 {
  font-weight: bold;
}
.container-atom.practice .content-atom a.green-section-white-card {
  text-decoration: none;
  padding-top: 160px;
  background-color: white;
  width: 160px;
  height: 220px;
  text-align: center;
  margin-bottom: 24px;
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center 16px;
  background-size: 120px 120px;
  line-height: 18px;
}
.container-atom.practice .content-atom a.green-section-white-card.deliberate-practice {
  background-image: url("../images/SetGoals.png");
}
.container-atom.practice .content-atom a.green-section-white-card.leadership-survey {
  background-image: url("../images/DonutGraph.png");
}
.container-atom.practice .content-atom a.green-section-white-card.culture-survey {
  background-image: url("../images/LineGraph.png");
}
.container-atom.practice hr {
  background: #00A19B;
  width: 60px;
  margin: 30px auto;
  height: 3px;
  border: none;
}
.container-atom.practice ul li {
  background: url("../images/Bullet Grn.png") no-repeat 0px 0px;
}
.container-atom.practice ul li a {
  color: #00A19B;
}
.container-atom.practice .additional-resources ul li {
  background: url("../images/Bullet Gry.png") no-repeat 0px 0px;
}
.container-atom.practice.green {
  background: #00A19B;
  width: 100%;
  text-align: center;
  margin-bottom: 36px;
  margin-top: 36px;
}
.container-atom.practice.green h2 {
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: normal;
}
.container-atom.practice.green h4 {
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: normal;
}
.container-atom.practice.model {
  text-align: left;
}

.coaching-button {
  background-image: url("../images/CoachingButton2.jpg");
  background-size: contain;
  width: 468px;
  height: 200px;
  display: inline-block;
}
.coaching-button:hover {
  background-image: url("../images/CoachingButton2.jpg");
}

.atom-nav {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin-top: 60px;
  position: relative;
  margin-bottom: 120px;
}
.atom-nav .back .btn {
  margin-right: 20px;
  padding: 12px 14px 12px 46px;
  background: url("../images/btn-arrow.png") 14px center no-repeat;
  border-radius: 4px;
}
.atom-nav .back .btn:hover {
  background-color: #00A19B;
  background-image: url("../images/btn-arrow-hover.png");
  color: #fff;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.atom-nav .back .btn:active {
  box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.atom-nav .next .btn {
  margin-left: 20px;
  padding: 12px 46px 12px 14px;
  background: url("../images/btn-arrow-next.png") 75% center no-repeat;
  border-radius: 4px;
}
.atom-nav .next .btn:hover {
  background-color: #00A19B;
  background-image: url("../images/btn-arrow-next-hover.png");
  color: #fff;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.atom-nav .next .btn:active {
  box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.atom-nav .middle .btn {
  margin-left: 20px;
  padding: 12px 14px 12px 14px;
  background: none;
  border-radius: 4px;
}
.atom-nav .middle .btn:hover {
  background-color: #00A19B;
  color: #fff;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.atom-nav .middle .btn:active {
  box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.atom-nav .btn {
  border: 2px solid #00A19B;
  color: #00A19B;
  text-decoration: none;
}
.atom-nav .item {
  position: absolute;
  height: 50px;
  color: #B1B1B1;
}
.atom-nav .item.back {
  left: 90px;
}
.atom-nav .item.next {
  right: 90px;
}
.atom-nav .item.middle {
  width: auto;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}
.atom-nav.question-nav {
  margin-top: 30px;
  margin-bottom: 10px;
}

.secondary-btn {
  padding: 12px 42px;
  background-color: #00A19B;
  color: #fff;
  border: none;
  outline: none;
  display: inline-block;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
}
.secondary-btn:hover, .secondary-btn:visited {
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.secondary-btn:active {
  box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.secondary-btn.in-green {
  color: #00A19B;
  background-color: white;
}
.secondary-btn:disabled {
  opacity: 0.5;
}
.secondary-btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.secondary-btn.no-wrap {
  white-space: nowrap;
  padding: 12px 20px;
}
.secondary-btn.mini {
  padding: 3px 12px;
  font-size: 0.8em;
  font-weight: bold;
}
.secondary-btn.mini.extra-width {
  padding-left: 20px;
  padding-right: 20px;
}
.secondary-btn.tiny {
  padding: 2px 4px;
  font-size: 11px;
  font-weight: bold;
}
.secondary-btn.navy {
  background-color: #0e2c5a;
}

.tertiary-btn {
  padding: 10px 42px;
  background-color: #fff;
  color: #00A19B;
  border: solid #00A19B 2px;
  outline: none;
  display: inline-block;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
}
.tertiary-btn:hover, .tertiary-btn:visited {
  color: #00A19B;
  text-decoration: none;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.tertiary-btn:active {
  box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.tertiary-btn:disabled {
  opacity: 0.5;
}
.tertiary-btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.tertiary-btn.mini {
  padding: 3px 6px;
}
.tertiary-btn.mini.selected {
  background-color: #00A19B;
  color: #fff;
}
.tertiary-btn.tiny {
  padding: 2px 4px;
  font-size: 11px;
  font-weight: bold;
}
.tertiary-btn.tiny.selected {
  background-color: #00A19B;
  color: #fff;
}
.tertiary-btn.tiny-alt {
  padding: 0px 12px;
  font-size: 10px;
  font-weight: bold;
}
.tertiary-btn.tiny-alt.selected {
  background-color: #00A19B;
  color: #fff;
}
.tertiary-btn.navy {
  color: #0e2c5a;
  border: solid #0e2c5a 2px;
}
.tertiary-btn.navy:hover, .tertiary-btn.navy:visited {
  color: #0e2c5a;
  text-decoration: none;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}

.link-in-green {
  color: #fff;
}
.link-in-green:hover, .link-in-green:visited {
  color: #fff;
  text-decoration: none;
}

.home h2 {
  color: #00A19B;
  line-height: 36px;
}
.home h3 {
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
}
.home .carousel {
  position: relative;
  background-color: #f1f3f4;
  margin: 20px auto;
  width: 100%;
  max-width: 660px;
  height: 400px;
}
.home .why-virtue-matters-button a {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.home .better-humans-better-perf-self-paced-container .instructions-icon {
  min-width: 90px;
}
.home .better-humans-better-perf-self-paced-container .self-paced-learning {
  text-align: left;
  background-color: #f1f3f4;
  padding: 16px;
}
.home .better-humans-better-perf-self-paced-container .self-paced-learning h3 {
  text-align: left;
  color: #0e2c5a;
  font-size: 18px;
  font-weight: bold;
}

.author-bio h2, .ettr h2 {
  color: #00A19B;
  text-align: center;
}
.author-bio h3, .ettr h3 {
  font-weight: normal;
  text-align: center;
  color: #00A19B;
  font-size: 20px;
}
.author-bio h3.big, .ettr h3.big {
  font-size: 26px;
}
.author-bio .about h2, .ettr .about h2 {
  text-align: left;
}
.author-bio .about h4, .ettr .about h4 {
  font-size: 20px;
  color: #64615d;
  font-weight: normal;
  margin-bottom: 18px;
}
.author-bio .about img.book, .ettr .about img.book {
  width: 290px;
  float: left;
  margin: 0px;
}
.author-bio .about img.book-new, .ettr .about img.book-new {
  width: 267px;
  float: left;
  margin: 0px;
}
.author-bio .about .retailers, .ettr .about .retailers {
  width: 100%;
  margin-bottom: 36px;
}
.author-bio .about .retailers .retailer, .ettr .about .retailers .retailer {
  text-align: center;
}
.author-bio .about .retailers .retailer .retailer-logo, .ettr .about .retailers .retailer .retailer-logo {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 20%;
}
.author-bio .about .retailers .retailer .retailer-logo.amazon, .ettr .about .retailers .retailer .retailer-logo.amazon {
  background-image: url(../images/amazon.jpg);
  max-width: 102px;
}
.author-bio .about .retailers .retailer .retailer-logo.amazon-kindle, .ettr .about .retailers .retailer .retailer-logo.amazon-kindle {
  background-image: url(../images/amazon-kindle.jpg);
  max-width: 167px;
}
.author-bio .about .retailers .retailer .retailer-logo.bn, .ettr .about .retailers .retailer .retailer-logo.bn {
  background-image: url(../images/bn.jpg);
  max-width: 163px;
}
.author-bio .about .about-ettr-content, .ettr .about .about-ettr-content {
  background: url(../images/ettr-background.jpg) no-repeat top left;
}
.author-bio .about .about-better-humans-content, .ettr .about .about-better-humans-content {
  background: url(../images/bhbp_book.png) no-repeat top left;
}
.author-bio .about .reviews .reviews-container, .ettr .about .reviews .reviews-container {
  margin-bottom: 24px;
  width: 100%;
}
.author-bio .about .reviews .reviews-container .review-container, .ettr .about .reviews .reviews-container .review-container {
  display: table;
  margin: 5px;
  background-color: #e2e1e1;
  border: solid #00A19B 2px;
  padding: 16px 10px;
}
.author-bio .about .reviews .reviews-container .review-container .review, .ettr .about .reviews .reviews-container .review-container .review {
  display: table-cell;
}
.author-bio .about .reviews .reviews-container .review-container .review .reviewer, .ettr .about .reviews .reviews-container .review-container .review .reviewer {
  margin-top: 10px;
  text-align: right;
  font-size: 13px;
}
.author-bio .about .reviews .reviews-container .review-container .review .reviewer span, .ettr .about .reviews .reviews-container .review-container .review .reviewer span {
  font-weight: bold;
}
.author-bio .quote h3, .ettr .quote h3 {
  font-size: 26px;
  font-style: italic;
  line-height: 33px;
  color: #64615d;
  font-weight: normal;
}
.author-bio .quote .credit, .ettr .quote .credit {
  font-size: 14px;
  color: #64615d;
  margin-top: 24px;
  margin-bottom: 40px;
  margin-left: 70px;
}
.author-bio hr, .ettr hr {
  margin-top: 32px;
  margin-bottom: 50px;
  max-width: 200px;
}
.author-bio .headshot, .ettr .headshot {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 90%;
}
.author-bio .bio-logos-1, .ettr .bio-logos-1 {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 20%;
}
.author-bio .bio-logos-2, .ettr .bio-logos-2 {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 90%;
}
.author-bio .author-bio-content, .ettr .author-bio-content {
  margin-bottom: 25px;
}
.author-bio .arete-definition, .ettr .arete-definition {
  margin-bottom: 24px;
}
.author-bio .testimonial img.floating, .ettr .testimonial img.floating {
  width: 164px;
  height: 208px;
  float: left;
  margin: 6px 20px 20px 20px;
}
.author-bio .submit-question, .ettr .submit-question {
  margin-top: 24px;
  background-color: #e2e1e1;
  border: solid #00A19B 2px;
  padding: 16px 10px;
}
.author-bio.questions h3, .ettr.questions h3 {
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin-top: 24px;
}
.author-bio.questions .question, .ettr.questions .question {
  font-weight: bold;
  font-style: italic;
}

.perf-playbook h1 {
  color: #00A19B;
  text-align: center;
  margin-bottom: 30px;
}
.perf-playbook h2 {
  color: #00A19B;
  text-align: left;
}
.perf-playbook hr {
  margin-bottom: 24px;
  margin-top: 4px;
  width: 100%;
}
.perf-playbook h4 {
  margin-bottom: 16px;
}

.app-store-links {
  text-align: center;
}
.app-store-links a {
  margin: 60px 25px;
  display: inline-block;
}

.deliberate-practice-pdf-buttons {
  width: 700px;
  margin: 20px auto;
  text-align: center;
}
.deliberate-practice-pdf-buttons a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 120px;
  line-height: 1.1;
  border-radius: 3px;
  font-size: 12px;
  margin: 16px 22px;
}
.deliberate-practice-pdf-buttons a.trust {
  background: #666666;
}
.deliberate-practice-pdf-buttons a.compassion {
  background: #f47068;
}
.deliberate-practice-pdf-buttons a.courage {
  background: #d50057;
}
.deliberate-practice-pdf-buttons a.justice {
  background: #f18a00;
}
.deliberate-practice-pdf-buttons a.wisdom {
  background: #6f2277;
}
.deliberate-practice-pdf-buttons a.temperance {
  background: #655dc6;
}
.deliberate-practice-pdf-buttons a.hope {
  background: #b4bd00;
}

.deliberate-practice-model-image-container {
  text-align: center;
}
.deliberate-practice-model-image-container table tr td {
  padding: 6px;
  text-align: center;
}
.deliberate-practice-model-image-container table tr td a {
  display: inline-block;
  padding: 6px 32px;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08);
}

.additional-resources {
  display: block;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.videoOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/cross-stripes-dark.png);
}

#homeVideo {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  min-width: 101%;
  min-height: 101%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

#psychologically-safe-survey-results {
  margin-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 80px;
  display: none;
}
#psychologically-safe-survey-results .block {
  padding-left: 10px;
  padding-right: 10px;
}

#psychologically-safe-survey {
  margin-bottom: 40px;
}
#psychologically-safe-survey td {
  text-align: center;
  width: 120px;
  height: 70px;
}

.score-scale-container {
  text-align: center;
  position: relative;
  padding: 0px;
  border: solid #dedede 2px;
}

#scale {
  width: 100%;
  height: 44px;
  display: inline-block;
  text-align: left;
  border: none;
  padding: 0px;
}

#score {
  background-color: #00A49C;
  height: 50px;
  display: inline-block;
  position: absolute;
  left: 0px;
}

#your-team {
  position: absolute;
  top: 2px;
  left: 50%;
  height: 95px;
  width: 75px;
}

.your-team-words {
  position: absolute;
  bottom: 0px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #00A49C;
  width: 75px;
  height: 15px;
  font-weight: bold;
}

.your-team-line {
  border-left: dashed #c8c8c8 1px;
  width: 1px;
  height: 70px;
}

#your-team-copy {
  padding-bottom: 16px;
}

.footer {
  position: relative;
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  padding-top: 36px;
  padding-bottom: 36px;
}
.footer .footer-green-lines {
  position: absolute;
  right: 90px;
  bottom: 0px;
  background: url("../images/Green Bars Footer.png") no-repeat;
  width: 29px;
  height: 350px;
}
.footer span {
  margin-right: 40px;
}
.footer a {
  margin-right: 8px;
  margin-left: 8px;
  color: #666666;
  text-decoration: none;
}
.footer a.logo {
  margin-right: auto;
  margin-left: auto;
  margin-top: 36px;
  margin-bottom: 97px;
  display: block;
}
.footer .logos {
  display: table;
  height: 80px;
  margin-top: 30px;
}
.footer .logos .logo {
  vertical-align: middle;
  display: table-cell;
  padding-left: 35px;
  text-align: left;
}
.footer .logos .logo.firstLogo {
  padding-right: 35px;
  padding-left: 0px;
  text-align: right;
  border-right: solid #666666 1px;
}

.arete-definition-images img {
  object-fit: cover;
  width: 100%;
}
.arete-definition-images img.desktop {
  display: inherit;
}
.arete-definition-images img.mobile {
  display: none;
}

.mobile-only {
  display: none;
}

.desktop-only {
  display: inherit;
}

tr.desktop-only {
  display: table-row;
}

div.search-term-results {
  display: none;
  position: absolute;
  background: white;
  margin-top: 8px;
  width: 540px;
  transform: translateX(-50%);
  left: 50%;
}
div.search-term-results.showing-results {
  display: block;
}
div.search-term-results.showing-results p {
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  text-align: left;
  padding: 5px 15px 0px 15px;
  margin-bottom: 2px;
}
div.search-term-results.showing-results ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
div.search-term-results.showing-results ul li {
  padding: 0;
  margin: 0;
}
div.search-term-results.showing-results ul li a {
  padding: 8px 15px;
  text-decoration: none;
  color: #3D3935;
  font-weight: bold;
  display: block;
  text-align: left;
  font-size: 14px;
}
div.search-term-results.showing-results ul li a:hover {
  background: #00A19B;
}

.tier2 .search-term-results {
  z-index: 3;
  position: relative;
  top: 6px;
}
.tier2.searchContainer {
  height: 50px;
  padding: 0px;
  margin: 0px;
  background-color: #f8f8f8;
  display: none;
}
.tier2.searchContainer .searchFormContainer {
  height: 50px;
  padding: 0px;
  margin: 0px;
}
.tier2.searchContainer .searchFormContainer form {
  padding-top: 12px;
}
.tier2.searchContainer .searchFormContainer input {
  width: 360px;
  background-color: transparent;
  border-color: transparent;
}

.mobile-nav-container.show-search.tier2.searchContainer {
  display: block;
}

.show-search .content-tier2-header .nav ul li a.icon.search {
  border: solid white 6px;
  background-color: #ecebea;
  border-radius: 50%;
}

.comp-char {
  background: url(../images/comp-char.png) no-repeat 50% 50%;
  background-size: contain;
}

.padding-right {
  padding-right: 24px;
}

.padding-right-sm {
  padding-right: 24px;
}

.padding-left-sm {
  padding-left: 24px;
}

.padding-top {
  padding-top: 24px;
}

.padding-top-sm {
  padding-top: 12px;
}

.padding-bottom {
  padding-bottom: 24px;
}

.padding-bottom-sm {
  padding-bottom: 12px;
}

.padding-bottom-xs {
  padding-bottom: 6px;
}

.margin-left-sm {
  margin-left: 12px;
}

.margin-left-md {
  margin-left: 24px;
}

.margin-left-lg {
  margin-left: 36px;
}

.search-results hr {
  background: #00A19B;
  width: 60px;
  margin: 24px auto 0px auto;
  height: 3px;
  border: none;
}
.search-results .search-result {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: solid #ecebea 1px;
}
.search-results .search-result a {
  font-size: 18px;
  display: block;
  color: #00A19B;
}
.search-results .search-result p {
  margin-top: 24px;
}
.search-results .search-results-group {
  margin-bottom: 40px;
}

.activity-buttons {
  position: relative;
  height: 50px;
  text-align: center;
}
.activity-buttons a {
  position: relative;
  top: 0px;
  background: no-repeat 50% 50%;
  width: 150px;
  height: 50px;
  display: inline-block;
}
.activity-buttons .first {
  margin-right: 24px;
}
.activity-buttons .download {
  background-image: url(../images/download-pdf.png);
}
.activity-buttons .download:hover {
  background-image: url(../images/download-pdf-hover.png);
}
.activity-buttons .print {
  background-image: url(../images/print.png);
}
.activity-buttons .print:hover {
  background-image: url(../images/print-hover.png);
}

.padded16 {
  padding: 16px;
}

.padded-right {
  padding: 16px;
}

.padded32 {
  padding: 32px;
}

.error {
  background-color: #fce3e6;
  border: solid #f3b2bc 3px;
  padding: 16px;
  max-width: 800px;
  min-width: 600px;
  display: none;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  z-index: 300;
  transform: translateX(-50%);
  left: 50%;
}
.error.static {
  position: unset;
  transform: unset;
  left: unset;
}

.message {
  background-color: #cceeed;
  border: solid #00A19B 3px;
  padding: 16px;
  max-width: 800px;
  min-width: 600px;
  display: none;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  z-index: 300;
  transform: translateX(-50%);
  left: 50%;
}

.close-error-message {
  top: 3px;
  height: 24px;
  width: 24px;
  display: block;
  right: 8px;
}
.close-error-message:before, .close-error-message:after {
  position: absolute;
  right: 18px;
  content: " ";
  height: 24px;
  width: 1px;
  background-color: #787776;
}
.close-error-message:before {
  transform: rotate(45deg);
}
.close-error-message:after {
  transform: rotate(-45deg);
}

.auth-form {
  max-width: 600px;
  border: solid #00A19B 2px;
  border-radius: 4px;
  padding: 24px 24px 24px 24px;
  margin: 40px auto;
  height: auto;
}
.auth-form h2 {
  color: #00A19B;
  text-align: center;
  margin-bottom: 40px;
}
.auth-form .auth-input {
  margin-top: 20px;
  margin-bottom: 8px;
}
.auth-form .auth-input input[type=text], .auth-form .auth-input input[type=email], .auth-form .auth-input input[type=password] {
  width: 100%;
}
.auth-form .auth-input input[type=text].datepick, .auth-form .auth-input input[type=email].datepick, .auth-form .auth-input input[type=password].datepick {
  width: 78px;
}
.auth-form .auth-input input[type=submit] {
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
}
.auth-form .auth-input span {
  font-size: 0.75em;
}
.auth-form p {
  margin-top: 12px;
  margin-bottom: 32px;
}
.auth-form.full-width {
  max-width: none;
  width: 100%;
  margin-top: 15px;
}
.auth-form.auth-form-navy {
  border-color: #0e2c5a;
}
.auth-form.goal-track-form {
  padding-left: 0;
  padding-right: 0;
}
.auth-form.goal-track-form .no-goals {
  text-align: center;
}
.auth-form.auth-form-with-header {
  padding: 0px;
}
.auth-form.auth-form-with-header .auth-form-header {
  color: white;
  background-color: #00A19B;
  padding: 24px;
}
.auth-form.auth-form-with-header .auth-form-header a {
  color: white;
}
.auth-form.auth-form-with-header .auth-form-header a.tertiary-btn {
  color: #00A19B;
  border-color: white;
}
.auth-form.auth-form-with-header .auth-form-header h2 {
  color: white;
}
.auth-form.auth-form-with-header .auth-form-header h2 span {
  font-size: 0.62em;
  font-weight: bold;
}
.auth-form.auth-form-with-header .auth-form-body {
  padding: 24px;
}

.surveyQuestionFormContainer {
  text-align: center;
}
.surveyQuestionFormContainer.question {
  width: 100%;
  height: 540px;
  position: relative;
}
.surveyQuestionFormContainer.story {
  min-height: 900px;
  position: static;
}
.surveyQuestionFormContainer.story p {
  text-align: left;
}
.surveyQuestionFormContainer .surveyQuestionForm {
  display: inline-block;
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 25%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.surveyQuestionFormContainer .surveyQuestionForm.story {
  position: relative;
  left: auto;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
}
.surveyQuestionFormContainer .surveyQuestionForm.story textarea {
  width: 100%;
  height: 300px;
}
.surveyQuestionFormContainer .surveyQuestionForm .question {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 24px;
}
.surveyQuestionFormContainer .surveyQuestionForm .answer-options {
  margin: 0 auto;
  display: inline-block;
}
.surveyQuestionFormContainer .surveyQuestionForm .answer-options .answer {
  float: left;
  border: solid #00A19B 2px;
  color: white;
  background-color: #00A19B;
  outline: none;
  width: 80px;
  height: 80px;
  font-size: 10pt;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
  margin-right: 10px;
  margin-top: 10px;
}
.surveyQuestionFormContainer .surveyQuestionForm .answer-options .answer.selected {
  color: #00A19B;
  background-color: #fff;
}
.surveyQuestionFormContainer .surveyQuestionForm .answer-options .answer:hover {
  color: #00A19B;
  background-color: #fff;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.surveyQuestionFormContainer .surveyQuestionForm .answer-options .answer:active {
  box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.surveyQuestionFormContainer .surveyQuestionForm .answer-options .answer.last {
  margin-right: 0px;
}
.surveyQuestionFormContainer .surveyQuestionForm .progress-bar-container {
  text-align: center;
}
.surveyQuestionFormContainer .surveyQuestionForm .progress-bar-container p {
  margin: 0;
  padding: 0;
}
.surveyQuestionFormContainer .surveyQuestionForm .progress-bar-container .resume-later {
  margin-top: 24px;
}
.surveyQuestionFormContainer .surveyQuestionForm .progress-bar-container .progress-bar {
  height: 16px;
  border: solid #00A19B 1px;
  width: 80%;
  margin: 4px auto;
  padding: 0;
  background-color: white;
}
.surveyQuestionFormContainer .surveyQuestionForm .progress-bar-container .progress-bar .bar {
  background-color: #00A19B;
  width: 0px;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.surveyQuestionFormContainer .surveyQuestionForm .atom-nav .item.back {
  left: 0px;
}
.surveyQuestionFormContainer .surveyQuestionForm .atom-nav .item.next {
  right: 0px;
}
.surveyQuestionFormContainer .surveyQuestionForm .atom-nav .item.middle {
  width: 200px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}

.content.content-element.tier0 {
  padding-top: 24px;
}
.content.content-element.tier0.html-survey-results-container {
  padding-top: 0px;
}

.admin h1 {
  color: #00A19B;
  text-align: center;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 16px;
  margin-top: 0px;
  line-height: 1em;
}
.admin h2 {
  color: #00A19B;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 16px;
}
.admin h2.goal-tracker-type-title {
  margin-left: 27px;
  margin-bottom: 0px;
  font-size: 1.3em;
  font-weight: bold;
}
.admin h3 {
  font-weight: normal;
  font-size: 24px;
}
.admin h4 {
  font-weight: normal;
  font-size: 20px;
}
.admin hr {
  margin-top: 32px;
  margin-bottom: 50px;
  max-width: 200px;
}
.admin p.subtitle {
  font-weight: bold;
  font-style: italic;
  text-align: center;
}
.admin.journey h4 {
  color: #042d5e;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 10px;
}
.admin.journey .journey-action-item {
  margin-top: 20px;
}
.admin.journey .journey-actions {
  float: right;
}
.admin.journey .journey-actions a.secondary-btn {
  display: inline-block;
  margin-bottom: 6px;
  padding: 6px 42px;
  text-align: center;
}
.admin .goal-tracker-mini {
  min-height: 40px;
  font-size: 14px;
  margin-bottom: 8px;
}
.admin .goal-tracker-container {
  margin-bottom: 80px;
}
.admin .goal-tracker-container h3 {
  margin-bottom: 16px;
  font-size: 1.2em;
  font-weight: bold;
}
.admin .goal-action-button-container {
  margin-bottom: 30px;
}
.admin .goal-reflector {
  border-color: #0e2c5a;
  padding: 0 0 0 0px;
}
.admin .goal-reflector .goal-reflector-goal-header {
  padding: 24px 18px 24px 18px;
  background: #0e2c5a;
  color: white;
}
.admin .goal-reflector .goal-reflector-goal-header h2 {
  color: white;
  text-align: left;
}
.admin .goal-reflector .goal-reflector-goal-content {
  padding: 24px 24px 24px 24px;
}
.admin .goal-reflector .goal-reflector-goal-content .goal-description {
  font-size: 0.8em;
  line-height: 1.2em;
  margin-bottom: 12px;
  color: #787776;
}
.admin .goal-reflector .goal-reflector-goal-content .milestones, .admin .goal-reflector .goal-reflector-goal-content strong {
  font-weight: bold;
  color: #0e2c5a;
}
.admin .goal-reflector .goal-reflector-goal-content .reflect-label {
  margin: 16px 0px;
}
.admin .goal-reflector .goal-description {
  white-space: pre-wrap;
}
.admin .goal-reflector hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
.admin .goal-reflector .goal-task-container {
  margin-bottom: 16px;
}
.admin .goal-reflector .goal-task-container .goal-task {
  margin-bottom: 12px;
}
.admin .goal-reflector .goal-task-container .goal-task input[type=checkbox] {
  margin-right: 5px;
}
.admin .goal-reflector .slider-container {
  margin-top: 12px;
  min-height: 70px;
}
.admin .goal-reflector .reflection-char-count-container {
  position: relative;
}
.admin .goal-reflector .reflection-char-count-container .reflection-char-count {
  font-size: 0.8em;
  float: right;
  position: absolute;
  top: -24px;
  right: 6px;
  color: #787776;
}
.admin .goal-reflector .coach-name-label {
  color: #787776;
  margin-bottom: 4px;
}
.admin .goal-reflector.goal-completed {
  background-color: #0e2c5a;
}
.admin .goal-report .goal-reflections-container {
  margin-top: 32px;
}
.admin .goal-report .goal-reflections-container .goal-reflection {
  margin-top: 32px;
}
.admin .goal-report .goal-reflections-container .goal-reflection .reflection-header {
  height: 30px;
}
.admin .goal-report .goal-reflections-container h3 {
  font-weight: bold;
  color: #0e2c5a;
  margin-top: 20px;
  font-size: 1.2em;
}
.admin .goal-form {
  max-width: 1042px;
}
.admin .goal-form .auth-input {
  margin-top: 24px;
  margin-bottom: 12px;
}
.admin .goal-form .auth-input input[type=text] {
  width: 100%;
}
.admin .goal-form .auth-input.no-top-margin {
  margin-top: 0px;
}
.admin .goal-form .tracking-users-table td {
  padding-left: 0px;
}
.admin .goal-form .goal-date-picker input[type=text] {
  width: 160px;
}
.admin .goal-form .goal-task {
  margin-bottom: 16px;
}
.admin .goal-form .radio-list label {
  margin-right: 24px;
}
.admin .goal-form .label {
  color: #0e2c5a;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 8px;
}
.admin .goal-form .add-something {
  height: 26px;
  padding-left: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url("/images/goal-new-milestone.png") no-repeat left center;
  color: #787776;
  font-weight: bold;
}
.admin .no-chart-data {
  width: 100%;
  height: 200px;
  border: solid rgba(0, 0, 0, 0.4) 1px;
  background-color: rgba(0, 0, 0, 0.025);
}
.admin .no-chart-data h2 {
  padding-top: 90px;
  color: #787776;
}
.admin .goal-tracker-tab-container-container {
  width: 775px;
  height: 65px;
  background: url(/images/goal-tab.png);
}
.admin .goal-tracker-tab-container {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
}
.admin .goal-tracker-tab-container li {
  float: left;
  color: #000;
  font-size: 14px;
  width: 155px;
  height: 65px;
  background: url(/images/goal-tab.png);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
}
.admin .goal-tracker-tab-container li.active {
  color: #00A19B;
  font-weight: bold;
  background: url(/images/goal-tab-active.png);
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.admin .goal-tracker-tab-container li span {
  width: 100%;
}
.admin .goal-tracker-charts-container {
  background: url(/images/goal-tab-page.png) repeat-x;
  padding-left: 24px;
  padding-right: 24px;
  clear: both;
}
.admin .goal-tracker-charts-container .goal-tracker-chart {
  display: none;
}
.admin .goal-tracker-charts-container .goal-tracker-chart.active {
  display: block;
}
.admin a.subtle {
  font-size: 14px;
  color: #787776;
  font-style: italic;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
}
.admin a.toggle {
  height: 26px;
  display: block;
  padding-left: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url("/images/goal-arrow-down.png") no-repeat left center;
}
.admin a.toggle.expanded {
  background-image: url("/images/goal-arrow-up.png");
}
.admin a.toggle span {
  cursor: pointer;
}

.checkout {
  margin-bottom: 48px;
}
.checkout .checkout-steps {
  background-color: #f6f6f6;
  border-top: solid #f4f4f4 1px;
  border-left: solid #f4f4f4 1px;
  border-right: solid #f4f4f4 1px;
  width: 100%;
  margin-bottom: 0;
}
.checkout .checkout-steps ul {
  list-style-type: none;
  width: 50%;
  display: flex;
  align-items: stretch;
  /* Default */
  justify-content: space-between;
  margin: 0px auto;
  padding: 20px;
}
.checkout .checkout-steps ul li {
  float: left;
  color: darkgrey;
  text-align: center;
  flex: 0 1 auto;
  /* Default */
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.checkout .checkout-steps ul li.active {
  color: #00A19B;
}
.checkout .checkout-steps ul li.active .numberCircle {
  color: #00A19B;
  border-color: #00A19B;
}
.checkout .checkout-steps ul li .numberCircle {
  display: block;
  margin: 0px auto;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 0px 8px;
  border: 2px solid darkgrey;
  color: darkgrey;
  text-align: center;
  font: 24px Arial, sans-serif;
}
.checkout .checkout-content {
  padding: 20px;
  margin-top: 0;
  border-bottom: solid #f4f4f4 1px;
  border-left: solid #f4f4f4 1px;
  border-right: solid #f4f4f4 1px;
}
.checkout .checkout-content .left {
  border-right: solid #f4f4f4 1px;
}
.checkout .checkout-content .left p {
  border-bottom: solid #f4f4f4 1px;
  margin: 20px 0px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.checkout .checkout-content .processed-by {
  display: block;
  margin: 20px auto;
  text-align: center;
  position: static;
  left: unset;
  transform: unset;
}
.checkout .checkout-content .checkout-details {
  background-color: #f6f6f6;
  padding: 8px;
}
.checkout .checkout-content .checkout-details table {
  width: 100%;
}
.checkout .checkout-content .checkout-details table tr td {
  padding: 6px 12px;
  vertical-align: top;
  border-bottom: solid #dedede 1px;
}
.checkout .checkout-content .checkout-details table tr td:first-child {
  text-align: left;
}
.checkout .checkout-content .checkout-details table tr td:last-child {
  text-align: right;
}
.checkout .checkout-content .checkout-details table tr td span {
  color: darkgrey;
  display: block;
  padding-left: 12px;
}
.checkout .checkout-content .checkout-details table tr:last-child td {
  border-bottom: none;
  font-weight: bold;
}

.receipt-info p {
  margin-top: 32px;
  margin-bottom: 48px;
}
.receipt-info .survey-code-single {
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
}
.receipt-info .survey-code-single .survey-code-single-code {
  margin: 20px;
  padding: 20px;
  border: solid #dedede 2px;
  font-weight: bold;
  font-size: 20px;
}
.receipt-info .survey-code-list {
  background-color: #f6f6f6;
  padding: 8px;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}
.receipt-info .survey-code-list table {
  width: 100%;
}
.receipt-info .survey-code-list table tr td {
  padding: 6px 12px;
  vertical-align: top;
  border-bottom: solid #dedede 1px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.receipt-info .survey-code-list table tr td span {
  color: darkgrey;
  display: block;
  padding-left: 12px;
}
.receipt-info .survey-code-list table tr:last-child td {
  border-bottom: none;
}

.rightText {
  text-align: right;
}

.leftText {
  text-align: left;
}

.center {
  text-align: center;
}

input[type=number] {
  padding: 10px;
  width: 80px;
  margin-right: 12px;
}

.redeem {
  padding: 20px;
}
.redeem h3, .redeem p {
  margin: 24px 0px;
}
.redeem label {
  margin-bottom: 30px;
}
.redeem input[type=text], .redeem select {
  padding: 10px;
  width: 160px;
  margin-right: 12px;
}
.redeem input[type=number] {
  padding: 10px;
  width: 80px;
  margin-right: 12px;
}
.redeem.left {
  padding-left: 20px;
  border-left: solid #dedede 1px;
  border-top: solid #dedede 1px;
  border-bottom: solid #dedede 1px;
}
.redeem.left .code-input {
  text-align: center;
  border: none;
}
.redeem.right {
  background-color: #f6f6f6;
  border: solid #dedede 1px;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.center {
  text-align: center;
}

.h-spaced {
  margin-right: 8px;
  margin-left: 8px;
}

.container-element .content-element .page404 {
  padding-top: 60px;
  min-height: 400px;
}
.container-element .content-element .page404 .left404 h1 {
  font-size: 200px;
  font-weight: bold;
}
.container-element .content-element .page404 .right404 h2 {
  font-size: 60px;
  font-weight: normal;
  line-height: 60px;
  color: rgba(0, 0, 0, 0.6);
}

.surveyQuestionFormContainer h4 {
  color: #042d5e;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 10px;
  text-align: left;
}

.open-ended-example-buttons {
  margin: 16px auto;
}
.open-ended-example-buttons a {
  margin: 0 10px;
}

#virtueCheckboxes {
  margin-top: 24px;
}
#virtueCheckboxes p.virtues label {
  line-height: 30px;
}
#virtueCheckboxes p.virtues label span {
  margin-left: 6px;
  font-weight: bold;
}
#virtueCheckboxes p.virtues label span.trust {
  color: #707070;
}
#virtueCheckboxes p.virtues label span.compassion {
  color: #F4706B;
}
#virtueCheckboxes p.virtues label span.courage {
  color: #D30057;
}
#virtueCheckboxes p.virtues label span.justice {
  color: #F18A00;
}
#virtueCheckboxes p.virtues label span.wisdom {
  color: #6F2277;
}
#virtueCheckboxes p.virtues label span.temperance {
  color: #655DC6;
}
#virtueCheckboxes p.virtues label span.hope {
  color: #B4BD00;
}

.story-answer {
  text-align: left;
}
.survey-story-action-buttons {
  margin-top: 20px;
}

.submit-story-action-buttons {
  text-align: right;
  margin-top: 40px;
}
.submit-story-action-buttons a {
  margin: 0 10px;
}

.story-example-header {
  color: #00A19B;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.survey-welcome-questions-container {
  margin-top: 15px;
  margin-bottom: 55px;
}
.survey-welcome-questions-container .survey-welcome-question {
  margin-left: 5%;
  border-radius: 4px;
  padding-top: 0;
  margin-top: 0;
}
.survey-welcome-questions-container .survey-welcome-question a {
  border-radius: 4px;
  height: 196px;
  background-color: #00A19B;
  margin-top: 0;
  padding-top: 0px;
  padding-left: 4px;
  padding-right: 4px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: block;
  transition: all 0.15s ease-in-out;
}
.survey-welcome-questions-container .survey-welcome-question a span {
  font-size: 64px;
  height: 64px;
  line-height: 64px;
  margin-top: 10px;
  padding-top: 4px;
  margin-bottom: 10px;
  color: #81c9c5;
  font-weight: bold;
  display: block;
  text-align: center;
}
.survey-welcome-questions-container .survey-welcome-question a:hover {
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.15);
}
.survey-welcome-questions-container .survey-welcome-question a:active {
  box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.survey-welcome-questions-container .survey-welcome-question:first-child {
  margin-left: 0%;
}

.invite-raters-submit-buttons {
  margin-top: 30px;
  text-align: center;
}
.invite-raters-submit-buttons input {
  margin: 0 15px;
}

.strongText {
  font-weight: bold;
}

.virtue-callout {
  font-weight: 700;
}
.virtue-callout.trust {
  color: #707070;
}
.virtue-callout.compassion {
  color: #F4706B;
}
.virtue-callout.courage {
  color: #D30057;
}
.virtue-callout.justice {
  color: #F18A00;
}
.virtue-callout.wisdom {
  color: #6F2277;
}
.virtue-callout.temperance {
  color: #655DC6;
}
.virtue-callout.hope {
  color: #B4BD00;
}

.virtues-tagged {
  color: #133668;
  font-weight: 700;
}

.virtues-tagged-container {
  display: block;
  margin-top: 12px;
}

ul.green-bulleted-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.green-bulleted-list li {
  padding-left: 1em;
  text-indent: -0.7em;
}
ul.green-bulleted-list li::before {
  content: "• ";
  color: #00A19B;
}

p.fine-text {
  font-style: italic;
  font-size: 0.9em;
  text-align: center;
  margin-top: 6px;
}

.select-survey-results-container {
  position: absolute;
  right: 0px;
  color: #00A19B;
  top: 35px;
  font-size: 12px;
  font-weight: bold;
}

.survey-results-name-container h2 {
  color: #00A19B;
  text-align: center;
}
.survey-results-name-container h2 span {
  color: #AF1117;
}

.rater-status {
  color: #AF1117;
  font-weight: bold;
}
.rater-status .completed {
  color: #00A19B;
}
.rater-status .started {
  color: #f6c446;
}

.survey-pizza-chart div {
  outline: solid #00A19B 3px;
  margin-right: 10px;
  height: 40px;
}
.survey-pizza-chart div.completed {
  background-color: #00A19B;
}
.survey-pizza-chart div.incomplete {
  background-color: transparent;
}
.survey-pizza-chart div.unassigned {
  outline: solid #a8a8a8 3px;
  background-color: #f1f3f4;
  opacity: 50%;
}

.navyText {
  color: #0e2c5a;
}

.deliberate-practice-header {
  background-color: #0e2c5a;
  width: 100%;
}
.deliberate-practice-header .deliberate-practice-header-content {
  padding: 40px 130px;
  max-width: 1042px;
  margin: 0 auto;
}
.deliberate-practice-header img.dp-icon {
  width: 80px;
  height: 80px;
  float: left;
}
.deliberate-practice-header img.dp-model-dark {
  margin-left: 40px;
  width: 330px;
  height: 330px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("/images/dp-model-dark.png");
  background-size: contain;
}
.deliberate-practice-header img.dp-model-dark.goal {
  background-image: url("/images/dp-model-dark-goals.png");
}
.deliberate-practice-header img.dp-model-dark.coach {
  background-image: url("/images/dp-model-dark-coach.png");
}
.deliberate-practice-header img.dp-model-dark.effort {
  background-image: url("/images/dp-model-dark-effort.png");
}
.deliberate-practice-header img.dp-model-dark.reflect {
  background-image: url("/images/dp-model-dark-reflect.png");
}
.deliberate-practice-header img.dp-model-dark.center {
  background-image: url("/images/dp-model-dark-center.png");
}
.deliberate-practice-header h1 {
  text-align: left;
  font-size: 32px;
  padding-left: 32px;
  margin-top: 26px;
  float: left;
  color: white;
}
.deliberate-practice-header h1.no-left-padding {
  padding-left: 0px;
}
.deliberate-practice-header h2 {
  font-weight: bold;
  color: white;
  margin-top: 40px;
  font-size: 16px;
  text-align: left;
}
.deliberate-practice-header h2.big {
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
}
.deliberate-practice-header h2.big.really-big {
  font-size: 32px;
}
.deliberate-practice-header h2.small {
  margin-top: 20px;
  font-size: 14px;
}

img.dp-model-light {
  width: 330px;
  height: 330px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("/images/dp-model-light.png");
  background-size: contain;
}
img.dp-model-light.goal {
  background-image: url("/images/dp-model-light-goal.png");
}
img.dp-model-light.coach {
  background-image: url("/images/dp-model-light-coach.png");
}
img.dp-model-light.effort {
  background-image: url("/images/dp-model-light-effort.png");
}
img.dp-model-light.reflect {
  background-image: url("/images/dp-model-light-reflect.png");
}
img.dp-model-light.center {
  background-image: url("/images/dp-model-light-center.png");
}

.goal-report-header-goal-details {
  background-color: #fff;
  width: 100%;
  padding: 16px;
  color: #787776;
  border-radius: 5px;
}
.goal-report-header-goal-details h2 {
  color: #0e2c5a;
  font-weight: bold;
  margin-top: 0px;
  font-size: 1.2em;
}

.teal {
  color: #00A19B;
}

th.table-desktop-only {
  display: table-cell;
}

td.table-desktop-only {
  display: table-cell;
}

tr.table-mobile-only {
  display: none;
}

@media only screen and (max-width: 1399px) {
  /* 1024 break point */
  .container-homeBanner .mainCtaBlock .mainCta.left {
    padding-top: 370px;
  }
  .container-homeBanner .mainCtaBlock .mainCta.right img {
    top: 118px;
  }
  .container-homeBanner .mainCtaBlock .mainCta.right a {
    top: 118px;
  }

  .container-playbook {
    height: 400px;
  }
  .container-playbook .content-playbook {
    height: 400px;
  }

  .container-virtue-detail .content-virtue-detail {
    padding-left: 130px;
    padding-right: 130px;
  }

  .container-playbook-detail .content-playbook-detail {
    padding-left: 130px;
    padding-right: 130px;
  }
  .container-playbook-detail .content-playbook-detail.activities-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container-playbook-detail .content-playbook-detail.activities-container .element-atoms-box-container {
    max-width: 100%;
  }
  .container-playbook-detail .content-playbook-detail.activities-container a {
    width: 162px;
  }
  .container-playbook-detail .content-playbook-detail.activities-container a:hover {
    width: 162px;
  }
  .container-playbook-detail .content-playbook-detail.activities-container .activity-box {
    width: 162px;
  }
  .container-playbook-detail .content-playbook-detail.atoms-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container-playbook-detail.gray.elements-container .content-playbook-detail {
    margin-bottom: 60px;
  }

  .container-element.virtue-green .content-element {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-element .content-element {
    padding-left: 130px;
    padding-right: 130px;
  }

  .content-atom {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-atom .atom-banner.article {
    margin-bottom: 0px;
  }

  .container-atom.article.body .content.atom-quote.article {
    margin-left: 35px;
    padding-right: 65px;
  }

  .triple-list {
    padding: 0px;
  }

  .activity-box-detail-container {
    width: 760px;
  }

  .playbook-navigation-block .navigation-block.left {
    width: 25%;
  }

  .playbook-navigation-block .navigation-block.center {
    width: 75%;
  }

  .playbook-navigation-block .navigation-block.right {
    display: none;
  }

  .content-homeBanner .nav.mobile-nav-container.show-dropdown .icon {
    border: solid transparent 6px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
  }

  .admin .container-element .content-element {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer .footer-green-lines {
    right: 50px;
    height: 250px;
  }
}
@media only screen and (max-width: 1023px) {
  /* 768 break point */
  .survey-results-name-container .status-container .block16 {
    display: none;
  }
  .survey-results-name-container .status-container .block16.select-container {
    display: block;
    width: 100%;
  }
  .survey-results-name-container .status-container .title-container {
    width: 100%;
  }

  .pizza-chart-container.blockContainer .block.block20 {
    display: none;
  }
  .pizza-chart-container.blockContainer .block.block60 {
    width: 100%;
  }
  .pizza-chart-container.blockContainer .block.block60 .blockContainer.survey-pizza-chart .block.block3 {
    width: 2.5%;
    margin-right: 8px;
  }

  .container-homeBanner {
    background-image: url(../images/mobile-background-1024.jpg);
    overflow: visible;
    z-index: 100;
  }

  .container-virtues-outer {
    background-position: 50% 100px;
  }
  .container-virtues-outer .newsletterToggler {
    left: 50%;
    transform: translateX(-50%);
  }

  .container-homeBanner .mainCtaBlock .newsletterCta .newsletter {
    width: 90%;
    left: 45%;
  }
  .container-homeBanner .mainCtaBlock .newsletterCta .newsletter h3 {
    margin: 10px 20px;
  }
  .container-homeBanner .mainCtaBlock .newsletterCta .newsletter div.input {
    padding: 0px 12px 12px 12px;
  }
  .container-homeBanner .mainCtaBlock .newsletterCta .newsletter p {
    margin: 12px 12px 20px 12px;
  }

  .container-homeBanner .mainCtaBlock .mainCta.left {
    padding-top: 370px;
  }

  .container-homeBanner .mainCtaBlock .mainCta.left .ctaActions {
    display: none;
  }

  .container-homeBanner .mainCtaBlock .mainCta.center .ctaActions {
    display: inline-block;
  }

  .container-homeBanner .mainCtaBlock .bookCta {
    right: 20px;
    bottom: -6px;
  }

  .container-homeBanner .mainCtaBlock .mainCta.right img {
    top: 118px;
  }

  .container-homeBanner .mainCtaBlock .mainCta.right a {
    top: 118px;
  }

  .mobile-only {
    display: inline-block;
  }

  .mobile-only.icon.menu {
    width: 40px;
    height: 40px;
    background: url(../images/menu-white.png) no-repeat 50% 50%;
  }

  .content-homeBanner .nav {
    right: 40px;
  }

  .playbook-card, .playbook-card.first {
    margin-left: 8px;
    margin-right: 8px;
  }

  .end-three-lines {
    right: 50px;
  }

  .container-homeBanner .mainCtaBlock .mainCta.right a {
    margin-right: 20px;
  }

  .footer .footer-green-lines {
    right: 50px;
    height: 250px;
  }

  .container-playbook-detail.gray.elements-container .content-playbook-detail {
    padding-left: 80px;
    padding-right: 80px;
  }

  .playbook-elements-box-container .element-box {
    margin-bottom: 15px;
  }

  .playbook-elements-box-container a, .playbook-elements-box-container a:hover {
    width: 160px;
    height: 214px;
    display: inline-block;
    margin-left: 0px;
  }

  .playbook-elements-box-container {
    text-align: center;
  }

  .container-playbook-detail .content-playbook-detail {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-playbook {
    height: 300px;
  }

  .container-playbook .content-playbook {
    height: 300px;
  }

  .container-playbook-detail .content-playbook-detail {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .playbook-navigation-block .navigation-block.left {
    width: 100%;
    padding-left: 0px;
    background-position-x: 20px;
  }

  .playbook-navigation-block .navigation-block.left span {
    padding-left: 48px;
  }

  .playbook-navigation-block .navigation-block.left .arrowButton {
    display: inline-block;
    width: 40px;
    height: 40px;
    float: right;
    background: url(../images/down-arrow.png) no-repeat 50% 50%;
    margin-right: 10px;
  }

  .playbook-navigation-block.show-dropdown .navigation-block.left .arrowButton {
    background-image: url(../images/up-arrow.png);
  }

  .playbook-navigation-block.show-dropdown-playbooks .navigation-block.left .arrowButton {
    display: none;
  }

  .playbook-navigation-block .navigation-block.left ul {
    display: none;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.08), -3px 3px 3px rgba(0, 0, 0, 0.08);
  }

  .playbook-navigation-block.show-dropdown .navigation-block.left ul.elements {
    display: block;
    height: auto;
    z-index: 20;
    list-style-type: none;
    background: #ecebea;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
  }

  .playbook-navigation-block.show-dropdown .navigation-block.left ul.elements li {
    float: none;
    padding-left: 48px;
    font-weight: bold;
  }

  .playbook-navigation-block.show-dropdown .navigation-block.left ul.elements li.active {
    border-bottom-color: transparent;
  }

  .playbook-navigation-block.show-dropdown .navigation-block.left ul.elements li span {
    color: #c8c8c8;
    padding-left: 0px;
    font-weight: normal;
  }

  .playbook-navigation-block.show-dropdown .navigation-block.left ul.elements li a {
    font-weight: normal;
    padding-left: 12px;
  }
  .playbook-navigation-block.show-dropdown .navigation-block.left ul.elements li.titleless a {
    float: none;
    padding-left: 0px;
    font-weight: bold;
  }

  .playbook-navigation-block.show-dropdown-playbooks .navigation-block.left ul.playbooks-and-virtues {
    display: block;
    height: auto;
    z-index: 20;
    list-style-type: none;
    background: #fff;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 16px;
  }

  .playbook-navigation-block.show-dropdown-playbooks .navigation-block.left ul.playbooks-and-virtues li {
    float: none;
    padding-left: 48px;
    font-weight: bold;
  }

  .playbook-navigation-block.show-dropdown-playbooks .navigation-block.left ul.playbooks-and-virtues li a.close-playbooks-dropdown {
    width: 40px;
    height: 40px;
    background: url(../images/up-arrow.png) no-repeat 50% 50%;
    position: absolute;
    top: 16px;
    right: 10px;
  }

  .container-tier2-header.show-dropdown-playbooks .mobile-only.icon.menu, .container-tier2-header.show-search .mobile-only.icon.search {
    border: solid white 6px;
    background-color: #ecebea;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
  }

  .playbook-navigation-block .navigation-block.right, .playbook-navigation-block .navigation-block.center {
    display: none;
  }

  .content-homeBanner .nav ul, .content-tier2-header .nav ul {
    display: none;
    position: absolute;
  }

  .content-tier2-header .nav.show-dropdown ul {
    display: block;
    margin-top: 24px;
  }

  .content-homeBanner .nav ul {
    display: none;
  }

  .home-mobile-navigation.mobile-nav-container {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 3;
  }

  .home-mobile-navigation.mobile-nav-container.show-dropdown {
    display: block;
  }

  .home-mobile-navigation.mobile-nav-container.show-dropdown ul {
    margin-top: 24px;
    width: 100%;
    list-style-type: none;
  }

  .home-mobile-navigation.mobile-nav-container.show-dropdown ul li {
    text-align: left;
    color: #666;
  }
  .home-mobile-navigation.mobile-nav-container.show-dropdown ul li.titleless a {
    text-align: left;
    color: #666;
    font-size: inherit;
    font-weight: inherit;
    padding-left: inherit;
  }

  .home-mobile-navigation.mobile-nav-container.show-dropdown ul li a {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    padding-left: 12px;
  }

  .container-element .content-element {
    padding-left: 20px;
    padding-right: 20px;
  }

  .element-atoms-box-container {
    max-width: 550px;
  }

  .element-atoms-box-container .element-atom-box, .element-atoms-box-container .element-atom-box.first {
    margin: 8px;
  }

  .content-tier2-header .nav {
    right: 10px;
  }

  .content-tier2-header .nav .icon {
    width: 40px;
    height: 40px;
    margin-right: 0px;
    float: right;
    background: no-repeat 50% 50%;
  }

  .content-tier2-header .nav .icon.menu {
    background-image: url(../images/menu.png);
  }

  .content-tier2-header .nav .icon.search {
    background-image: url(../images/search.png);
  }

  .atom-nav .item span {
    display: none;
  }

  .atom-nav .item.back {
    left: 50px;
  }

  .atom-nav .item.next {
    right: 50px;
  }

  .container-atom.article.body .content.atom-quote.article {
    margin-left: 35px;
  }

  .container-atom .atom-banner.article {
    height: 400px;
  }

  .activity-box-detail-container {
    width: 768px;
    top: 0px;
  }

  .activity-box-detail-banner {
    max-height: 150px;
    min-height: 150px;
  }

  .tier2.searchContainer form input {
    display: none;
  }

  .tier2.searchContainer form input.mobile-only {
    display: inline-block;
  }

  .virtue-arrows {
    width: 702px;
    background-size: contain;
  }

  .container-atom.article.green .virtue-arrows .first {
    padding-left: 106px;
  }

  .container-atom.article.green .virtue-arrows .second {
    padding-left: 26px;
  }

  .virtue-chart img {
    width: 425px;
    height: 354px;
  }

  .lady-justice {
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  /* 375 */
  th.table-desktop-only {
    display: none;
  }

  td.table-desktop-only {
    display: none;
  }

  tr.table-mobile-only {
    display: table-row;
  }
  tr.table-mobile-only td {
    padding-bottom: 48px !important;
  }

  #psychologically-safe-survey td {
    font-size: 0.8em;
  }

  .desktop-only {
    display: none;
  }

  tr.desktop-only {
    display: none;
  }

  .container-perf-playbook {
    padding-top: 53.33%;
  }
  .container-perf-playbook.building-relationships {
    background-image: url(../images/BuildRelationshipsBanner_Mobile.jpg);
  }
  .container-perf-playbook.leverage-strengths {
    background-image: url(../images/LeverageStrengthsBanner_Mobile.jpg);
  }
  .container-perf-playbook.create-clarity {
    background-image: url(../images/CreateClarityBanner_Mobile.jpg);
  }
  .container-perf-playbook.define-purpose {
    background-image: url(../images/DefinePurposeBanner_Mobile.jpg);
  }
  .container-perf-playbook.drive-results {
    background-image: url(../images/DriveResultsBanner_Mobile.jpg);
  }
  .container-perf-playbook.coaching {
    background-image: url(../images/CoachingPlaybookBanner_Mobile.jpg);
  }
  .container-perf-playbook.organizational-culture {
    background-image: url("../images/Organizational Culture_Mobile.jpg");
  }
  .container-perf-playbook.hire-for-character-train-for-competence {
    background-image: url("../images/Hire for Character Banner_Mobile.jpg");
  }
  .container-perf-playbook.teamwork {
    background-image: url("../images/Teamwork Banner_Mobile.jpg");
  }
  .container-perf-playbook.resilience {
    background-image: url("../images/Resilience_Mobile.jpg");
  }
  .container-perf-playbook.raising-and-teaching-better-humans {
    background-image: url("../images/Raising Better Humans_Mobile.jpg");
  }
  .container-perf-playbook.driving-innovation {
    background-image: url("../images/Innovation Banner_Mobile.jpg");
  }
  .container-perf-playbook.creating-diversity-equity-and-inclusion {
    background-image: url("../images/Creating Diversity Banner_Mobile.jpg");
  }
  .container-perf-playbook.restoring-culture {
    background-image: url("../images/Restoring Culture_Mobile.jpg");
  }
  .container-perf-playbook.forming-good-habits {
    background-image: url("../images/Habits Banner_Mobile.jpg");
  }
  .container-perf-playbook.value-of-virtue {
    background-image: url("../images/Value of Virtue Banner_Mobile.jpg");
  }
  .container-perf-playbook.engagement {
    background-image: url("../images/Engagement Banner_Mobile.jpg");
  }

  .container-virtue {
    padding-top: 41.35%;
  }
  .container-virtue.compassion {
    background-image: url(../images/CompassionBanner_Mobile.jpg);
  }
  .container-virtue.trust {
    background-image: url(../images/TrustBanner_Mobile.jpg);
  }
  .container-virtue.courage {
    background-image: url(../images/CourageBanner_Mobile.jpg);
  }
  .container-virtue.hope {
    background-image: url(../images/HopeBanner_Mobile.jpg);
  }
  .container-virtue.wisdom {
    background-image: url(../images/WisdomBanner_Mobile.jpg);
  }
  .container-virtue.temperance {
    background-image: url(../images/TemperanceBanner_Mobile.jpg);
  }
  .container-virtue.justice {
    background-image: url(../images/JusticeBanner_Mobile.jpg);
  }

  .deliberate-practice-pdf-buttons {
    width: 360px;
  }

  .blockContainer {
    display: block;
  }

  .blockContainer .block.block50 {
    width: 100%;
  }

  .blockContainer .block.block70 {
    width: 100%;
  }

  .blockContainer .block.block30.lady-justice {
    display: none;
  }

  .mobile-only.lady-justice {
    display: block;
    width: 174px;
    height: 380px;
  }

  .mobile-only.lady-justice-copy {
    display: block;
    width: 100%;
    top: 0px;
  }

  .container-atom .content-atom.body .lady-justice-copy {
    margin-bottom: 40px;
  }

  .container-atom .content-atom.body div {
    max-width: 375px;
  }

  .virtue-arrows {
    background-image: none;
  }
  .virtue-arrows h3 {
    margin-top: 40px;
  }
  .virtue-arrows .blockContainer {
    position: relative;
    height: 620px;
  }
  .virtue-arrows .blockContainer .block.block45.first {
    position: absolute;
    right: 0px;
    background-image: url(../images/trust-arrow-left.png);
    height: 285px;
    width: 300px;
    padding-left: 86px;
  }
  .virtue-arrows .blockContainer .block.block45.first p {
    font-size: 16px;
  }
  .virtue-arrows .blockContainer .block.block10 {
    display: none;
  }
  .virtue-arrows .blockContainer .block.block45.second {
    position: absolute;
    left: -20px;
    top: 305px;
    background-image: url(../images/trust-arrow-right.png);
    height: 285px;
    width: 300px;
  }
  .virtue-arrows .blockContainer .block.block45.second p {
    font-size: 16px;
  }

  .virtue-chart img {
    width: 340px;
    height: 283px;
  }

  .padding-right {
    padding-right: 0px;
  }

  .comp-char-container.blockContainer .block.block50.comp-char {
    height: 375px;
  }

  .container-homeBanner .content-homeBanner .searchFormContainer {
    width: 80%;
  }

  .container-homeBanner .content-homeBanner .searchContainer form input {
    display: none;
  }

  .container-homeBanner .content-homeBanner .searchContainer form input.mobile-only {
    display: inline-block;
    width: 80%;
  }

  .container-homeBanner .mainCtaBlock .mainCta.left {
    display: none;
  }

  .container-homeBanner .mainCtaBlock .mainCta.right {
    display: none;
  }

  .container-homeBanner .mainCtaBlock .mainCta.center {
    width: 100%;
  }

  .end-three-lines {
    display: none;
  }

  .container-performance-playbooks {
    padding-left: 10px;
    padding-right: 10px;
  }

  .playbook-card, .playbook-card.first {
    width: 160px;
    margin-left: 0px;
  }

  .virtue-card, .virtue-card.first {
    margin-right: 8px;
    width: 160px;
    margin-left: 0px;
  }

  .playbook-card h4 {
    padding-top: 6px;
    margin-bottom: 6px;
  }

  .footer .footer-green-lines {
    display: none;
  }

  .footer span {
    margin: 0;
    display: block;
    padding-bottom: 10px;
  }

  .footer a {
    display: inline-block;
    padding-bottom: 10px;
  }

  .container-playbook {
    height: 230px;
  }

  .container-playbook .content-playbook {
    height: 230px;
  }

  .container-playbook .content-playbook h1 {
    display: none;
  }

  .container-playbook-detail .content-playbook-detail.banner h2 {
    display: block;
  }

  .watermark {
    width: 102px;
    height: 121px;
    background-size: contain;
  }

  .container-playbook-detail .content-playbook-detail {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .container-playbook-detail.gray.elements-container .content-playbook-detail {
    padding-left: 8px;
    padding-right: 8px;
  }

  .playbook-elements-box-container {
    margin-left: auto;
    margin-right: auto;
  }

  .container-virtue-detail .content-virtue-detail {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-playbook-detail .content-playbook-detail {
    padding-left: 10px;
    padding-right: 10px;
  }

  .element-atoms-box-container {
    text-align: left;
  }

  .element-atoms-box-container a, .element-atoms-box-container .element-atom-box {
    width: 160px;
    height: 203px;
    background-size: 160px 203px;
  }

  .container-element .content-element {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-atom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .atom-nav .item.back {
    left: 20px;
  }

  .atom-nav .item.next {
    right: 20px;
  }

  .container-atom .atom-banner.article {
    height: 180px;
  }

  .triple-list .blockContainer {
    display: block;
  }

  .triple-list .blockContainer .block.block33 {
    width: 100%;
  }

  .container-atom.article.green .blockContainer {
    display: block;
  }

  .container-atom.article.green .blockContainer .block.block50.list {
    width: 100%;
    border-right: none;
    margin-bottom: 24px;
  }

  .container-atom.article .content-atom .list.list-orange {
    margin-top: 0px;
  }

  .container-atom.article.body .content.atom-quote.article {
    margin-left: 0px;
  }

  .activity-box-detail-container {
    width: 375px;
    top: 0px;
  }

  .activity-box-detail-container .activity-box-detail-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-atom.practice {
    margin-bottom: 20px;
  }

  .container-atom.practice.green {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 15px;
  }

  .app-store-links a {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .deliberate-practice-model-image-container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .deliberate-practice-model-image-container img {
    width: 100%;
  }

  .content-homeBanner .nav {
    right: 12px;
  }

  div.search-term-results {
    width: 85%;
  }

  .tier2.searchContainer form input.mobile-only {
    width: 80%;
  }

  .virtue-description.block.block60 {
    width: 100%;
  }

  .virtue-quote {
    margin-top: 20px;
  }
  .virtue-quote.block.block40 {
    width: 100%;
  }

  .activity-box-detail-container .activity-box-detail-content .activity-buttons a {
    right: 0px;
  }
  .activity-box-detail-container .activity-box-detail-content .blockContainer .block.block33 {
    width: 100%;
    padding-left: 0px;
  }

  .container-virtue .content-virtue h1 {
    font-size: 40px;
  }

  .deliberate-practice-model-image-container {
    text-align: center;
  }
  .deliberate-practice-model-image-container table tr td a {
    padding: 6px 6px;
  }

  .container-homeBanner .mainCtaBlock .mainCta.center .ctaActions a.box {
    transform: translateX(-40px);
  }

  .footer .logos {
    height: 180px;
  }

  .deliberate-practice-header .deliberate-practice-header-content {
    padding: 18px 5%;
  }
  .deliberate-practice-header .deliberate-practice-header-content .block66 {
    width: 100%;
  }
  .deliberate-practice-header .deliberate-practice-header-content .block16 {
    width: 100%;
    float: right;
    text-align: right;
  }
  .deliberate-practice-header img.dp-icon {
    width: 50px;
    height: 50px;
  }
  .deliberate-practice-header img.dp-model-dark {
    margin-left: 0;
    margin-top: 20px;
    width: 275px;
    height: 275px;
  }
  .deliberate-practice-header h1 {
    padding-left: 15px;
    margin-top: 12px;
  }
  .deliberate-practice-header h2 {
    margin-top: 24px;
  }

  .admin.journey .blockContainer .block50.rightText {
    text-align: left;
  }
  .admin.journey .journey-actions {
    float: none;
    text-align: right;
  }
  .admin .padding-left-sm {
    padding-left: 10px;
  }
  .admin .padding-right-sm {
    padding-left: 10px;
  }
  .admin .goal-action-button-container {
    padding: 0px;
  }
  .admin .goal-tracker-container h3 {
    font-size: 1em;
  }
  .admin .goal-tracker-container .blockContainer .block50 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .admin .goal-tracker-container .blockContainer .block50 a {
    margin-bottom: 20px;
  }
  .admin .goal-tracker-mini .block38 {
    width: 100%;
  }
  .admin .goal-tracker-mini .block16 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .admin .goal-tracker-mini .block33 {
    width: 80%;
  }
  .admin h2.goal-tracker-type-title {
    margin-left: 0px;
    margin-bottom: 12px;
  }
  .admin .goal-tracker-tab-container {
    height: 65px;
  }
  .admin .goal-reflector .goal-reflector-goal-header .block50 .right {
    text-align: left;
  }
  .admin .goal-reflector .goal-reflector-goal-content div {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .admin .goal-reflector .goal-reflector-goal-content .goal-expanded-view .block40 {
    width: 70%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .admin .goal-reflector .goal-reflector-goal-content .goal-expanded-view .block5 {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 32px;
  }
  .admin .goal-reflector .goal-reflector-goal-content .goal-expanded-view .block5 img {
    margin-top: 30px;
  }
  .admin .goal-reflector.goal-completed .block50 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .admin .goal-report-header-goal-details .padding-left {
    padding-left: 0px;
  }
  .admin .goal-reflections-container .block50.padding-left {
    padding-left: 0px;
  }

  .auth-form {
    margin-bottom: 20px;
  }

  .not-mobile {
    display: none;
  }

  .mobile-only {
    display: inherit;
  }

  .survey-welcome-questions-container.blockContainer .block.block20 {
    width: 40%;
  }
  .survey-welcome-questions-container.blockContainer .block.block20:first-child {
    margin-left: 5%;
  }

  .invite-raters-submit-buttons input {
    margin: 0px 6px;
    padding: 8px 20px;
  }

  .surveyQuestionFormContainer .surveyQuestionForm {
    display: block;
    left: unset;
    bottom: unset;
    transform: unset;
    -webkit-transform: unset;
  }
  .surveyQuestionFormContainer .surveyQuestionForm .question {
    min-height: 140px;
  }
  .surveyQuestionFormContainer .surveyQuestionForm .answer-options .answer {
    width: 76px;
    margin-right: 3px;
    margin-left: 3px;
  }
  .surveyQuestionFormContainer .surveyQuestionForm .atom-nav.question-nav {
    margin-top: 12px;
    margin-bottom: 0px;
  }
  .surveyQuestionFormContainer .surveyQuestionForm.story .open-ended-example-buttons .secondary-btn {
    padding: 8px 20px;
  }
  .surveyQuestionFormContainer .surveyQuestionForm.story #virtueCheckboxes p.virtues label {
    display: block;
  }
  .surveyQuestionFormContainer .surveyQuestionForm.story .survey-story-action-buttons .left {
    text-align: center;
    margin-bottom: 24px;
  }

  .blockContainer.journey-action-item {
    margin-bottom: 32px;
  }
  .blockContainer.journey-action-item .block.block20 {
    width: 100% !important;
    text-align: center;
  }
  .blockContainer.journey-action-item .block.block80 {
    width: 100% !important;
  }
  .blockContainer.journey-action-item .block.block80 h4 {
    text-align: center;
    margin-top: 12px;
  }

  .arete-definition-images img {
    object-fit: cover;
    width: 100%;
  }
  .arete-definition-images img.desktop {
    display: none;
  }
  .arete-definition-images img.mobile {
    display: inherit;
  }
}
@media only screen and (max-width: 374px) {
  .container-homeBanner h1 {
    font-size: 30px;
  }

  /* 320 */
  .playbook-card, .playbook-card.first {
    width: 132px;
  }

  .element-atoms-box-container a, .element-atoms-box-container .element-atom-box {
    width: 132px;
    height: 168px;
    background-size: 132px 168px;
  }

  .virtue-card, .virtue-card.first {
    width: 132px;
  }

  .playbook-elements-box-container a, .playbook-elements-box-container a:hover {
    width: 132px;
    height: 168px;
    background-size: 132px 168px;
  }

  .container-playbook-detail .content-playbook-detail.activities-container a, .container-playbook-detail .content-playbook-detail.activities-container a:hover, .container-playbook-detail .content-playbook-detail.activities-container .activity-box {
    width: 132px;
    height: 340px;
  }

  .container-playbook-detail .content-playbook-detail.activities-container a h2, .container-playbook-detail .content-playbook-detail.activities-container a:hover h2, .container-playbook-detail .content-playbook-detail.activities-container .activity-box h2 {
    font-size: 17px;
  }

  .activity-box-detail-container {
    width: 320px;
    top: 0px;
  }

  .container-atom .content-atom.body div {
    max-width: 320px;
  }

  .container-atom.article.green .virtue-arrows .first {
    padding-left: 86px;
  }
  .container-atom.article.green .virtue-arrows .first p {
    font-size: 16px;
  }

  .container-atom.article.green .virtue-arrows .second p {
    font-size: 16px;
  }

  .virtue-chart img {
    width: 290px;
    height: 263px;
  }

  .activity-box-detail-container .activity-box-detail-content .activity-buttons {
    height: 60px;
  }
  .activity-box-detail-container .activity-box-detail-content .activity-buttons a {
    right: 0px;
  }
  .activity-box-detail-container .activity-box-detail-content .activity-buttons a.first {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.home-book {
  z-index: 10;
}

.begin-three-lines-book {
  position: absolute;
  background: url("../images/Green Bars Hm Top.png") no-repeat center top;
  right: 50%;
  width: 29px;
  height: 90px;
  top: 0px;
  z-index: -1;
  transform: translate(50%, -80%);
}

.end-three-lines-book {
  position: absolute;
  background: url("../images/Green-Bars-Hm-Bottom.png") no-repeat center bottom;
  right: 50%;
  width: 29px;
  height: 90px;
  bottom: 0px;
  z-index: -1;
  transform: translate(50%, 80%);
}

.begin-three-lines-book-mobile {
  position: absolute;
  background: url("../images/green-bars-right.png") no-repeat center top;
  width: 250px;
  height: 90px;
  top: 40px;
  right: 0;
  z-index: -1;
  transform: translate(-50%, 50%);
}

.end-three-lines-book-mobile {
  position: absolute;
  background: url("../images/green-bars-left.png") no-repeat center bottom;
  width: 250px;
  height: 90px;
  left: 0;
  top: -21px;
  z-index: -1;
  transform: translate(50%, 50%);
}

.book-container {
  background: url("../images/Green Bars Hm Top.png") no-repeat center top;
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translate(100%, -50%);
}

.book-container-new {
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translate(100%, -50%);
  height: 400px;
  width: 125px;
  z-index: 7;
}
.book-container-new .three-lines {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0%, -50px);
  height: 500px;
  width: 125px;
  background: url("../images/home_book_stripes.png") no-repeat center center;
  background-size: contain;
  z-index: 8;
}
.book-container-new .bhbp-book {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 400px;
  width: 125px;
  background: url("../images/home_bhbp_book_cover.png") no-repeat center center;
  z-index: 9;
  vertical-align: middle;
}
.book-container-new .bhbp-book a {
  margin-top: 114px;
  display: inline-block;
  width: 123px;
  height: 172px;
}

.book-container-mobile {
  position: relative;
}

a.home-gray-box-container {
  width: 100%;
  height: 100%;
}
a.home-gray-box-container .home-gray-box {
  border: solid #ceccc9 2px;
  border-radius: 10px;
  width: 100%;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center 20px;
  padding-top: 120px;
  position: relative;
}
a.home-gray-box-container .home-gray-box.virtue {
  background-image: url("../images/icon-v-large.png");
}
a.home-gray-box-container .home-gray-box.performance {
  background-image: url("../images/icon-p-large.png");
}
a.home-gray-box-container .home-gray-box .home-gray-box-content {
  position: absolute;
  text-align: center;
  bottom: 0;
}
a.home-gray-box-container .home-gray-box .home-gray-box-content h2 {
  font-size: 1.8em;
  color: #00A19B;
  font-weight: normal;
}
a.home-gray-box-container .home-gray-box .home-gray-box-content p {
  margin-top: 10px;
  color: #787776;
}
a.home-gray-box-container:hover .home-gray-box {
  background-color: #ecebe9;
}

.home-resources-container {
  width: 100%;
  height: 100%;
  padding-bottom: 12px;
  background-color: #ecebe9;
  text-align: center;
}
.home-resources-container h2 {
  font-size: 1.8em;
  color: #00A19B;
  font-weight: normal;
  margin: 16px;
  display: inline-block;
}
.home-resources-container p {
  text-align: left;
  font-size: 18px;
  padding: 16px 12px;
}
.home-resources-container .books a.first {
  margin-right: 4px;
}
.home-resources-container .books a.last {
  margin-left: 4px;
}

a.home-gray-box-small-container {
  width: 100%;
  height: 100%;
  text-decoration: none;
}
a.home-gray-box-small-container .home-gray-box-small {
  border: solid #ceccc9 2px;
  border-radius: 10px;
  height: 298px;
  background-repeat: no-repeat;
  background-position: center 20px;
  padding: 12px;
  margin-left: 8px;
  margin-right: 8px;
}
a.home-gray-box-small-container .home-gray-box-small.virtue {
  background-image: url("../images/icon-v-large.png");
}
a.home-gray-box-small-container .home-gray-box-small.performance {
  background-image: url("../images/icon-p-large.png");
}
a.home-gray-box-small-container .home-gray-box-small .home-gray-box-small-content {
  text-align: center;
}
a.home-gray-box-small-container .home-gray-box-small .home-gray-box-small-content h2 {
  margin-top: 12px;
  margin-bottom: 22px;
  font-size: 1.2em;
  color: #00A19B;
  font-weight: normal;
  line-height: normal;
}
a.home-gray-box-small-container .home-gray-box-small .home-gray-box-small-content p {
  margin-top: 10px;
  color: #787776;
}
a.home-gray-box-small-container:hover .home-gray-box-small {
  background-color: #ecebe9;
}

.winning-with-integrity-home {
  width: 349px;
  height: 119px;
  display: inline-block;
  background: url("../images/winning-with-integrity-new.png") no-repeat center center;
  background-size: contain;
  border-radius: 11px;
}
.winning-with-integrity-home:hover {
  background-color: #ecebe9;
}

.better-perm-building {
  background-image: url("../images/building.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100%;
  width: 100%;
  max-height: 780px;
  max-width: 750px;
}

.banner-top {
  display: block;
  height: 20px;
  width: 100%;
  background-color: #001144;
}

.banner-bottom {
  display: block;
  height: 20px;
  width: 100%;
  background-color: #ffb706;
}

.swiper-container {
  width: 100%;
}

.swiper-slide {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  min-height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.swiper-custom-button-prev,
.swiper-custom-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 9;
  cursor: pointer;
  background-size: 20px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-custom-button-prev.swiper-button-disabled,
.swiper-custom-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-custom-button-prev,
.swiper-container-rtl .swiper-custom-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  left: -40px;
  right: auto;
}

.swiper-custom-button-next,
.swiper-container-rtl .swiper-custom-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  right: -40px;
  left: auto;
}

.swiper-pagination-bullet-active {
  background: #fff !important;
}

.bold-nav {
  font-family: fira_sansbold;
}

span.indentedNavTitle {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 8px;
  cursor: default;
}

div.indentedNavContainer {
  padding-left: 20px;
}

.section-header {
  margin-top: 20px;
  font-weight: bold;
  color: #002153;
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 20px;
}

.page-header {
  color: #00A19B;
  line-height: 36px;
}

.section-header-bubble {
  width: 90%;
  justify-self: center;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 20px;
  align-self: center;
  background: #002153;
  border-radius: 13px;
  margin-bottom: 20px;
  padding: 10px;
}

.section-header-bubble::first-letter {
  color: #f4ba44;
}

.yellow-bubble {
  background: #f4ba44;
}

.yellow-bubble::first-letter {
  color: #6daf54;
}

.green-bubble {
  background: #6daf54;
}

.green-bubble::first-letter {
  color: #002153;
}

.help-bubble {
  background: #e4e0dc;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}

.section-header-bubble-expanded {
  display: flex;
  width: 90%;
  height: 100px;
  justify-self: center;
  color: white;
  font-weight: bold;
  font-size: 20px;
  align-self: center;
  background: #002153;
  border-radius: 13px;
  margin-bottom: 20px;
  padding: 10px;
  align-items: flex-end;
}

.paragraph-header {
  font-weight: bold;
  margin-bottom: 10px;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 0.25rem;
  transition: color 0.15s, background-color 0.15s;
}

.btn.btn-large {
  padding: 0.375rem 2.5rem;
}

.btn-primary {
  text-decoration: none;
  background: #002153;
  color: #fff;
}

.btn-primary:hover {
  text-decoration: none;
  background: #011738;
  color: #ddd;
}

.btn-blue {
  background: #d4e5f6;
  color: #002153;
}

.btn-blue:hover {
  text-decoration: none;
  color: #002153;
  background: #96b9dd;
}

.btn-yellow {
  background: #feeebf;
}

.btn-yellow:hover {
  text-decoration: none;
  color: #002153;
  background: #d3a51c;
}

.btn-green {
  background: #c2e2b2;
}

.btn-green:hover {
  text-decoration: none;
  color: #002153;
  background: #9ac983;
}

.resource-btn {
  padding: 1em;
  width: 90%;
}

.grid {
  display: grid;
}

.video-slide h1 {
  color: white;
  line-height: 42px;
  text-decoration: none;
  text-shadow: 2px 3px 4px black;
}
.video-slide .watch-full-video {
  color: white;
  text-decoration: none;
}

.video-slide:hover {
  text-decoration: none;
}

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