@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
  html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,em,img,q,small,strong,sub,sup,var,dl,ol,ul,li,fieldset,form,label,table,tr,th,td,article,aside,canvas,footer,header,hgroup,nav,section,time,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,footer,header,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}table{border-collapse:collapse;border-spacing:0;}

/*Tags Styles*/
  * {
    box-sizing: border-box;
  }

  body {
    background: url(../img/bg.png);
  }

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

  p,
  .counter dd,
  .bulleted > li {
    font-size: 1em;
    line-height: 1.3em;
  }

  p,
  h3,
  a,
  .counter dd,
  .bulleted > li,
  #lg-counter,
  .lg-sub-html {
    font-family: 'Raleway', sans-serif;
  }

  p {
    margin-bottom: 10px;
  }

  p:last-child {
    margin-bottom: 0;
  }

  p.centered {
    text-align: center;
  }

  h1,
  h3,
  h2 {
    color: rgb(0, 51, 171);
  }

  h1,
  h2 {
    font-family: 'Abel Regular', sans-serif;
    text-transform: uppercase;
  }

  h1 {
    font-size: 2.5em;
    text-shadow: 1px 1px 0 #00267f, 2px 2px 0 #00267f, 0px 0px 3px rgba(0, 0, 0, 0.5);
    display: block;
    margin-bottom: 20px;
  }

    .main-content-headings > h1 {
      color: #fff;
      margin-bottom: 20px;
    }

  h2 {
    font-size: 1.5em;
    padding: 10px 40px;
    text-align: center;
    background: rgb(235, 186, 22);
    display: table;
    margin: 0 auto 40px;
    font-weight: 900;
    letter-spacing: 1px;
    position: relative;
  }

  h2::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #e1a735 transparent transparent;
    z-index: -1;
    position: absolute;
    left: -35px;
    bottom: -15px;
  }

  h2:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #e1a735 transparent transparent transparent;
    z-index: -1;
    position: absolute;
    right: -35px;
    bottom: -15px;
  }

  h3 {
    font-size: 2em;
    color: rgb(197, 160, 0);
    font-weight: 900;
    margin-bottom: 10px;
    letter-spacing: 1px;
  }

  h4,
  .sitemap-link {
    font-family: 'Abel Regular', sans-serif;
    background: rgb(0, 51, 171);
    padding: 5px;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 900;
    color: #fff;
  }

  main h4,
  .sitemap-link {
    position: relative;
    margin: 0 0 10px -50px;
    top: 0;
    left: 0;
    padding: 10px 20px 10px 50px;
    display: block;
    font-size: 1.4em;
  }

    main h4::before,
    .sitemap-link::before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 10px 0;
      border-color: transparent rgb(2, 44, 145) transparent transparent;
      position: absolute;
      bottom: -10px;
      left: 0;
    }

  h5 {
    font-size: 1em;
    font-family: 'Abel Regular', sans-serif;
    font-weight: bold;
  }

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

  a {
    border: none;
    text-decoration: none;
    color: #fff;
  }

 /*
  main {
    position: relative;
    width: 75%;
    margin: 80px 0 50px;
    padding-right: 4%;
  }
  */

  main {
      position: relative;
      width: 100%;
      margin: 80px 0 50px;
  }
  .main_has_side{
      position: relative;
      width: 75%!important;
      margin: 80px 0 50px;
      padding-right: 4%;
  }
  .scroll_content{
      max-height: 300px;
      overflow-y: scroll;
  }

  aside {
    position: relative;
    width: 25%;
    margin: 80px 0 50px;
  }

  aside > a,
  aside > div {
    display: block;
    background: rgb(0, 51, 171);
    border-top: 10px solid rgb(246, 175, 0);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  strong {
    color: rgb(0, 51, 171);
    font-weight: 900;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: left!important;
    font-family: "Raleway", sans-serif;
  }

  small {
    font-size: 15px;
    display: block;
  }

  blockquote {
    font-size: 1.5em;
    line-height: 1.2em;
    text-align: left;
    margin-bottom: 20px;
    color: rgb(0, 51, 171);
    font-family: 'Abel Regular', sans-serif;
    font-weight: 900;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
  }

  blockquote::before {
    content: '“';
    font-family: "Raleway";
    left: 0;
    top: 0;
    font-size: 3em;
    background: rgb(235, 186, 22);
    padding: 5px;
    line-height: 0.8em;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50px;
    padding: 15px;
    display: block;
    margin-right: 20px;
  }

/*Main Styles*/
  .wrapper {
    width: 80%;
    margin: 0 auto;
    height: auto;
    position: relative;
    display: block;
    position: relative;
  }

  main a {
    color: rgb(0, 51, 171);
    text-decoration: underline;
  }

  .main-content {
    padding: 50px 0 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: stretch;
  }

  .main-content-block {
    position: relative;
    width: 100%;
    box-shadow: 0px 0px 0px 2px rgba(228, 228, 228, 0.10),
                0px 0px 6px 0px rgba(50, 50, 50, 0.52);
    display: block;
  }

    .main-content-headings {
      width: 65%;
      padding: 40px;
    }

    .main-content-headings p {
      color: #fff;
      text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
    }

  .blue-banner {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 200px;
    background: url(../img/banner-blue.jpg);
    background-size: 100% auto;
    border-radius: 10px;
  }

  .blue-banner2 {
    background: url(../img/banner-blue2.jpg);
  }

  .blue-banner-content {
    width: 52%;
    padding: 2% 0;
    margin: 0;
  }

  .blue-banner-content p {
    color: #fff;
    text-align: center;
    font-family: 'Abel Regular', sans-serif;
    text-shadow: 1px 1px 0 #aaa, 0px 0px 5px rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.2em;
  }

  .main-content-text {
    padding: 20px 40px;
  }

  .bulleted > li {
    padding-left: 40px;
    margin-bottom: 20px;
    position: relative;
  }

    .bulleted > li::before {
      content: "•";
      position: absolute;
      left: 15px;
      top: -2px;
      font-size: 2.4em;
      color: rgb(0, 51, 171);
    }

  .block2 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
  }

    .block2 > div {
      width: 50%;
      padding: 0 20px 0 0;
    }

    .block2 > div:last-child {
      padding: 0 0 0 20px;
      border-left: 2px solid rgb(0, 51, 171);
    }

  .bold {
    font-weight: 900;
    color: #111;
  }

/*Header Styles*/
  header {
    width: 100%;
    height: 80vh;
    background: rgb(0, 51, 171);
  }

  .top-menu {
    position: absolute;
    top: 0;
    z-index: 10000;
    background: rgba(0, 51, 171, 0.6);
    width: 100%;
    padding: 10px;
    box-shadow: 0px 3px 15px 0px rgba(0, 51, 171, 0.4);
  }

    .top-menu > div {
      display: flex;
      flex-direction: row;
      align-content: stretch;
      justify-content: space-between;
    }

  .client-login:hover {
    cursor: pointer;
  }

  .client-login a:hover {
    background: #fff;
    color: #222;
  }

  .apo-logo {
    position: absolute;
    display: block;
    z-index: 1000;
    width: 10%;
    top: 12vh;
    left: 10%;
  }

  .heading-box {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 12vh;
    left: 10%;
    width: 90%;
  }

    .heading-box .logo {
      width: 25%;
      display: block;
    }

    header h1 {
      margin-left: 2%;
      color: #fff;
      font-size: 1.5em;
    }

  .address {
    color: #fff;
    font-family: 'Balto Light', sans-serif;
    font-size: 1em;
    display: flex;
    position: relative;
  }

    .address > li {
      position: relative;
      padding: 5px 10px 5px 65px;
      display: flex;
      flex-direction: row;
      width: auto;
      justify-content: center;
      margin-right: 20px;
      align-items: stretch;
      border-radius: 5px;
    }

    .address > li:hover {
      background: rgb(246, 175, 0);
    }

    .top-menu-buttons {
      display: flex;
    }

    .address > li > div {
      display: none;
    }

    .address > li:hover > div {
      display: flex;
      position: absolute;
      top: 100%;
      padding-top: 10px;
      width: 300px;
      left: 0;
      z-index: 100000;
    }

    .address > li:hover > div:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent rgb(246, 175, 0) transparent;
      top: 0;
      left: 40px;
      position: absolute;
    }

    .address > li:hover > div > ul {
      background: rgb(246, 175, 0);
      position: relative;
      display: block;
      padding: 10px 20px;
      width: 100%;
    }


/*slider*/
  .cycle-slideshow {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .slides {
    width: 100%;
    height: 100%;
  }

/*navigaion*/
  .main-menu {
    position: absolute;
    top: -30px;
    z-index: 1000;
    width: 100%;
  }

  .main-menu > ul {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-radius: 5px;
  }

  .main-menu > ul > li {
    width: calc(100% / 7);
    vertical-align: middle;
    background: rgb(0, 51, 171);
    background: linear-gradient(to bottom, rgb(0, 51, 171) 0%, rgb(2, 44, 145) 100%);
    display: flex;
    align-items: stretch;
  }

  .main-menu > ul > li > a > img {
    width: 100%;
  }

  .main-menu > ul > li > a {
    width: 100%;
    display: block;
    margin: 0;
    color: #fff;
    padding: 16px;
    font-family: 'Abel Regular', sans-serif;
    font-size: 0.9em;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .main-menu > ul > li:hover > div {
    display: block;
  }

  .main-menu > ul > li:hover a.submenuLink {
    background: rgb(247, 181, 18);
  }

  .main-menu > ul > li > div {
    display: none;
    background: rgb(247, 181, 18);
    background: linear-gradient(to bottom,  rgb(247, 181, 18) 0%, rgb(246, 175, 0) 100%);
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px;
    width: 100%;
    z-index: 10;
  }

  .main-menu > ul > li > div > ul {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  .main-menu > ul > li > a:hover,
  .menu-selected {
    background: rgb(247, 181, 18);
  }

  .main-menu > ul > li > div > ul > li {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  .main-menu > ul > li > div > ul.ul2 > li {
    width: calc(100% / 7);
  }

  .main-menu > ul > li > div > ul > li > a,
  .address > li:hover > div > ul > li > a,
  .social-media-button {
    display: block;
    font-size: 0.8em;
    box-shadow: none;
    border: 1px solid rgb(251, 210, 110);
    background: linear-gradient(to bottom,  rgb(250, 220, 145) 0%, rgb(254, 220, 110) 100%);
    color: #222;
    padding: 16px 16px 16px 75px;
    width: 100%;
    margin-right: 5px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 9px 10px -8px rgb(197, 160, 0);
    font-family: 'Abel Regular', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    align-content: center;
    font-weight: 900;
  }

  .main-menu > ul > li > div > ul > li:last-child > a {
    margin-right: 0;
  }

  .main-menu > ul > li > div > ul > li > a > img,
  .address > li:hover > div > ul > li > a > img,
  .social-media-button > img {
    position: absolute;
    height: calc(100% - 20px);
    width: auto;
    top: 10px;
    left: 10px;
    padding-right: 10px;
    border-right: solid 1px rgb(255, 202, 71);
  }

  .main-menu > ul > li > div > ul > li > a:hover,
  .main-menu > ul > li > div > ul > li > a.submenu-selected,
  .address > li:hover > div > ul > li > a:hover {
    background: rgb(202, 144, 0);
    box-shadow: inset 0px 9px 20px -8px rgba(50, 50, 50, 0.75),
                inset 0px -9px 20px -8px rgba(255, 255, 255, 0.2);
    border: 1px solid rgb(246, 175, 0);
    text-shadow: 1px 1px 1px rgb(202, 144, 0);
  }

  .ul2 {
    margin-top: 5px;
  }

/*sub-content*/
  .sub-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    margin: 0 0 50px;
  }

  .sub-content > div {
    width: calc(100% / 4);
    padding: 0 1%;
  }

/*Footer Styles*/
  footer {
    background: #ddd;
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.75);
    color: #fff;
    position: relative;
  }

  footer a:hover {
    background: rgb(0, 51, 171);
  }

  .footer-logo {
    width: 20%;
  }

  .footer-logo a:hover {
    background: none;
  }

    footer img {
      width: 90%;
      margin-bottom: 10px;
    }

    .footer-logo p {
      color: rgb(0, 51, 171);
      font-size: 0.8em;
      text-align: left;
      font-weight: 900;
      margin-bottom: 10px;
    }

  .footer-upper {
    background: url(../img/foo-bg.jpg) no-repeat 100% 20%, rgb(247, 181, 18);
    background-size: cover;
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 10px;
  }

    .footer-upper > div,
    .footer-lower > div {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

    .foo-links {
      position: relative;
      display: flex;
      flex-direction: row;
      color: rgb(0, 51, 171);
      width: 80%;
    }

      .foo-links > div {
        width: calc(100% / 3);
        padding-left: 3%;
      }

        .foo-links > div > ul > li {
          padding-left: 30px;
          margin-bottom: 10px;
        }

        .foo-links > div > ul > li > a {
          font-family: "Abel Regular";
          color: rgb(0, 51, 171);
          font-weight: 900;
        }

        .foo-links > div > ul > li > a:hover {
          color: #fff;
        }

      .foo-links > div:last-child > p {
        font-size: 0.8em;
      }

      .foo-icons {
        width: 100%;
        background: rgb(0, 51, 171);
        color: #fff;
        padding: 10px 5px 10px 70px;
        margin-bottom: 20px;
        font: 18px "Abel Regular", sans-serif;
        position: relative;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
      }

      .foo-icons > img {
        position: absolute;
        width: 58px;
        top: -10px;
        left: -12px;
      }

      .lgo {
        width: 70%;
        margin-bottom: 0;
      }

  .footer-lower {
    height: auto;
    background: #222;
    width: 100%;
    position: relative;
    display: block;
    padding: 10px;
    font-size: 0.7em;
    text-transform: uppercase;
  }

    .footer-lower p {
      margin-bottom: 0;
    }

    .copyright {
      text-align: left;
    }

    .footer-links {
      display: flex;
      align-content: right;
    }

    .footer-links > li {
      margin-left: 20px;
    }

/*icons*/
  .small-icons {
    position: absolute;
    display: block;
    left: 10px;
    height: 100%;
  }

  .small-icons > img {
    display: block;
    height: calc(100% - 10px);
    width: auto;
    top: 0;
  }

  .logo-small {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 2%;
  }

    .logo-small > li {
      margin-right: 20px;
      width: auto;
    }

/*buttons*/
  .button {
    background: rgb(247, 181, 18);
    background: linear-gradient(to bottom, rgb(247, 181, 18) 0%, rgb(246, 175, 0) 100%);
    border-radius: 5px;
    box-shadow: 1px 1px 0px 0px rgb(202, 144, 0),
                2px 2px 0px 0px rgb(202, 144, 0),
                3px 3px 0px 0px rgb(202, 144, 0),
                0px 0px 4px 0px rgba(50, 50, 50, 0.19);
    font-weight: 900;
    text-transform: uppercase;
    width: auto;
    display: table;
    padding: 20px 30px;
    text-shadow: 1px 1px 1px rgb(202, 144, 0);
    font-family: 'Abel Regular', sans-serif;
    padding: 10px 20px;
    display: block;
    color: rgb(0, 51, 171);
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    border: none;
    font-size: 1em;
  }

  .button:hover {
    cursor: pointer;
    background: rgb(0, 51, 171);
    box-shadow: 1px 1px 0px 0px rgb(2, 44, 145),
                2px 2px 0px 0px rgb(2, 44, 145),
                3px 3px 0px 0px rgb(2, 44, 145),
                0px 0px 4px 0px rgba(50, 50, 50, 0.19);
    color: #fff;
  }

  .scrollButton {
    position: fixed;
    z-index: 10000;
    bottom: 10px;
    right: 10px;
    padding: 20px;
    color: #fff;
  }

  .button-list {
    display: flex;
    justify-content: flex-end;
  }

    .button-list > a {
      margin-left: 20px;
    }

  .button.disabled,
  .button:disabled {
    background: #ffdb9d;
    color: rgb(255, 202, 71);
    cursor: default;
    box-shadow: 1px 1px 0px 0px rgb(255, 202, 71),
                2px 2px 0px 0px rgb(255, 202, 71),
                3px 3px 0px 0px rgb(255, 202, 71),
                0px 0px 4px 0px rgba(50, 50, 50, 0.19);
  }

    .social-media-button {
      color: rgb(0, 51, 171);
      text-decoration: none;
      width: auto;
      display: block;
      position: relative;
      margin: 20px auto;
    }

/*tables*/
  table,
  tr {
    width: 100%;
  }

  table td {
    width: 50%;
    padding: 5px 20px;
  }

    table tr > td:first-child {
      padding: 5px 20px 5px 80px;
    }

    .table-2c tr > td:first-child {
      border-right: 2px solid rgb(0, 51, 171);
      padding: 10px 20px;
    }

    td.table-title {
      padding: 10px 20px!important;
    }

   /*Registration Form*/
    .main-table table {
      border: 3px solid rgb(0, 51, 171);
      border-radius: 3px;
    }

    .main-table td {
      width: auto!important;
      font: 1em 'Raleway', sans-serif;
    }

    .main-table tr > td:first-child {
      padding: 5px 20px 5px 20px;
    }

    .main-table td {
      border: 1px solid #ddd;
      width: auto!important;
    }

      .main-table .headingtd td {
        background: rgb(0, 51, 171);
        border: 1px solid transparent;
        color: #fff;
      }

      .main-table .headingtd td:nth-child(even) {
        background: rgb(2, 44, 145);
      }

    .main-table tr:nth-child(even) {
      background: #eee;
    }

  /*Prices table*/
    #prices-table {
      margin-bottom: 40px;
      font-family: "Raleway", sans-serif;
    }

      #prices-table td,
      #prices-table tr {
        padding: 0.5rem;
      }

      #prices-table strong {
        font-size: 0.9em;
      }

      th {
        background: rgb(0, 51, 171);
        padding: 20px;
        color: #fff;
        font-size: 1.4em;
        font-family: 'Abel Regular', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
      }

      #prices-table td {
        width: calc(100% / 3);
        background: rgb(250, 220, 145);
        padding: 10px 20px;
        text-align: center;
      }

      #prices-table td:nth-child(even) {
        background: rgb(251, 210, 110);
      }

      #prices-table tr:nth-child(3) > td {
        background: #ffe2af;
      }

      #prices-table tr:nth-child(3) > td:nth-child(even) {
        background: #ffdb9d;
      }

    .price,
    .price-subtitle {
      font-size: 2em;
      text-shadow: 1px 1px 0 #00267f, 2px 2px 0 #00267f, 0px 0px 3px rgba(0, 0, 0, 0.5);
      display: block;
      margin-bottom: 5px;
      color: rgb(0, 51, 171);
    }

    .price-subtitle {
      font-size: 1.2em;
      text-shadow: 1px 1px 0 #00267f, 0px 0px 3px rgba(0, 0, 0, 0.5);
    }

/*Animations*/
  .hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    transition-property: transform;
  }

  .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    transform: scale(0.9);
    box-shadow: inset 0px 0px 10px 0px rgb(202, 144, 0);
  }

  .hvr-backward {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: 0.3s;
    transition-property: transform;
  }

  .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
    transform: translateX(-8px);
  }

  .hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
  }

  .hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255, 202, 71);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }

  .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: rgb(0, 51, 171);
  }

  .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    transform: scaleX(1);
  }

    .sub-content .hvr-sweep-to-right:before {
      z-index: 1;
      background: rgba(0, 51, 171, 0.5);
    }

/*dividers*/
  .dividers {
    margin-bottom: 40px;
    border-bottom: dotted 2px #aaa;
  }

    .dividers:last-of-type {
      margin-bottom: 0;
      border-bottom: transparent;
    }

  .dividers > div {
    display: flex;
    width: 100%;
    align-content: stretch;
  }

  .dividers > div > div {
    padding: 0;
  }

  .dividers > div > div:first-child {
    width: 40%;
    border-right: dotted 2px #aaa;
    padding-right: 40px;
  }

  .dividers > div > div:last-child {
    width: 60%;
    padding-left: 40px;
  }

    .events-block h2 {
      margin: 0 auto 40px;
    }

    .events-block {
      margin: 0 auto 40px;
      display: flex;
    }

      .events-block:last-of-type {
        margin: 0;
      }

      .events-block .cycle-slideshow {
        width: 100%!important;
        border-right: none;
        border-right: transparent!important;
      }

      .events-block .cycle-slideshow section {
        display: block;
        position: relative;
        height: auto;
      }

      .events-block .cycle-slideshow .bulleted {
        position: relative;
        display: flex;
      }

        .events-block .cycle-slideshow .bulleted > li {
          width: 50%;
          position: relative;
          display: block;
        }

        .events-block .cycle-slideshow .bulleted > li::before {
          content: '';
        }

  /*A-Z Info*/
    .dividers > .info-block > div:first-child {
      border-right: transparent;
    }

      .dividers > .info-block > div:last-child {
        width: 100%;
      }

      .info-block h4,
      .sitemap-link {
        margin: 0 0 10px 0;
      }

        .sitemap-link {
          margin-bottom: 20px;
          font-size: 1.1em;
          display: block;
        }

      .info-block .bulleted > li {
        padding-left: 50px;
      }

      .info-block .bulleted > li:before {
        content: '';
      }

      .info-block .bulleted > li > a {
        color: rgb(0, 51, 171);
        text-decoration: underline;
      }

    .date-big {
      background: rgb(0, 51, 171);
      color: #fff;
      display: block;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      padding: 20px 30px;
      font-family: 'Raleway', sans-serif;
      font-size: 1.2em;
      text-transform: uppercase;
    }

    .date-big:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 0 9px 9px;
      border-color: transparent transparent transparent rgb(0, 51, 171);
      position: absolute;
      left: 100%;
    }

    .region-logo {
      top: 0;
      position: sticky;
    }

/*pager*/
  .cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    top: 10px;
    overflow: hidden;
  }

  .cycle-pager span {
    font-size: 50px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
  }

  .cycle-pager span.cycle-pager-active {
    color: rgb(0, 51, 171);
  }

  .cycle-pager > * {
    cursor: pointer;
  }

/*list*/
  ol {
    list-style: decimal;
    counter-reset: item;
    font-family: "Raleway", sans-serif!important;
  }

    ol > li,
    ol > li > ol > li {
      display: block;
      position: relative;
      padding-left: 45px;
      margin-bottom: 5px;
    }

      ol > li > ol > li {
        padding-left: 60px;
      }

    ol > li:before,
    ol > li > ol > li:before {
      content: counters(item, ".") "  ";
      counter-increment: item;
      position: absolute;
      top: 0;
      left: 20px;
    }

    .list-5 {
      counter-reset: item 4;
    }

    .list-2 {
      counter-reset: item 1;
    }

    .romaned {
      counter-reset: item2;
    }

      .romaned > li:before {
        content: counter(item2, lower-roman);
        counter-increment: item2;
      }

/*soundbytes*/
  .soundbyte {
    width: 70%;
    margin: auto;
    display: block;
  }
/*Forms*/
  input[type=text],
  input[type=email],
  textarea {
    border: 0;
    padding: 5px;
    display: block;
    width: 100%;
    font: 14px 'Raleway', sans-serif;
    color: #222;
    position: relative;
    background: #fdedd2;
    border: 1px solid #fae7c5;
    margin: 5px 0;
  }

  input[type=text],
  input[type=email]{
    height: 30px;
  }

  input:focus {
    border: 2px solid rgb(247, 181, 18);
    border-radius: 3px;
    background: #fff;
    outline: none;
  }

  .form-box label {
    font: 0.9em 'Raleway', sans-serif;
    color: rgb(0, 51, 171);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 10;
    margin-top: 20px;
    display: block;
    position: relative;
  }

    .parsley-required,
    .parsley-type {
      color: #ed1c24;
      font: 0.7em 'Raleway', sans-serif!important;
      text-transform: uppercase;
      font-weight: bolder;
      position: relative;
      z-index: 10000;
      text-align: right;
      margin-top: 10px;
    }

    textarea {
      resize: none;
    }

/*Loading Screen*/
  .se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: url(../img/loading.gif) center no-repeat #fff;
    background-size: 20% auto;
  }

/*Font Face*/
  @font-face {
    font-family: 'Abel Regular';
    src: url('../font/Abel-Regular.eot');
    src: url('../font/Abel-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Abel-Regular.woff') format('woff'),
         url('../font/Abel-Regular.ttf') format('truetype'),
         url('../font/Abel-Regular.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Raleway';
    src: url('../font/Raleway.eot');
    src: url('../font/Raleway.eot?#iefix') format('embedded-opentype'),
         url('../font/Raleway.woff') format('woff'),
         url('../font/Raleway.ttf') format('truetype'),
         url('../font/Raleway.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'apo-icon-fonts';
    src:  url('../font/apo-icon-fonts.eot?a4f52');
    src:  url('../font/apo-icon-fonts.eot?a4f52#iefix') format('embedded-opentype'),
      url('../font/apo-icon-fonts.ttf?a4f52') format('truetype'),
      url('../font/apo-icon-fonts.woff?a4f52') format('woff'),
      url('../font/apo-icon-fonts.svg?a4f52#apo-icon-fonts') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'apo-icon-fonts' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-down:before {
    content: "\e900";
  }
  .icon-email:before {
    content: "\e901";
  }
  .icon-left:before {
    content: "\e902";
  }
  .icon-phone:before {
    content: "\e903";
  }
  .icon-right:before {
    content: "\e904";
  }
  .icon-up:before {
    content: "\e905";
  }

/*Sidebar Styles*/
  #gmaps {
    width: 100%;
    height: 280px;
    padding: 40px;
    background: rgb(0, 51, 171);
    position: relative;
  }

  .sub-contents {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
  }

    .sub-contents > div {
      width: 50%;
    }

/*Gallery*/
  .lSAction > a {
    opacity: 1;
  }

    .lSAction > a {
      width: 50px;
      height: 50px;
    }

    .lSAction >.lSPrev {
      background: url(../img/gallery/left.png) no-repeat 0 0;
      background-size: cover;
    }

    .lSAction >.lSNext {
      background: url(../img/gallery/right.png) no-repeat 0 0;
      background-size: cover;
    }

/*Background*/
  #slide1 {
    background: url(../img/main-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
  }

  #slide2 {
    background: url(../img/main-bg2.jpg) no-repeat 50% 50%;
    background-size: cover;
  }

  #slide3 {
    background: url(../img/main-bg3.jpg) no-repeat 50% 50%;
    background-size: cover;
  }

  #index-main {
    background: #0164a7 url(../img/index-main-pic.jpg) no-repeat 80% 20%;
    background-size: 150% auto;
  }

/*Sitemap */
  #sitemap #info-block > div {
    width: calc(100% / 2);
  }

    #sitemap #info-block > div:nth-child(1) {
      padding-right: 2%;
      border: none;
    }

    #sitemap #info-block > div:nth-child(2) {
      padding-left: 2%;
    }

    .sitemap-link {
      line-height: 1em;
    }

      .sitemap-link:hover {
        background: rgb(255, 202, 71);
        color: rgb(0, 51, 171);
      }

    #sitemap .bulleted > li {
      margin-bottom: 5px;
      padding-left: 45px;
      left: 40px;
    }

    #sitemap #info-block > div a {
      text-decoration: none;
    }

/*-------------------------------------------------
LIGHTBOX
-------------------------------------------------*/
  .aside-description{
    background-color: #fff;
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    padding: 20px;
  }
  .aside-description img{
    margin-top: 10px;
  }
  .title-map{
    margin-bottom: 20px;
    position: relative;
    padding: 10px 15px;
  }
  
    .title-map:hover a{
    text-decoration:underline;
  }
  .aside-blocks{
    margin-top: 20px;
  }
  .title-map h5{
    font-size: 20px;
  }



     .lightbox-target {
      position: fixed;
      top: 0;
      width: 100%;
      left:0;
      background: rgba(0,0,0,.7);
      opacity: 0;
      z-index: 9999999;
      -webkit-transition: opacity .5s ease-in-out;
      -moz-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
      transition: opacity .5s ease-in-out;
      overflow: hidden;
      }


      .lightbox-target img {
      margin: auto;
      position: absolute;
      top: 0;
      left:0;
      z-index: 999;
      right:0;
      bottom: 0;
      max-height: 0%;
      max-width: 0%;
      border: 3px solid white;
      box-shadow: 0px 0px 8px rgba(0,0,0,.3);
      box-sizing: border-box;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      }

      a.lightbox-close {
      display: block;
      width:50px;
      height:50px;
      box-sizing: border-box;
      background: white;
      color: black;
      text-decoration: none;
      position: absolute;
      top: -80px;
      z-index: 9999999;
      right: 0;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      }



      a.lightbox-close:before {
      content: "";
      display: block;
      height: 30px;
      width: 1px;
      background: black;
      position: absolute;
      left: 26px;
      top:10px;
      -webkit-transform:rotate(45deg);
      -moz-transform:rotate(45deg);
      -o-transform:rotate(45deg);
      transform:rotate(45deg);
      }


      a.lightbox-close:after {
      content: "";
      display: block;
      height: 30px;
      width: 1px;
      background: black;
      position: absolute;
      left: 26px;
      top:10px;
      -webkit-transform:rotate(-45deg);
      -moz-transform:rotate(-45deg);
      -o-transform:rotate(-45deg);
      transform:rotate(-45deg);
      }


      .lightbox-target:target {
      opacity: 1;
      top: 0;
      bottom: 0;
      }

      .lightbox-target:target img {
      max-height: 60%;
      max-width: 60%;
      }

      .lightbox-target:target a.lightbox-close {
      top: 0px;
      }
      .img_lightbox img{
        max-width: 600px;
      }
	  .pdf_description{
		  width:70%;
		  font-style:normal;
	  }
	  .pdf_image{
		  width:30%;
		  padding-right:10px;
		  float:left;
	  }
	  .pdf_image img{
		  vertical-align:middle;
	  }
	  .dex{
		  color:#fff;
		  font-family: 'Raleway', sans-serif;
		  width:100%;
		  padding:20px 0;
		  font-size:14px;
	  }

/*Media Queries*/
    @media screen and (max-width: 900px) {
      /*tag styles*/
        main {
          padding: 0;
        }

        main,
        aside {
          width: 100%;
          margin: 0 0 40px;
        }

        h1 {
          text-align: center;
        }

        h2 {
          font-size: 1.1em;
          padding: 10px;
        }

        h3 {
          font-size: 1.1em;
        }

          h2::before {
            border-width: 0 40px 40px 0;
            left: -25px;
            bottom: -15px;
          }

          h2:after {
            border-width: 40px 40px 0 0;
            z-index: -1;
            position: absolute;
            right: -25px;
            bottom: -15px;
          }

        strong {
          text-align: left;
        }

        .button-list > a {
          margin: 0 0 10px;
        }

        .block2 {
          flex-direction: column;
        }

        .block2 > div,
        .block2 > div:last-child {
          width: 100%;
          padding: 0;
          border: none;
        }

      /*main styles*/
        .wrapper {
          width: 90%;
        }

        .main-content {
          flex-direction: column;
        }

        .main-content-headings {
          width: 100%;
        }

          .main-content-pic {
            padding-bottom: 80px;
          }

          .main-content-text {
            padding: 20px;
          }

      /*header*/
        header {
          height: 100vh;
        }

        .top-menu {
          padding: 10px 20px;
        }

        .top-menu > div {
          width: 100%;
          flex-direction: column;
        }

        .top-menu > .wrapper {
          display: flex;
          align-items: center;
        }

        .cycle-slideshow {
          position: absolute;
        }

        .apo-logo {
          width: 30%;
          top: 42vh;
          left: calc((100% - 30%) / 2);
        }

        .heading-box {
          width: 80%;
          top: 36vh;
          left: calc((100% - 80%) / 2);
        }

          .heading-box .logo {
            width: 80%;
            margin: 0 auto 10px;
          }

          .heading-box h1 {
            font-size: 1em;
            text-align: center;
            margin-left: 0;
          }

        .address {
          font-size: 0.8em;
          text-align: center;
          flex-wrap: wrap;
          align-items: flex-start;
        }

          .address > li > a {
            text-align: left;
            font-size: 0.9em;
          }

        .top-menu-buttons {
          flex-direction: row;
        }

        .top-menu-buttons > li {
          width: 100%;
          display: block;
        }

        .top-menu-buttons > li > .button {
          margin: auto;
          font-size: 0.8em;
          margin: 10px auto 0;
          padding: 10px 20px;
          display: table;
        }

        .logo-small {
          justify-content: center;
        }

          .logo-small > li {
            width: 40%;
          }

      /*navigation*/
        .main-menu {
          top: 10px;
        }

        .main-menu > ul {
          display: none;
        }

        .main-menu::before {
          content: 'Menu';
          position: relative;
          color: #fff;
          font-family: 'Raleway', sans-serif;
          text-align: center;
          text-transform: uppercase;
          background: rgb(0, 51, 171);
          padding: 10px 20px;
          display: table;
          margin: 22vh auto 0;
          width: auto;
        }

        .main-menu:hover > ul {
          display: flex;
          flex-direction: column;
          position: relative;
        }

        .main-menu:hover > ul > li {
          width: 100%;
          flex-direction: column;
        }

        .main-menu > ul > li > a {
          font-size: 0.9em;
          padding: 10px;
        }

          .main-menu > ul > li > a > br {
            display: none;
          }

        .main-menu > ul > li > ul {
          position: relative;
          flex-direction: column;
        }

        .main-menu > ul > li > ul > li {
          width: 100%;
        }

          .main-menu > ul > li > div {
            position: relative;
          }

          .main-menu > ul > li > div > ul {
            flex-direction: column;
          }

          .main-menu > ul > li > div > ul > li {
            width: 100%;
            padding: 0;
          }

          .main-menu > ul > li > div > ul > li > a {
            margin: 0 0 5px 0;
          }

          .main-menu > ul > li > div > ul > li:last-child > a {
            margin: 0;
          }

        .main-menu > ul > li > div > ul.ul2 > li {
          width: 100%;
        }

      /*sub-content*/
        .sub-content {
          flex-wrap: wrap;
        }

        .sub-content > div {
          width: 50%;
          padding: 0;
        }

        #gmaps {
          height: 400px;
        }

      /*Background*/
        #slide1 {
          background: url(../img/sm-bg1.jpg) no-repeat 50% 100%;
          background-size: cover;
        }

        #slide2 {
          background: url(../img/sm-bg2.jpg) no-repeat 50% 100%;
          background-size: cover;
        }

        #slide3 {
          background: url(../img/sm-bg3.jpg) no-repeat 50% 100%;
          background-size: cover;
        }

        #index-main {
          background: #0164a7 url(../img/index-main-pic.jpg) no-repeat 100% 100%;
          background-size: 100% auto;
        }

      /*gmaps*/
        #gmaps {
          height: 350px;
        }

      /*footer*/
        .footer-upper > div,
        .footer-lower > div {
          flex-direction: column;
        }

        .footer-upper > div > div {
          width: 100%;
        }

        .footer-logo img {
          width: 60%;
          margin: 0 auto 20px;
          display: block;
        }

        .footer-logo p {
          text-align: center;
        }

        .copyright,
        .footer-links {
          width: 100%;
        }

        .footer-links {
          flex-direction: column;
        }

        .footer-lower,
        .copyright {
          text-align: center;
        }

        .copyright {
          margin-bottom: 10px;
        }

        .footer-links > li {
          margin: 0 0 5px;
        }

        .foo-links {
          padding: 0;
          flex-direction: column;
        }

        .foo-links > div {
          margin-bottom: 20px;
          width: 100%;
          padding: 0;
        }

        .foo-links > div:last-child {
          margin-bottom: 0;
          text-align: center;
        }

        .foo-links > div:last-child > p {
          text-align: center;
        }

        .foo-links > div:last-child > img {
          margin: 0 auto 20px;
        }

      /*table*/
        .main-table {
          overflow-x: scroll;
        }
      /*soundbytes*/
        .soundbyte {
          width: 90%;
          margin: auto;
          display: block;
        }

      /*Dividers*/
        .events-block .cycle-slideshow {
          width: 85%;
          flex-direction: column;
          position: relative;
        }

        .events-block .cycle-slideshow section {
          display: block;
          position: relative;
        }

        .events-block .cycle-slideshow .bulleted {
          flex-direction: column;
        }

          .events-block .cycle-slideshow .bulleted > li {
            width: 100%;
          }

      /*Loading Screen*/
        .se-pre-con {
          background-size: 50% auto;
        }

      /*List*/
        .info-block .bulleted > li {
          padding-left: 20px;
        }

      /*Sitemap*/
        #sitemap #info-block > div {
          width: 100%;
        }

        #sitemap .bulleted > li {
          padding-left: 40px;
          left: 15px;
        }

        #sitemap #info-block > div:first-child {
          margin-bottom: 0;
        }

          #sitemap #info-block > div:nth-child(1),
          #sitemap #info-block > div:nth-child(2) {
            padding: 0;
          }

          #sitemap #info-block > div a:hover {
            box-shadow: none;
          }
    }

    @media screen and (max-width: 900px) and (orientation: landscape) {
      /*header*/
        .top-menu > div {
          flex-direction: row;
        }

        .top-menu-buttons > li > .button {
          margin: 0;
          text-align: center;
        }

        .apo-logo {
          width: 28%;
          top: 45vh;
          left: 15%;
        }

        .heading-box > div {
          display: flex;
          flex-direction: row;
          align-items: center;
          top: 35vh;
          width: 100%;
        }

          .heading-box .logo {
            width: 35%;
            margin: 0;
            display: block;
          }

          .heading-box h1 {
            width: 75%;
          }

        .logo-small > li {
          width: 25%;
        }

      /*navigation*/
        .main-menu::before {
          margin: 28vh auto 0;
        }

      /*Background*/
        #slide1 {
          background: url(../img/sm-l-bg1.jpg) no-repeat 50% 100%;
          background-size: cover;
        }

        #slide2 {
          background: url(../img/sm-l-bg2.jpg) no-repeat 50% 100%;
          background-size: cover;
        }

        #slide3 {
          background: url(../img/sm-l-bg3.jpg) no-repeat 50% 100%;
          background-size: cover;
        }

        #index-main {
          background: #0164a7 url(../img/index-main-pic.jpg) no-repeat 100% 100%;
          background-size: 100% auto;
        }

      /*Footer*/
        .footer-logo > a > img,
        .foo-links > div:last-child > img {
          width: 30%;
        }
    }

    /*iPhone X*/
    @media screen and (max-width: 812px) and (orientation: landscape) {
      /*header*/
        .main-menu::before {
          margin: 28vh auto 0;
        }

        .heading-box {
          top: 48vh;
        }

        .heading-box h1 {
          font-size: 1.2em;
        }
    }


    /*iPhone4*/
    @media screen and (max-width: 320px) {
      /*header*/
        .main-menu::before {
          margin: 26vh auto 0;
        }
    }