@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700");
html {
  top: 0;
  left: 0;
  min-width: 320px;
  font-size: 16px;
  -webkit-tap-highlight-color: transparent; }

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

body {
  margin: 0;
  padding: 0;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #676767;
  background-color: #FFFFFF; }

html, body {
  width: 100%;
  height: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

h1 {
  font-size: 1.5rem; }
  @media only screen and (min-width: 768px) and (min-height: 420px) {
    h1 {
      font-size: 3rem; } }

h2 {
  font-size: 1.5rem; }
  @media only screen and (min-width: 768px) and (min-height: 420px) {
    h2 {
      font-size: 2rem; } }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

a {
  text-decoration: none;
  color: #1e8f70;
  font-weight: 600; }
  a:active, a:focus, a:hover {
    color: #b36000;
    text-decoration: underline; }


.margin-5{
  margin-bottom: 5px;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select::-ms-expand {
    display: none; }

input[type="search"] {
  -webkit-appearance: none; }

input:focus,
select:focus,
textarea:focus,
button:focus,
[contenteditable="true"]:focus {
  outline: none; }

button {
  border: none;
  background: none;
  cursor: pointer; }

.mdi {
  display: inline-block; }

hr {
  margin: 16px 0;
  border: 0;
  border-top: 1px solid rgba(0, 61, 91, 0.2); }

.content {
  position: relative;
  width: 100%;
  overflow-y: auto; }

button,
.button {
  display: inline-block;
  height: 42px;
  padding: 8px 24px 0 24px;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: 1px 1px 0px rgba(45, 45, 45, 0.4);
  box-shadow: 0px 2px 8px rgba(45, 45, 45, 0.4);
  border-bottom: 2px solid #14547e; }
  button:active, button:focus, button:hover,
  .button:active,
  .button:focus,
  .button:hover {
    color: #FFFFFF;
    text-decoration: none; }
  button.button-lg,
  .button.button-lg {
    height: 56px;
    padding-top: 20px;
    font-weight: 600;
    line-height: 1rem; }
    button.button-lg .mdi,
    .button.button-lg .mdi {
      font-size: 1.5rem;
      line-height: 1rem;
      vertical-align: -3px; }
  button.center,
  .button.center {
    margin: 0 auto;
    padding-right: 64px;
    padding-left: 64px; }
  button.primary,
  .button.primary {
    background-color: #1a6ea6;
    border-bottom-color: #14547e; }
    button.primary:active, button.primary:focus, button.primary:hover,
    .button.primary:active,
    .button.primary:focus,
    .button.primary:hover {
      background-color: #14547e; }
  button.alternate,
  .button.alternate {
    background-color: #003d5b;
    border-bottom-color: #002e45; }
    button.alternate:active, button.alternate:focus, button.alternate:hover,
    .button.alternate:active,
    .button.alternate:focus,
    .button.alternate:hover {
      background-color: #002e45; }
  button.secondary,
  .button.secondary {
    background-color: #1e8f70;
    border-bottom-color: #177057; }
    button.secondary:active, button.secondary:focus, button.secondary:hover,
    .button.secondary:active,
    .button.secondary:focus,
    .button.secondary:hover {
      background-color: #177057; }
  button.white,
  .button.white {
    background-color: #d1e2ed;
    border-bottom-color: #76a8ca;
    color: #186599;
    text-shadow: none; }
    button.white:active, button.white:focus, button.white:hover,
    .button.white:active,
    .button.white:focus,
    .button.white:hover {
      background-color: #76a8ca; }

button {
  padding-top: 0; }
  button.button-lg {
    padding-top: 0; }

button + button,
.button + .button {
  margin-left: 16px; }

.content-block {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 64px 16px;
  text-align: center;
  z-index: 10; }
  @media only screen and (min-width: 768px) and (min-height: 420px) {
    .content-block {
      max-width: 1024px; } }
  @media only screen and (min-width: 1023px) and (min-height: 420px) {
    .content-block {
      max-width: 1024px; } }
  .content-block .block-header {
    padding: 8px 16px; }
    .content-block .block-header .title {
      font-size: 1.25rem;
      font-weight: 600; }
  .content-block .block-body {
    padding: 0; }
    @media only screen and (min-width: 768px) and (min-height: 420px) {
      .content-block .block-body {
        padding: 16px; } }
    @media only screen and (min-width: 1023px) and (min-height: 420px) {
      .content-block .block-body {
        padding: 16px; } }
    .content-block .block-body .block-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      .content-block .block-body .block-flex .block {
        width: 100%; }
        @media only screen and (min-width: 768px) and (min-height: 420px) {
          .content-block .block-body .block-flex .block {
            width: calc(100%/2 - 16px*2); } }
        @media only screen and (min-width: 1023px) and (min-height: 420px) {
          .content-block .block-body .block-flex .block {
            width: calc(100%/3 - 16px*2); } }
    .content-block .block-body .title {
      margin-bottom: 24px;
      font-weight: 500; }
  .content-block .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
  .content-block .embed-container iframe,
  .content-block .embed-container object,
  .content-block .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .content-block .block-footer {
    padding: 16px; }

.content-items .content-block {
  padding-bottom: 0; }
  .content-items .content-block .block-body {
    padding-bottom: 0; }
    @media only screen and (max-width: 479px) {
      .content-items .content-block .block-body .block-flex {
        border-radius: 0;
        box-shadow: none; } }
    .content-items .content-block .block-body .block-flex .block {
      width: 100%;
      padding: 16px;
      padding-top: 48px;
      text-align: left; }
      @media only screen and (min-width: 460px) and (max-height: 496px) {
        .content-items .content-block .block-body .block-flex .block {
          width: calc(100%/2); } }
      @media only screen and (min-width: 768px) and (min-height: 420px) {
        .content-items .content-block .block-body .block-flex .block {
          width: calc(100%/2); } }
      @media only screen and (min-width: 1023px) and (min-height: 420px) {
        .content-items .content-block .block-body .block-flex .block {
          width: calc(100%/2); } }
      .content-items .content-block .block-body .block-flex .block.features {
        text-align: left; }
      .content-items .content-block .block-body .block-flex .block.block-image {
        min-height: 370px;
        padding-bottom: 0;
        background-image: url(../images/content/henry-tablet.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100%; }
        @media only screen and (min-width: 768px) and (min-height: 420px) {
          .content-items .content-block .block-body .block-flex .block.block-image {
            min-height: 480px; } }
        @media only screen and (min-width: 1023px) and (min-height: 420px) {
          .content-items .content-block .block-body .block-flex .block.block-image {
            min-height: 480px; } }
      .content-items .content-block .block-body .block-flex .block .title {
        font-weight: 700; }
      .content-items .content-block .block-body .block-flex .block .mdi {
        color: #1a6ea6; }

.select {
  position: relative;
  width: auto;
  height: 56px;
  padding: 8px 32px 8px 8px;
  border-bottom: 1px solid rgba(45, 45, 45, 0.2);
  color: #676767;
  font-weight: 600;
  cursor: pointer; }
  .select:hover {
    background-color: rgba(0, 61, 91, 0.1); }
  .select:after {
    content: "\f140";
    font-family: "Material Design Icons";
    top: 13.3333333333px;
    right: 4px;
    position: absolute;
    pointer-events: none;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-shadow: none; }
  .select .label {
    margin-bottom: 8px;
    color: rgba(0, 61, 91, 0.6);
    line-height: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-shadow: none;
    text-transform: uppercase; }
  .select .value {
    line-height: 1rem;
    font-weight: 500; }
  .select ul {
    position: absolute;
    top: 57px;
    right: 0;
    left: 0;
    max-height: 0px;
    margin: 0;
    padding: 0;
    background-color: #FAFDFE;
    list-style-type: none;
    z-index: 100;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-transition: max-height 250ms ease-in-out;
    -moz-transition: max-height 250ms ease-in-out;
    -ms-transition: max-height 250ms ease-in-out;
    -o-transition: max-height 250ms ease-in-out;
    transition: max-height 250ms ease-in-out; }
    .select ul .select-link {
      display: block;
      width: 100%;
      padding: 8px;
      color: #676767;
      font-weight: 500;
      border-bottom: 1px solid rgba(0, 61, 91, 0.1); }
      .select ul .select-link:hover {
        background-color: rgba(0, 61, 91, 0.1);
        text-decoration: none; }
  .select:hover, .select.open {
    background-color: rgba(0, 61, 91, 0.1); }
    .select:hover ul, .select.open ul {
      max-height: 100vh; }

.contact {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

form {
  width: 100%; }
  form .form-group {
    width: 100%; }
  form .form-group + .form-group {
    margin-top: 16px; }
  form label {
    position: absolute;
    padding: 8px 0 0 8px;
    color: #14547e;
    line-height: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-shadow: none;
    text-transform: uppercase; }
  form select,
  form input,
  form textarea {
    width: 100%;
    padding: 24px 8px 8px 8px;
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 61, 91, 0.1);
    border-radius: 0.25rem;
    color: #676767;
    font-size: 1rem;
    font-weight: 500; }
  form textarea {
    height: 285px; }
  form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0.3;
  }
  form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 0.3;
  }
  form ::-ms-input-placeholder { /* Microsoft Edge */
    opacity: 0.3;
  }

ul {
  margin: 0;
  padding-left: 0;
  list-style-position: inside; }

.switch {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 36px; }

.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a4a4a4;
  border-radius: 36px;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.2); }

.slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 32px;
  left: 4px;
  bottom: 4px;
  background-color: #FFFFFF;
  border-radius: 32px;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); }

input:checked + .slider {
  background-color: #1a6ea6; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px); }

.section {
  position: relative;
  width: 100%; }
  .section.theme-background .content-block {
    color: #FFFFFF; }
    .section.theme-background .content-block h1, .section.theme-background .content-block h2, .section.theme-background .content-block h3, .section.theme-background .content-block h4, .section.theme-background .content-block h5, .section.theme-background .content-block h6 {
      color: #FFFFFF; }
    .section.theme-background .content-block .title {
      color: #FFFFFF; }
  .section .content-block-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 64px 0;
    background-position: center center;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .section .background-01 {
    background-image: url("/images/backgrounds/background-01.jpg");
    background-color: #1a6ea6; }
  .section .background-02 {
    background-image: url("/images/backgrounds/background-02.jpg");
    background-color: #1a6ea6; }
  .section .background-03 {
    background-image: url("/images/backgrounds/background-03.jpg");
    background-color: #1a6ea6; }
  .section .background-04 {
    background-image: url("/images/backgrounds/background-04.jpg");
    background-color: #1a6ea6; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans";
  color: #2d2d2d;
  margin-bottom: 2rem;
  line-height: 1.2em; }
  h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
    font-weight: 600; }

span.label {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 4px 8px;
  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.08) 100%);
  background: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.08) 100%);
  background: -moz-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.08) 100%);
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.08) 100%);
  background-color: #003d5b;
  border-radius: 2px;
  color: #FFFFFF;
  font-weight: 500;
  text-shadow: 1px 1px 0px rgba(45, 45, 45, 0.4);
  white-space: normal; }
  span.label.primary {
    background-color: #1a6ea6; }
  span.label.secondary {
    background-color: #1e8f70; }
  span.label.alternate {
    background-color: #003d5b; }
  span.label.info {
    background-color: #23B5D3; }
  span.label.warning {
    background-color: #FFE066; }
  span.label.danger {
    background-color: #F25F5C; }
  span.label.success {
    background-color: #35Ce8d; }

#contactFormErrors {
	color: red;
	padding: 10px;
	display: none;
}
#contactFormSuccess {
	color: green;
	padding: 10px;
	display: none;
}

/* REGISTRATION FORM */ 
#formWrapper{
  display: block;
  width: 50%;
  float: left;
}
#henryWrapper{
  display: block;
  width: 50%;
  float: right;
}
#henryWrapper img{
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 500px;
  margin: 0 auto;
}

@media only screen and (max-width: 991px) {
  #formWrapper {
    width: 100%;
  } 
  #henryWrapper {
    display: none;
  }
}

input.invalid {
  background-color: #ffdddd;
}
.tab {
  display: none;
}
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none; 
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.step.active {
  opacity: 1;
}
.step.finish {
  background-color: #4CAF50;
}

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

.lcp_catlist li {
  list-style-type: none;
  min-height: 160px;
  width: 100%;
  margin-bottom: 20px;
}

.lcp_catlist li a {
  color: #1a6ea6;
}

.lcp_catlist li a img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.no-padding {
  padding-top: 0px;
  padding-bottom: 0px;
}