/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
/* Document
   ========================================================================== */
/**
 * Use a better box model (opinionated).
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
/**
 * Use a more readable tab size (opinionated).
 */
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct height in Firefox.
 */
hr {
  height: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Add the correct text decoration in Chrome, Edge, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp,
pre {
  font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */
legend {
  padding: 0;
}
/**
 * Add the correct vertical alignment in Chrome and Firefox.
 */
progress {
  vertical-align: baseline;
}
/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Chrome and Safari.
 */
summary {
  display: list-item;
}
/*------------------------------

	NWCD STYLESHEET

	0. Variables
	1. Font Faces
	2. General
		2A. Header
		2B. Footer
	3. Other Pages
	4. Home Page
	5. Misc
	6. Responsive Cases
		6A. Scale Down to 1040 (small monitors and tablet landscape)
		6B. Scale Down to 776 (tablet portrait)
		6C. Scale Down Below 776 (mobile)

------------------------------*/
/*------------------------------
    0. VARIABLES
------------------------------*/
/*------------------------------
    1. FONT FACES
------------------------------*/
/*------------------------------
    2. GENERAL
------------------------------*/
#tinymce,
.content {
  background-image: none;
  background: white;
}
#tinymce > *,
.content > * {
  margin-bottom: 30px;
}
#tinymce h1 + *,
.content h1 + *,
#tinymce h2 + *,
.content h2 + *,
#tinymce h3 + *,
.content h3 + *,
#tinymce h4 + *,
.content h4 + *,
#tinymce h5 + *,
.content h5 + *,
#tinymce h6 + *,
.content h6 + * {
  margin-top: -22.5px;
}
#tinymce h2,
.content h2 {
  font-size: 30px;
}
#tinymce h3,
.content h3 {
  font-size: 24px;
}
#tinymce h4,
.content h4 {
  font-size: 17px;
}
#tinymce ol,
.content ol,
#tinymce ul,
.content ul {
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
#tinymce ol h1 + *,
.content ol h1 + *,
#tinymce ul h1 + *,
.content ul h1 + *,
#tinymce ol h2 + *,
.content ol h2 + *,
#tinymce ul h2 + *,
.content ul h2 + *,
#tinymce ol h3 + *,
.content ol h3 + *,
#tinymce ul h3 + *,
.content ul h3 + *,
#tinymce ol h4 + *,
.content ol h4 + *,
#tinymce ul h4 + *,
.content ul h4 + *,
#tinymce ol h5 + *,
.content ol h5 + *,
#tinymce ul h5 + *,
.content ul h5 + *,
#tinymce ol h6 + *,
.content ol h6 + *,
#tinymce ul h6 + *,
.content ul h6 + * {
  margin-top: 0;
}
#tinymce ol,
.content ol {
  list-style-type: decimal;
}
#tinymce ul,
.content ul {
  list-style-type: disc;
}
#tinymce ul ul,
.content ul ul {
  list-style-type: circle;
}
#tinymce p,
.content p,
#tinymce li,
.content li,
#tinymce pre,
.content pre {
  font-size: 13px;
  line-height: 2;
}
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 110%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: none;
}
html {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  min-width: 250px;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #fefefe;
  color: #484d4f;
  font-family: Verdana, 'Open Sans', Helvetica, Arial, Sans-Serif;
  font-size: 15px;
  line-height: 120%;
  background-color: #f5f5f5;
  background-image: url(../images/bg.jpg);
  background-position: top center;
  background-repeat: repeat-x;
  background-attachment: fixed;
}
.body-div {
  position: relative;
  margin: 20px auto 0;
  max-width: 1260px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Sans-Serif;
  color: #3c4143;
  font-weight: normal;
  line-height: 130%;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 22px;
}
p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 140%;
}
ol,
ul {
  list-style: none;
}
a:hover,
a:active,
a:focus,
object {
  outline: none;
}
a {
  text-decoration: none;
  color: #00c3f4;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
a:hover {
  color: #000;
}
form,
input {
  margin: 0;
  padding: 0;
  border-radius: 0;
}
textarea {
  margin: 0;
  padding: 0;
  border-radius: 0;
  overflow: auto;
  vertical-align: top;
  resize: none;
}
blockquote {
  padding: 0;
  background: none;
}
main p + ul {
  margin-top: -13px;
}
main ul,
main ol {
  padding-left: 18px;
}
main ul {
  list-style: disc;
  font-family: Verdana, 'Open Sans', Helvetica, Arial, Sans-Serif;
  font-size: 13px;
  line-height: 18px;
}
main li {
  line-height: 140%;
  padding-bottom: 5px;
}
.button {
  display: inline-block;
  padding: 10px 15px;
  background: #fcfeff url(../images/button_small.png) repeat-x 0 4px;
  font-size: 12px;
  font-family: Verdana, 'Open Sans', Helvetica, Arial, Sans-Serif;
  color: black;
  cursor: pointer;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
}
.button:hover,
.button:active {
  background-position: 0 -26px;
}
/*------------------------------
			2A. HEADER
	------------------------------*/
#nav-icon3 {
  display: none;
}
header {
  padding: 0 30px;
  border-bottom: 1px solid #ebecec;
  display: table;
  width: 100%;
  padding: 35px 40px;
  position: relative;
}
header .logo {
  display: table-cell;
  vertical-align: middle;
}
header nav {
  font: 'Open Sans', Sans-Serif;
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  /* Sub-nav */
}
header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
header nav ul li {
  position: relative;
}
header nav ul li a {
  font-family: 'Open Sans', Sans-Serif;
  display: inline-block;
  padding: 18px;
  color: #3d4244;
  font-weight: 400;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
header nav ul li a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  background: #ddd;
  right: 0;
  top: 18px;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
header nav ul li:last-child a:after {
  display: none;
}
header nav ul li > .active,
header nav ul li:hover > a {
  background: #00c3f4;
  color: #ffffff;
}
header nav ul li .active:after,
header nav ul li a:hover:after {
  opacity: 0;
}
header nav li > ul {
  display: none;
  position: absolute;
  text-align: left;
  background: #ffffff;
  min-width: 160px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
}
header nav li > ul li {
  display: block;
}
header nav li > ul li a {
  font-size: 13px;
  line-height: 130%;
  display: block;
  padding: 8px 20px;
}
header nav li > ul li:first-child a {
  padding-top: 20px;
}
header nav li > ul li:last-child a {
  padding-bottom: 20px;
}
header nav li > ul li .active,
header nav li > ul li a:hover {
  color: #00c3f4;
  background: #ffffff;
}
/*------------------------------
			2C. FOOTER
	------------------------------*/
footer {
  width: 100%;
  border-top: 1px solid #ebecec;
}
footer .social {
  padding: 45px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .social li {
  display: inline-block;
  padding: 4px;
}
footer .social li a img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .social li a:hover img {
  opacity: 1;
}
footer .social img {
  max-width: 40px;
  height: auto;
  opacity: 0.9;
}
footer .social li:first-child img {
  margin-top: 2px;
  margin-left: 10px;
}
footer .sub-footer {
  border-top: 1px solid #ebecec;
  padding: 35px 40px;
  text-align: right;
}
footer .sub-footer small {
  font-size: 11px;
}
/*------------------------------
   	3. OTHER PAGES
------------------------------*/
main {
  width: 100%;
}
main h1 {
  padding: 25px 30px;
  border-bottom: 1px solid #ebecec;
}
.main-content {
  padding: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-content > div {
  display: table-cell;
}
.main-content > div:first-child {
  padding-right: 30px;
}
.main-content > div:first-child img {
  width: 100%;
  height: auto;
}
.main-content p {
  padding-bottom: 18px;
}
.main-content h2 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: normal;
  padding-bottom: 6px;
}
.main-content h3 {
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 6px;
}
.contacts .main-content {
  display: block;
}
.contacts .main-content > div {
  display: block;
  width: 100%;
}
.callouts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.callouts > a {
  display: block;
  padding-bottom: 30px;
  width: 30%;
}
.callouts > a:hover h2 {
  color: #00c3f4;
  letter-spacing: 0.04em;
}
.callouts div {
  width: 355px;
  padding-bottom: 18px;
}
.callouts img {
  width: 100%;
  max-width: 355px;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.callouts h2 {
  padding: 20px 0 15px 0;
  font-size: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  letter-spacing: 0em;
}
.callouts p {
  color: #484d4f;
  padding-bottom: 18px;
}
.callouts .button {
  color: #00c3f4;
}
.flex-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-inline img {
  max-width: calc(100% - 395px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
}
.flex-inline .map iframe {
  width: auto;
}
.open-positions {
  margin: 18px -30px 0;
  padding: 30px 30px 12px;
  border: 1px solid #ebecec;
  border-left: none;
  border-right: none;
  /* .button { */
  /* display: inline-block; */
  /* height: 24px; */
  /* padding: 6px 8px 6px; */
  /* font-size: 12px; */
  /* font-weight: bold; */
  /* text-shadow: inset 0 -11px 0 rgba(0,0,0,0.25); */
  /* color: white; */
  /* background-color: @blue; */
  /* border-radius: 3px; */
  /* transition: background-color 0.25s ease; */
  /* &:hover { */
  /* background-color: black; */
  /* // !@@@ */
  /* } */
  /* } */
}
.open-positions .flex-inline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.open-positions .button {
  height: 32px;
}
.open-positions h3,
.open-positions h4 {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 18px;
}
.open-positions h4 {
  font-size: 18px;
  margin-right: 18px;
}
.open-positions .flex-inline {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.location {
  margin-bottom: 36px;
}
.breadcrumbs {
  border-bottom: 1px solid #ebecec;
}
/*------------------------------
    4. HOME PAGE LAYOUT
------------------------------*/
.landing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 30px;
  background: #00a3f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#00a3f2), color-stop(50%, #00c4f6), to(#00a3f2));
  background: linear-gradient(to bottom, #00a3f2 0%, #00c4f6 50%, #00a3f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a3f2', endColorstr='#00a3f2', GradientType=0);
}
.landing__image {
  width: 40%;
}
.landing__content {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 60%;
}
.landing__title {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0 30px;
  margin-bottom: 18px;
  font-weight: 300;
  color: white;
  border-bottom: 0;
}
.landing__video {
  padding: 8px 12px;
  margin: 0 30px;
  line-height: 24px;
  color: white;
  text-transform: uppercase;
  border: 1px solid white;
  border-radius: 7px;
}
.landing__video a,
.landing__video button {
  color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
}
.landing__video a:hover,
.landing__video button:hover,
.landing__video a:active,
.landing__video button:active {
  cursor: pointer;
}
.youtube-icon {
  display: inline-block;
  fill: white;
  margin-bottom: -6px;
}
.company-update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 45px 40px;
  border-top: 1px solid #ebecec;
}
.company-update h3,
.company-update div {
  text-align: left;
}
.company-update h3,
.company-update .h3 {
  width: 35%;
  font-size: 30px;
  font-weight: 300 !important;
}
.company-update > .content {
  width: 65%;
}
.company-update > .content a {
  font-family: 'Open Sans', Sans-Serif;
  font-weight: 300;
}
.company-update div,
.company-update p {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 12px;
  line-height: 18px;
}
.company-update p + p {
  margin-top: 18px;
}
.home .main-content {
  text-align: center;
}
.testimonial {
  margin-top: 18px;
}
.testimonial__title {
  font-size: 16px;
  padding-bottom: 18px;
}
.testimonial__content {
  padding: 1rem 1.125rem 0.75rem;
  background: #EFEFEF;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.testimonial__content > p {
  position: relative;
}
.testimonial__content > p:first-of-type::before {
  content: "\201C";
  position: absolute;
  -webkit-transform: translateX(-0.325rem);
          transform: translateX(-0.325rem);
}
.testimonial__content > p:last-of-type::after {
  content: "\201D";
}
.testimonial__cite {
  display: block;
  padding-top: 18px;
  font-style: normal;
}
.testimonial__date {
  display: block;
  padding: 6px 0 0 6px;
  color: #888;
}
/*------------------------------
   	5. MISC
------------------------------*/
/*Back to Top*/
#toTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  display: block;
  width: 41px;
  height: 41px;
  cursor: pointer;
  border-radius: 20.5px;
  border: 2px solid #00c3f4;
  opacity: 0.7;
  background: rgba(0, 195, 244, 0.58);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#toTop:hover {
  opacity: 1;
}
/*----------------------------------------------------------------------------------------------------------------------------------------
   	6. Responsive Cases
----------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {
  .body-div {
    max-width: 1000px;
  }
  .callouts div {
    width: 28%;
  }
}
@media screen and (max-width: 1040px) {
  .body-div {
    margin: 20px 5% 0;
  }
  .landing__title {
    font-size: 22px;
  }
  .open-positions {
    padding: 30px;
  }
  .flex-inline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 18px;
  }
  .flex-inline:first-child {
    margin-top: 0;
  }
  .flex-inline img,
  .flex-inline .map {
    max-width: 100%;
  }
  .flex-inline a {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  header nav ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 880px) {
  header nav {
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    padding: 2px 0;
    z-index: 10;
    /* Sub-nav */
  }
  header nav ul {
    display: block;
  }
  header nav ul li a {
    display: block;
    font-size: 16px;
  }
  header nav ul li a:after {
    display: none;
  }
  header nav ul li > .active,
  header nav ul li a:hover {
    background: none;
    color: #00c3f4;
  }
  header nav > ul > li {
    border-bottom: 1px solid #eee;
  }
  header nav > ul > li:last-child {
    border: none;
  }
  header nav li > ul {
    display: none;
    position: static;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  header nav li > ul li a {
    padding: 10px 5%;
  }
  header nav li > ul li:first-child a {
    padding-top: 5px;
  }
  #nav-icon3 {
    display: block;
    width: 40px;
    height: 34px;
    position: relative;
    margin: 6px 0 0 auto;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  #nav-icon3 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #00c3f4;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }
  #nav-icon3 span:nth-child(2),
  #nav-icon3 span:nth-child(3) {
    top: 12px;
  }
  #nav-icon3 span:nth-child(4) {
    top: 24px;
  }
  #nav-icon3.open span:nth-child(1) {
    top: 12px;
    width: 0%;
    left: 50%;
  }
  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #nav-icon3.open span:nth-child(4) {
    top: 12px;
    width: 0%;
    left: 50%;
  }
  /*Other Pages*/
  main h1 {
    padding: 25px 5%;
    font-size: 24px;
  }
  .main-content {
    padding: 0 5%;
    display: block;
  }
  .main-content > div {
    display: block;
    padding: 20px 0;
  }
  .main-content > div:first-child {
    padding-right: 0;
    width: 100%;
  }
  .callouts {
    display: block;
  }
  .callouts > a,
  .callouts > div {
    /* padding: 20px 5% 0 5%; */
    width: 100%;
  }
  .callouts > a p,
  .callouts > div p {
    /* max-width: 500px; */
  }
  .callouts > a img,
  .callouts > div img {
    width: 100%;
    max-width: 100%;
  }
  .open-positions {
    margin: 0 0 18px;
    padding: 30px;
  }
  .open-positions .button {
    width: auto;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .company-update {
    /* padding: 0 5%; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .company-update h3,
  .company-update div {
    width: 100%;
    padding: 0;
  }
  .company-update h3 {
    padding-bottom: 18px;
  }
  .company-update .content {
    width: 100%;
  }
  .landing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .landing__image,
  .landing__content {
    width: 100%;
  }
  .landing__content {
    padding: 18px 0;
  }
}
/**
 * The Pulse Navigation Animation
 * ==============================
 * DATE: 2019-04-18
 * AUTHOR: Steven Teskey <steven@truemarket.ca>
 */
.the-pulse-navigation {
  position: relative;
  margin-bottom: -10px;
  padding-bottom: 28px;
  padding-right: 44px;
}
.the-pulse-navigation span {
  position: absolute;
  top: 32px;
  left: 20px;
  font-size: 10px;
  text-transform: uppercase;
  color: #AAA;
}
.the-pulse-navigation .ecg {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-transition: -webkit-clip-path 1s ease;
  transition: -webkit-clip-path 1s ease;
  transition: clip-path 1s ease;
  transition: clip-path 1s ease, -webkit-clip-path 1s ease;
}
.the-pulse-navigation .heart {
  position: absolute;
  top: 16px;
  right: 18px;
  -webkit-animation: pulse 1s ease alternate infinite;
          animation: pulse 1s ease alternate infinite;
}
.the-pulse-navigation:hover span,
.the-pulse-navigation:active span,
.the-pulse-navigation:focus span {
  color: white;
}
.the-pulse-navigation:hover .ecg,
.the-pulse-navigation:active .ecg,
.the-pulse-navigation:focus .ecg {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.the-pulse-navigation:hover .ecg path,
.the-pulse-navigation:active .ecg path,
.the-pulse-navigation:focus .ecg path {
  stroke: white;
}
.the-pulse-navigation:hover .heart path,
.the-pulse-navigation:active .heart path,
.the-pulse-navigation:focus .heart path {
  fill: white;
}
@media screen and (max-width: 880px) {
  .the-pulse-navigation {
    padding-bottom: 28px;
    margin-bottom: 0;
  }
  .the-pulse-navigation span {
    left: 50%;
    -webkit-transform: translateX(calc(-50% + 2px));
            transform: translateX(calc(-50% + 2px));
  }
  .the-pulse-navigation .heart {
    right: unset;
    left: calc(50% + 32px);
  }
  .the-pulse-navigation:hover span,
  .the-pulse-navigation:active span,
  .the-pulse-navigation:focus span {
    color: #AAA;
  }
  .the-pulse-navigation:hover .ecg path,
  .the-pulse-navigation:active .ecg path,
  .the-pulse-navigation:focus .ecg path {
    stroke: #00c3f4;
  }
  .the-pulse-navigation:hover .heart path,
  .the-pulse-navigation:active .heart path,
  .the-pulse-navigation:focus .heart path {
    fill: #00c3f4;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
/**
 * Blog Page
 * =========
 * DATE: 2019-03-06
 * AUTHOR: Steven Teskey <steven@truemarket.ca>
 * NOTE: This section is broken into components using the BEM syntax and
 *       architecture.
 */
.sidebar {
  width: 30%;
  padding-left: 60px;
  border-left: 1px solid #ebecec;
}
.sidebar > * {
  margin-bottom: 15px;
}
@media screen and (max-width: 776px) {
  .sidebar {
    padding-left: 0;
    margin-bottom: 30px;
    border-left: none;
  }
}
.sidebar__title {
  font-size: 24px;
}
.sidebar__title:nth-of-type(2) {
  margin-top: 30px;
}
.sidebar .call-out h4 {
  margin-bottom: 15px;
  font-size: 17px;
}
.sidebar .call-out .button {
  font-size: 15px;
  color: #00c3f4;
  background: white;
  border: 1px solid #00c3f4;
  border-radius: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.sidebar .call-out .button:hover,
.sidebar .call-out .button:active {
  color: white;
  background: #00c3f4;
}
.blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: calc(100% - 60px);
  margin: 30px;
}
.blog__list,
.single__content {
  width: 70%;
  padding-right: 60px;
}
@media screen and (max-width: 776px) {
  .blog__list,
  .single__content {
    padding: 0 0 30px 0;
  }
}
/* .blog__sidebar {} */
@media screen and (max-width: 776px) {
  .blog__list,
  .blog__sidebar,
  .single__content,
  .single__sidebar {
    width: 100%;
  }
}
.post__header {
  padding: 0;
  margin: 0 0 15px 0;
  border: none;
}
.post__landing {
  display: block;
  margin-top: 15px;
  margin-bottom: 0;
}
.post__title {
  font-size: 30px;
  border-bottom: 0;
}
.post__title a:link,
.post__title a:visited {
  color: #3c4143;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.post__title a:hover,
.post__title a:active {
  color: #00c3f4;
}
.post__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  margin: 7.5px 0 0;
  list-style: none;
}
.post__date {
  color: #999;
}
.post__body {
  margin-right: 30px;
  margin-bottom: 15px;
}
.post__body > * {
  line-height: 2;
  font-size: 13px;
}
@media screen and (max-width: 776px) {
  .post__body {
    margin-right: 0;
  }
}
.post__footer {
  font-size: 13px;
  padding-bottom: 45px;
  margin-bottom: 45px;
  border: none;
  border-bottom: 1px solid #ebecec;
}
/**
 * Single Page
 */
.single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: calc(100% - 60px);
  margin: 30px;
}
@media screen and (max-width: 800px) {
  .single {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 800px) {
  .single__content,
  .single__sidebar {
    padding: 0 1rem;
  }
}
.single__landing {
  display: block;
  margin-bottom: 30px;
}
.single__body > * {
  margin-bottom: 30px;
}
.single__body h1 + *,
.single__body h2 + *,
.single__body h3 + *,
.single__body h4 + *,
.single__body h5 + *,
.single__body h6 + * {
  margin-top: -22.5px;
}
.single__body h2 {
  font-size: 30px;
}
.single__body h3 {
  font-size: 24px;
}
.single__body h4 {
  font-size: 17px;
  font-weight: bold;
}
.single__body h5,
.single__body h6 {
  font-size: 13px;
  font-weight: bold;
}
.single__body p,
.single__body li,
.single__body pre,
.single__body code {
  font-size: 13px;
  line-height: 2;
}
.single__body ul,
.single__body ol {
  -webkit-padding-start: 30px;
          padding-inline-start: 30px;
}
.single__body ul li,
.single__body ol li {
  padding: 0;
  padding-bottom: 7.5px;
}
.single__body ul li:last-of-type,
.single__body ol li:last-of-type {
  padding: 0;
}
.single__body ul li p + ul,
.single__body ol li p + ul,
.single__body ul li p + ol,
.single__body ol li p + ol {
  margin-top: 7.5px;
}
.single__body ul h1 + *,
.single__body ol h1 + *,
.single__body ul h2 + *,
.single__body ol h2 + *,
.single__body ul h3 + *,
.single__body ol h3 + *,
.single__body ul h4 + *,
.single__body ol h4 + *,
.single__body ul h5 + *,
.single__body ol h5 + *,
.single__body ul h6 + *,
.single__body ol h6 + * {
  margin-top: 0;
}
.single__body ol {
  list-style-type: decimal;
}
.single__body blockquote,
.single__body pre {
  padding: 15px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.05);
}
.single__body cite {
  display: block;
  padding-top: 30px;
}
.single__body cite::before {
  content: "\2014";
  padding-right: 4px;
}
.single__body code {
  line-height: 1;
}
/**
 * Call to Action Component
 */
.cta {
  width: 100%;
  padding: 15px;
  text-align: center;
  color: black;
  border-radius: 3px;
}
.cta__title {
  font-size: 17px;
  color: #3c4143;
  margin-bottom: 15px;
}
.cta__link {
  padding: 1rem 2rem;
  font-size: 15px;
  color: #00c3f4;
  border: 1px solid #00c3f4;
  border-radius: 0;
  background: white;
}
.cta__link:hover {
  color: white;
  background-color: #00c3f4;
}
/** Related Posts Component **/
.related-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  padding: 30px;
}
.related-posts__title {
  width: 100%;
  margin: 0 auto 30px;
  font-size: 24px;
  text-align: center;
}
.related-posts__item {
  width: calc((100% - 120px) / 3);
  margin-right: 60px;
}
.related-posts__item:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 776px) {
  .related-posts__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .related-posts__item:last-of-type {
    margin-bottom: 0;
  }
}
/**
 * Single Related Post Component
 */
.related-post img {
  display: block;
  margin-bottom: 15px;
}
.related-post h4 {
  font-size: 17px;
}
.related-post__header,
.related-post__body {
  margin-bottom: 15px;
}
.related-post__header {
  padding: 0;
  border: none;
}
.related-post__footer {
  margin-bottom: 0;
  font-size: 13px;
  border: none;
}
/** Pagination Component **/
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.pagination__disabled {
  color: #999;
}
.pagination__current {
  border-bottom: 1px solid #484d4f;
}
.pagination__older::before {
  content: "\AB";
  padding-right: 0.25rem;
}
.pagination__newer::after {
  content: "\BB";
  padding-left: 0.25rem;
}
.pagination__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  list-style: none;
}
.pagination__pages li {
  margin-right: 1rem;
}
.pagination__pages li:last-of-type {
  margin-right: 0;
}
.hidden--visually {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  /* added line */
}
/**
 * Announcements
 */
.announcements {
  margin: 30px;
}
.announcement + .announcement {
  margin-top: 30px;
}
.announcement {
  padding: 1rem;
  color: black;
  background-color: #EFEFEF;
}
.announcement.content * {
  line-height: 1.5;
  margin-bottom: 0;
}
.announcement.content * + * {
  margin-top: 1rem;
}
.announcement.content h1,
.announcement.content h2,
.announcement.content h3,
.announcement.content h4,
.announcement.content h5,
.announcement.content h6 {
  line-height: 1.1;
}
.announcement.content h1 br,
.announcement.content h2 br,
.announcement.content h3 br,
.announcement.content h4 br,
.announcement.content h5 br,
.announcement.content h6 br {
  display: none;
}
/**
 * Modal Component
 */
.modal {
  display: none;
}
.modal.is-visible {
  display: block;
}
.modal__content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  height: auto;
  padding: 1.5rem;
  background: white;
  border: 4px solid #EEE;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal__column {
  width: 100%;
  height: 100%;
}
.modal__title {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.modal__content .content > * + * {
  margin-top: 1.5rem;
}
.modal__content .content p {
  color: #333;
  font-size: 18px;
  line-height: 1.5;
}
.modal__close {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 48px;
  height: 48px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  border: none;
  background-color: black;
}
.modal__close svg {
  -webkit-transform: translate(1px, 2px);
          transform: translate(1px, 2px);
}
.modal__close svg line {
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}
.modal__close:hover,
.modal__close:active,
.modal__close:focus {
  cursor: pointer;
}
.modal__close:hover svg line,
.modal__close:active svg line,
.modal__close:focus svg line {
  stroke: #00c3f4;
}
.modal__background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.modal__background:hover,
.modal__background:active {
  cursor: pointer;
}
@media screen and (max-width: 530px) {
  .company-update {
    padding: 40px 5%;
  }
  /*Footer*/
  footer .social {
    padding: 40px 5%;
    display: block;
    text-align: center;
  }
  footer .social img {
    max-width: 30px;
  }
  footer .sub-footer {
    padding: 35px 5%;
    text-align: center;
  }
  .modal__content {
    width: 300px;
  }
  .modal__content .content p {
    font-size: 14px;
  }
}
.hide-desktop {
  display: none;
}
.booking__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.booking__buttons .req-btn {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #3d4244;
}
.booking__buttons .booking-btn {
  color: #fff;
  background: #5794cf;
  background: -webkit-gradient(linear, left top, right top, from(#5794cf), color-stop(35%, #65aae2), to(#00d4ff));
  background: linear-gradient(90deg, #5794cf 0%, #65aae2 35%, #00d4ff 100%);
  text-transform: uppercase;
  padding: 10px 8px;
  font-size: 1.125rem;
  border-radius: 5px;
}
.booking__buttons .booking-btn:hover {
  border-radius: 0;
  background: #00c3f4;
}
.req-btn svg {
  margin-right: 10px;
}
.req-btn:hover {
  color: #3d4244;
  text-decoration: underline;
}
@media only screen and (max-width: 880px) {
  .booking__buttons {
    display: none;
  }
  .hide-desktop {
    display: block;
  }
}