#myCarousel .carousel-inner .item {
  background-position: center;
  height: 620px; }
  #myCarousel .carousel-inner .item .text-box {
    border: 0 solid red;
    width: 400px;
    height: 400px;
    margin-left: auto;
    padding: 20px;
    text-align: center; }
    #myCarousel .carousel-inner .item .text-box img.text {
      width: 100%;
      margin-top: 66px; }
    #myCarousel .carousel-inner .item .text-box p {
      font-weight: 300;
      font-size: 22px;
      margin-top: 30px; }
    #myCarousel .carousel-inner .item .text-box button {
      font-family: inherit;
      font-size: 16px;
      background-color: #6e9eaf;
      border-width: 0;
      height: 66px;
      width: 184px;
      color: #fff;
      font-weight: 400;
      margin-top: 40px; }
    #myCarousel .carousel-inner .item .text-box button:hover {
      background-color: #0c3442; }
#myCarousel .carousel-inner .item.one {
  background-image: url("../images/home-header-1.jpg"); }
  #myCarousel .carousel-inner .item.one .text-box {
    width: 406px;
    margin-right: 53%; }
#myCarousel .carousel-inner .item.two {
  background-image: url("../images/home-header-2.jpg"); }
  #myCarousel .carousel-inner .item.two .text-box {
    width: 542px;
    margin-right: 45%; }
#myCarousel .carousel-inner .item.three {
  background-image: url("../images/home-header-3.jpg"); }
  #myCarousel .carousel-inner .item.three .text-box {
    width: 581px;
    margin-right: 40%; }
#myCarousel .carousel-inner .item.four {
  background-image: url("../images/home-header-4.jpg"); }
  #myCarousel .carousel-inner .item.four .text-box {
    width: 581px;
    margin-right: 40%; }

body {
  background-color: #bbb;
  margin: 0;
  font-size: 12px;
  color: #0c3442;
  width: 100%;
  font-family: 'Open Sans', sans-serif; }
  body .support-us-link-active {
    position: fixed;
    top: 240px;
    width: 59px;
    height: 157px;
    display: block;
    background-size: 59px 157px;
    left: 0;
    background-image: url("../images/support-us-orange.png?1"); }
  body .support-us-link {
    position: fixed;
    top: 240px;
    width: 59px;
    height: 157px;
    display: block;
    background-size: 59px 157px;
    left: 0;
    background-image: url("../images/support-us-blue.png?1"); }
  body .support-us-link:hover {
    background-image: url("../images/support-us-orange.png?1"); }
  body header {
    background-color: white;
    max-width: 1600px;
    margin: 0 auto;
    height: 130px; }
    body header .content {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; }
      body header .content a img.logo {
        width: 204px;
        margin: 26px 0 23px 23px;
        float: left; }
      body header .content nav.main {
        float: right;
        margin-right: 10px; }
        body header .content nav.main .menu {
          font-size: 15px;
          font-weight: 600;
          margin-top: 78px;
          list-style-type: none; }
          body header .content nav.main .menu li {
            float: left;
            height: 32px; }
            body header .content nav.main .menu li a {
              margin: .2em 1em;
              display: block;
              color: #0c3442;
              text-decoration: none; }
            body header .content nav.main .menu li a.horiz {
              border-bottom: 3px solid #fff; }
            body header .content nav.main .menu li a.horiz:hover {
              border-color: #94d5ec; }
            body header .content nav.main .menu li a.selected {
              color: #ea8c0c; }
            body header .content nav.main .menu li a.selected:hover {
              border-color: #facf95; }
            body header .content nav.main .menu li ul {
              position: absolute;
              left: -9999px;
              top: -9999px;
              list-style-type: none; }
          body header .content nav.main .menu li.spacer {
            background-color: #fff;
            height: 14px;
            width: 100%; }
          body header .content nav.main .menu li.selected-arrow {
            color: #ea8c0c;
            background-color: #fff;
            padding: 0;
            margin: 0;
            height: 12px;
            width: 100%;
            margin-top: 15px; }
          body header .content nav.main .menu li:hover {
            position: relative; }
            body header .content nav.main .menu li:hover ul {
              color: #fff;
              z-index: 999;
              left: 0;
              top: 26px;
              background: #ea8c0c;
              padding: 0;
              text-align: center; }
              body header .content nav.main .menu li:hover ul li.vert-header {
                font-weight: 600;
                height: 40px;
                background-color: #ea8c0c;
                border-bottom: 2px solid #f5a334;
                padding: 8px 0;
                width: 100%; }
              body header .content nav.main .menu li:hover ul li.selected-arrow {
                height: 12px; }
              body header .content nav.main .menu li:hover ul li.spacer {
                height: 14px; }
              body header .content nav.main .menu li:hover ul li {
                padding: 0;
                margin: 0;
                height: 37px; }
                body header .content nav.main .menu li:hover ul li a {
                  font-weight: 300;
                  margin: 0;
                  color: #fff;
                  display: block;
                  margin: 0;
                  width: 140px;
                  padding: 8px 0; }
                body header .content nav.main .menu li:hover ul li a:hover {
                  background: #b96f0a; }
      body header .content nav.mobile {
        display: none;
        margin-top: 54px;
        margin-right: 0;
        float: right; }
        body header .content nav.mobile button:focus {
          outline: 0; }
        body header .content nav.mobile button {
          border-width: 0;
          width: 73px;
          height: 76px;
          background-color: #6e9eaf; }
          body header .content nav.mobile button img {
            width: 26px;
            height: 16px; }
        body header .content nav.mobile .dropdown {
          display: none;
          position: absolute;
          left: 0;
          right: 0;
          background-color: #6e9eaf;
          text-align: center;
          z-index: 5; }
          body header .content nav.mobile .dropdown .heading {
            color: #fff;
            font-size: 26px;
            font-weight: 400;
            height: 61px;
            margin-top: 19px; }
          body header .content nav.mobile .dropdown a {
            display: block;
            background-color: #366170;
            color: #fff;
            text-decoration: none;
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 26px; }
          body header .content nav.mobile .dropdown a:hover {
            background-color: #244b59; }
  body .body-container {
    background-color: white;
    max-width: 1600px;
    margin: 0 auto; }
    body .body-container main.home section.info-bar {
      background-image: url("../images/info-bar-back.png");
      border-top: 3px solid #598ea1;
      height: 102px;
      padding-left: 165px;
      padding-right: 165px;
      width: 100%; }
      body .body-container main.home section.info-bar .message {
        position: absolute;
        font-weight: 300;
        width: 100%;
        left: 0;
        text-align: center;
        border: 0 solid red;
        font-size: 20px;
        color: white;
        margin-top: 35px; }
        body .body-container main.home section.info-bar .message a {
          color: white;
          text-decoration: underline; }
        body .body-container main.home section.info-bar .message a:hover {
          color: #ea8c0c; }
      body .body-container main.home section.info-bar img {
        margin-top: 5px;
        height: 94px;
        width: 131px; }
    body .body-container main.home .welcome {
      text-align: center;
      padding-bottom: 70px; }
      body .body-container main.home .welcome img {
        width: 200px;
        margin-top: 30px; }
      body .body-container main.home .welcome h1 {
        font-size: 30px;
        font-weight: 300;
        margin-top: 66px; }
      body .body-container main.home .welcome p {
        font-size: 16px;
        margin: 30px 56px; }
      body .body-container main.home .welcome button {
        background-color: #6e9eaf;
        color: white;
        font-size: 16px;
        border-width: 0;
        font-family: inherit;
        height: 68px;
        width: 220px;
        margin-top: 52px; }
      body .body-container main.home .welcome button:hover {
        background-color: #0c3442; }
    body .body-container main.home section.world-map {
      height: 834px;
      background-image: url("../images/home-map.jpg");
      background-position: center;
      padding-top: 107px;
      text-align: center;
      color: #fff; }
      body .body-container main.home section.world-map div.info {
        margin-left: auto;
        margin-right: auto;
        width: 830px;
        height: 547px;
        background-image: url("../images/home-map-info.png");
        padding-top: 130px; }
        body .body-container main.home section.world-map div.info h1 {
          font-weight: 300;
          font-size: 30px; }
        body .body-container main.home section.world-map div.info p {
          margin-top: 24px;
          font-weight: 300;
          font-size: 16px;
          margin-left: 50px;
          margin-right: 50px; }
        body .body-container main.home section.world-map div.info a {
          color: #fff; }
          body .body-container main.home section.world-map div.info a button {
            background-color: #0c3442;
            color: #fff !important;
            font-size: 16px;
            border-width: 0;
            font-family: inherit;
            height: 68px;
            width: 270px;
            margin-top: 52px; }
    body .body-container main.home section.boards {
      height: 437px;
      background-color: #0c3442;
      color: #fff;
      text-align: center;
      background-image: url("../images/uk-map.png");
      background-position: center; }
      body .body-container main.home section.boards .text-area {
        width: 500px;
        padding: 20px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.home section.boards .text-area .where-heading {
          font-size: 30px;
          font-weight: 300;
          margin-top: 60px; }
        body .body-container main.home section.boards .text-area p {
          font-size: 16px;
          font-weight: 300;
          margin-top: 25px; }
        body .body-container main.home section.boards .text-area button {
          height: 70px;
          width: 304px;
          background-color: #0c3442;
          border: 1px solid #fff;
          margin-top: 40px;
          font-weight: 600;
          font-family: inherit;
          font-size: 16px; }
        body .body-container main.home section.boards .text-area button:hover {
          background-color: #6e9eaf; }
    body .body-container main.home section.video {
      text-align: center;
      position: relative; }
      body .body-container main.home section.video video {
        z-index: 0;
        height: 56.5vw; }
      body .body-container main.home section.video .overlay {
        background-image: url("../images/home-video-cover.jpg");
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        color: #fff;
        border: solid red 0px;
        width: 100%; }
        body .body-container main.home section.video .overlay h1 {
          margin: 0; }
          body .body-container main.home section.video .overlay h1 img {
            width: 524px;
            margin-top: 15%; }
        body .body-container main.home section.video .overlay h2 {
          font-weight: 400;
          font-size: 24px;
          margin-top: 36px; }
        body .body-container main.home section.video .overlay p {
          font-weight: 300;
          font-size: 24px; }
        body .body-container main.home section.video .overlay img {
          width: 177px;
          margin-top: 46px; }
        body .body-container main.home section.video .overlay a.play {
          cursor: pointer;
          border: 0px solid red;
          margin-left: auto;
          margin-right: auto;
          margin-top: 34px;
          display: block;
          height: 64px;
          width: 64px;
          background-image: url("../images/home-play-button0.png");
          background-size: 64px 64px; }
        body .body-container main.home section.video .overlay a.play:hover {
          background-image: url("../images/home-play-button1.png"); }
      body .body-container main.home section.video .text-area {
        color: #fff;
        border: solid red 1px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.home section.video .text-area h1 {
          margin: 0; }
          body .body-container main.home section.video .text-area h1 img {
            width: 524px;
            margin-top: 340px; }
        body .body-container main.home section.video .text-area h2 {
          font-weight: 400;
          font-size: 24px;
          margin-top: 36px; }
        body .body-container main.home section.video .text-area p {
          font-weight: 300;
          font-size: 24px; }
        body .body-container main.home section.video .text-area img {
          width: 177px;
          margin-top: 46px; }
        body .body-container main.home section.video .text-area a.play {
          border: 0px solid red;
          margin-left: auto;
          margin-right: auto;
          margin-top: 34px;
          display: block;
          height: 64px;
          width: 64px;
          background-image: url("../images/home-play-button0.png");
          background-size: 64px 64px; }
        body .body-container main.home section.video .text-area a.play:hover {
          background-image: url("../images/home-play-button1.png"); }
    body .body-container main.home section.shop {
      display: none;
      height: 570px;
      background-color: #f4f1ed;
      background-image: url("../images/shop-section-back.png");
      background-position: center; }
      body .body-container main.home section.shop .left {
        float: left;
        width: 50%; }
        body .body-container main.home section.shop .left img.shop-elements {
          margin: 40px;
          width: 689px;
          height: 461px; }
      body .body-container main.home section.shop .right {
        float: right;
        width: 50%;
        text-align: center; }
        body .body-container main.home section.shop .right .check-out {
          margin-top: 107px;
          width: 309px;
          height: 149px; }
        body .body-container main.home section.shop .right p {
          font-size: 16px;
          margin-top: 24px; }
        body .body-container main.home section.shop .right button {
          font-family: inherit;
          font-size: 16px;
          font-weight: 600;
          border: 2px solid #73a1b2;
          color: #73a1b2;
          height: 68px;
          background-color: transparent;
          width: 302px;
          margin-top: 44px; }
        body .body-container main.home section.shop .right button:hover {
          background-color: #0c3442;
          color: white;
          border-color: #0c3442; }
    body .body-container main.home section.instagram {
      height: 800px;
      background-image: url("../images/home-instagram-background.png");
      background-position: center;
      text-align: center;
      padding-top: 90px; }
      body .body-container main.home section.instagram h1 {
        margin: 0;
        font-weight: 300; }
      body .body-container main.home section.instagram img.title {
        width: 344px;
        margin-top: 20px; }
      body .body-container main.home section.instagram .pics {
        width: 1120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px; }
        body .body-container main.home section.instagram .pics img.pic {
          margin: 5px;
          width: 269px;
          float: left;
          margin-bottom: 70px; }
      body .body-container main.home section.instagram p {
        font-size: 16px;
        font-weight: 300; }
      body .body-container main.home section.instagram button {
        font-family: inherit;
        font-size: 16px;
        background-color: #6e9eaf;
        border-width: 0;
        height: 66px;
        width: 463px;
        color: #fff;
        font-weight: 400;
        margin-top: 34px; }
      body .body-container main.home section.instagram button:hover {
        background-color: #0c3442; }
    body .body-container main.about section.header {
      height: 620px;
      background-image: url("../images/about-header.jpg");
      background-position: center; }
      body .body-container main.about section.header .text-area {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        text-align: center; }
        body .body-container main.about section.header .text-area img {
          margin-top: 66px;
          width: 661px; }
        body .body-container main.about section.header .text-area p {
          font-size: 22px;
          margin-top: 30px;
          font-weight: 300; }
    body .body-container main.about section.intro {
      background-image: url("../images/about-intro-background.png");
      background-position: center;
      text-align: center;
      padding-bottom: 100px; }
      body .body-container main.about section.intro .text-container {
        max-width: 1006px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.about section.intro .text-container h1 {
          font-size: 30px;
          font-weight: 300;
          margin: 0;
          padding-top: 104px; }
        body .body-container main.about section.intro .text-container p {
          margin-top: 20px;
          margin-bottom: 20px;
          font-size: 16px; }
          body .body-container main.about section.intro .text-container p a {
            color: inherit;
            font-weight: bold; }
    body .body-container main.about .intro-bottom {
      background-image: url("../images/about-intro-bottom.png");
      background-position: center;
      height: 20px; }
    body .body-container main.about .social a {
      display: block;
      float: left;
      width: 26px;
      height: 26px;
      margin: 3px 6px 3px 0;
      background-size: 26px 26px; }
    body .body-container main.about .social a.facebook {
      background-image: url("../images/about-facebook0.png"); }
    body .body-container main.about .social a.facebook:hover {
      background-image: url("../images/about-facebook1.png"); }
    body .body-container main.about .social a.twitter {
      background-image: url("../images/about-twitter0.png"); }
    body .body-container main.about .social a.twitter:hover {
      background-image: url("../images/about-twitter1.png"); }
    body .body-container main.about .social a.instagram {
      background-image: url("../images/about-instagram0.png"); }
    body .body-container main.about .social a.instagram:hover {
      background-image: url("../images/about-instagram1.png"); }
    body .body-container main.about .social a.linkedin {
      background-image: url("../images/about-linkedin0.png"); }
    body .body-container main.about .social a.linkedin:hover {
      background-image: url("../images/about-linkedin1.png"); }
    body .body-container main.about .social a.googleplus {
      background-image: url("../images/about-google0.png"); }
    body .body-container main.about .social a.googleplus:hover {
      background-image: url("../images/about-google1.png"); }
    body .body-container main.about .social a.web {
      background-image: url("../images/about-web0.png"); }
    body .body-container main.about .social a.web:hover {
      background-image: url("../images/about-web1.png"); }
    body .body-container main.about section.left-pic-first {
      height: 668px;
      background-color: #fafafa; }
      body .body-container main.about section.left-pic-first .person-container {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.about section.left-pic-first .person-container .photo {
          margin-top: 106px;
          float: left; }
        body .body-container main.about section.left-pic-first .person-container .person-info {
          float: right;
          max-width: 558px;
          margin-top: 110px; }
          body .body-container main.about section.left-pic-first .person-container .person-info h1 {
            margin: 0;
            font-size: 30px;
            font-weight: 400; }
          body .body-container main.about section.left-pic-first .person-container .person-info h2 {
            margin: 0;
            font-size: 30px;
            font-weight: 300; }
          body .body-container main.about section.left-pic-first .person-container .person-info p {
            margin-top: 30px;
            margin-bottom: 20px;
            font-size: 15px; }
    body .body-container main.about section.right-pic {
      height: 668px;
      background-color: #fff; }
      body .body-container main.about section.right-pic .person-container {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.about section.right-pic .person-container .photo {
          margin-top: 106px;
          float: right; }
        body .body-container main.about section.right-pic .person-container .person-info {
          float: left;
          max-width: 558px;
          margin-top: 110px; }
          body .body-container main.about section.right-pic .person-container .person-info h1 {
            margin: 0;
            font-size: 30px;
            font-weight: 400; }
          body .body-container main.about section.right-pic .person-container .person-info h2 {
            margin: 0;
            font-size: 30px;
            font-weight: 300; }
          body .body-container main.about section.right-pic .person-container .person-info p {
            margin-top: 30px;
            margin-bottom: 20px;
            font-size: 15px; }
    body .body-container main.sponsors section.intro {
      background-image: url("../images/about-intro-background.png");
      background-position: center;
      text-align: center;
      padding-bottom: 100px; }
      body .body-container main.sponsors section.intro .text-container {
        max-width: 1006px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.sponsors section.intro .text-container h1 {
          font-size: 30px;
          font-weight: 300;
          margin: 0;
          padding-top: 104px; }
        body .body-container main.sponsors section.intro .text-container p {
          margin-top: 20px;
          margin-bottom: 20px;
          font-size: 16px; }
          body .body-container main.sponsors section.intro .text-container p a {
            color: inherit;
            font-weight: bold; }
      body .body-container main.sponsors section.intro button {
        background-color: #6e9eaf;
        color: white;
        font-size: 16px;
        border-width: 0;
        font-family: inherit;
        height: 68px;
        width: 186px;
        margin-top: 52px; }
      body .body-container main.sponsors section.intro button:hover {
        background-color: #0c3442; }
    body .body-container main.sponsors .intro-bottom {
      background-image: url("../images/sponsors-intro-bottom.png");
      background-position: center;
      height: 20px; }
    body .body-container main.sponsors .social a {
      display: block;
      float: left;
      width: 26px;
      height: 26px;
      margin: 3px 6px 3px 0;
      background-size: 26px 26px; }
    body .body-container main.sponsors .social a.facebook {
      background-image: url("../images/about-facebook0.png"); }
    body .body-container main.sponsors .social a.facebook:hover {
      background-image: url("../images/about-facebook1.png"); }
    body .body-container main.sponsors .social a.twitter {
      background-image: url("../images/about-twitter0.png"); }
    body .body-container main.sponsors .social a.twitter:hover {
      background-image: url("../images/about-twitter1.png"); }
    body .body-container main.sponsors .social a.instagram {
      background-image: url("../images/about-instagram0.png"); }
    body .body-container main.sponsors .social a.instagram:hover {
      background-image: url("../images/about-instagram1.png"); }
    body .body-container main.sponsors .social a.linkedin {
      background-image: url("../images/about-linkedin0.png"); }
    body .body-container main.sponsors .social a.linkedin:hover {
      background-image: url("../images/about-linkedin1.png"); }
    body .body-container main.sponsors .social a.googleplus {
      background-image: url("../images/about-google0.png"); }
    body .body-container main.sponsors .social a.googleplus:hover {
      background-image: url("../images/about-google1.png"); }
    body .body-container main.sponsors .social a.web {
      background-image: url("../images/about-web0.png"); }
    body .body-container main.sponsors .social a.web:hover {
      background-image: url("../images/about-web1.png"); }
    body .body-container main.sponsors section.left-pic {
      height: 668px;
      background-color: #fff; }
      body .body-container main.sponsors section.left-pic .person-container {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.sponsors section.left-pic .person-container .photo {
          margin-top: 106px;
          float: left; }
        body .body-container main.sponsors section.left-pic .person-container .person-info {
          float: right;
          max-width: 558px;
          margin-top: 110px; }
          body .body-container main.sponsors section.left-pic .person-container .person-info .text {
            overflow: hidden; }
            body .body-container main.sponsors section.left-pic .person-container .person-info .text h1 {
              margin: 0;
              font-size: 30px;
              font-weight: 400; }
            body .body-container main.sponsors section.left-pic .person-container .person-info .text p {
              margin-top: 30px;
              margin-bottom: 20px;
              font-size: 15px; }
          body .body-container main.sponsors section.left-pic .person-container .person-info a {
            display: block;
            margin-bottom: 20px;
            color: #6e9eaf;
            font-size: 15px; }
    body .body-container main.sponsors section.right-pic {
      height: 668px;
      background-color: #fafafa; }
      body .body-container main.sponsors section.right-pic .person-container {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.sponsors section.right-pic .person-container .photo {
          margin-top: 106px;
          float: right; }
        body .body-container main.sponsors section.right-pic .person-container .person-info {
          float: left;
          max-width: 558px;
          margin-top: 110px; }
          body .body-container main.sponsors section.right-pic .person-container .person-info .text {
            overflow: hidden; }
            body .body-container main.sponsors section.right-pic .person-container .person-info .text h1 {
              margin: 0;
              font-size: 30px;
              font-weight: 400; }
            body .body-container main.sponsors section.right-pic .person-container .person-info .text p {
              margin-top: 30px;
              margin-bottom: 20px;
              font-size: 15px; }
          body .body-container main.sponsors section.right-pic .person-container .person-info a {
            display: block;
            margin-bottom: 20px;
            color: #6e9eaf;
            font-size: 15px; }
    body .body-container main.beachcleanday section.header {
      height: 620px;
      background-image: url("../images/beachcleanday-header.png");
      background-position: center; }
      body .body-container main.beachcleanday section.header .text-area-centered {
        width: 716px;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
        body .body-container main.beachcleanday section.header .text-area-centered img {
          margin-top: 86px;
          width: 716px; }
        body .body-container main.beachcleanday section.header .text-area-centered p {
          font-size: 22px;
          margin-top: 30px;
          font-weight: 300; }
    body .body-container main.beachcleanday section.header2 {
      height: 1232px;
      background-image: url("../images/beachcleanday-header2.png");
      background-position: center; }
    body .body-container main.beachcleanday section.intro {
      text-align: center;
      background-color: #f5f2ed;
      padding-bottom: 70px;
      padding-top: 60px; }
      body .body-container main.beachcleanday section.intro .text-container {
        max-width: 1234px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px; }
        body .body-container main.beachcleanday section.intro .text-container p {
          font-size: 16px;
          font-weight: 200; }
        body .body-container main.beachcleanday section.intro .text-container img {
          width: 200px;
          margin-bottom: 15px;
          margin-top: 40px; }
    body .body-container main.contact section.header {
      height: 616px;
      background-image: url("../images/contact-header.jpg");
      background-position: center; }
      body .body-container main.contact section.header .text-area {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 20px; }
        body .body-container main.contact section.header .text-area img {
          margin-top: 66px;
          width: 452px; }
        body .body-container main.contact section.header .text-area p {
          font-size: 22px;
          margin-top: 30px;
          font-weight: 300; }
    body .body-container main.contact section.intro {
      text-align: center;
      background-color: #fafafa;
      padding-bottom: 100px; }
      body .body-container main.contact section.intro h1 {
        margin: 0;
        padding-top: 96px;
        font-weight: 300;
        font-size: 30px; }
      body .body-container main.contact section.intro p {
        margin-top: 15px;
        font-size: 16px; }
        body .body-container main.contact section.intro p a {
          color: #6e9eaf; }
    body .body-container main.contact section.details {
      padding-bottom: 80px;
      padding-top: 80px;
      text-align: center;
      font-size: 16px; }
      body .body-container main.contact section.details a {
        color: #6e9eaf; }
    body .body-container main.videos section.header {
      height: 616px;
      background-image: url("../images/videos-header.jpg");
      background-position: center; }
      body .body-container main.videos section.header .text-area {
        width: 650px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        text-align: center; }
        body .body-container main.videos section.header .text-area img {
          margin-top: 86px;
          width: 607px; }
        body .body-container main.videos section.header .text-area p {
          font-size: 22px;
          margin-top: 10px;
          font-weight: 300; }
    body .body-container main.videos section.featured-video {
      background-color: #fafafa;
      height: 556px; }
      body .body-container main.videos section.featured-video .content {
        width: 1220px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.videos section.featured-video .content #featured-video-container {
          width: 644px;
          height: 362px;
          margin-top: 98px;
          float: left; }
        body .body-container main.videos section.featured-video .content .info {
          float: right;
          margin-top: 98px;
          width: 500px; }
          body .body-container main.videos section.featured-video .content .info h1 {
            margin: 0;
            font-size: 30px;
            font-weight: 400;
            margin-bottom: 28px; }
          body .body-container main.videos section.featured-video .content .info p {
            font-size: 16px; }
    body .body-container main.videos .videos {
      height: 930px;
      margin-top: 50px; }
      body .body-container main.videos .videos .content {
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.videos .videos .content .video {
          width: 289px;
          height: 275px;
          margin: 10px;
          float: left;
          border: 0px solid red; }
          body .body-container main.videos .videos .content .video .date {
            font-weight: 600;
            font-size: 12px;
            color: #b0afaf;
            margin-top: 20px; }
          body .body-container main.videos .videos .content .video .title {
            font-size: 16px;
            color: #2f4a55;
            font-weight: 300;
            margin-top: 10px; }
      body .body-container main.videos .videos .pager a {
        width: 25px;
        height: 25px;
        display: block;
        color: #fff;
        text-decoration: none;
        background-color: #d1d1d1;
        float: left;
        margin-right: 3px;
        padding-top: 4px; }
      body .body-container main.videos .videos .pager a:hover {
        background-color: #2f4a55; }
      body .body-container main.videos .videos .pager a.selected {
        background-color: #2f4a55; }
    body .body-container main.boards section.header {
      height: 620px;
      background-image: url("../images/boards-header2.jpg");
      background-position: center; }
      body .body-container main.boards section.header .text-area {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
        body .body-container main.boards section.header .text-area img {
          margin-top: 86px;
          width: 627px; }
        body .body-container main.boards section.header .text-area p {
          font-size: 22px;
          margin-top: 30px;
          font-weight: 300; }
        body .body-container main.boards section.header .text-area button {
          font-family: inherit;
          font-size: 16px;
          background-color: #6e9eaf;
          border-width: 0;
          height: 66px;
          width: 184px;
          color: #fff;
          font-weight: 400;
          margin-top: 40px; }
        body .body-container main.boards section.header .text-area button:hover {
          background-color: #0c3442; }
    body .body-container main.boards section.intro {
      text-align: center;
      padding-bottom: 70px; }
      body .body-container main.boards section.intro h1 {
        margin: 0;
        margin-top: 96px;
        font-weight: 300;
        font-size: 30px; }
      body .body-container main.boards section.intro p {
        margin-top: 15px;
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        max-width: 900px; }
      body .body-container main.boards section.intro button {
        font-family: inherit;
        font-size: 16px;
        background-color: #6e9eaf;
        border-width: 0;
        height: 66px;
        width: 292px;
        color: #fff;
        font-weight: 400;
        margin-top: 40px; }
      body .body-container main.boards section.intro button:hover {
        background-color: #0c3442; }
    body .body-container main.boards section.map {
      display: none; }
      body .body-container main.boards section.map #map_canvas {
        height: 1102px;
        width: 100%; }
    body .body-container main.boards section.qa {
      padding-bottom: 90px; }
      body .body-container main.boards section.qa .selector-area {
        max-width: 1098px;
        margin-top: 120px;
        margin-left: auto;
        margin-right: auto; }
        body .body-container main.boards section.qa .selector-area .item {
          margin-top: 0;
          margin-left: 5px;
          margin-right: 5px;
          margin-bottom: 10px;
          padding-bottom: 35px;
          padding-right: 40px;
          background-color: #f5f2ed;
          min-height: 110px; }
          body .body-container main.boards section.qa .selector-area .item img {
            width: 30px;
            height: 30px;
            float: left;
            margin-left: 42px;
            margin-top: 42px;
            cursor: hand; }
          body .body-container main.boards section.qa .selector-area .item h1 {
            margin: 0;
            margin-left: 106px;
            font-size: 22px;
            font-weight: 400;
            padding-top: 45px; }
          body .body-container main.boards section.qa .selector-area .item p {
            margin-left: 106px;
            margin-top: 17px;
            margin-bottom: 17px;
            font-size: 16px;
            font-weight: 300;
            display: none; }
            body .body-container main.boards section.qa .selector-area .item p a {
              color: inherit; }
      body .body-container main.boards section.qa .item:hover {
        background-color: #6e9eaf;
        color: #fff; }
    body .body-container main.boards-map section.map #map_canvas {
      height: 1000px;
      width: 100%; }
    body .body-container main.why section.header {
      height: 620px;
      background-image: url("../images/why-header.jpg");
      background-position: center; }
      body .body-container main.why section.header .text-area {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 20px; }
        body .body-container main.why section.header .text-area img {
          margin-top: 66px;
          width: 405px;
          margin-right: 15px; }
        body .body-container main.why section.header .text-area p {
          font-size: 22px;
          margin-top: 30px;
          font-weight: 300; }
    body .body-container main.why section.intro {
      text-align: center;
      background-color: #fafafa;
      padding-bottom: 80px; }
      body .body-container main.why section.intro h1 {
        margin: 0;
        padding-top: 96px;
        font-weight: 300;
        font-size: 30px; }
      body .body-container main.why section.intro p {
        margin-top: 15px;
        max-width: 1050px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        font-weight: 300; }
      body .body-container main.why section.intro button {
        font-family: inherit;
        font-size: 16px;
        background-color: #6e9eaf;
        border-width: 0;
        height: 66px;
        width: 292px;
        color: #fff;
        font-weight: 400;
        margin-top: 40px; }
      body .body-container main.why section.intro button:hover {
        background-color: #0c3442; }
    body .body-container main.why section.body {
      padding-bottom: 90px; }
      body .body-container main.why section.body .content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1240px; }
        body .body-container main.why section.body .content h1 {
          font-weight: 300;
          font-size: 30px;
          margin: 0;
          margin-top: 95px; }
        body .body-container main.why section.body .content ul {
          width: 818px; }
          body .body-container main.why section.body .content ul li {
            color: #6e9eaf;
            margin-bottom: 15px;
            margin-top: 15px;
            font-size: 16px;
            font-weight: 300; }
            body .body-container main.why section.body .content ul li span {
              color: #0c3442; }
        body .body-container main.why section.body .content iframe {
          margin-left: 20px;
          margin-top: 80px; }
    body .body-container main.safety section.header {
      height: 620px;
      background-image: url("../images/safety-header.jpg");
      background-position: center; }
      body .body-container main.safety section.header .text-area {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
        body .body-container main.safety section.header .text-area img {
          margin-top: 86px;
          width: 530px; }
        body .body-container main.safety section.header .text-area p {
          font-size: 22px;
          margin-top: 30px;
          font-weight: 300; }
        body .body-container main.safety section.header .text-area button {
          font-family: inherit;
          font-size: 16px;
          background-color: #6e9eaf;
          border-width: 0;
          height: 66px;
          width: 184px;
          color: #fff;
          font-weight: 400;
          margin-top: 40px; }
        body .body-container main.safety section.header .text-area button:hover {
          background-color: #0c3442; }
    body .body-container main.safety section.intro {
      text-align: center;
      background-color: #fafafa;
      padding-bottom: 80px; }
      body .body-container main.safety section.intro h1 {
        margin: 0;
        padding-top: 96px;
        font-weight: 300;
        font-size: 30px; }
      body .body-container main.safety section.intro p {
        margin-top: 15px;
        max-width: 1050px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        font-weight: 300; }
      body .body-container main.safety section.intro button {
        font-family: inherit;
        font-size: 16px;
        background-color: #6e9eaf;
        border-width: 0;
        height: 66px;
        width: 292px;
        color: #fff;
        font-weight: 400;
        margin-top: 40px; }
      body .body-container main.safety section.intro button:hover {
        background-color: #0c3442; }
    body .body-container main.safety section.body {
      background-color: white;
      padding-bottom: 90px; }
      body .body-container main.safety section.body .content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1220px; }
        body .body-container main.safety section.body .content h1 {
          margin: 0;
          margin-top: 95px;
          font-weight: 300;
          font-size: 30px; }
        body .body-container main.safety section.body .content ul {
          padding-left: 20px;
          width: 818px; }
          body .body-container main.safety section.body .content ul li {
            color: #6e9eaf;
            margin-bottom: 15px;
            margin-top: 15px;
            font-size: 16px;
            font-weight: 300; }
            body .body-container main.safety section.body .content ul li span {
              color: #0c3442; }
        body .body-container main.safety section.body .content p {
          font-size: 16px;
          font-weight: 300;
          max-width: 818px; }
    body .body-container main.global section.header {
      height: 620px;
      background-image: url("../images/global-header.jpg");
      background-position: center; }
      body .body-container main.global section.header .text-area {
        width: 665px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 20px; }
        body .body-container main.global section.header .text-area img {
          margin-top: 86px;
          width: 625px; }
        body .body-container main.global section.header .text-area p {
          font-size: 22px;
          margin-top: 30px;
          font-weight: 300; }
    body .body-container main.global section.intro {
      text-align: center;
      background-color: #fafafa;
      padding-bottom: 100px; }
      body .body-container main.global section.intro h1 {
        margin: 0;
        padding-top: 96px;
        font-weight: 300;
        font-size: 30px; }
      body .body-container main.global section.intro h2 {
        margin: 0;
        margin-top: 96px;
        font-weight: 300;
        font-size: 24px; }
      body .body-container main.global section.intro p {
        margin-top: 15px;
        font-size: 16px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto; }
    body .body-container main.global section.filter {
      text-align: center;
      padding-bottom: 100px; }
      body .body-container main.global section.filter .filter-box {
        max-width: 1100px;
        background-color: #f5f2ed;
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        padding-top: 46px;
        padding-bottom: 46px; }
        body .body-container main.global section.filter .filter-box h1 {
          margin: 0;
          font-size: 20px; }
        body .body-container main.global section.filter .filter-box .dropdown {
          margin-top: 26px;
          border: 0px solid red;
          width: 556px;
          margin-left: auto;
          margin-right: auto; }
          body .body-container main.global section.filter .filter-box .dropdown button {
            width: 556px;
            text-align: left;
            height: 72px; }
          body .body-container main.global section.filter .filter-box .dropdown ul {
            width: 556px; }
            body .body-container main.global section.filter .filter-box .dropdown ul li {
              font-size: 20px;
              text-align: l; }
      body .body-container main.global section.filter .country-info {
        display: none; }
        body .body-container main.global section.filter .country-info h1 {
          margin: 0;
          font-size: 30px;
          margin-top: 62px;
          margin-bottom: 28px; }
        body .body-container main.global section.filter .country-info p {
          font-size: 16px;
          margin-bottom: 20px;
          max-width: 900px;
          margin-left: auto;
          margin-right: auto; }
          body .body-container main.global section.filter .country-info p a {
            color: #6e9eaf; }
        body .body-container main.global section.filter .country-info button {
          font-family: inherit;
          font-size: 16px;
          background-color: #6e9eaf;
          border-width: 0;
          height: 66px;
          width: 248px;
          color: #fff;
          font-weight: 400;
          margin-top: 40px;
          border-radius: 0; }
          body .body-container main.global section.filter .country-info button .btn {
            border-radius: 0 !important; }
        body .body-container main.global section.filter .country-info button:hover {
          background-color: #0c3442; }
        body .body-container main.global section.filter .country-info h2 {
          margin: 0;
          margin-top: 56px;
          font-size: 20px;
          font-weight: 300;
          margin-bottom: 30px; }
    body .body-container main.global section.your-country {
      height: 90px;
      background-color: #f5f2ed;
      text-align: center; }
      body .body-container main.global section.your-country p {
        padding-top: 32px;
        color: #689eaf;
        font-size: 18px;
        font-weight: 200;
        text-transform: uppercase; }
        body .body-container main.global section.your-country p a {
          color: inherit;
          font-weight: bold; }
    body .body-container main.three-six-five-team section.header {
      height: 620px;
      background-image: url("../images/three-six-five-team-header.jpg");
      background-position: center; }
      body .body-container main.three-six-five-team section.header .text-area {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
        body .body-container main.three-six-five-team section.header .text-area img {
          margin-top: 86px;
          width: 625px; }
    body .body-container main.three-six-five-team section.intro {
      text-align: center;
      background-color: #fafafa;
      padding-bottom: 100px; }
      body .body-container main.three-six-five-team section.intro .text-container h1 {
        margin: 0;
        padding-top: 96px;
        font-weight: 300;
        font-size: 30px; }
      body .body-container main.three-six-five-team section.intro .text-container h2 {
        margin: 0;
        margin-top: 96px;
        font-weight: 300;
        font-size: 24px; }
      body .body-container main.three-six-five-team section.intro .text-container p {
        margin-top: 15px;
        font-size: 16px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto; }
      body .body-container main.three-six-five-team section.intro .arrows-box {
        background-image: url("../images/arrows.png");
        width: 782px;
        height: 309px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px; }
        body .body-container main.three-six-five-team section.intro .arrows-box button {
          font-family: inherit;
          font-size: 16px;
          background-color: #0c3442;
          border-width: 0;
          height: 66px;
          width: 219px;
          color: #fff;
          font-weight: 400;
          margin-top: 120px;
          border-radius: 0;
          margin-left: 20px;
          margin-right: 20px; }
          body .body-container main.three-six-five-team section.intro .arrows-box button .btn {
            border-radius: 0 !important; }
        body .body-container main.three-six-five-team section.intro .arrows-box button:hover {
          background-color: #6e9eaf; }
  body footer {
    background-color: white;
    max-width: 1600px;
    margin: 0 auto; }
    body footer section.join {
      font-weight: 300;
      padding-bottom: 60px;
      background-image: url("../images/join-us-background.png");
      background-position: center;
      text-align: center;
      color: white; }
      body footer section.join .join-the-movement {
        font-size: 36px;
        padding-top: 52px;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif; }
      body footer section.join .why {
        margin-top: 10px;
        font-size: 20px; }
      body footer section.join form.signup {
        margin-top: 35px; }
        body footer section.join form.signup input {
          background-color: #5d5d5d;
          border: 0;
          font-family: inherit;
          padding: 12px;
          padding-left: 30px;
          margin: 3px;
          font-size: 18px;
          height: 66px;
          width: 370px; }
        body footer section.join form.signup button {
          background-color: #ea8c0c;
          color: white;
          font-family: inherit;
          padding: 10px 25px;
          border-width: 0;
          margin: 3px;
          font-size: 20px;
          height: 66px;
          width: 188px; }
        body footer section.join form.signup button:hover {
          background-color: #0c3442; }
    body footer section.sponsors-and-social {
      text-align: center;
      background-image: url("../images/footer-background.png");
      background-position: center;
      height: 696px;
      color: #fff; }
      body footer section.sponsors-and-social .supported-by {
        padding-top: 25px;
        padding-bottom: 30px;
        font-size: 22px;
        font-weight: 300; }
      body footer section.sponsors-and-social .surfdome-logo {
        width: 232px;
        padding-bottom: 45px; }
      body footer section.sponsors-and-social .reef-logo {
        width: 80px; }
      body footer section.sponsors-and-social .follow-us {
        font-weight: 300;
        font-size: 22px;
        margin-top: 110px; }
      body footer section.sponsors-and-social .copyright {
        color: #cccccc; }
      body footer section.sponsors-and-social .social-buttons {
        border: 0px solid red;
        width: 345px;
        margin-left: auto;
        margin-right: auto;
        height: 130px;
        overflow: hidden;
        margin-top: 5px; }
        body footer section.sponsors-and-social .social-buttons .instagram-button {
          background-image: url("../images/instagram0.png");
          display: block;
          width: 95px;
          height: 95px;
          background-size: 95px 95px;
          float: left;
          margin: 10px; }
        body footer section.sponsors-and-social .social-buttons .instagram-button:hover {
          background-image: url("../images/instagram1.png"); }
        body footer section.sponsors-and-social .social-buttons .facebook-button {
          background-image: url("../images/facebook0.png");
          display: block;
          width: 95px;
          height: 95px;
          background-size: 95px 95px;
          margin: 10px;
          float: left; }
        body footer section.sponsors-and-social .social-buttons .facebook-button:hover {
          background-image: url("../images/facebook1.png"); }
        body footer section.sponsors-and-social .social-buttons .twitter-button {
          background-image: url("../images/twitter0.png");
          display: block;
          width: 95px;
          height: 95px;
          background-size: 95px 95px;
          float: left;
          margin: 10px; }
        body footer section.sponsors-and-social .social-buttons .twitter-button:hover {
          background-image: url("../images/twitter1.png"); }
      body footer section.sponsors-and-social .links {
        font-size: 15px;
        font-weight: 600;
        margin-top: 35px; }
        body footer section.sponsors-and-social .links a {
          color: white; }
        body footer section.sponsors-and-social .links a:hover {
          color: #ea8c0c; }
      body footer section.sponsors-and-social .copyright {
        margin-top: 30px;
        color: #999898;
        font-weight: 300;
        font-size: 14px; }

.btn-group-lg > .btn, .btn-lg {
  border-radius: 0; }

@media screen and (max-width: 770px) {
  .text-area {
    margin-right: auto !important;
    margin-left: auto !important;
    border: solid 0px red; }

  #myCarousel .text-box {
    margin-right: auto !important;
    margin-left: auto !important; }

  .text-area-home-boards {
    margin-right: auto !important;
    margin-left: auto !important; }

  .text-area-global, .text-area-boards, .text-area-about, .text-area-videos, .text-area-why, .text-area-home, .text-area-safety, .text-area-contact {
    margin-right: auto !important; }

  .text-area-home-boards-section {
    margin-left: auto !important; }

  .hands {
    display: none; } }
@media screen and (min-width: 770px) {
  .text-area-global, .text-area-boards, .text-area-why, .text-area-home, .text-area-safety, .text-area-contact, .text-area-three-six-five-team {
    margin-right: 45% !important; }

  .text-area-videos {
    margin-right: 40% !important; }

  .text-area-about {
    margin-right: 35% !important; }

  .text-area-home-boards-section {
    margin-left: 55% !important; }

  .hands {
    display: block; } }

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