/*
* Author: Darren Powell
* Author URL: http://bigpepperdesign.com
*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 10px 0;
  font-weight: normal; }

h1, .h1 {
  font-size: 36px;
  line-height: 40px; }
  @media only screen and (min-width: 768px) {
    h1, .h1 {
      font-size: 46px;
      line-height: 47px; } }

h2, .h2 {
  font-size: 44px;
  line-height: 50px;
  color: #000; }

h3, .h3 {
  font-size: 18px;
  line-height: 26px; }
  @media only screen and (min-width: 768px) {
    h3, .h3 {
      font-size: 20px;
      line-height: 30px; } }

header#header {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQoU2NkIALs/PriPyMhdSBF7twSjHgVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQBphSegcTtYYgAAAABJRU5ErkJggg==) repeat;
  text-align: center;
  overflow: hidden;
  padding: 110px 0;
  border-bottom: 1px solid #5AE7C9; 
  border-top: 1px solid #5AE7C9;}
  header#header h1, header#header h3 {
    color: #000; }
  header#header .logo {
    display: block;
    margin: 10px 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      header#header .logo {
        background-image: url("../images/LOGO-icon-white@2x.png");
        background-repeat: no-repeat;
        background-position: center;
        height: 69px;
        background-size: auto 69px; }
        header#header .logo img {
          display: none; } }

.align_center {
  text-align: center; }

.align_right {
  text-align: right; }

.ta {
  display: table;
  height: 100%;
  width: 100%; }
  .ta .va {
    vertical-align: middle;
    display: table-cell; }

@media only screen and (min-width: 992px) {
  .hide-md {
    display: none !important; } }

.show-sm {
  display: none !important; }
  @media only screen and (min-width: 768px) {
    .show-sm {
      display: block !important; } }

@media only screen and (min-width: 768px) {
  .hide-sm {
    display: none; } }

.show-sm-inline {
  display: none; }
  @media only screen and (min-width: 768px) {
    .show-sm-inline {
      display: inline-block; } }

@media only screen and (min-width: 768px) {
  .hide-sm {
    display: none; } }

.show-md {
  display: none !important; }
  @media only screen and (min-width: 992px) {
    .show-md {
      display: block !important; } }

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

.tt {
  text-transform: uppercase; }

.l-align-sm {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .l-align-sm {
      text-align: left; } }

.l-align-md {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .l-align-md {
      text-align: left; } }

.r-align-sm {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .r-align-sm {
      text-align: right; } }

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

@media only screen and (min-width: 768px) {
  .row-flex-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; } }

.btn {
  font-size: 16px;
  font-weight: bold;
  padding: 18px;
  height: 70px;
  min-width: 280px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

.btn-primary {
  background: #50E3C2;
  border: 6px solid #50E3C2;
  box-shadow: 0 0 30px 14px rgba(79, 227, 194, 0.4), inset 0 1px 20px 0 rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  text-transform: uppercase;
  color: #fff; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 30px 14px rgba(79, 227, 194, 0.6), inset 0 1px 20px 0 rgba(0, 0, 0, 0.2);
    background: #50E3C2;
    border: 6px solid #50E3C2; }
    .btn-primary:hover:active, .btn-primary:active:active, .btn-primary:focus:active {
      box-shadow: 0 0 30px 14px rgba(79, 227, 194, 0.6), inset 0 1px 20px 0 rgba(0, 0, 0, 0.2);
      background: #50E3C2;
      border: 6px solid #50E3C2; }

body {
  font-size: 16px;
  color: #000;
  line-height: 1.65;
  font-family: "Quicksand", sans-serif; }
  @media only screen and (min-width: 768px) {
    body {
      font-size: 16px; } }

a {
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
  color: #575260;
  outline: none !important; }
  a:hover, a:focus, a:active {
    text-decoration: none;
    color: #575260; }

p {
  margin: 10px 0;
  line-height: 1.9; }
  p.bigger {
    font-size: 18px;
    line-height: 1.7; }

img {
  max-width: 100%;
  height: auto; }

strong {
  font-weight: 600; }

ul {
  padding-left: 15px;
  margin: 15px 0; }

@media only screen and (min-width: 1240px) {
  .container {
    width: 1220px; } }

#wrapper {
  overflow: hidden; }

main#main {
  background-image: url("../images/isometric-dot-tile-white.png");
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    main#main {
      padding-bottom: 60px; } }
  main#main section.cols {
    padding: 80px 0 60px; }
    @media only screen and (min-width: 768px) {
      main#main section.cols {
        padding: 50px 0; } }
    @media only screen and (min-width: 992px) {
      main#main section.cols p {
        padding: 0 20px; } }
    @media only screen and (min-width: 1200px) {
      main#main section.cols p {
        padding: 0 40px; } }
    main#main section.cols .img_col {
      padding-top: 50px; }
      @media only screen and (min-width: 768px) {
        main#main section.cols .img_col {
          padding-top: 0px; } }
    main#main section.cols .img_max_none img {
      margin-left: 10%; }
      @media only screen and (min-width: 768px) {
        main#main section.cols .img_max_none img {
          max-width: none;
          margin-left: 0; } }
      @media only screen and (min-width: 992px) {
        main#main section.cols .img_max_none img {
          margin-left: 30px; } }
      @media only screen and (min-width: 1200px) {
        main#main section.cols .img_max_none img {
          margin-left: 60px; } }
  main#main hr {
    border: 1px solid #50e3c2;
    margin: 4px 0;
    opacity: 0.4; }

/* PARTIALS */
#masthead {
  background: #000;
  /*
  video::-webkit-media-controls-start-playback-button {
      opacity: 0;
  }
  */ }
  #masthead video {
    width: 100%;
    display: block; }
  #masthead .canvas {
    width: 100%;
    display: block; }
  #masthead #mobile_video {
    display: block; }
    @media only screen and (min-width: 768px) {
      #masthead #mobile_video {
        display: none; } }
  #masthead #desktop_video {
    display: none; }
    @media only screen and (min-width: 768px) {
      #masthead #desktop_video {
        display: block; } }

.i {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: 15px 0; }

.i_core {
  background-image: url("../images/i_core.png");
  width: 41px;
  height: 41px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .i_core {
      background-image: url("../images/i_core@2x.png"); } }

.i_share {
  background-image: url("../images/i_share.png");
  width: 40px;
  height: 40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .i_share {
      background-image: url("../images/i_share@2x.png"); } }

.i_stories {
  background-image: url("../images/i_stories.png");
  width: 31px;
  height: 40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .i_stories {
      background-image: url("../images/i_stories@2x.png"); } }

.i_justification {
  background-image: url("../images/i_justification.png");
  width: 37px;
  height: 41px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .i_justification {
      background-image: url("../images/i_justification@2x.png"); } }

.i_euro {
  background-image: url("../images/i_euro.png");
  width: 37px;
  height: 40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .i_euro {
      background-image: url("../images/i_euro@2x.png"); } }

footer#footer {
  background-image: url("../images/isometric-dot-tile-dark.png");
  color: #fff;
  padding: 200px 0;
  border-top: 5px solid #50e3c2; }
  footer#footer .container {
    max-width: 650px; }
  footer#footer .btn {
    margin-top: 65px;
    margin-bottom: 10px; }
  footer#footer .i {
    margin: 17px 0; }
  footer#footer h2 {
    color: #50e3c2; }