/* Base
---------------------------------*/

  body {
      position: relative;
      font-family: 'Merriweather','serif';
      font-size: 17px;
      font-weight: lighter;
      line-height: 30px;
      color: #484741;
      background: #fffae0;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
  }

  abbr,
  acronym,
  b,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  i,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  tt,
  var {
      line-height: 1;
  }

  ul {
      padding: 0 2em;
  }

  a {
      text-decoration: none;
      color: #045e69;
  }

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

  a:hover {
      text-decoration: underline;
  }

  ::-webkit-input-placeholder {
      color: #fff;
  }

  :-moz-placeholder {
      color: #fff;
  }

  ::-moz-placeholder {
      color: #fff;
  }

  :-ms-input-placeholder {
      color: #fff;
  }

  table {
      width: 100%;
      margin: 60px 0;
      border-collapse: collapse;
      font-family: 'Gotham SSm A','Gotham SSm B';
      text-rendering: optimizeLegibility;
  }

  table caption {
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: 1.53em;
      font-weight: 700;
      color: #045e69;
      text-align: left;
      margin-bottom: 28px;
  }

  tr:nth-of-type(even) {
      background: #F0F5DD;
  }

  th {
      height: 60px;
      padding: 0 30px;
      text-transform: uppercase;
      font-weight: bold;
      color: #0c3c42;
      background: #cce0cd;
  }

  td {
      padding: 15px 30px;
  }

  th,
  td {
      text-align: left;
      font-size: 15px;
  }

/* Fonts
---------------------------------*/

  h1,
  h2,
  h4,
  h5,
  h6 {
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: 700;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
      position: relative;
  }

  h1 {
      top: -4px;
      margin: 0 0 .833em;
      font-size: 2.12em;
      line-height: 1.25em;
      color: #045e69;
  }

  h2 {
      top: 2px;
      margin: 0 0 .9em 0;
      font-size: 1.94em;
      color: #045e69;
      font-weight: 500;
  }

  h3 {
      font-family: 'Merriweather','serif';
      font-size: 1.53em;
      font-weight: 500;
  }

  h4 {
      font-size: 1.18em;
  }

  h5 {
      font-size: .88em;
  }

  h6 {
      font-size: .71em;
  }

  p {
      top: 8px;
      margin: 1.76em 0;
      font-size: 1em;
      line-height: 1.8em;
  }

  .constrained h2 {
      top: 4px;
      margin: 0;
      margin-bottom: 4px;
      font-size: 1.53em;
      font-weight: 700;
  }

  .constrained p {
      top: 4px;
      margin: 0;
      font-size: 1em;
      color: #505252;
  }

  .font.merriweather {
      font-family: 'Merriweather','serif';
  }

  @media(max-width:767px) {
      h1 {
          font-size: 1.76em;
      }

      p {
          line-height: 1.411em;
      }
  }

/* Helpers
---------------------------------*/

  .clearfix:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .wrapper {
      width: 1068px;
      margin: auto;
  }

  .wrapper:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  @media(max-width:1068px) {
      .wrapper {
          width: auto;
      }

      .l.page .wrapper {
          width: auto;
          margin: 0 20px;
      }
  }

/* Global
---------------------------------*/

  .l.page {
      position: relative;
      overflow: hidden;
  }


  .l.front.page {
      background-image: url('../images/background.png');
      background-position: center top;
  }

  .dropdown-open {
      position: static;
      background: #023d44;
  }

  .dropdown-open .l.page,
  .dropdown-open .ui.footer,
  .dropdown-open .ui.feature,
  .dropdown-open .at4-share-outer,
  .dropdown-open .ui.roads {
      display: none !important;
  }

  @media(max-width:1068px) {
      .l.front.page {
          background-image: url('../images/background-tablet-1.png');
      }
  }

  @media(max-width:920px) {
      .l.front.page {
          background-image: url('../images/background-tablet-2.png');
      }
  }

  @media(max-width: 767px) {
      .l.front.page {
          background-image: url('../images/background-mobile.png');
      }
  }

/* Roads
---------------------------------*/

  .ui.roads {
      z-index: -1;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .ui.roads .wrapper {
      position: relative;
      height: 100%;
  }

  .ui.roads .road.horizontal {
      position: absolute;
      top: 270px;
      left: 0;
      width: 100%;
      height: 15px;
      background: #fcedcb;
  }

  .ui.roads .road.vertical {
      position: absolute;
      top: 0;
      left: 120px;
      width: 15px;
      height: 100%;
      background: #fcedcb;
  }

  .ui.roads.plain .road.horizontal {
      top: 287px;
  }

  .plainNoLinesView .ui.roads .road.horizontal {

  }

  @media(max-width:767px) {
      .ui.roads {
          display: none;
      }

      .ui.roads.home {
          display: block;
      }
  }

/* Button
---------------------------------*/

  .ui.button {
      display: inline-block;
      margin: 15px 0;
      padding: 0 35px;
      min-height: 50px;
      border: 0;
      border-radius: 10px;
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      font-weight: bold;
      line-height: 50px;
      color: #fff !important;
      background: #f5884c;
      cursor: pointer;
      *display: inline;
      *zoom: 1;
      text-decoration: none;
      transition: all 0.6s;
      min-width: 200px;
      text-align: center;
  }

  .ui.button.secondary {
      min-height: 40px;
      line-height: 40px;
      background: #929090;
  }

  .ui.button.secondary:focus,
  .ui.button.secondary:hover {
      background: #555454;
  }

  .ui.button.margin {
      margin: 23px 0 0;
  }

  .ui.button.no-margin {
      margin: 0;
  }

  .ui.button.left {
      float: left;
  }

  .ui.button input {
      display: none;
  }

  .ui.labeled.icon.button {
      position: relative;
      padding: 0 35px 0 65px;
  }

  .ui.labeled.icon.button .icon {
      position: absolute;
      top: 50%;
      left: 20px;
      margin-top: -13px;
  }

  .ui.button:hover,
  .ui.button:focus {
    background-color: #ec7331
  }

/* Topic Block
---------------------------------*/

  .category {
      margin-top: 20px;
      padding: 0 45px 0 20px;
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .71em;
      font-weight: 700;
      line-height: 1em;
      color: rgba(255,255,255,.7);
      *color: #fff;
  }

/* Feature
---------------------------------*/

  .ui.feature {
      clear: both;
      height: 60px;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: 500;
      background: #a0c855;
  }

  .ui.greeting {
      width: 100% !important;
      margin: 0;
      padding: 0;
  }

  .ui.greeting li {
      width: 100% !important;
      text-align: center;
      font-size: 1.18em;
      line-height: 60px;
      list-style-type: none;
      color: #fff;
  }

  .breadcrumb {
      text-transform: uppercase;
      font-size: .823em;
      font-weight: bold;
      line-height: 60px;
      color: #fff;
  }

  .breadcrumb ol {
      margin: 0 35px 0 0;
      padding: 0;
  }

  .breadcrumb li {
      display: inline-block;
      position: relative;
      padding: 0 35px 0 0;
      list-style-type: none;
      *display: inline;
      *zoom: 1;
  }

  .breadcrumb a {
      display: block;
      padding: 0 0 0 23px;
      padding: 0 0 0 22px;
      text-decoration: none;
      line-height: 1.4em;
      color: #fff;
      background-image: url('../images/chevron-breadcrumb.svg');
      background-position: center left;
      background-repeat: no-repeat;
      background-size: 9px 18px;
  }

  .no-svg .breadcrumb a {
      background-image: url('../images/chevron-breadcrumb.png');
  }

  @media(max-width:1068px) {
      .breadcrumb ol {
          margin: 0 35px 0 20px;
      }
  }

  @media(max-width:767px) {
      .breadcrumb a {
          margin-top: 10px;
      }
  }

/* Masthead
---------------------------------*/

  .ui.masthead {
      width: 100%;
      font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .ui.masthead .ui.initial.segment {
      position: relative;
      height: 90px;
      background: #accacd;
  }

  .ui.masthead .ui.main.segment {
      height: 60px;
      background: #045e69;
  }

  @media(max-width:1068px) {
      .ui.masthead {
          width: 100%;
      }

      .ui.masthead .ui.initial.segment {
          height: 60px;
          background: #045e69;
      }

      .ui.masthead .ui.main.segment {
          display: none;
      }
  }

/* Search
---------------------------------*/

  .ui.global.search {
      float: right;
      position: relative;
      margin: 23px 60px 0 0;
  }

  .ui.global.search p {
      display: none;
  }

  .ui.global.search input[type='text'] {
      width: 225px;
      padding: 14px 45px 13px 30px;
      border: 0;
      border-radius: 30px;
      font-size: .82em;
      outline: 0;
      color: #212020;
  }

  .ui.global.search input[type='text']:focus {
      background: #eee;
  }

  .ui.global.search input[type='text']::-webkit-input-placeholder {
      color: #7c7c7c;
  }

  .ui.global.search input[type='text']:-moz-placeholder {
      color: #000;
  }

  .ui.global.search input[type='text']::-moz-placeholder {
      color: #000;
  }

  .ui.global.search input[type='text']:-ms-input-placeholder {
      color: #7c7c7c;
  }

  .ui.global.search input[type='submit'] {
      position: absolute;
      top: 10px;
      right: 20px;
      width: 23px;
      height: 23px;
      border: 0;
      text-indent: -9999px;
      text-transform: capitalize;
      background-color: transparent;
      background-image: url('../images/global-search-icon.png');
      background-size: 23px 23px;
      background-repeat: no-repeat;
  }

  .svg .ui.global.search input[type='submit'] {
      background-image: url('../images/global-search-icon.svg');
  }

  @media(max-width:1068px) {
      .ui.global.search {
          float: right;
          position: static;
          width: 70px;
          margin: 0;
      }

      .ui.global.search p {
          display: block;
          color: #fff;
          font-size: 1.18em;
          margin-top: 0;
      }

      .ui.global.search .ui.search.icon {
          width: 70px;
          height: 60px;
          margin: 0;
          background-color: #045863;
          background-image: url(../images/search-mobile.png);
          background-position: 0 0;
          background-repeat: no-repeat;
          cursor: pointer;
      }

      .ui.global.search .ui.search.icon:hover,
      .ui.global.search.open .ui.search.icon {
          background-position: 0 -60px;
      }

      .ui.global.search .ui.modal {
          display: none;
          z-index: 100;
          position: absolute;
          top: 60px;
          left: 0;
          width: 100%;
          background: #02383f;
      }

      .ui.global.search .ui.modal .wrap {
          position: relative;
          width: 90%;
          margin: 20px auto;
      }

      .ui.global.search.open .ui.search.icon {
          background-color: #02383f;
      }

      /*.ui.global.search.open .ui.modal {
          display: block;
      }*/

      .ui.global.search input[type='text'] {
          width: 100%;
          height: 40px;
          padding: 0;
          border-bottom: 1px solid #0e4f58;
          border-radius: 0;
          color: #fff;
          background: none;
      }

      .ui.global.search input[type='text']:focus {
          background: none;
      }

      .ui.global.search input[type='text']::-webkit-input-placeholder {
          color: #85adb1;
      }

      .ui.global.search input[type='text']:-moz-placeholder {
          color: #85adb1;
      }

      .ui.global.search input[type='text']::-moz-placeholder {
          color: #85adb1;
      }

      .ui.global.search input[type='text']:-ms-input-placeholder {
          color: #85adb1;
      }

      .ui.global.search input[type='submit'] {
          right: 2%;
          background-color: #02383f;
          top: 76px;
      }
  }

/* Secondary Search
---------------------------------*/

  .l.front.page .ui.global.search {
    display: none;
  }

  @media(max-width:1068px) {
    .l.front.page .ui.global.search {
      display: block;
      width: 450px;
      margin: 0 auto;
      float: none;
    }

    .l.front.page .ui.global.search .ui.search.icon {
      display: none;
    }

    .l.front.page .ui.global.search .ui.modal {
      display: block;
      position: static;
      min-height: initial !important;
      background: #ffffff
    }

    .l.front.page .ui.global.search .ui.modal .wrap {
      margin: 0;
      width: auto;
    }

    .l.front.page .ui.global.search .ui.modal .wrap p {
      display: none;
    }

    .l.front.page .ui.global.search input[type='text'] {
      padding: 10px 20px 8px;
      height: 40px;
      width: 410px;
      border-bottom: 2px solid #e1c7a3;
      border-right: 2px solid #e1c7a3;
      font-weight: 500;
      color: #5d5c5c;
      font-family: 'Gotham SSm A','Gotham SSm B';
    }

    .l.front.page .ui.global.search input[type='submit'] {
      background-color: transparent;
      right: 20px;
      top: 18px;
    }

    .l.front.page .ui.global.search input[type='text']::-webkit-input-placeholder {
        color: #5d5c5c !important;
    }

    .l.front.page .ui.global.search input[type='text']:-moz-placeholder {
        color: #5d5c5c !important;
    }

    .l.front.page .ui.global.search input[type='text']::-moz-placeholder {
        color: #5d5c5c !important;
    }

    .l.front.page .ui.global.search input[type='text']:-ms-input-placeholder {
        color: #5d5c5c !important;
    }

    
  }

  @media(max-width:767px) {
    .l.front.page .ui.global.search {
      width: 300px;
      margin: 0 auto;
      float: none;
    }

    .l.front.page .ui.global.search input[type='text'] {
      width: 260px;
    }

    .l.front.page .ui.global.search input[type='submit'] {
      right: 17px;
    }

  }

/* Logo
---------------------------------*/

  .ui.main.logo {
      z-index: 1;
      position: absolute;
  }

  .ui.main.logo a {
      display: block;
      width: 162px;
      height: 150px;
      background-color: #fff;
      background-image: url('../images/logo.svg');
      background-size: 100% 100%;
  }

  .no-svg .ui.main.logo a {
      background-image: url('../images/logo.png');
  }

  .ui.main.logo span {
      display: block;
      text-indent: -9999px;
      text-transform: capitalize;
  }

  @media(max-width:1068px) {
      .ui.main.logo {
          top: 0;
          margin-top: 0;
      }

      .ui.main.logo a {
          width: 60px;
          height: 60px;
          background: url('../images/logo-mobile.svg');
          background-size: 100% 100%;
      }

      .no-svg .ui.main.logo a {
          background: url('../images/logo-mobile.png');
      }
  }

/* Main Menu
---------------------------------*/

  .ui.main.menu {
      height: 60px;
      padding-left: 162px;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: 400;
  }

  .ui.main.menu ul {
      margin: 0;
      padding: 0;
  }

  .ui.main.menu a {
      text-decoration: none;
      font-size: .76em;
      color: #fff;
      cursor: pointer;
  }

  .ui.main.menu > ul {
      white-space: nowrap;
  }

  .ui.main.menu .close {
      position: absolute;
      top: -40px;
      right: 50px;
      padding-right: 35px;
      text-transform: uppercase;
      font-size: .71em;
      font-weight: 700;
      line-height: 17px;
      color: #fff;
      background-image: url(../images/menu-cross.png);
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 17px 34px;
  }

  .ui.main.menu .close:hover {
      background-position: right -17px;
  }

  .ui.main.menu .layer.one {
      float: left;
      height: 60px;
      white-space: normal;
      list-style-type: none;
  }

  .ui.main.menu .layer.one > li {
      list-style-type: none;
  }

  .ui.main.menu .layer.one > a {
      display: block;
      margin: 1.7em 13px 0;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 1.4em;
      white-space: nowrap;
      transition: 0.4s color;
  }

  .ui.main.menu .layer.one:hover > a {
      color: #a0c855;
  }

  .ui.main.menu .layer.one.open {
      background: #023d44;
  }

  .ui.main.menu .layer.one.home.open {
      background: none;
  }

  .ui.main.menu .layer.one.active > a {
      border-bottom: 3px solid #a0c855;
  }

  /*.ui.main.menu .layer.one.open .layer.two {
      display: block;
  }*/

  .ui.main.menu .layer.one.home {
      margin: 0 0 0 15px;
  }

  .ui.main.menu .layer.one.home a {
      margin: 18px 15px 0;
  }

  .ui.main.menu .layer.two {
      display: none;
      z-index: 1000000;
      position: absolute;
      top: 150px;
      left: 0;
      width: 100%;
      background: #023d44;
  }

  .ui.main.menu .layer.two > .wrapper {
      position: relative;
      margin: 70px auto 0;
  }

  .ui.main.menu .layer.two > .wrapper:after {
      content: none;
  }

  .ui.main.menu .layer.two > .wrapper > ul > li {
      width: 798px;
      margin-left: 220px;
      padding-bottom: 70px;
      list-style-type: none;
  }

  .ui.main.menu .layer.two > .wrapper > ul > li.active > a {
      border-bottom: 3px solid #a0c855;
  }

  .ui.main.menu .layer.two > .wrapper > ul > li > a {
      display: block;
      margin-bottom: 36px;
      padding-bottom: 10px;
      border-bottom: 3px solid #03545e;
      text-transform: uppercase;
      font-size: .82em;
      font-weight: bold;
      line-height: .82em;
  }

  .ui.main.menu .layer.three:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .ui.main.menu .layer.three li {
      display: inline-block;
      width: 203px;
      margin: -14px 15px 15px -12px;
      padding: 5px 15px 5px 27px;
      line-height: 1.15em;
      vertical-align: top;
      list-style-type: none;
      color: #accbcf;
      background: url(../images/chevron-list.png) 12px 12px no-repeat;
      *display: inline;
      *zoom: 1;
  }

  .ui.main.menu .layer.three li.active {
      border-radius: 8px;
      background-color: #02373e;
  }

  .ui.main.menu .layer.three li.active a {
      color: #a0c855;
  }

  .ui.main.menu .layer.three li a {
      font-weight: 400;
      color: #accbcf;
      transition: 0.4s color;
  }

  .ui.main.menu .layer.three li a:hover {
      color: #fff;
  }

  .ui.main.menu .ui.related.links.list {
      position: absolute;
      top: 0;
      width: 122px;
      margin: -20px 0 0 0;
      padding: 20px;
  }

  .ui.main.menu .ui.related.links.list a {
      text-transform: uppercase;
      color: #789b9f;
  }

  .ui.main.menu .ui.related.links.list a:hover {
      color: #fff;
  }

  .ui.main.menu .ui.related.links.list .title {
      display: block;
      width: 105px;
      margin-bottom: 30px;
      padding-bottom: 9px;
      border-bottom: 3px solid #03545e;
      text-transform: uppercase;
      font-size: .82em;
      font-weight: 700;
      line-height: 1em;
      color: #fff;
  }

  .ui.main.menu .ui.related.links.list ul li {
      padding-bottom: 15px;
      line-height: .88em;
      list-style-type: none;
  }

  .ui.main.menu .ui.related.links.list ul li a {
      font-size: .71em;
      font-weight: 500;
  }

  @media(max-width:1068px) {
      .ui.main.menu {
          display: none;
      }
  }

/* Mobile Menu
---------------------------------*/

  .ui.mobile.menu {
      display: none;
      float: right;
      width: 70px;
      font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .ui.mobile.menu:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .ui.mobile.menu.open {
      height: auto;
  }

  /*.ui.mobile.menu.open > ul {
      display: block;
  }*/

  .ui.mobile.menu > ul {
      display: none;
      z-index: 1000000;
      clear: both;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      background: #02424a;
  }

  .ui.mobile.menu ul {
      margin: 0;
      padding: 0;
  }

  .ui.mobile.menu li {
      line-height: 0;
      list-style-type: none;
  }

  .ui.mobile.menu li:last-child {
      margin-bottom: 100px;
  }

  .ui.mobile.menu li a {
      display: block;
      margin: 0 25px;
      padding: 18px 0 20px;
      border-bottom: 2px solid #03505a;
      text-decoration: none;
      font-weight: 500;
      line-height: 1em;
      color: #fff;
  }

  .ui.mobile.menu .toggle {
      display: block;
      float: right;
      width: 70px;
      height: 60px;
      background-color: #074c55;
      background-image: url(../images/menu.png);
      background-position: 0 -60px;
      background-repeat: no-repeat;
      background-size: 100% 200%;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/menu.png', sizingMethod='scale');
      -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader( src=\'../images/menu.png\', sizingMethod=\'scale\') ';
  }

  .svg .ui.mobile.menu .toggle {
    background-image: url(../images/menu.svg);
  }

  .ui.mobile.menu.open .toggle {
    background-position: 0 0;
    background-color: #02383f;
  }

  .ui.mobile.menu .layer.two {
      display: none;
  }

  .ui.mobile.menu .layer.three {
      display: none;
  }

  .ui.mobile.menu .title.one,
  .ui.mobile.menu .title.two {
      background: url(../images/chevron-list-mobile.png) center right no-repeat;
      cursor: pointer;
  }

  .ui.mobile.menu .top-bar {
      margin-bottom: 12px;
      text-transform: uppercase;
      background: #02383f;
  }

  .ui.mobile.menu .back {
      padding: 24px 0 24px 25px;
      border: 0;
      font-size: .76em;
      font-weight: bold;
      background: url('../images/chevron-menu-back.png') center left no-repeat;
      cursor: pointer;
      color: #80a9ae;
  }

  .ui.mobile.menu .ui.related.links.list .title.one {
      display: inline-block;
      padding: 24px 0;
      border: 0;
      font-size: .76em;
      font-weight: bold;
      color: #85adb1;
      background: none;
      *display: inline;
      *zoom: 1;
  }

  .ui.mobile.menu .ui.related.links.list .title.one .close {
      content: '';
      position: absolute;
      top: 20px;
      right: 25px;
      width: 16px;
      height: 16px;
      background: url(../images/mobile-quicklinks-cross.png) 0 0 no-repeat;
  }

  .ui.mobile.menu .ui.related.links.list.open .title.one {
      margin-bottom: 12px;
      padding: 24px 0 0;
      color: #9fc651;
  }

  .ui.mobile.menu .ui.related.links.list.open .title.one .close {
      background-position: 0 -16px;
  }

  .ui.mobile.menu .ui.related.links.list ul {
      padding-bottom: 120px;
      margin-top: 29px;
  }

  .ui.mobile.menu .ui.related.links.list ul .title.two {
      font-size: .7em;
      color: #fff;
      background: none;
  }

  @media(max-width:1068px) {
      .ui.mobile.menu {
          display: block;
      }
  }

/* Tiles
---------------------------------*/

  .ui.tiles {
      width: 900px;
      height: 150px;
      margin: auto;
      padding: 30px 0 60px;
      text-align: center;
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .76em;
      font-weight: bold;
  }

  .ui.tiles .list {
      margin: 0;
      padding: 0;
  }

  .ui.tiles .list li {
      float: left;
      position: relative;
      width: 150px;
      height: 150px;
      list-style-type: none;
  }

  .ui.tiles .item {
      display: block;
      width: 100%;
      height: 150px;
      text-decoration: none;
      color: #104046;
  }

  .ui.tiles .item a {
      text-decoration: none;
  }

  .ui.tiles .item img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .ui.tiles .item span {
      display: block;
      z-index: 1;
      position: relative;
      padding-top: 106px;
      line-height: 1em;
  }

  @media(max-width:1068px) {
      .ui.tiles {
          width: 450px;
          height: 300px;
      }

      .ui.tiles .list li {
          width: 150px;
      }
  }

  @media(max-width:767px) {
      .ui.tiles {
          width: 300px;
          height: 450px;
      }
  }

/* Common Styles
---------------------------------*/

  .ui.banner {
      position: relative;
      margin: auto;
  }

/* Content
---------------------------------*/

  .ui.banner.content {
      width: 800px;
      height: 300px;
  }

  .ui.banner.content .banner-image {
      width: 500px;
      height: 250px;
      margin-left: 150px;
      
  }

  .palette-1 .ui.banner.content .banner-image {
      background: #1C938C;
  }

  .palette-2 .ui.banner.content .banner-image {
      background: #FFA258;
  }

  .palette-3 .ui.banner.content .banner-image {
      background: #9FC651;
  }

  .palette-4 .ui.banner.content .banner-image {
      background: #ADCBCD;
  }

  .palette-5 .ui.banner.content .banner-image {
      background: #F8554C;
  }

  .palette-1 .ui.banner.content {
      background: url('../images/banner-content-desktop-teal.png');
  }

  .palette-2 .ui.banner.content {
      background: url('../images/banner-content-desktop-red.png');
  }

  .palette-3 .ui.banner.content {
      background: url('../images/banner-content-desktop-green.png');
  }

  .palette-4 .ui.banner.content {
      background: url('../images/banner-content-desktop-blue.png');
  }

  .palette-5 .ui.banner.content {
      background: url('../images/banner-content-desktop-yellow.png');
  }

  @media(max-width:920px) {
      .ui.banner.content {
          width: 550px;
          height: 200px;
          margin: 0 auto 50px;
      }

      .ui.banner.content .banner-image {
          display: none;
      }

      .palette-1 .ui.banner.content {
          background: url('../images/banner-content-920-teal.png');
      }

      .palette-2 .ui.banner.content {
          background: url('../images/banner-content-920-red.png');
      }

      .palette-3 .ui.banner.content {
          background: url('../images/banner-content-920-green.png');
      }

      .palette-4 .ui.banner.content {
          background: url('../images/banner-content-920-blue.png');
      }

      .palette-5 .ui.banner.content {
          background: url('../images/banner-content-920-yellow.png');
      }
  }

  @media(max-width:767px) {
      .ui.banner.content {
          width: 300px;
          height: 150px;
          margin: 0 auto 50px;
      }

      .palette-1 .ui.banner.content {
          background: url('../images/banner-content-767-teal.png');
      }

      .palette-2 .ui.banner.content {
          background: url('../images/banner-content-767-red.png');
      }

      .palette-3 .ui.banner.content {
          background: url('../images/banner-content-767-green.png');
      }

      .palette-4 .ui.banner.content {
          background: url('../images/banner-content-767-blue.png');
      }

      .palette-5 .ui.banner.content {
          background: url('../images/banner-content-767-yellow.png');
      }
  }

/* Landing
---------------------------------*/

  .ui.banner.landing {
      width: 850px;
      height: 350px;
      margin: 0 auto 60px;
  }

  .ui.banner.landing .banner-image {
      width: 350px;
      height: 250px;
      margin-left: 150px;
  }

  .palette-1 .ui.banner.landing .banner-image {
    background: #1C7C92;
  }

  .palette-2 .ui.banner.landing .banner-image {
    background: #FF5B31;
  }

  .palette-3 .ui.banner.landing .banner-image {
    background: #3DC477;
  }

  .palette-4 .ui.banner.landing .banner-image {
    background: #3BB3C5;
  }

  .palette-5 .ui.banner.landing .banner-image {
    background: #FFC74E;
  }

  .palette-1 .ui.banner.landing {
      background: url('../images/banner-landing-desktop-teal.png');
  }

  .palette-2 .ui.banner.landing {
      background: url('../images/banner-landing-desktop-red.png');
  }

  .palette-3 .ui.banner.landing {
      background: url('../images/banner-landing-desktop-green.png');
  }

  .palette-4 .ui.banner.landing {
      background: url('../images/banner-landing-desktop-blue.png');
  }

  .palette-5 .ui.banner.landing {
      background: url('../images/banner-landing-desktop-yellow.png');
  }

  @media(max-width:920px) {
      .ui.banner.landing {
          width: 500px;
      }

      .ui.banner.landing .banner-image {
          display: none;
      }

      .palette-1 .ui.banner.landing {
          background: url('../images/banner-landing-920-teal.png');
      }

      .palette-2 .ui.banner.landing {
          background: url('../images/banner-landing-920-red.png');
      }

      .palette-3 .ui.banner.landing {
          background: url('../images/banner-landing-920-green.png');
      }

      .palette-4 .ui.banner.landing {
          background: url('../images/banner-landing-920-blue.png');
      }

      .palette-5 .ui.banner.landing {
          background: url('../images/banner-landing-920-yellow.png');
      }
  }

  @media(max-width:767px) {
      .ui.banner.landing {
          width: 300px;
          height: 200px;
          margin: 0 auto 100px;
      }

      .ui.banner.landing .wrapper {
          width: auto;
          margin: 0;
      }

      .palette-1 .banner.banner--landing {
          background: url('../images/banner-landing-767-teal.png');
      }

      .palette-2 .banner.banner--landing {
          background: url('../images/banner-landing-767-red.png');
      }

      .palette-3 .banner.banner--landing {
          background: url('../images/banner-landing-767-green.png');
      }

      .palette-4 .banner.banner--landing {
          background: url('../images/banner-landing-767-blue.png');
      }

      .palette-5 .banner.banner--landing {
          background: url('../images/banner-landing-767-yellow.png');
      }
  }

/* Carousel
---------------------------------*/

  .ui.banner.carousel .wrapper {
      position: relative;
      left: 30px;
      width: 850px;
      height: 350px;
      margin: 0 auto 40px;
      background: url('../images/carousel-desktop.png');
  }

  .ui.banner.carousel ul {
      margin: 0;
      padding: 0;
  }

  .ui.banner.carousel li {
      list-style-type: none;
  }

  .ui.banner.carousel .ui.list.pager {
      float: right;
      height: 50px;
      margin: 250px 0 0 0;
      background: #fdeac8;
  }

  .ui.banner.carousel .ui.list.pager a {
      display: block;
      float: left;
      width: 17px;
      height: 17px;
      margin: 16px 16px 17px 17px;
      text-indent: -9999px;
      text-transform: capitalize;
      background: url('../images/carousel-dot.png') 0 0 no-repeat;
  }

  .ui.banner.carousel .ui.list.pager a:hover {
      background: url('../images/carousel-dot.png') 0 -17px no-repeat !important;
  }

  .ui.banner.carousel .ui.list.pager a.activeSlide {
      background: url('../images/carousel-dot.png') 0 -34px no-repeat !important;
  }

  .slider .topic-block {
      position: absolute;
      overflow: hidden;
  }

  .slider .topic-block:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .slider .topic-block-1 {
      top: 0;
      left: 450px;
      width: 250px;
      height: 250px;
      background: #d44540;
  }

  .slider .topic-block-2 {
      top: 0;
      left: 100px;
      width: 350px;
      height: 250px;
      background: #FF5B31;
  }

  .slider .topic-block p {
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: 15px;
      line-height: 1.3em;
      color: #fff;
  }

  .slider .topic-block .category,
  .slider .topic-block .title,
  .slider .topic-block p {
      display: block;
      margin: 20px 0 0 0;
      padding: 0 45px 0 20px;
  }

  .slider .topic-block .title {
      margin: .75em 0 1em;
      font-size: 1.1em;
      line-height: 1.3em;
      color: #fff;
  }

  @media(max-width:920px) {
      .ui.banner.carousel .slider,
      .ui.banner.carousel .ui.icon.previous,
      .ui.banner.carousel .ui.icon.next,
      .ui.banner.carousel .ui.icon.pause,
      .ui.banner.carousel .ui.list.pager {
          display: none;
      }

      .ui.banner.carousel .wrapper {
          width: 450px;
          height: 250px;
          background: url('../images/carousel-920.png');
      }
  }

  @media(max-width:767px) {
      .ui.banner.carousel .wrapper {
          left: 0;
          width: 250px;
          height: 200px;
          background: url('../images/carousel-767.png');
      }
  }

/* Details
---------------------------------*/

  .event-details .ui.banner.content {
      background: url('../images/banner-content-desktop-red.png');
  }

  .event-details .ui.banner.content .banner-image {
      background: #FFA258;
  }

  @media(max-width:920px) {
      .event-details .ui.banner.content {
          background: url('../images/banner-content-920-red.png');
      }
  }

  @media(max-width:767px) {
      .event-details .ui.banner.content {
          background: url('../images/banner-content-767-red.png');
      }
  }

/* Component
---------------------------------*/

  .ui.component {
      position: relative;
      width: 600px;
      margin: 0 auto;
      padding: 1px 20px 0 0;
  }

  .ui.component a,
  .ui.accordion a {
    font-weight: 500;
    color: #10b5b3;
    font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .ui.component h3.heading {
      font-family: 'Gotham SSm A','Gotham SSm B';
      color: #045e69;
      font-weight: 700;
  }

  .ui.submit.component {
      width: 670px;
      padding-right: 0;
  }

  @media(max-width:1068px) {
      .ui.component {
          width: auto;
          margin: 0 0 0 225px;
          max-width: 600px;
      }

      .ui.submit.component {
          width: auto;
      }
  }

  @media(max-width:767px) {
      .ui.component {
          margin: 0 20px;
      }

      .ui.submit.component {
          width: auto;
      }
  }

/* Image
---------------------------------*/

  .ui.image {
      margin: 30px 0;
      overflow: hidden;
  }

  .ui.image img {
      display: block;
      margin-bottom: 20px;
      max-width: 100%;
  }

  .ui.image figcaption {
      font-size: .88em;
      font-style: italic;
      line-height: 1.33em;
      color: #858080;
  }

  .ui.image.inline {
      float: left;
      width: 245px;
      margin: 15px 35px 30px 0;
  }

  .ui.image.list {
      float: left;
      width: 145px;
      margin: 30px 30px 30px 0;
  }

  @media(max-width:767px) {
      .ui.image.inline,
      .ui.image.list {
          float: none;
          width: 100%;
      }
  }

/* Heading
---------------------------------*/

  .ui.heading.component .heading {
      margin-bottom: 25px;
  }

/* Video
---------------------------------*/

  .ui.video {
      margin: 0;
  }

  #likebox-wrapper * {
      width: 100% !important;
  }

  .ui.video .wrap {
      position: relative;
      height: 0;
      padding-top: 30px;
      padding-bottom: 56.25%;
      overflow: hidden;
  }

  .ui.video .wrap iframe,
  .ui.video .wrap object,
  .ui.video .wrap embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .ui.video .caption {
      padding: 20px 0 0;
  }

/* Page Heading
---------------------------------*/

  .ui.header {
      margin-bottom: 50px;
  }

  .ui.header .heading {
      text-transform: uppercase;
      margin-bottom: 10px;
  }

  .ui.header p {
      font-size: 1.05em;
      font-weight: 500;
      line-height: 1.833em;
      color: #5f5d55;
  }

  .ui.form.page .ui.header {
      padding: 50px 0 0;
      color: #fff;
      margin: 0;
  }

  .ui.form.page .ui.header p {
      font-family: 'Gotham SSm A','Gotham SSm B' !important;
      font-size: 1em;
      font-weight: 100;
      line-height: 1.65em;
      color: #fff;
  }

  @media(max-width:767px) {
      .ui.header .heading {
          font-size: 1.76em;
          line-height: 1.1666em;
      }

      .ui.header p {
          line-height: 1.5em;
          color: #616161;
      }

      .ui.form.page .ui.header {
          width: 100%;
      }

      .ui.form.page .ui.header p {
        font-size: 0.82em;
      }
  }

/* Social
---------------------------------*/
  .ui.social.component {
      background: #fcedcb;
      border-radius: 25px;
      margin-bottom: 50px;
  }

  .ui.social.component .constrained {
      padding: 20px 40px 20px;
  }

/* Comments
---------------------------------*/

  .ui.comment.component {
      background: #fcedcb;
      border-radius: 25px;
      margin-bottom: 20px;
  }

  .ui.comment.component .constrained {
      padding: 20px 40px 20px;
  }

  .ui.comment.component .ui.comment.content p {
      margin-top: 1em;
  }

/* Meta
---------------------------------*/

  .ui.meta.standard .list {
      margin: 0;
      padding: 0;
  }

  .ui.meta.standard .item {
      list-style-type: none;
  }

  .ui.meta.standard .item p {
      margin: 0;
  }

  .ui.meta.standard p {
      color: #868383;
      text-transform: uppercase;
      font-size: .82em;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: bold;
  }

  .ui.meta.date p {
      color: #525050;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: bold;
      margin-bottom: 0;
      font-size: .82em;
  }

/* Article Styles
---------------------------------*/

    .ui.article:last-child {
        margin-bottom: 120px
    }

    .ui.article .heading {
        top: 12px;
        cursor: pointer;
        line-height: 1.12121em;
    }

    .ui.article .heading:hover {
        color: #0b929a
    }

    .ui.article .abstract {
        text-decoration: none;
    }

    .ui.article .abstract p {
        color: #484741;
    }

    .ui.article .abstract > p:last-of-type {
        margin-bottom: 0;
    }

    /* TEAL */

    .palette-1 .article-1 .ui.icon.chevron.landing {
        background-color: #006c88;
    }

    .palette-1 .article-2 .ui.icon.chevron.landing {
        background-color: #008682;
    }

    .palette-1 .article-3 .ui.icon.chevron.landing {
        background-color: #045e69;
    }

    .palette-1 .article-4 .ui.icon.chevron.landing {
        background-color: #53babb;
    }

    /* RED */

    .palette-2 .article-1 .ui.icon.chevron.landing {
        background-color: #cb312f;
    }

    .palette-2 .article-2 .ui.icon.chevron.landing {
        background-color: #db536f;
    }

    .palette-2 .article-3 .ui.icon.chevron.landing {
        background-color: #ff5a31;
    }

    .palette-2 .article-4 .ui.icon.chevron.landing {
        background-color: #ffa258;
    }

    /* GREEN */

    .palette-3 .article-1 .ui.icon.chevron.landing {
        background-color: #00754c;
    }

    .palette-3 .article-2 .ui.icon.chevron.landing {
        background-color: #008682;
    }

    .palette-3 .article-3 .ui.icon.chevron.landing {
        background-color: #9fc651;
    }

    .palette-3 .article-4 .ui.icon.chevron.landing {
        background-color: #ccd94c;
    }

    /* BLUE */

    .palette-4 .article-1 .ui.icon.chevron.landing {
        background-color: #009fbe;
    }

    .palette-4 .article-2 .ui.icon.chevron.landing {
        background-color: #006c88;
    }

    .palette-4 .article-3 .ui.icon.chevron.landing {
        background-color: #3bb3c5;
    }

    .palette-4 .article-4 .ui.icon.chevron.landing {
        background-color: #008582;
    }

    /* YELLOW */

    .palette-5 .article-1 .ui.icon.chevron.landing {
        background-color: #f5884c;
    }

    .palette-5 .article-2 .ui.icon.chevron.landing {
        background-color: #ffc74e;
    }

    .palette-5 .article-3 .ui.icon.chevron.landing {
        background-color: #ffa258;
    }

    .palette-5 .article-4 .ui.icon.chevron.landing {
        background-color: #ffd371;
    }

    @media(max-width:767px) {
        .ui.article header.ui.component {
            position: static;
            min-height: 50px;
        }

        .ui.article .ui.component p:first-child {
            margin-top: 0.7em;
        }

        .ui.article .heading {
            top: 0;
            margin: 0 0 0 50px;
            font-size: 1.47em;
        }

        .ui.article .article-content {
            margin-bottom: 50px;
            font-size: 0.88em;
            line-height: 1.511em;
        }

        .ui.article .ui.icon.chevron-landing {
            position: absolute;
            left: 0;
            margin-top: 5px;
            border-left: 15px solid #f8be86;
        }
    }

/* Accordion
---------------------------------*/

    .ui.accordion {
        position: relative;
        margin-bottom: 20px;
    }

    .ui.accordion .readOn {
        color: #10b5b3;
    }

    .ui.accordion.open {
        margin-bottom: 60px;
    }

    .ui.accordion .ui-accordion-content p:first-of-type {
        margin-top: 0;
    }

    .ui.accordion .ui-accordion-content .abstract {
        padding-top: 17px;
        margin-bottom: 23px;
    }

    .ui.accordion .ui-accordion-content-active {
        margin: 0 0 65px;
    }

    .ui.component.ui-accordion-header {
        overflow: initial;
        
    }

    .ui-accordion-header-icon span {
        display: none;
        text-transform: uppercase;
        font-family: 'Gotham SSm A','Gotham SSm B';
        font-size: .88em;
        font-weight: 700;
    }



    .ui.accordion .ui.icon.cross,
    .ui.accordion .ui.icon.plus {
        width: 50px;
        height: 50px;
        margin-top: 4px;
        margin-left: -105px;
        background-position: center center;
        cursor: pointer;
        transition: width 0.2s;
    }

    .ui.accordion .ui.icon.plus:hover {
        width: 60px;
    }

    .ui.accordion .ui.icon.cross.start {
        top: 0;
    }

    .ui.accordion .ui.icon.cross.in-progress {
        position: fixed;
        top: 50px;
    }

    .ui.accordion .ui.icon.cross.end {
        overflow: hidden;
        white-space: nowrap;
        background-position: 10px center;
    }

    .ui.accordion .ui.icon.cross.end span {
        display: block;
        position: absolute;
        top: 0;
        left: 50px;
        width: 250px;
        height: 50px;
        text-align: center;
        text-indent: initial !important;
        line-height: 50px;
        color: #fff;
    }

    /* TEAL */

    .palette-1 .ui.accordion .ui.icon.cross.end span {
        background: #04515A;
    }

    .palette-1 .ui.accordion-1 .ui.icon.plus {
        background-color: #006c88;
    }

    .palette-1 .ui.accordion-1 .ui.icon.cross {
        background-color: #045b72;
    }

    .palette-1 .ui.accordion-2 .ui.icon.plus {
        background-color: #008682;
    }

    .palette-1 .ui.accordion-2 .ui.icon.cross {
        background-color: #027572;
    }

    .palette-1 .ui.accordion-3 .ui.icon.plus {
        background-color: #045e69;
    }

    .palette-1 .ui.accordion-3 .ui.icon.cross {
        background-color: #04515a;
    }

    /* RED */

    .palette-2 .ui.accordion .ui.icon.cross.end span {
        background: #C04540;
    }

    .palette-2 .ui.accordion-1 .ui.icon.plus {
        background-color: #ed7353;
    }

    .palette-2 .ui.accordion-1 .ui.icon.cross {
        background-color: #e55b39;
    }

    .palette-2 .ui.accordion-2 .ui.icon.plus {
        background-color: #ffa258;
    }

    .palette-2 .ui.accordion-2 .ui.icon.cross {
        background-color: #ff8644;
    }

    .palette-2 .ui.accordion-3 .ui.icon.plus {
        background-color: #d85545;
    }

    .palette-2 .ui.accordion-3 .ui.icon.cross {
        background-color: #c04540;
    }

    /* GREEN */

    .palette-3 .ui.accordion .ui.icon.cross.end span {
        background: #026140;
    }

    .palette-3 .ui.accordion-1 .ui.icon.plus {
        background-color: #00754c;
    }

    .palette-3 .ui.accordion-1 .ui.icon.cross {
        background-color: #026140;
    }

    .palette-3 .ui.accordion-2 .ui.icon.plus {
        background-color: #008682;
    }

    .palette-3 .ui.accordion-2 .ui.icon.cross {
        background-color: #047471;
    }

    .palette-3 .ui.accordion-3 .ui.icon.plus {
        background-color: #9fc651;
    }

    .palette-3 .ui.accordion-3 .ui.icon.cross {
        background-color: #8fb642;
    }

    /* BLUE */

    .palette-4 .ui.accordion .ui.icon.cross.end span {
        background: #06627A;
    }

    .palette-4 .ui.accordion-1 .ui.icon.plus {
        background-color: #009fbe;
    }

    .palette-4 .ui.accordion-1 .ui.icon.cross {
        background-color: #0d91ab;
    }

    .palette-4 .ui.accordion-2 .ui.icon.plus {
        background-color: #006c88;
    }

    .palette-4 .ui.accordion-2 .ui.icon.cross {
        background-color: #06627a;
    }

    .palette-4 .ui.accordion-3 .ui.icon.plus {
        background-color: #3bb3c5;
    }

    .palette-4 .ui.accordion-3 .ui.icon.cross {
        background-color: #32a6b7;
    }

    /* YELLOW */

    .palette-5 .ui.accordion .ui.icon.cross.end span {
        background: #F37A37;
    }

    .palette-5 .ui.accordion-1 .ui.icon.plus {
        background-color: #f5884c;
    }

    .palette-5 .ui.accordion-1 .ui.icon.cross {
        background-color: #f37a37;
    }

    .palette-5 .ui.accordion-2 .ui.icon.plus {
        background-color: #ffc74e;
    }

    .palette-5 .ui.accordion-2 .ui.icon.cross {
        background-color: #f4bb40;
    }

    .palette-5 .ui.accordion-3 .ui.icon.plus {
        background-color: #ffa258;
    }

    .palette-5 .ui.accordion-3 .ui.icon.cross {
        background-color: #f59142;
    }



    @media(max-width:767px) {
        .ui.accordion.open {
            margin-bottom: 0;
        }

        .ui.accordion .ui-accordion-header {
            position: static;
        }

        .ui.accordion .ui-accordion-header h2 {
            margin: 0 0 0 50px;
        }

        .ui.accordion .ui.icon.cross,
        .ui.accordion .ui.icon.plus {
            left: 0;
            margin-left: 0;
        }
    }

/* Segment
---------------------------------*/

  .ui.related.segment .list {
      margin: 0 0 30px;
      padding: 0;
  }

  .ui.related.segment .list li {
      line-height: 35px;
      list-style-type: none;
  }

  .ui.related.segment .heading {
      margin: 30px 0;
      padding: 10px 25px;
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      font-weight: 700;
      color: #045e69;
      background: #ffe4a1;
  }

  .ui.related.segment .item {
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: 700;
      color: #045e69;
  }

  .ui.related.segment .item[target='_blank'] {
      padding-right: 25px;
      background: url('../images/external.png') right center no-repeat;
  }

  @media(max-width:767px) {
      .ui.related.segment .item {
          font-size: .88em;
      }
  }

/* Content
---------------------------------*/

  .ui.pages.segment {
      position: relative;
      width: 1000px;
      height: 250px;
      margin: 100px auto 0;
      font-family: 'Gotham SSm A','Gotham SSm B';
      line-height: 1.18em;
  }

  .ui.pages.segment a {
      text-decoration: none;
      color: #fff;
  }

  .ui.pages.segment h2,
  .ui.pages.segment p,
  .ui.pages.segment .next div {
      top: 0;
      margin: 0.75em 0 1em;
      padding: 0 45px 0 20px;
      color: #fff;
  }

  .ui.pages.segment h2 {
      font-size: 1.18em;
      line-height: 1.18em;
      margin: .75em 0 1em;
  }

  .ui.pages.segment p {
      font-size: 0.88em;
      line-height: 1.33em;
  }

  .ui.pages.segment .next div {
      margin-top: 25px;
      text-transform: uppercase;
      font-size: .71em;
      font-weight: bold;
      color: #fff;
      opacity: 0.7;
  }

  .ui.pages.segment .next h2 {
      width: 210px;
  }

  .ui.pages.segment .content-block .topic-block {
      position: absolute;
  }

  .ui.pages.segment .content-block-1 .topic-block-1 {
      bottom: 0;
      left: 100px;
      width: 250px;
      height: 250px;
  }

  .ui.pages.segment .content-block-1 .topic-block-2 {
      bottom: 0;
      left: 350px;
      width: 200px;
      height: 200px;
      
  }

  .palette-1 .ui.pages.segment .content-block-1 .topic-block-2 {
      background: #13A09C;
  }

  .palette-2 .ui.pages.segment .content-block-1 .topic-block-2 {
      background: #F96B46;
  }

  .palette-3 .ui.pages.segment .content-block-1 .topic-block-2 {
      background: #9FC651;
  }

  .palette-4 .ui.pages.segment .content-block-1 .topic-block-2 {
      background: #009FBE;
  }

  .palette-5 .ui.pages.segment .content-block-1 .topic-block-2 {
      background: #FFC74F;
  }

  .ui.pages.segment .content-block-2 .topic-block-1 {
      bottom: 0;
      left: 550px;
      width: 300px;
      height: 150px;
      background-image: url('../images/chevron-right-large.png');
      background-position: 250px center;
      background-repeat: no-repeat;
  }

  @media(max-width:1068px) {
      .ui.pages.segment {
          width: auto;
          margin: 0 0 0 20px;
      }

      .ui.pages.segment .content-block-1 .topic-block-2 {
          display: none;
      }

      .ui.pages.segment .content-block-2 .topic-block-1 {
          left: 350px;
      }
  }

  @media(max-width:920px) {
      .ui.pages.segment .content-block-1 .topic-block-1 {
          display: none;
      }

      .ui.pages.segment .content-block-2 .topic-block-1 {
          left: 100px;
      }
  }

  @media(max-width:767px) {
      .ui.pages.segment {
          height: 300px;
          margin: 0;
      }

      .ui.pages.segment .content-block-1 {
          display: none;
      }

      .ui.pages.segment .content-block-2 .topic-block-1 {
          left: 0;
          width: 100%;
          background: #00b356 url(../images/chevron-right-large.png) 95% center no-repeat;
      }
  }

/* Background
---------------------------------*/

  .palette-1 .ui.pages.segment {
      background: url('../images/related-pages-desktop-teal.png') 0 0 no-repeat;
  }

  .palette-1 .ui.pages.segment .content-block-1 .topic-block-1 {
      background: #1d6d75;
  }

  .palette-1 .ui.pages.segment .content-block-2 .topic-block-1 {
      background-color: #008682;
  }

  .palette-2 .ui.pages.segment {
      background: url('../images/related-pages-desktop-red.png') 0 0 no-repeat;
  }

  .palette-2 .ui.pages.segment .content-block-1 .topic-block-1 {
      background: #d85545;
  }

  .palette-2 .ui.pages.segment .content-block-2 .topic-block-1 {
      background-color: #d85545;
  }

  .palette-3 .ui.pages.segment {
      background: url('../images/related-pages-desktop-green.png') 0 0 no-repeat;
  }

  .palette-3 .ui.pages.segment .content-block-1 .topic-block-1 {
      background: #00754d;
  }

  .palette-3 .ui.pages.segment .content-block-2 .topic-block-1 {
      background-color: #00b356;
  }

  .palette-4 .ui.pages.segment {
      background: url('../images/related-pages-desktop-blue.png') 0 0 no-repeat;
  }

  .palette-4 .ui.pages.segment .content-block-1 .topic-block-1 {
      background: #006c88;
  }

  .palette-4 .ui.pages.segment .content-block-2 .topic-block-1 {
      background-color: #404b7e;
  }

  .palette-5 .ui.pages.segment {
      background: url('../images/related-pages-desktop-yellow.png') 0 0 no-repeat;
  }

  .palette-5 .ui.pages.segment .content-block-1 .topic-block-1 {
      background: #f5884c;
  }

  .palette-5 .ui.pages.segment .content-block-2 .topic-block-1 {
      background-color: #ed7353;
  }

  @media(max-width:1068px) {
      .palette-1 .ui.pages.segment {
          background: url('../images/related-pages-1068-teal.png') 0 0 no-repeat;
      }

      .palette-2 .ui.pages.segment {
          background: url('../images/related-pages-1068-red.png') 0 0 no-repeat;
      }

      .palette-3 .ui.pages.segment {
          background: url('../images/related-pages-1068-green.png') 0 0 no-repeat;
      }

      .palette-4 .ui.pages.segment {
          background: url('../images/related-pages-1068-blue.png') 0 0 no-repeat;
      }

      .palette-5 .ui.pages.segment {
          background: url('../images/related-pages-1068-yellow.png') 0 0 no-repeat;
      }
  }

  @media(max-width:920px) {
      .palette-1 .ui.pages.segment {
          background: url('../images/related-pages-920-teal.png') 0 0 no-repeat;
      }

      .palette-2 .ui.pages.segment {
          background: url('../images/related-pages-920-red.png') 0 0 no-repeat;
      }

      .palette-3 .ui.pages.segment {
          background: url('../images/related-pages-920-green.png') 0 0 no-repeat;
      }

      .palette-4 .ui.pages.segment {
          background: url('../images/related-pages-920-blue.png') 0 0 no-repeat;
      }

      .palette-5 .ui.pages.segment {
          background: url('../images/related-pages-920-yellow.png') 0 0 no-repeat;
      }
  }

  @media(max-width:767px) {
      .palette-1 .ui.pages.segment {
          background: url('../images/related-pages-767-teal.png') 0 0 no-repeat;
      }

      .palette-2 .ui.pages.segment {
          background: url('../images/related-pages-767-red.png') 0 0 no-repeat;
      }

      .palette-3 .ui.pages.segment {
          background: url('../images/related-pages-767-green.png') 0 0 no-repeat;
      }

      .palette-4 .ui.pages.segment {
          background: url('../images/related-pages-767-blue.png') 0 0 no-repeat;
      }

      .palette-5 .ui.pages.segment {
          background: url('../images/related-pages-767-yellow.png') 0 0 no-repeat;
      }
  }

/* Details
---------------------------------*/

  .event-details .ui.pages.segment {
      background: url('../images/related-pages-desktop-red.png') 0 0 no-repeat;
  }

  .event-details .ui.pages.segment .next div {
      color: #fff;
  }

  .event-details .ui.pages.segment .content-block-1 .topic-block-1 {
      background: #d85545;
  }

  .event-details .ui.pages.segment .content-block-2 .topic-block-1 {
      background-color: #d85545;
      background-image: url('../images/chevron-right-large.png');
      background-position: 250px center;
      background-repeat: no-repeat;
  }

  @media(max-width:1068px) {
      .event-details .ui.pages.segment {
          width: 750px;
          background: url('../images/related-pages-1068-red.png') 0 0 no-repeat;
      }
  }

  @media(max-width:920px) {
      .event-details .ui.pages.segment {
          width: 500px;
          background: url('../images/related-pages-920-red.png') 0 0 no-repeat;
      }
  }

  @media(max-width:767px) {
      .event-details .ui.pages.segment {
          width: auto;
          background: url('../images/related-pages-767-red.png') 0 0 no-repeat;
      }

      .event-details .ui.pages.segment .content-block-2 .topic-block-1 {
          background-image: url(../images/chevron-right-large.png);
          background-position: 95% center;
          background-repeat: no-repeat;
      }

      .event-details .ui.pages.segment .next h2 {
          width: auto;
      }
  }

/* Common Styles
---------------------------------*/

  .ui.cluster {
      z-index: 1;
      position: relative;
      width: 1000px;
      margin: 0 auto 110px;
      font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .ui.cluster .title {
      height: 60px;
      text-align: center;
  }

  .ui.cluster .title .heading {
      display: inline-block;
      top: 0;
      margin: 0;
      padding: 16px 60px 15px;
      text-transform: uppercase;
      font-size: 1.41em;
      color: #fff;
      background: #045e69;
      *display: inline;
      *zoom: 1;
  }

  .ui.cluster .list {
      margin: 0;
      padding: 0;
  }

  .ui.cluster > .list {
      margin: 0 0 0 100px;
      max-width: 850px;
  }

  .ui.cluster .list li {
      list-style-type: none;
  }

  .ui.cluster h2 {
      margin: .75em 0 1em;
      padding: 0 45px 0 20px;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: 1.18em;
      line-height: 1.18em;
      color: #fff;
  }

  .ui.cluster p {
      top: 0;
      margin: 0;
      padding: 0 30px 0 20px;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      line-height: 1.33em;
      color: #fff;
  }

  .ui.cluster .topic-block {
      float: right;
  }

  @media(max-width:1068px) {
      .ui.cluster-1 > .list,
      .ui.cluster-2 > .list,
      .ui.cluster-3 > .list,
      .ui.cluster-4 > .list {
          margin: 0 0 0 50px;
      }
  }

  @media(max-width:920px) {
      .ui.cluster-1 > .list {
          margin: 0 0 0 50px;
      }

      .ui.cluster-2 > .list,
      .ui.cluster-3 > .list,
      .ui.cluster-4 > .list {
          margin: 0 0 0 0;
      }
  }

  @media(max-width:767px) {
      .ui.cluster {
          width: 350px !important;
          height: auto;
      }

      .ui.cluster > .list {
          position: static;
          margin: 0;
          max-width: initial;
      }

      .ui.cluster h2 {
          padding: 0 45px 0 25px;
      }

      .ui.cluster p {
          padding: 0 30px 0 25px;
      }
  }

  @media(max-width:390px) {
      .ui.cluster {
          width: 94% !important;
          margin: 0 3% 100px;
      }
  }

/* Content & Topic Blocks
---------------------------------*/

  .ui.cluster .content-block {
      float: left;
      position: relative;
      max-width: 600px;
  }

  .ui.cluster .content-block.horizontal,
  .ui.cluster .topic-block.horizontal {
      width: 350px;
      height: 250px;
  }

  .ui.cluster .content-block.square,
  .ui.cluster .topic-block.square {
      width: 250px;
      height: 250px;
  }

  .content-block.image,
  .topic-block.image {
      background: #242424;
  }

  .ui.cluster .content-block.feed {
      background: #fff;
  }

  .ui.cluster .content-block.feed .category {
      color: rgba(0,0,0,.7);
  }

  .ui.cluster .content-block.feed .date {
      padding: 10px 45px 0 20px;
      text-transform: uppercase;
      font-size: .64em;
      font-weight: bold;
      color: #6b6969;
      display: block;
      line-height: 1.4em;
  }

  .ui.cluster .content-block.feed h2 {
      margin: 15px 0 0;
      font-size: .88em;
      font-weight: bold;
      line-height: 1.2em;
      color: #045e69;
  }

  .ui.cluster .content-block > a {
      display: block;
      text-decoration: none;
  }

  .ui.cluster .content-block > a:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  @media(max-width:767px) {
      .ui.cluster .content-block.square,
      .ui.cluster .topic-block.square {
          width: 350px;
      }

      .ui.cluster .content-block.feed .date {
        padding: 10px 45px 0 25px;
      }

      .ui.cluster .content-block {
          float: none;
          margin: 0 !important;
          max-width: initial;
      }

      .ui.cluster .content-block .topic-block {
          float: none;
          width: 100% !important;
      }

      .ui.cluster .content-block .category {
          margin-top: 0;
          padding: 25px 45px 0 25px;
      }

      .ui.cluster .content-block.horizontal {
          width: 100%;
      }
  }

/* #1 Teal
---------------------------------*/

  .ui.cluster-1 {
      height: 710px;
      background-image: url(../images/cluster-1-desktop.png);
      background-repeat: no-repeat;
  }

  .ui.cluster-1 .content-block-1 {
      margin-left: 50px;
  }

  .ui.cluster-1 .content-block-1 .topic-block-1 {
      background: #00807c;
  }

  .ui.cluster-1 .content-block-1 .topic-block-2 {
      background: #54BABB;
  }

  .ui.cluster-1 .content-block-3 .topic-block-1 {
      background: #404b7e;
  }

  .ui.cluster-1 .content-block-3 .topic-block-2 {
      background: #009EBD;
  }

  @media(max-width:1068px) {
      .ui.cluster-1 {
          width: 900px;
          background-image: url(../images/cluster-1-1068.png);
      }

      .ui.cluster-1 > ul {
          margin: 0 0 0 50px;
      }

      .ui.cluster-1 .content-block-2 {
          margin-left: 100px;
      }

      .ui.cluster-1 > ul {
          left: 50px;
      }

      .ui.cluster-1 .content-block-3 .topic-block-2 {
          display: none;
      }
  }

  @media(max-width:920px) {
      .ui.cluster-1 {
          width: 650px;
          background-image: url(../images/cluster-1-920.png);
      }

      .ui.cluster-1 .content-block-1 {
          float: none;
          margin-left: 0;
      }

      .ui.cluster-1 .content-block-1 .topic-block {
          clear: both;
      }

      .ui.cluster-1 .content-block-1 .topic-block-1 {
          margin-right: 150px;
      }

      .ui.cluster-1 .content-block-1 .topic-block-2 {
          display: none;
      }

      .ui.cluster-1 .content-block-2 {
          margin-left: 0;
      }

      .ui.cluster-1 .content-block-3 .topic-block-2 {
          width: 0;
          overflow: hidden;
      }
  }

  @media(max-width:767px) {
      .ui.cluster-1 {
          width: 350px;
          height: 910px;
          background-image: url(../images/cluster-1-767.png);
      }

      .ui.cluster-1 > ul {
          margin: 0;
      }

      .ui.cluster-1 .title h1 {
          top: 0;
      }
  }

/* #2 Red
---------------------------------*/

  .ui.cluster-2 {
      height: 660px;
      background: url(../images/cluster-2-desktop.png);
  }

  .ui.cluster-2 .content-block-1 {
      margin-left: 100px;
  }

  .ui.cluster-2 .content-block-1 .topic-block-1 {
      background: #cb312e;
  }

  .ui.cluster-2 .content-block-1 .topic-block-2 {
      background: #8E3730;
  }

  .ui.cluster-2 .content-block-3 .topic-block-1 {
      background: #e75b38;
  }

  .ui.cluster-2 .content-block-3 .topic-block-2 {
      background: #FFA258;
  }

  @media(max-width:1068px) {
      .ui.cluster-2 {
          width: 850px;
          background: url(../images/cluster-2-1068.png);
      }

      .ui.cluster-2 .content-block-2 {
          margin-left: 100px;
      }

      .ui.cluster-2 .content-block-3 .topic-block-2 {
          display: none;
      }
  }

  @media(max-width:920px) {
      .ui.cluster-2 {
          width: 650px;
          background: url(../images/cluster-2-920.png);
      }

      .ui.cluster-2 > ul {
          margin: 0;
      }

      .ui.cluster-2 .content-block-1 {
          float: none;
          margin-left: 200px;
      }

      .ui.cluster-2 .content-block-1 .topic-block-1 {
          float: left;
          width: 350px;
      }

      .ui.cluster-2 .content-block-1 .topic-block-2 {
          display: none;
      }

      .ui.cluster-2 .content-block-2 {
          margin-left: 50px;
      }

      .ui.cluster-2 .content-block-3 .topic-block-2 {
          display: none;
      }

      .ui.cluster-2 > ul {
          left: 0;
      }
  }

  @media(max-width:767px) {
      .ui.cluster-2 {
          width: 350px;
          height: 960px;
          background: url(../images/cluster-2-767.png);
      }

      .ui.cluster-2 .title h1 {
          top: 0;
      }

      .ui.cluster-2 .content-block-1 .topic-block-1 {
          float: none;
      }
  }

/* #3 Blue
---------------------------------*/

  .ui.cluster-3 {
      height: 710px;
      background: url(../images/cluster-3-desktop.png);
  }

  .ui.cluster-3 .content-block-1 {
      margin-left: 50px;
  }

  .ui.cluster-3 .content-block-1 .topic-block-1 {
      background: #009ebd;
  }

  .ui.cluster-3 .content-block-1 .topic-block-2 {
      background: #006C88;
  }

  .ui.cluster-3 .content-block-3 .topic-block {
      float: left;
  }

  .ui.cluster-3 .content-block-3 .topic-block-1 {
      background: #3bb3c5;
  }

  .ui.cluster-3 .content-block-3 .topic-block-2 {
      background: #008582;
  }

  @media(max-width:1068px) {
      .ui.cluster-3 {
          width: 850px;
          background: url(../images/cluster-3-1068.png);
      }

      .ui.cluster-3 .content-block-2 {
          margin-left: 100px;
      }

      .ui.cluster-3 .content-block-3 .topic-block-2 {
          display: none;
      }

      .ui.cluster-3 > ul {
          margin: 0 0 0 50px;
      }
  }

  @media(max-width:920px) {
      .ui.cluster-3 {
          width: 650px;
          background: url(../images/cluster-3-920.png);
      }

      .ui.cluster-3 .title h1 {
          width: 165px;
      }

      .ui.cluster-3 .content-block-1 {
          float: none;
          margin-left: 150px;
      }

      .ui.cluster-3 .content-block-1 .topic-block-1 {
          float: left;
          width: 350px;
      }

      .ui.cluster-3 .content-block-1 .topic-block-2 {
          display: none;
      }

      .ui.cluster-3 .content-block-2 {
          margin-left: 50px;
      }

      .ui.cluster-3 .content-block-3 .topic-block-2 {
          display: none;
      }

      .ui.cluster-3 > ul {
          margin: 0;
      }
  }

  @media(max-width:767px) {
      .ui.cluster-3 {
          width: 350px;
          height: 960px;
          background: url(../images/cluster-3-767.png);
      }

      .ui.cluster-3 .title h1 {
          top: 0;
      }

      .ui.cluster-3 .content-block-1 .topic-block-1 {
          float: none;
      }
  }

/* #4 Green
---------------------------------*/

  .ui.cluster-4 {
      height: 660px;
      background: url(../images/cluster-4-desktop.png);
  }

  .ui.cluster-4 .content-block-1 {
      margin-left: 100px;
  }

  .ui.cluster-4 .content-block-1 .topic-block-1 {
      background: #00754d;
  }

  .ui.cluster-4 .content-block-1 .topic-block-2 {
      background: #00B356;
  }

  .ui.cluster-4 .content-block-3 .topic-block-1 {
      background: #00754d;
  }

  .ui.cluster-4 .content-block-3 .topic-block-2 {
      background: #9CC44B;
  }

  @media(max-width:1068px) {
      .ui.cluster-4 {
          width: 900px;
          background: url(../images/cluster-4-1068.png);
      }

      .ui.cluster-4 > ul {
          margin: 0 0 0 50px;
      }

      .ui.cluster-4 .content-block-2 {
          margin-left: 100px;
      }

      .ui.cluster-4 .content-block-3 .topic-block-2 {
          display: none;
      }
  }

  @media(max-width:920px) {
      .ui.cluster-4 {
          width: 650px;
          height: 660px;
          background: url(../images/cluster-4-920.png);
      }

      .ui.cluster-4 .title h1 {
          width: 165px;
      }

      .ui.cluster-4 .content-block-1 {
          float: none;
          margin-left: 150px;
      }

      .ui.cluster-4 .content-block-1 .topic-block-1 {
          float: left;
          width: 350px;
      }

      .ui.cluster-4 .content-block-1 .topic-block-2 {
          display: none;
      }

      .ui.cluster-4 .content-block-2 {
          margin-left: 0;
      }

      .ui.cluster-4 .content-block-3 .topic-block-2 {
          display: none;
      }

      .ui.cluster-4 > ul {
          margin: 0;
      }
  }

  @media(max-width:767px) {
      .ui.cluster-4 {
          width: 350px;
          height: 940px;
          background: url(../images/cluster-4-767.png);
      }

      .ui.cluster-4 .title h1 {
          top: 0;
      }

      .ui.cluster-4 .content-block-1 .topic-block-1 {
          float: none;
      }
  }

/* Footer
---------------------------------*/

  .ui.footer {
      padding-bottom: 30px;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: 500;
      background: #adcbcd;
  }

  .ui.footer p {
      top: 0;
      font-size: .82em;
      color: #3e3d3d;
  }

  .ui.footer ul {
      margin: 0;
      padding: 0;
  }

  .ui.footer ul:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .ui.footer li {
      list-style-type: none;
  }

  .ui.footer li p {
      margin: 0 0 1em;
  }

  .ui.footer .list {
      float: left;
      height: 393px;
      margin: 0 0 0 70px;
      padding: 0 0 50px;
  }

  .ui.footer .list > li {
      float: left;
      position: relative;
      width: 198px;
      height: 260px;
      margin: 60px 45px 0 0;
  }

  .ui.footer .list > li .title img {
      position: absolute;
      top: -8px;
      width: auto;
  }

  .ui.footer .list > li .title p {
      margin: 0 0 30px;
      padding: 0 0 15px;
      border-bottom: 6px solid #a8c4c4;
      font-size: .88em;
      font-weight: 700;
      line-height: 1em;
      color: #045e69;
  }

  .ui.footer p span a {
      line-height: 1.71em;
  }

  .ui.footer .list .item-1 {
      width: 155px;
  }

  .ui.footer .list .item-1 .title {
      text-transform: uppercase;
  }

  .ui.footer .list .item-2 {
      width: 230px;
  }

  .ui.footer .list .item-2 .title img + p {
      padding-left: 41px;
  }

  .ui.footer .list .item-3 {
      width: 230px;
      margin: 60px 0 0;
  }

  .ui.footer .list .item-3 .title img {
      margin-left: 5px;
  }

  .ui.footer .list .item-3 .title img + p {
      padding-left: 41px;
  }

  .ui.footer .list > li ul {
      margin-bottom: 20px;
  }

  .ui.footer .list > li ul li {
      float: left;
      width: 115px;
      font-size: .82em;
      font-weight: 700;
      line-height: 1.57em;
  }

  .ui.footer .list > li ul a {
      color: #3e3d3d;
  }

  .ui.footer .list > li p span {
      display: block;
      line-height: 1.5em;
  }

  .ui.footer .wrapper {
      position: relative;
  }

  .ui.footer .decoration .block {
      position: absolute;
      top: 0;
      left: 0;
  }

  .ui.footer .decoration .block.block-1 {
      top: 130px;
      left: -50px;
      width: 50px;
      height: 50px;
      background: #a5c2c3;
  }

  .ui.footer .decoration .block.block-2 {
      top: 180px;
      left: -100px;
      width: 100px;
      height: 100px;
      background: #a3bfc0;
  }

  .ui.footer .decoration .block.block-3 {
      top: 393px;
      left: 150px;
      width: 50px;
      height: 50px;
      background: #a4c1c2;
  }

  .ui.footer .decoration .block.block-4 {
      top: 343px;
      left: 150px;
      width: 89px;
      height: 50px;
      background: #93b0b0;
  }

  @media(max-width:1068px) {
      .ui.footer .list {
          float: none;
          height: auto;
          margin: 0;
      }

      .ui.footer .list > .item-1 {
          width: 240px;
          margin: 30px 0 0 5%;
      }

      .ui.footer .list > .item-2 {
          width: 240px;
          margin: 30px 0 0 5%;
      }

      .ui.footer .list > .item-3 {
          width: 240px;
          margin: 30px 0 0 5%;
      }

      .ui.footer .list > li {
          margin: 0;
      }

      .ui.footer .wrapper > .decoration {
          display: none;
      }
  }

  @media(max-width:920px) {
      .ui.footer .list > .item-1 {
          width: 200px;
      }

      .ui.footer .list > .item-2 {
          width: 200px;
      }

      .ui.footer .list > .item-3 {
          width: 200px;
      }
  }

  @media(max-width:767px) {
      .ui.footer .list {
          float: none;
          width: auto;
          height: auto;
          margin: 35px 30px 0;
          padding: 0;
      }

      .ui.footer .list > li {
          float: none;
          width: auto !important;
          height: auto;
          margin: 0 !important;
      }

      .ui.footer .list > li ul li {
          width: 50%;
      }

      .ui.footer .list > li .title {
          cursor: pointer;
      }

      .ui.footer .list > li .title .ui-accordion-header-icon {
          display: block;
          float: right;
          width: 14px;
          height: 12px !important;
          margin: 0;
          background-image: url(../images/footer-accordion.png);
          background-position: center right;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/footer-accordion.png', sizingMethod='scale');
          -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader( src=\'../images/footer-accordion.png\', sizingMethod=\'scale\') ';
      }

      .ui.footer > .wrapper > .decoration {
          display: none;
      }
  }

/* Container
---------------------------------*/

  .ui.container.container-2 {
      z-index: 1;
      float: left;
      position: relative;
      width: 480px;
      margin: -144px 0 0 507px;
  }

  @media(max-width:1068px) {
      .ui.container.container-2 {
          margin: 0;
          margin-top: 40px;
      }
  }

  @media(max-width:767px) {
      .ui.container.container-2 {
          float: none;
          width: 80%;
          margin: 0 auto 0;
      }
  }

/* Callout
---------------------------------*/

  .ui.callout.segment {
      float: left;
      width: 240px;
      height: 393px;
      background: #9db9b9;
  }

  .ui.callout.segment .callout.content {
      border-top: 10px solid #adcbcd;
      clear: both;
      height: 188px;
      padding: 25px 30px 0;
      overflow: hidden;
  }

  .ui.callout.segment .callout.content p {  
      margin: 0;
      font-size: .76em;
      font-weight: 500;
      line-height: 1.46em;
      color: #3e3d3d;
  }

  .ui.callout.segment .callout.image {
      float: left;
      height: 50px;
  }

  .ui.callout.segment .callout.image img {
      width: auto;
  }

  @media(max-width:767px) {
      .ui.callout.segment {
          float: none;
          width: auto;
          height: auto;
      }

      .ui.callout.segment > p {
          float: none;
          clear: none;
          height: 175px;
          margin-left: 100px;
          border-top: 0;
      }

      .ui.callout.segment .callout.content {
          border-top: none;
          clear: none;
          height: 175px;
          padding: 25px 30px 0;
          overflow: hidden;
      }

      .ui.callout.segment .callout--image {
          display: none;
      }
  }

/* Footer Logo
---------------------------------*/

  .ui.footer .ui.secondary.logo img {
      float: left;
      width: 120px;
      height: 120px;
  }

  .ui.footer .strapline {
      float: left;
      width: 100px;
      height: 120px;
      padding: 0 10px;
      color: #fff;
      background: #9fc651;
  }

  .ui.footer .strapline p {
      height: 112px;
      margin: 70px 0 0;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: 1.05em;
      font-weight: 500;
      line-height: 1em;
      color: #fff;
  }

  @media(max-width:767px) {
      .ui.footer .ui.secondary.logo {
          float: left;
      }

      .ui.footer .ui.secondary.logo img {
          display: block;
          float: none;
          width: 100px;
          height: 100%;
      }

      .ui.footer .strapline {
          width: 80px;
          height: 100px;
      }

      .ui.footer .strapline p {
          height: auto;
          margin: 0;
          padding: 59px 0 0;
          font-size: 0.82em;
      }
  }

/* Newsletter
---------------------------------*/

  .newsletter {
      display: none;
      float: left;
      clear: both;
      position: relative;
      width: 240px;
      height: 80px;
      margin-top: 15px;
  }

  .newsletter:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .newsletter form:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .newsletter label {
      display: block;
      font-size: .76em;
      color: #515350;
  }

  .newsletter input[type='text'] {
      float: left;
      width: 154px;
      padding: 18px;
      max-height: 14px;
      border: 0;
      font-size: .71em;
      color: #fff;
      background: #045e69;
  }

  .newsletter input[type='submit'] {
      float: left;
      width: 50px;
      height: 50px;
      border: 0;
      text-indent: -9999px;
      text-transform: capitalize;
      background: #9fc651 url('../images/chevron-white.png') 0 0 no-repeat;
  }

  @media(max-width:1068px) {
      .newsletter {
          float: none;
      }
  }

/* Social
---------------------------------*/

  .ui.segment.social {
      float: right;
      margin: 44px 0 0 30px;
  }

  .ui.segment.social ul {
      width: 200px;
  }

  .ui.segment.social li {
      float: left;
      width: 50px;
      height: 50px;
  }

  .ui.segment.social a {
      display: block;
      width: 100%;
      height: 100%;
  }

  .ui.segment.social .decoration {
      background: #a4c1c2;
  }

  .ui.segment.social .item-5 {
      margin-left: 50px;
  }

  @media(max-width:1068px) {
      .ui.segment.social {
          float: none;
          height: 100px;
          margin: -100px 0 0;
      }

      .ui.segment.social ul {
          width: 200px;
      }

      .ui.segment.social li {
          width: 50px;
      }

      .ui.segment.social img {
          width: 100%;
          height: 100%;
      }

      .ui.segment.social .item-5 {
          margin-left: 100px;
      }
  }

  @media(max-width:767px) {
      .ui.segment.social {
          margin: 0;
      }
  }

/* Footer Menu
---------------------------------*/

  .ui.footer .ui.footer-menu {
      position: relative;
      height: 90px;
      color: #fff;
      background-color: #4e4e4e;
      background-image: url('../images/footer-nav-bg.png');
      background-position: center center;
      background-repeat: repeat-x;
  }

  .ui.footer .ui.footer-menu:before {
      content: "";
      width: 100%;
      height: 2px;
      background: red;
  }

  .ui.footer .ui.footer-menu ul {
      width: 705px;
      margin: 0 auto;
      padding: 28px 0 0;
      text-align: center;
      background: #4e4e4e;
  }

  .ui.footer .ui.footer-menu li {
      display: inline;
      z-index: 99;
      position: relative;
      margin: 0;
      font-size: .72em;
      color: #e1d7d7;
  }

  .ui.footer .ui.footer-menu a {
      color: #e1d7d7;
      border-right: 1px solid #dcd2d2;
      padding: 0 5px;
  }

  .ui.footer .ui.footer-menu li:last-child a {
    border: 0
  }

  @media(max-width:1068px) {
      .ui.footer .ui.footer-menu {
          height: auto;
      }

      .ui.footer .ui.footer-menu ul {
          width: auto;
          padding: 30px 0;
      }

      .ui.footer .ui.footer-menu li {
          display: block;
          line-height: 1.4em;
      }

      .ui.footer .ui.footer-menu a {
        border: 0
      }
  }

/* Share Block
---------------------------------*/

  .share {
      padding-right: 30px;
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      font-weight: 700;
      color: #52524e;
      background: url('../images/share.png') right center no-repeat;
  }

  .at4-share-outer {
      display: none;
  }

  .at4-share-outer.top .atss,
  .at4-share-outer.bottom .atss {
      position: absolute;
      left: 0;
  }

/* Inline Social
---------------------------------*/

  .ui.social.inline img {
      margin-right: 5px;
      vertical-align: middle;
  }

  .ui.social.inline a {
      text-decoration: none;
      font-size: 0.82em;
      margin: 0;
  }

/* Main Search
---------------------------------*/

  .ui.main.search {
      height: 50px;
      padding: 35px 0;
      background: #02383f;
  }

  .ui.main.search input[type='text'],
  .ui.main.search input[type='search'] {
      float: left;
      width: 750px;
      margin: 0 20px 0 195px;
      border: 0;
      border-bottom: 2px solid #0e5861;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: 1.94em;
      outline: 0;
      color: #fff;
      background: none;
  }

  .ui.main.search input[type='text']:focus,
  .ui.main.search input[type='text']:active,
  .ui.main.search input[type='search']:focus,
  .ui.main.search input[type='search']:active {
      border-bottom: 2px solid #4b9696;
  }

  .ui.main.search input[type='submit'] {
      float: left;
      width: 23px;
      height: 23px;
      margin-top: 8px;
      border: 0;
      text-indent: -9999px;
      text-transform: capitalize;
      background: url('../images/search-large.png') right center no-repeat;
      
  }

  .svg .ui.global.search input[type='submit'] {
      background-image: url('../images/global-search-icon.svg') ;
  }

  .ui.main.search .blink {
      position: absolute;
      width: 2px;
      height: 35px;
      margin: 0 0 0 195px;
      background: #9fc651;
  }

  @media(max-width:1068px) {
      .ui.main.search .wrapper {
          position: relative;
          width: auto;
          margin: 0 20px;
      }

      .ui.main.search input[type='text'],
      .ui.main.search input[type='search'] {
          display: block;
          float: none;
          width: 100%;
          margin: 0 auto;
          padding: 0;
      }

      .ui.main.search input[type='submit'] {
          float: none;
          position: absolute;
          top: 0;
          right: 10px;
      }

      .ui.main.search .blink {
          top: 0;
          left: 0;
          margin: 0;
      }
  }

  @media(max-width:767px) {
      .ui.main.search input[type='submit'] {
          top: 0;
          right: 0;
          margin: 0;
      }

      .ui.main.search input[type='text'],
      .ui.main.search input[type='search'] {
          padding: 2px 0 3px;
          font-size: 1.23em;
      }
  }

/* Search Filter
---------------------------------*/

  .search-filter .search-filter-content {
      margin: 0 120px 0 190px;
      padding: 30px 0 0;
  }

  .search-filter .search-filter-content:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .search-filter .search-filter-content .ui.input {
      margin-top: 0;
  }

  .search-filter .search-filter-content .ui.input input + .ui.select {
      float: left;
  }

  .search-filter .search-border {
      clear: both;
      padding-top: 25px;
      border-bottom: 15px solid #f1eedc;
  }

  .search-filter label {
      display: inline-block;
      margin: 13px;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: 500;
      vertical-align: top;
      color: #02424a;
      *display: inline;
      *zoom: 1;
  }

  @media(max-width:1068px) {
      .search-filter .wrapper {
          width: auto;
          margin: 0 20px;
      }

      .search-filter .search-filter-content {
          margin: 0;
      }
  }

  @media(max-width:767px) {
      .search-filter .search-border {
          display: none;
          padding: 0;
      }

      .ui.main.search .blink {
          height: 25px;
      }

      .search-filter .search-filter-content {
          margin-bottom: 20px;
      }

      .results-per-page {
          display: none !important;
      }

      .search-filter .search-filter-content {
        display: none
      }
  }

/* Search Pagination
---------------------------------*/

  .search--pagination {
      padding: 10px 15px;
      margin: 0 120px 40px 190px;
      text-align: right;
      font-family: 'Gotham SSm A','Gotham SSm B';
      border-top: 2px solid #dee1cd;
  }

  .search--pagination span,
  .search--pagination a {
      font-weight: 500;
      color: #02424a;
  }

  .search--pagination .current-page {
      text-decoration: underline;
  }

  @media (max-width: 1068px){
    .search--pagination {
      margin: 20px 0 40px
    }
  }

/* Search Results
---------------------------------*/

  .results .results-content {
  }

  .results-display {
    margin: 0 120px 2em 190px;
  }

  .results .results-content .no-results {
      overflow: hidden;
      background: #fffae0;
      text-align: center;
  }

  .results ul {
      margin: 0;
      padding: 0;
  }

  .results li {
      list-style-type: none;
  }

  .results h1 {
      top: 2px;
      margin: 1em 120px 2em 190px;
      font-size: .88em;
  }

  .results .result {
      margin: 0 120px 35px 190px;
  }

  .results .result span {
      position: relative;
      top: 4px;
      font-size: .88em;
  }

  .results .result a {
      text-decoration: none;
  }

  .results .result p {
      font-size: .88em;
      color: #505252;
  }

  .results .result p:first-of-type {
      margin-top: 0;
  }

  .results .result p:last-of-type {
      margin-bottom: 0;
  }

  .results .result h2 {
      margin: 0;
      font-size: 1.53em;
      color: #045e69;
      font-weight: 500;
  }

  .results .result a:hover h2 {
      color: #0b929a;
  }

  .results .result .read-more {
    font-weight: 500;
    color: #10b5b3;
    font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .results .result a:hover .read-more {
    text-decoration: underline;
  }

  @media(max-width:1068px) {
      .results .results-content .no-results {
          margin-left: 0;
      }

      .results .wrapper {
          width: auto;
          margin: 0 20px;
      }

      .results .results-content {
          width: auto;
          margin: 0;
      }

      .results .event-result {
          text-decoration: none;
      }

      .results .event-result img {
          display: none;
      }

      .results .event-result .result-inner {
          float: none;
          width: auto;
      }

      .results .result:first-child {
        margin-top: 37px;
      }

      .results .result {
        margin: 0 0 35px;
      }

      .results h1{
        margin: 1em 0 2em 0;
      }
  }

  @media(max-width:767px) {
      .results h1 {
          display: none;
      }

      .results .result h2 {
          margin-bottom: 8px;
          font-size: 1em;
          line-height: 1em;
      }

      .results .result p,
      .results .result span {
          font-size: .82em;
          line-height: 1.42em;
      }

      .results .result .read-more {
          display: block;
          margin-top: 14px;
          /*word-break: break-word;*/
      }
  }

/* Filter
---------------------------------*/

  .event-listing .search-filter {
      height: auto;
      margin: 0;
      border: 0;
  }

  .event-listing .search-filter .search-border {
      padding: 0;
  }

  .event-listing .search-filter .wrapper {
      width: 930px;
      border-bottom: 15px solid #eae5d1;
  }

  .event-listing .search-filter .search-filter-content {
      margin: 0 0 25px 50px;
  }

  .event-listing .search-filter .add-new {
      display: inline-block;
      height: 43px;
      margin-left: 35px;
      padding: 10px 0 0 63px;
      text-decoration: none;
      font-family: 'Gotham SSm A','Gotham SSm B';
      vertical-align: top;
      background: url('../images/add-button.png') 0 0 no-repeat;
      *display: inline;
      *zoom: 1;
  }

  .event-listing .search-filter .ui.input {
      float: left;
      clear: none;
      margin: 0 20px 0 0;
  }

  .event-listing .search-filter .ui.input .label {
      display: block;
      clear: none;
      margin: 5px 0 10px;
  }

  .event-listing .search-filter .event-filter-submit {
      height: 50px;
      margin: 25px 0 0 20px;
      min-height: initial;
      min-width: initial !important;
      line-height: 50px;
      *padding: 0 17px;
  }

  .event-listing .search--events input[type='search'],
  .event-listing .search--events input[type='text'] {
      width: 100%;
      padding: 15px 0;
      text-indent: 20px;
  }

  @media(max-width:1068px) {
      .event-listing .search-filter .wrapper {
          width: auto;
          margin: 35px;
      }

      .event-listing .search-filter .search-filter-content {
          margin: 0 0 25px 25px;
      }

      .event-listing .search-filter .ui.input {
          margin: 0 20px 30px;
      }

      .event-listing .search-filter .event-filter-submit {
          float: left;
          margin-top: 0;
      }
  }

  @media(max-width:767px) {
      .event-listing .search-filter .wrapper {
          margin: 0 20px;
      }

      .event-listing .search-filter .search-filter-content {
          margin: 0;
          padding: 0;
          display: block;
      }

      .event-listing .search-filter .ui.input {
          float: none;
          margin: 0 0 25px;
      }

      .event-listing .search-filter .event-filter-submit {
          width: 22%;
          height: 50px;
          margin: 20px 0 0 20px;
          padding: 0 5%;
          line-height: 50px;
      }
  }

/* Results
---------------------------------*/

  .event-listing .results .results-content {
      width: 930px;
      margin: 0 0 0 70px;
  }

  .event-listing .results .results-content h1 {
      display: none;
  }

  @media(max-width:1068px) {
      .event-listing .results .wrapper {
          margin: 0 35px;
      }

      .event-listing .results .results-content {
          width: auto;
          margin: 0;
      }
  }

  @media(max-width:767px) {
      .event-listing .results .results-content {
          margin: 0;
      }
  }

/* Roads
---------------------------------*/

  .event-listing .ui.roads .wrapper .road.vertical {
      left: 70px;
  }

  .event-listing .ui.roads .road.horizontal {
      top: 85px;
  }

  @media(max-width:1068px) {
      .event-listing .roads {
          display: none;
      }
  }

/* Search bar
---------------------------------*/

  .search--events {
      float: left;
      position: relative;
      width: 300px;
      margin: 25px 0 0;
      padding: 0;
      font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .search--events input[type='text'],
  .search--events input[type='search'] {
      width: 240px;
      padding: 16px 30px;
      border: 0;
      border-radius: 30px;
      font-size: .88em;
      color: #fff;
      background: #02424a;
      *margin-left: -50px;
  }

  .search--events input[type='submit'] {
      position: absolute;
      top: 12px;
      right: 20px;
      width: 24px;
      height: 24px;
      border: 0;
      text-indent: -9999px;
      text-transform: capitalize;
      background: url('../images/search-large.png') right center no-repeat;
  }

  @media(max-width:1068px) {
      .search--events {
          clear: both;
          width: 80%;
          margin: 0;
      }

      .search--events input[type='text'],
      .search--events input[type='search'] {
          width: 90%;
          padding: 0 5%;
      }
  }

  @media(max-width:767px) {
      .search--events {
          width: 70%;
          margin: 20px 0;
      }
  }

/* Results
---------------------------------*/

  .event-result {
      clear: both;
      padding-top: 45px;
      padding-bottom: 35px;
      border-bottom: 10px solid #f1eedc;
      background: #fffae0;
  }

  .event-result a {
      display: block;
      text-decoration: none;
  }

  .event-result .read-more {
      font-weight: 500;
      color: #10b5b3;
      font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .event-result:hover .read-more {
      text-decoration: underline;

  }

  .event-result:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .event-result .image {
      float: left;
      clear: left;
      width: 100px;
      margin-right: 40px;
  }

  .event-result .image img {
      display: block;
      max-width: 100px;
  }

  .event-result .image .block {
      float: left;
      width: 50px;
      height: 50px;
  }

  .event-result .image .block-1 {
      clear: left;
  }

  .event-result-1 .image .block-1 {
      background: #ffa258;
  }

  .event-result-1 .image .block-2 {
      background: #ca302e;
  }

  .event-result-2 .image .block-1 {
      background: #ffa258;
  }

  .event-result-2 .image .block-2 {
      background: #db536f;
  }

  .event-result-3 .image .block-1 {
      background: #db536f;
  }

  .event-result-3 .image .block-2 {
      background: #ffa258;
  }

  .event-result-4 .image .block-1 {
      background: #ca302e;
  }

  .event-result-4 .image .block-2 {
      background: #ffa258;
  }

  .event-result-5 .image .block-1 {
      background: #db536f;
  }

  .event-result-5 .image .block-2 {
      background: #ca302e;
  }

  .event-result .result-inner {
      float: left;
      width: 560px;
  }

  .event-result h2 {
      margin-bottom: 15px;
      font-size: 1.411em;
      line-height: 1.1em;
  }

  .event-result:hover h2 {
      color: #0b929a
  }

  .event-result .read-more {
      display: block;
      margin-top: 15px;
  }

  .event-result:last-child {
      margin-bottom: 0;
  }

  .event-result p {
      color: #484741;
      font-size: 0.88em;
  }

  .event-result .event-location,
  .event-result .event-meta,
  .event-result .event-date {
    font-size: 0.82em;
    line-height: 1.35em;
  }

  .event-result .event-location,
  .event-result .event-meta {
    color: #868383;
  }


  @media(max-width:767px) {
      .image {
          display: none;
      }

      .event-result h2 {
          font-size: 1em;
          line-height: 1.42em;
      }

      .event-result p,
      .event-result .read-more {
          font-size: .82em;
          line-height: 1.42em;
      }

      .event-date,
      .event-location,
      .event-meta {
          font-size: .71em;
          line-height: 1.25em;
      }

      .event-date {
        margin-bottom: 10px;
      }
  }

/* Typography
---------------------------------*/

  .event-date,
  .event-location,
  .event-meta {
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-weight: bold;
  }

  .constrained .event-date,
  .constrained .event-location,
  .constrained .event-meta {
      font-size: .88em;
      line-height: 1.4em;
  }

  .event-date {
      margin-top: 10px;
      color: #1f1f1f !important;
  }

  .event-location,
  .event-meta {
      margin: 10px 0;
      color: #868383;
  }

  .event-link {
      margin: 0;
      text-decoration: underline;
      font-size: .82em;
  }

  .event-result .event-location {
      margin-top: 0;
  }

  .event-date {
      margin-bottom: 0;
  }

  .event-meta {
      font-size: .82em;
  }

/* Pagination
---------------------------------*/
  
    .event-listing .search--pagination {
      border: 0;
      margin: 0;
      background: #fffae0;
    }

/* Call to action
---------------------------------*/

  .action-container {
      text-align: center;
      background: #eae5d1;
  }

/* Event Details
---------------------------------*/

  .event-details .ui.article {
      margin-bottom: 50px;
  }

  .event-details h1 {
      margin: 0;
      text-transform: uppercase;
  }

  .event-details .event-date,
  .event-details .event-location {
      font-size: 1em;
      line-height: 1.3em;
  }

  .event-details .event-location {
      margin-top: 0;
  }

  .event-details .event-location {
      font-weight: 500;
  }

  .event-details .event-meta {
      margin: 0;
      font-size: .8em;
  }

  .event-details .event-link {
      margin:1.76em 0
  }

  .event-details .event-abstract {
      font-size: 1.05em;
      font-weight: 500;
      line-height: 1.833em;
      color: #5f5d55;
  }

  .ui.event.component {
      margin-bottom: 25px;
      padding: 60px 20px 0 0;
      font-family: 'Gotham SSm A','Gotham SSm B';
  }

  .ui.event.component:last-child {
    margin-bottom: 150px;
  }

/* Event Component
---------------------------------*/

  .ui.event.component .heading {
      top: 0;
      margin: 0;
      padding: 10px 15px;
      text-transform: uppercase;
      font-size: .88em;
      font-weight: bold;
      color: #045e69;
      background: #ffe4a1;
  }

  .ui.event.component p {
      margin: 0;
  }

  .ui.event.component > p:first-of-type {
      margin: 20px 0 0 0;
  }

/* Form
---------------------------------*/

  .ui.form.page {
      overflow: hidden;
      font-family: 'Gotham SSm A','Gotham SSm B' !important;
      background: #457942;
      padding-bottom: 120px;
  }

  .ui.form.page h1,
  .ui.form.page h2,
  .ui.form.page h3,
  .ui.form.page h4,
  .ui.form.page h5,
  .ui.form.page h6,
  .ui.form.page p,
  .ui.form.page p a,
  .ui.form.page label a {
      color: #fff;
  }

  .ui.form.page .ui.component {
      margin: 0 auto;
  }

  @media(max-width:767px) {
      .ui.form.page .ui.component {
          margin: 0 35px;
      }

      .ui.form.page {
        background: #396d3c;
      }
  }

  .ui.form.component,
  .scfForm .scfSectionBorderAsFieldSet {
      position: relative;
      margin: 0 auto 30px;
      padding: 0 20px 0 0;
      border: 0;
      font-family: 'Gotham SSm A','Gotham SSm B' !important;
  }

  .ui.form.component:first-of-type {
      margin: 50px auto 60px !important;
  }

/* Component
---------------------------------*/

  .ui.form.component:last-child {
      margin: 0 auto 60px;
  }

  .ui.form.component .ui.input:first-child {
      margin: 0 0 30px;
  }

  .ui.form.component .ui.input:first-child + .ui.input.left,
  .ui.form.component .ui.input.left:first-child {
      margin: 0 15px 0 0;
  }

  .ui.form.component .constrained {
      padding: 70px 40px 20px;
  }

  .ui.form.page .ui.form.component {
      width: 650px;
      margin: 0 auto 60px;
      background: #396d3c;
  }

  .l.page .ui.form.component {
      border-radius: 8px;
      color: #484741;
      background: #fcedcb;
  }

  .l.page .ui.form.component .ui.file .selected.text {
      background: #F7E2B4;
      color: #6C6A6A;
  }

  /* Checkbox */

  .l.page .ui.form.component .ui.checkbox .label:before,
  .l.page .scfForm input[type="checkbox"] + label:before {
      background: url('../images/checkbox-cream.png') 0 0 no-repeat;
  }

  .l.page .ui.form.component .ui.checkbox:hover .label:before,
  .l.page .ui.form.component .scfForm input[type="checkbox"]:hover + label:before,
  .l.page .ui.form.component .ui.checkbox:focus .label:before,
  .l.page .ui.form.component .scfForm input[type="checkbox"]:focus + label:before {
      background-position: 0 -35px;
  }

  .l.page .ui.form.component input[type='checkbox']:checked + .label:before,
  .l.page .ui.form.component .scfForm input[type='checkbox']:checked + label:before {
      background-position: 0 -70px !important;
  }

  /* Radio */

  .l.page .ui.form.component .ui.radio .label:before,
  .l.page .scfForm input[type="radio"] + label:before {
      background: url('../images/radio-cream.png') 0 0 no-repeat;
  }

  .l.page .ui.form.component .ui.radio:hover .label:before,
  .l.page .ui.form.component .scfForm input[type="radio"]:hover + label:before,
  .l.page .ui.form.component .ui.radio:focus .label:before,
  .l.page .ui.form.component .scfForm input[type="radio"]:focus + label:before {
      background-position: 0 -26px;
  }

  .l.page .ui.form.component input[type='radio']:checked + .label:before,
  .l.page .ui.form.component .scfForm input[type='radio']:checked + label:before {
      background-position: 0 -52px !important;
  }

  .ui.form.component .title {
      display: block;
      position: absolute;
      top: 20px;
      padding-left: 40px;
      text-transform: uppercase;
      font-size: 1.18em;
      font-weight: bold;
  }

  .l.page .ui.form.component .title {
      color: #484741;
  }

  .ui.form.page .ui.form.component .title {
      color: #fff;
  }

  .ui.form.component p {
      display: block;
      margin-bottom: 20px;
      font-size: .88em;
      line-height: 1.2em;
      color: #fff;
  }

  @media(max-width:1068px) {
      .ui.form.component,
      .ui.form.page .ui.form.component {
          width: auto;
      }

      .l.page .ui.form.component {
          margin: 0 0 0 225px;
          max-width: 600px;
      }
  }

  @media(max-width:767px) {
      .ui.form.component,
      .ui.form.page .ui.form.component {
          margin: 0 35px !important;
          max-width: initial;
      }

      .ui.form.component .title {
          padding: 0;
          top: 0;
      }

      .l.page .ui.form.component {
          margin: 0 20px;
          padding: 0;
      }

      .ui.form.component .constrained{
        padding: 50px 0 0;
      }
  }

/* Input
---------------------------------*/

  .ui.input {
      display: block;
      clear: both;
      margin: 30px 0;
  }

  .ui.input.left {
      float: left;
      clear: none;
      margin: 30px 15px 0 0;
  }

  .ui.input.left + .ui.input.left + .ui.input.left {
      margin: 30px 15px 30px 0;
  }

  .ui.input.left:nth-of-type(3) {
      clear: both;
  }

  
  .ui.input.inline input,
  .ui.input.inline .ui.select {
      float: left;
  }

  @media(max-width:767px) {
      .ui.input.left {
          display: block;
          float: none;
      }

      .ui.input,
      .ui.input.left,
      .ui.input.left + .ui.input.left + .ui.input.left {
          margin: 30px 0 !important;
      }
  }

/* Input Label
---------------------------------*/

  .scfForm .scfDropListLabel,
  .scfForm .scfEmailLabel,
  .scfForm .scfMultipleLineTextLabel,
  .scfForm .scfSingleLineTextLabel,
  .scfForm .scfPasswordLabel,
  .scfForm .scfNumberLabel,
  .scfForm .scfDatePickerLabel,
  .scfForm .scfDateLabel,
  .scfForm .scfRadioButtonListLabel,
  .scfForm .scfCheckBoxListLabel,
  .scfForm .scfListBoxLabel,
  .scfForm .scfFileUploadLabel,
  .scfForm .scfDateSelectorLabel,
  .scfForm .scfCreditCardLabel,
  .scfForm .scfConfirmPasswordLabel,
  .scfForm .scfCaptchaLabel,
  .scfForm .scfTelephoneLabel,
  .scfForm .scfSmsTelephoneLabel,
  .scfForm .scfCaptchaLabelText {
      float: none;
      width: auto;
  }

  .scfForm .isRequiredField .scfDropListLabel,
  .scfForm .isRequiredField .scfEmailLabel,
  .scfForm .isRequiredField .scfMultipleLineTextLabel,
  .scfForm .isRequiredField .scfSingleLineTextLabel,
  .scfForm .isRequiredField .scfPasswordLabel,
  .scfForm .isRequiredField .scfNumberLabel,
  .scfForm .isRequiredField .scfDatePickerLabel,
  .scfForm .isRequiredField .scfDateLabel,
  .scfForm .isRequiredField .scfRadioButtonListLabel,
  .scfForm .isRequiredField .scfCheckBoxListLabel,
  .scfForm .isRequiredField .scfListBoxLabel,
  .scfForm .isRequiredField .scfFileUploadLabel,
  .scfForm .isRequiredField .scfDateSelectorLabel,
  .scfForm .isRequiredField .scfCreditCardLabel,
  .scfForm .isRequiredField .scfConfirmPasswordLabel,
  .scfForm .isRequiredField .scfCaptchaLabel,
  .scfForm .isRequiredField .scfTelephoneLabel,
  .scfForm .isRequiredField .scfSmsTelephoneLabel,
  .scfForm .isRequiredField .scfCaptchaLabelText {
      margin: 0 0 10px 10px;
  }

  .scfRequired,
  .scfValidatorRequired {
    position: absolute;
    top: 0;
    left: 0;
  }

  .ui.input .label,
  .scfForm label,
  .scfCheckBoxListLabel {
      display: block;
      margin-bottom: 10px;
      font-size: .88em;
      font-weight: 500;
      line-height: 1em;
      float: none;
  }

  .ui.input .label,
  .search-filter .ui.input .label,
  .scfForm label {
      color: #484741;
  }

  .ui.form.page .ui.input .label,
  .scfForm label {
      color: #fff;
  }

  .ui.input.inline .label {
      float: left;
      height: 40px;
      margin: 0 20px 0 0;
      line-height: 40px;
  }

/* Input Controls
---------------------------------*/

  .ui.control,
  .scfForm input[type="text"],
  .scfForm input[type="email"],
  .scfForm input[type="date"],
  .scfForm input[type="password"] {
      width: 360px;
      height: 16px;
      padding: 10px;
      border: 0;
      border: 2px solid #fff;
      border-radius: 6px;
      font-size: .88em;
      outline: 0;
      background: #fff;
  }

  .ui.form.page .ui.control,
  .ui.form.page .scfForm input[type="text"],
  .ui.form.page .scfForm input[type="email"],
  .ui.form.page .scfForm input[type="date"],
  .ui.form.page .scfForm input[type="password"] {
      background: #cadbd0;
  }

  .ui.textarea,
  .scfForm textarea {
      width: 95%;
      height: 175px;
      padding: 10px 2%;
      border: 0;
      border: 2px solid #fff;
      border-radius: 6px;
      font-size: .88em;
      line-height: 1.5em;
      outline: 0;
      background: #fff;
      resize: none;
  }

  .ui.form.page .ui.textarea,
  .ui.form.page .scfForm textarea {
      background: #cadbd0;
  }

  .ui.input input[type="submit"] {
    margin-bottom: 150px;
  }

  .ui.textarea:focus,
  .scfForm textarea:focus,
  .ui.control:focus,
  .scfForm input[type="text"]:focus,
  .scfForm input[type="email"]:focus,
  .scfForm input[type="date"]:focus,
  .scfForm input[type="password"]:focus {
      background: #fff;
      border: 2px solid #F4C17E;
  }

  .ui.textarea,
  .ui.control,
  .scfForm input[type="text"],
  .scfForm input[type="email"],
  .scfForm input[type="date"],
  .scfForm input[type="password"],
  .scfForm textarea {
      border: 2px solid #E9E3DB;
  }

  .ui.form.page .ui.textarea,
  .ui.form.page .ui.control,
  .ui.form.page .scfForm input[type="text"],
  .ui.form.page .scfForm input[type="email"],
  .ui.form.page .scfForm input[type="date"],
  .ui.form.page .scfForm input[type="password"],
  .ui.form.page .scfForm textarea {
      border:2px solid transparent;
      display: block;
  }  

  .ui.form.page .ui.textarea:focus,
  .ui.form.page .ui.control:focus,
  .ui.form.page .scfForm input[type="text"]:focus,
  .ui.form.page .scfForm input[type="email"]:focus,
  .ui.form.page .scfForm input[type="date"]:focus,
  .ui.form.page .scfForm input[type="password"]:focus,
  .ui.form.page .scfForm textarea:focus {
      border: 2px solid #00c0ee;
      background: #fff;
  }  

  .ui.textarea.small {
      height: 111px;
  }

  .ui.control::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .scfForm input[type="text"]::-webkit-input-placeholder,
  .scfForm input[type="email"]::-webkit-input-placeholder,
  .scfForm input[type="date"]::-webkit-input-placeholder,
  .scfForm input[type="password"]::-webkit-input-placeholder {
      color: #8a8686;
  }

  .ui.control:-moz-placeholder,
  textarea:-moz-placeholder,
  .scfForm input[type="text"]:-moz-placeholder,
  .scfForm input[type="email"]:-moz-placeholder,
  .scfForm input[type="date"]:-moz-placeholder,
  .scfForm input[type="password"]:-moz-placeholder {
      color: #8a8686;
  }

  .ui.control::-moz-placeholder,
  textarea::-moz-placeholder,
  .scfForm input[type="text"]::-moz-placeholder,
  .scfForm input[type="email"]::-moz-placeholder,
  .scfForm input[type="date"]::-moz-placeholder,
  .scfForm input[type="password"]::-moz-placeholder {
      color: #8a8686;
  }

  .ui.control:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  .scfForm input[type="text"]:-ms-input-placeholder,
  .scfForm input[type="email"]:-ms-input-placeholder,
  .scfForm input[type="date"]:-ms-input-placeholder,
  .scfForm input[type="password"]:-ms-input-placeholder {
      color: #8a8686;
  }

  .ui.control.error-state {
      background: #FFD8D3 url(../images/form-error.png) 97% center no-repeat !important;
      border: 2px solid #dd786d !important;
  }

   /*.ui.control.error-state::-webkit-input-placeholder,
   textarea.error-state::-webkit-input-placeholder {
       color: #fff !important;
   }

   .ui.control.error-state:-moz-placeholder,
   textarea.error-state:-moz-placeholder {
       color: #fff !important;
   }

   .ui.control.error-state::-moz-placeholder,
   textarea.error-state::-moz-placeholder {
       color: #fff !important;
   }

   .ui.control.error-state:-ms-input-placeholder,
   textarea.error-state:-ms-input-placeholder {
       color: #fff !important;
   }*/

  .ui.control.tiny {
      width: 106px;
  }

  .ui.control.small {
      width: 276px;
  }

  .ui.control.large {
      width: 426px;
  }

  @media(max-width:767px) {
      .ui.control,
      textarea,
      .scfForm input[type="text"],
      .scfForm input[type="email"],
      .scfForm input[type="date"],
      .scfForm input[type="password"] {
          width: 95% !important;
          padding: 10px 2% !important;
      }

      .ui.input input[type="submit"] {
        margin-bottom: 100px;
      }
  }

/* Checkboxes
---------------------------------*/

  .ui.checkbox:after,
  .scfForm input[type="checkbox"]:after,
  .ui.radio:after,
  .scfForm input[type="radio"]:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  input[type='checkbox'],
  input[type='radio'] {
      position: absolute !important;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
  }

  .ui.checkbox .label,
  .scfForm input[type="checkbox"] + label {
      float: left;
      position: relative;
      min-height: 26px;
      margin: 0;
      padding: 12px 0 0 50px;
      cursor: pointer;
      line-height: 1.2em;
  }

  .scfForm .scfCheckBoxList tr {
    margin:0 0 30px;
    display: block;
    float: left;
    width: 50%;
  }

  /* Checkbox */

  .ui.checkbox .label:before,
  .scfForm input[type="checkbox"] + label:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 39px;
      height: 35px;
  }

  .l.page .ui.form.page .ui.form.component .ui.checkbox .label:before,
  .l.page .ui.form.page .scfForm input[type="checkbox"] + label:before {
      background: url('../images/checkbox-green.png') 0 0 no-repeat;
  }

  .ui.checkbox:hover .label:before,
  .scfForm input[type="checkbox"]:hover + label:before,
  .ui.checkbox:focus .label:before,
  .scfForm input[type="checkbox"]:focus + label:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 39px;
      height: 35px;
      background-position: 0 -35px;
  }

  input[type='checkbox']:checked + .label:before,
  .scfForm input[type='checkbox']:checked + label:before {
      background-position: 0 -70px !important;
  }

  /* Radio */

  .ui.radio .label,
  .scfForm input[type="radio"] + label {
      float: left;
      position: relative;
      min-height: 21px;
      margin: 0 0 15px;
      padding: 5px 0 0 40px;
      cursor: pointer;
      line-height: 1.2em;
  }

  .ui.radio .label:before,
  .scfForm input[type="radio"] + label:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 39px;
      height: 26px;   
  }

  .ui.radio:hover .label:before,
  .scfForm input[type="radio"]:hover + label:before,
  .ui.radio:focus .label:before,
  .scfForm input[type="radio"]:focus + label:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 39px;
      height: 26px;
      background-position: 0 -26px;
  }

  .l.page .ui.form.page .ui.form.component .ui.radio .label:before,
  .l.page .ui.form.page .scfForm input[type="radio"] + label:before {
      background: url('../images/radio-green.png') 0 0 no-repeat;
  }

  input[type='radio']:checked + .label:before,
  .scfForm input[type='radio']:checked + label:before {
      background-position: 0 -52px !important;
  }

/* Selects
---------------------------------*/

  .ui.select {
      display: block;
      position: relative;
      width: 200px;
      margin: 0;
  }

  .ui.select select {
      display: none;
  }

  .ui.select .selected.text {
      display: block;
      padding: 5px 50px 5px 20px;
      overflow: hidden !important;
      text-overflow: ellipsis;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      font-weight: 500;
      line-height: 2em;
      white-space: nowrap;
      color: #02424a;
      background-color: #fcde63;
      background-image: url('../images/chevron-down.png');
      background-position: center right;
      background-repeat: no-repeat;
      cursor: pointer;
      margin: 0;
      min-height: 29px;
      transition: all 0.6s;
  }

  .ui.select .selected.text:hover,
  .ui.select:focus .selected.text {
    background-color: #F9CF23;
  }

  .ui.select .ui.option.list {
      display: none;
      z-index: 1000001;
      position: absolute;
      top: 0px;
      width: 100%;
      margin: 0;
      padding: 0;
      max-height: 400px;
      overflow: auto;
      background: #fff;
  }

  .ui.select.open .ui.option.list {
      display: block;
      zoom: 1 !important;
      -ms-zoom: 1 !important;
  }

  .ui.select .ui.option.list li {
      display: block;
      position: relative;
      zoom: 1 !important;
      list-style-type: none;
      -ms-zoom: 1 !important;
  }

  .ui.select .ui.option.list li a {
      display: block;
      top: 0;
      zoom: 1 !important;
      margin: 0;
      padding: 5px 15px;
      text-decoration: none;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      font-weight: bold;
      line-height: 30px;
      color: #7a7a7a;
      background: #fff;
      cursor: pointer;
      -ms-zoom: 1 !important;
  }

  .ui.select .ui.option.list .item.hover a {
      background: #d0d0d0;
  }

  @media(max-width:767px) {
      .ui.select {
          float: none;
          width: 100%;
      }
  }

/* Datepickers
---------------------------------*/

  .ui.interact.date {
      display: block;
      float: left;
      width: 135px;
      height: 40px;
      padding: 0 45px 0 20px;
      border: 0;
      font-size: .88em;
      font-weight: bold;
      line-height: 40px;
      color: #02424a;
      background: #fcde63 url('../images/calendar-icon.png') 165px center no-repeat;
      cursor: pointer;
  }

  .ui.interact.date:hover,
  .ui.interact.date:focus {
      background-color: #F9CF23;
  }

  .ui.interact.date::-webkit-input-placeholder {
      color: #02424a;
  }

  .ui.interact.date:-moz-placeholder {
      color: #02424a;
  }

  .ui.interact.date::-moz-placeholder {
      color: #02424a;
  }

  .ui.interact.date:-ms-input-placeholder {
      color: #02424a;
  }

  .ui-datepicker {
      background: #fff;
  }

  .ui-icon-circle-triangle-w {
      width: 20px;
      height: 20px;
      text-indent: -9999px;
      background-image: url('../images/left-arrow.png');
      background-position: center;
      background-repeat: no-repeat;
  }

  .ui-icon-circle-triangle-e {
      width: 20px;
      height: 20px;
      text-indent: -9999px;
      background-image: url('../images/right-arrow.png');
      background-position: center;
      background-repeat: no-repeat;
  }

  @media(max-width:767px) {
      .ui.interact.date {
          width: 100%;
          padding: 0;
          text-indent: 20px;
          background: #fcde63 url(../images/calendar-icon.png) right center no-repeat;
      }
  }

/* File Upload
---------------------------------*/

  .ui.file input {
      display: none;
  }

  .ui.file .selected.text {
      display: none;
      float: left;
      margin: 0 0 0 15px;
      padding: 6px 30px;
      border-radius: 6px;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      color: #9eb5a0;
      background: #336236;
  }

/* Error
---------------------------------*/

  .ui.form.error,
  .scfForm .scfValidator,
  .scfForm .scfValidationSummary {
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .82em !important;
      font-weight: bold;
      color: #fff;
      background: #dd786d;
      padding: 5px 20px !important;
      margin-top: 5px;
      border-radius: 5px;
  }

  .scfForm .scfValidationSummary {
      text-transform: capitalize;
      margin-bottom: 50px !important;
  }

  .scfForm .scfValidationSummary li {
      line-height: 1.4em;
      margin-bottom: 15px;
  }

  .ui.form.error {
      display: none;
  }

  .ui.form.error.visible {
      display: block;
  }

/* Thank you
---------------------------------*/

  .ui.thankyouPage {
    color: #fff;
    padding: 0 0 50px;
    min-height: 300px;
  }

/* Webforms
---------------------------------*/

  .scfForm .scfListBoxGeneralPanel,
  .scfForm .scfDropListGeneralPanel {
      float: none;
  }

  .scfForm .scfSingleLineTextBorder,
  .scfForm .scfMultipleLineTextBorder,
  .scfForm .scfPasswordBorder,
  .scfForm .scfEmailBorder,
  .scfForm .scfTelephoneBorder,
  .scfForm .scfSmsTelephoneBorder,
  .scfForm .scfNumberBorder,
  .scfForm .scfDateSelectorBorder,
  .scfForm .scfDatePickerBorder,
  .scfForm .scfCheckboxBorder,
  .scfForm .scfFileUploadBorder,
  .scfForm .scfDropListBorder,
  .scfForm .scfListBoxBorder,
  .scfForm .scfRadioButtonListBorder,
  .scfForm .scfCheckBoxListBorder,
  .scfForm .scfCaptchaGeneralPanel,
  .scfForm .scfConfirmPasswordBorder,
  .scfForm .scfConfirmPasswordGeneralPanel,
  .scfForm .scfDroplistBorder,
  .scfForm .scfCreditCardBorder {
      margin-bottom: 25px;
      position: relative;
  }

  .scfForm .scfSingleLineTextBorder:after,
  .scfForm .scfMultipleLineTextBorder:after,
  .scfForm .scfPasswordBorder:after,
  .scfForm .scfEmailBorder:after,
  .scfForm .scfTelephoneBorder:after,
  .scfForm .scfSmsTelephoneBorder:after,
  .scfForm .scfNumberBorder:after,
  .scfForm .scfDateSelectorBorder:after,
  .scfForm .scfDatePickerBorder:after,
  .scfForm .scfCheckboxBorder:after,
  .scfForm .scfFileUploadBorder:after,
  .scfForm .scfDropListBorder:after,
  .scfForm .scfListBoxBorder:after,
  .scfForm .scfRadioButtonListBorder:after,
  .scfForm .scfCheckBoxListBorder:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
  }

  .scfDropListBorder {
      margin-bottom: 30px;
  }

  .scfForm table {
      margin: 0;
  }

  .scfForm tr {
    background: transparent;
  }

  .scfForm td {
      padding: 0;
      font-size: 17px;
  }

  .scfForm .scfFooterBorder,
  .scfForm .scfIntroBorder,
  .scfForm .scfSubmitSummary,
  .scfForm .scfValidationSummary,
  .scfForm .scfTitleBorder,
  .scfForm h2 {
      width: 620px;
      margin: 0 auto;
      padding-right: 20px;
  }

  .scfForm .scfIntroBorder {
    overflow: hidden;
    margin-bottom: 50px;
    padding: 0 0 8px 0;
  }

  .scfForm .scfIntroBorder p:first-child {
    margin-top: 0
  }

  .scfForm .scfIntroBorder p:last-child {
    margin-bottom: 0
  }

  .scfForm .scfFooterBorder {
    background: #396d3c;
    overflow: hidden;
    padding: 0 40px;
  }

  .scfForm .scfFooterBorder p {
      font-size: .88em;
  }

  .scfForm .scfSubmitButtonBorder {
      width: 615px;
      padding: 0 42px;
      margin: 0 auto;
      background: #396d3c;
  }
  
  .scfForm .scfSubmitButtonBorder input {
      display: inline-block;
      margin: 15px 0;
      padding: 0 35px;
      min-height: 50px;
      border: 0;
      border-radius: 10px;
      text-transform: uppercase;
      font-family: 'Gotham SSm A','Gotham SSm B';
      font-size: .88em;
      font-weight: bold;
      line-height: 50px;
      color: #fff;
      background: #f5884c;
      cursor: pointer;
      *display: inline;
      *zoom: 1;
      min-width: 200px;
  }

  .scfForm .scfSubmitButtonBorder input:hover,
  .scfForm .scfSubmitButtonBorder input:focus {
      background: #ec7331;
  }

  .scfForm .scfSectionBorderAsFieldSet,
  .scfForm .scfSectionBorder {
      position: relative;
      margin: 0 auto 30px;
      padding: 0 20px 0 0;
      border: 0;
      font-family: 'Gotham SSm A','Gotham SSm B' !important;
      border-radius: 8px;
      color: #484741;
      background: #fcedcb;
  }

  .scfForm .scfSectionBorderAsFieldSet:last-child
  .scfForm .scfSectionBorder:last-child {
      margin: 0 auto 60px;
  }


  .scfForm .scfSectionBorderAsFieldSet .scfSectionContent,
  .scfForm .scfSectionBorder .scfSectionContent {
      padding: 70px 40px 25px;
  }

  .ui.form.page .scfForm .scfSectionBorderAsFieldSet,
  .ui.form.page .scfForm .scfSectionBorder {
      width: 680px;
      margin: 0 auto;
      background: #396d3c;
      border-radius: 0;
  }

  .scfForm .scfSectionBorderAsFieldSet .scfSectionLegend,
  .scfForm .scfSectionBorder .scfSectionLegend {
      display: block;
      position: absolute;
      top: 20px;
      padding-left: 40px;
      text-transform: uppercase;
      font-size: 1.18em;
      font-weight: bold;
      color: #484741;
  }

  .ui.form.page .scfForm .scfSectionBorderAsFieldSet .scfSectionLegend,
  .ui.form.page .scfForm .scfSectionBorder .scfSectionLegend {
      color: #fff;
  }

  .scfForm .scfSectionBorderAsFieldSet p,
  .scfForm .scfSectionBorderAsFieldSet span,
  .scfForm .scfSectionBorder p,
  .scfForm .scfSectionBorder span {
      display: block;
      margin-bottom: 20px;
      font-size: .88em;
      line-height: 1.2em;
      color: #fff;
  }

  .scfForm .scfSectionBorderAsFieldSet .scfRequired,
  .scfForm .scfSectionBorder .scfRequired {
    display: inline;
  }

  @media(max-width:1068px) {
      .scfForm .scfSectionBorderAsFieldSet,
      .ui.form.page .scfForm .scfSectionBorderAsFieldSet,
      .scfForm .scfSectionBorder,
      .ui.form.page .scfForm .scfSectionBorder {
          width: auto;
      }

      .scfForm .scfSectionBorderAsFieldSet,
      .scfForm .scfSectionBorder {
          margin: 0 0 0 225px;
          max-width: 600px;
      }
  }

  @media(max-width:767px) {
      .scfForm .scfSectionBorderAsFieldSet .scfSectionLegend,
      .scfForm .scfSectionBorder .scfSectionLegend {
          top: 0;
          padding-left: 0;
      }


      .ui.form.page .scfForm .scfSectionBorderAsFieldSet,
      .ui.form.page .scfForm .scfSectionBorder,
      .scfForm h2 {
          margin: 0 35px;
          padding: 0;
          max-width: initial;
      }

      .ui.form.page .scfForm .scfSectionBorder > .scfSectionBorder,
      .ui.form.page .scfForm .scfSectionBorderAsFieldSet > .scfSectionBorderAsFieldSet {
          margin: 0;
      }

      .scfForm .scfSectionBorderAsFieldSet .scfSectionContent,
      .scfForm .scfSectionBorder .scfSectionContent {
          padding: 50px 0 0;
      }

      .scfForm .scfSectionBorderAsFieldSet .title,
      .scfForm .scfSectionBorder .title {
          padding: 0 0 0 20px;
      }

      .scfForm .scfSectionBorderAsFieldSet,
      .scfForm .scfSectionBorder {
          margin: 0 20px;
      }

      .scfForm .scfIntroBorder p {
        font-size: 0.82em;
      }

      .scfForm .scfIntroBorder,
      .scfForm .scfFooterBorder,
      .scfForm .scfSubmitSummary,
      .scfForm .scfValidationSummary,
      .scfForm .scfSubmitButtonBorder,
      .scfForm h2 {
        width: auto;
        margin: 0 35px 50px;
        background: #396d3c;
        overflow: hidden;
      }



      .scfForm .scfTitleBorder {
        width: auto;
        margin: 0 35px;
      }
  }

/* Plain View
---------------------------------*/

  .l.page.plainView {
    min-height: 500px;
  }

  .l.page.plainView .ui.header .heading {
    margin-top: 145px;
   }

/* Icons
---------------------------------*/

  .ui.icon.plus,
  .ui.icon .icon.plus {
      display: block;
      position: absolute;
      width: 29px;
      height: 29px;
      background-image: url('../images/plus.svg');
      background-repeat: no-repeat;
      background-size: 29px 27px;
  }

  .no-svg .ui.icon.plus,
  .no-svg .ui.icon .icon.plus {
      background-image: url('../images/plus.png');
  }

  .ui.icon.cross,
  .ui.icon .icon.cross {
      display: block;
      z-index: 1;
      position: absolute;
      background-image: url('../images/cross.svg');
      background-repeat: no-repeat;
      background-size: 29px 28px;
  }

  .no-svg .ui.icon.cross,
  .no-svg .ui.icon .icon.cross {
      background-image: url('../images/cross.png');
  }

  .ui.icon.previous,
  .ui.icon.next {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #ffa258;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 16px 24px;
      cursor: pointer;
      transition: 0.6s all;
  }

  .ui.icon.previous:hover,
  .ui.icon.next:hover,
  .ui.icon.pause:hover,
  .ui.icon.previous:focus,
  .ui.icon.next:focus,
  .ui.icon.pause:focus {
      background-color: #ec7331;
  }

  .ui.icon.previous {
      top: 100px;
      left: 50px;
      background-image: url('../images/icon-carousel-previous.svg');
  }

  .no-svg .ui.icon.previous {
      background-image: url('../images/icon-carousel-previous.png');
  }

  .ui.icon.next {
      top: 100px;
      left: 700px;
      background-image: url('../images/icon-carousel-next.svg');
  }

  .no-svg .ui.icon.next {
      background-image: url('../images/icon-carousel-next.png');
  }

  .ui.icon.pause {
      float: right;
      position: relative;
      width: 50px;
      height: 50px;
      margin: 250px 350px 0 0;
      background-color: #ffa258;
      background-image: url('../images/icon-carousel-pause.png');
      background-position: 0 -50px;
      background-repeat: no-repeat;
      cursor: pointer;
      /*transition: 0.6s all;*/
  }

  .ui.icon.pause.active {
       background-image: url('../images/icon-carousel-pause.svg');
  }

  .no-svg .ui.icon.pause {
      background-image: url('../images/icon-carousel-pause.png');
  }

  .ui.icon.pause.paused {
      background-position: 0 0px;
  }

  .ui.icon.chevron.landing {
      position: absolute;
      left: -105px;
      width: 50px;
      height: 50px;
      background-image: url('../images/chevron-landing.svg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 16px 24px;
  }

  .no-svg .ui.icon.chevron.landing {
      background-image: url('../images/chevron-landing.png');
  }

  .ui.icon.home {
      width: 23px;
      height: 23px;
      background-image: url('../images/home-icon.svg');
      background-size: 23px 23px;
  }

  .ui.icon.home span {
      display: block;
      text-indent: -9999px;
      text-transform: capitalize;
  }

  .no-svg .ui.icon.home {
      background-image: url('../images/home-icon.png');
  }

  @media(max-width:767px) {
      .ui.icon.chevron.landing {
          left: 0;
      }
  }

/* Animations
---------------------------------*/

  .ui.animated.graphic.boat {
      position: absolute;
      width: 100%;
      height: 90px;
      overflow: hidden;
  }

  .ui.animated.graphic.boat .animation.wrap {
      position: absolute;
      left: -200px;
      width: 159px;
      height: 66px;
      margin-top: 13px;
      transform: rotate(0deg);
  }

  .ui.animated.graphic.train,
  .ui.animated.graphic.dog,
  .ui.animated.graphic.birds {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
  }

  .ui.animated.graphic.train .animation.wrap {
      position: relative;
      top: 650px; /*1900*/
      left: 274px;
      width: 1000px;
      height: 149px;
      margin: 0 auto 110px;
  }

  .ui.animated.graphic.train .animation.wrap img {
      position: absolute;
  }

  .ui.animated.graphic.dog .animation.wrap {
      position: relative;
      top: 1637px;
      left: 899px;
      width: 1000px;
      height: 149px;
      margin: 0 auto 110px;
  }

  .ui.animated.graphic.birds .animation.wrap {
      position: relative;
      top: 2550px;
      left: -300px;
      width: 55px;
      height: 33px;
  }

  .ui.animated.graphic.cars {
      z-index: 10;
      position: absolute;
      width: 100%;
      height: 90px;
      overflow: hidden;
  }

  .ui.animated.graphic.cars .animation.wrap {
      position: absolute;
  }

  .ui.animated.graphic.cars .animation.wrap.cars-upper {
      left: 100%;
      width: 850px;
      height: 29px;
      margin-top: 8px;
  }

  .ui.animated.graphic.cars .animation.wrap.cars-lower {
      left: -480px;
      width: 180px;
      height: 25px;
      margin-top: 57px;
  }

  @media(max-width:1068px) {
      .ui.animated.graphic {
          display: none;
      }
  }

  .lt-ie9 .ui.animated {
      display: none;
  }

/* AJAX Loading animations
---------------------------------*/

  .jsLoader {
    display: none;
  }

  .js .jsLoader {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #FFFAE0 url('../images/loader.gif') center center no-repeat;
    background-size: 80px 80px;
    z-index: 1000;
    top: 0;
    left: 0;
  }

  .js .ui.tiles {
    transition: 1.5s opacity;
    opacity: 0;
  }

  .js .tilesLoaded .ui.tiles {
    opacity: 1;
  }

  .js .ui.cluster {
    margin-top: 30px;
    transition: 0.8s all;
    opacity: 0;
  }

  .js .clustersLoaded .ui.cluster {
    margin-top: 0;
    opacity: 1;
  }

  .js .ui.tiles .list li {
    opacity: 0;
  }

  .js .ui.tiles .list li:nth-child(1) {
    transition: 1.3s all;
  }

  .js .ui.tiles .list li:nth-child(2) {
    transition: 0.8s all;
  }

  .js .ui.tiles .list li:nth-child(3) {
    transition: 0.2s all;
  }

  .js .ui.tiles .list li:nth-child(4) {
    transition: 0.2s all;
  }

  .js .ui.tiles .list li:nth-child(5) {
    transition: 0.8s all;
  }

  .js .ui.tiles .list li:nth-child(6) {
    transition: 1.3s all;
  }

  .js .tilesLoaded .ui.tiles .list li {
    opacity: 1;
  }

  /*.js .ui.mobile.menu li:not(.top-bar) {
    transition: background 1s, box-shadow 0.6s;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
  }

  .js .ui.mobile.menu li:not(.top-bar):active {
    background: #147783;
    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.21)
  }

  .js .ui.mobile.menu li:not(.top-bar) a {
    transition: border 0.6s;
  }

  .js .ui.mobile.menu li:not(.top-bar):hover a {
    border-color: #147783;
  }*/

/* 404
---------------------------------*/  

	.error404 {
        background-image: url('../images/404.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% auto;
        padding: 368px 0 100px;
        display: block;
        margin: 65px auto 0;
        text-align: center;
     }

     .error404 h1 {
         text-transform: uppercase;
         margin: 20px 0 40px;
         top: 0;
     }

      .error404 p {
          margin: 0;
          top: 0;
          width: 600px;
          margin: 0 auto;
      }

      .error404 a {
          text-decoration: underline;
          font-family: "Merriweather", serif !important;
          font-weight: normal !important;
      }

      @media (max-width: 1068px) {
          .error404 {
              margin: 0 0 0 135px;
              width: auto;
          }

          .error404 p {
              width: auto;
          }
      }

      @media (max-width: 768px) {
          .error404 {
              padding: 60% 0 100px;
          }

          
      }