@charset "utf-8";
body {
  margin: 0px;
  font-family: "Open Sans", sans-serif;
  color: #000000;
  line-height: 1.5;
  background: transparent;
}
a,
a:hover,
a:active,
a:focus {
  cursor: pointer;
  outline: 1px solid transparent;
}
a:active,
a:focus {
  outline: 1px solid #9ecaed;
  box-shadow: 0 0 10px #9ecaed;
}
.e3pagetemplate {
  color: #000000;
  font-size: 16px;
}
.e3pagetemplate a {
  color: #23304e;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}
a.e3-button {
  background: #fff;
  /*	background: #948f79;*/
  border: 0;
  border-radius: 0;
  color: #333;
  border: 1px solid #333;
  letter-spacing: 3px;
}
a.e3-button:hover {
  background: #c9c9c9;
  color: #333;
}
img {
  border: none;
}
.MainInformationTable {
  width: 100%;
}
.EditableImageEdit .ImageSelectorHeader,
.EditableImageEdit .EditableTextTitle {
  position: relative;
  z-index: 9999;
}
.EditMode header,
.DesignMode header {
  position: relative;
}
.fa > span {
  display: none;
}
header {
  background: #fff none repeat scroll 0 0;
  /*	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);*/
  float: left;
  height: 75px;
  transition: top 0.3s ease 0s;
  width: 100%;
  z-index: 200;
  position: fixed;
}
header .mobile-nav-btn {
  float: left;
  height: 30px;
  margin: 15px 0 0;
  width: 10%;
  position: relative;
  z-index: 5;
}
header #menu-button {
  color: #000;
  display: block;
  height: 40px;
  padding-left: 0 !important;
}
#menu-button::before {
  display: none;
}
header #menu-button i {
  font-size: 30px;
}
header nav {
  background: #fff none repeat scroll 0 0;
  color: #231f20;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.33);
  text-transform: uppercase;
}
.mobile-nav-btn {
  float: left;
}
#main-menu {
  box-shadow: none;
}
#main-menu li,
#main-menu a {
  border-radius: 0;
  font-weight: normal;
  border: none;
}
#main-menu > li > a {
  background: #fff none repeat scroll 0 0;
  color: #231f20;
  text-shadow: none;
  font-size: 14px;
}
#main-menu a.current {
  background: #ebe9e7;
  color: #231f20;
}
#main-menu ul a.current {
  background: #ebe9e7;
  color: #231f20;
}
#main-menu ul a {
  background: #ebe9e7 none repeat scroll 0 0;
  color: #231f20;
  font-size: 14px;
}
#main-menu > li > ul > li a {
  color: #231f20;
  background: #ebe9e7 none repeat scroll 0 0;
}
#main-menu > li > ul > li > ul > li a {
  color: #231f20;
  background: #ebe9e7 none repeat scroll 0 0;
}
#main-menu .sub-arrow {
  background: #948f79 none repeat scroll 0 0;
  color: #fff !important;
  border-radius: 0;
  width: 42px;
}
header .MyProfile_Member {
  background: transparent;
  border: medium none;
  float: right;
  height: 35px;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 10%;
}
.MyProfile_Svg {
  color: #000;
  float: right !important;
  margin: 15px 0 0 10px !important;
  width: 30px !important;
  height: 30px !important;
}
.MyProfile_Svg svg {
  fill: currentcolor;
}
header .MyProfile_Member .click_transparent {
  width: 100%;
}
header .MyProfile_Member .MyProfile_Name {
  display: none;
}
header .MyProfile_Member .arrow-down {
  display: none;
}
header .MyProfile_Member .fullView {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  left: auto;
  right: -10px;
  top: 75px;
  width: 190px;
}
header .MyProfile_Member .MyProfile_FullMain {
  border: medium none;
  padding: 0;
  width: 100%;
}
header .MyProfile_Member .fullView a {
  border: medium none;
  color: #ffffff;
  font-size: 14px;
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 10px 15px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
header .MyProfile_Member .fullView a:hover {
  color: #dfdfdf;
}
header .MyProfile_Member .fullView a div {
  display: none;
}
header .arrow-down {
  border-top: 5px solid #000;
}
.cmsdesklink {
  display: none;
}
header .logo {
  float: left;
  height: auto;
  left: 50%;
  margin: 5px auto 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 80%;
  display: block;
}
header .logo img {
  max-height: 100%;
  max-width: 100%;
}
.banner {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
  margin: 75px 0 0;
}
.camera_caption > div {
  background: transparent !important;
  letter-spacing: 0.06em;
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}
.banner h1 {
  font-size: 24px;
}
.banner h1,
.banner h2,
.banner h3,
.banner h4 {
  color: #fff;
  font-weight: 300;
}
.page-content {
  float: left;
  width: 100%;
  background: #ffffff;
  position: relative;
}
.page-content .container {
  padding: 0;
}
.content-top {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  text-align: center;
  padding: 30px 0px;
  /*	padding: 30px 20px;*/
  display: none;
  /* Added by Noel as webdesign inbox request from June 3, 2020 */
}
.content-top img {
  max-width: 100%;
}
.content-sponsorship {
  padding: 34px 0;
}
.content-sponsorship img {
  padding-bottom: 22px;
}
.content-middle {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  text-align: center;
  padding: 6px 20px;
  display: none;
  /* Added by Noel as webdesign inbox request from June 3, 2020 */
}
.nav-btns {
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.nav-btn {
  float: left;
  position: relative;
  margin: 10px 0;
  padding: 0;
}
.nav-image {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #948f79;
}
.nav-image img {
  width: 100%;
  opacity: 0.7;
  transform: scale(1);
  transition: 0.3s ease all;
}
.nav-text {
  font-size: 26px;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  float: left;
  width: 100%;
  top: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-flow: column;
  font-family: "Montserrat", sans-serif;
}
.nav-text a {
  color: #fff;
  text-decoration: none;
  padding: 22px 40px;
  background: transparent;
  transition: 0.3s ease all;
}
.content-bottom {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  text-align: center;
  padding: 34px 20px 50px;
  display: none;
  /* Added by Noel as webdesign inbox request from June 3, 2020 */
}
.content-bottom h2 {
  /*	font-size: 28px;*/
  font-family: "Montserrat", sans-serif;
}
.content-bottom img {
  max-width: 100%;
}
footer {
  float: left;
  width: 100%;
  position: relative;
}
.footer-top {
  float: left;
  width: 100%;
  position: relative;
  background: #c9c9c9;
  /*	background: #323232;*/
  color: #555658;
  /*	color: #fff;*/
  font-size: 14px;
  letter-spacing: 0.1em;
  padding: 36px 0 50px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.footer-top a {
  color: #fff;
  text-decoration: none;
}
.footer-top h4 {
  color: #7c7b79;
  font-size: 20px;
  letter-spacing: 0.2em;
  padding-bottom: 24px;
}
.ft-logo img {
  max-width: 100%;
}
.ft-logo,
.ft-links,
.ft-contact,
.ft-connect {
  padding: 16px 0;
}
.ft-connect .fa {
  margin-right: 6px;
}
.footer-bot {
  float: left;
  width: 100%;
  position: relative;
  background: #a8a9a8;
  /*	background: #2d2d2d;*/
  color: #6d6e70;
  font-size: 14px;
  padding: 24px 0;
}
.footer-bot a {
  color: #7c7b79;
  text-decoration: none;
}
@media (min-width: 768px) {
  .e3pagetemplate {
    font-size: 18px;
  }
  header {
    position: relative;
  }
  .cmsdesklink {
    display: block;
    float: right;
  }
  /*my profile */
  header .MyProfile_Member {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    float: right;
    height: auto;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    width: auto;
    z-index: 5;
  }
  header .MyProfile_SignedOut {
    height: auto;
  }
  header .MyProfile_SignedIn {
    height: auto;
  }
  .MyProfile_Svg {
    color: #231f20;
    float: left !important;
    margin: 4px 10px 0 0 !important;
    width: 20px !important;
    height: 20px !important;
    display: none;
  }
  .MyProfile_Svg svg {
    fill: currentcolor;
  }
  header .MyProfile_Member .MyProfile_Name {
    color: #231f20;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.04em;
    height: auto;
    line-height: 1.5;
    text-shadow: none;
    width: auto;
    padding: 5px 10px;
    border: 1px solid #333;
  }
  header .MyProfile_Member .arrow-down {
    border-top-color: #231f20;
    display: inline-block;
    margin: 12px 5px 0 8px;
  }
  header .MyProfile_Member .fullView {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    left: auto;
    right: 0;
    top: 38px;
  }
  header .MyProfile_Member .MyProfile_FullMain {
  }
  header .MyProfile_Member .fullView a {
    color: #fff;
  }
  header .MyProfile_Member .fullView a:hover {
    color: #d4d4d4;
  }
  header .MyProfile_Member .fullView a div {
  }
  .banner {
    margin: 0;
  }
  .camera_caption > div {
    background: rgba(42, 42, 42, 0);
    background: -moz-linear-gradient(
      top,
      rgba(42, 42, 42, 0) 0%,
      rgba(0, 0, 0, 1) 100%
    ) !important;
    background: -webkit-gradient(
      left top,
      left bottom,
      color-stop(0%, rgba(42, 42, 42, 0)),
      color-stop(100%, rgba(0, 0, 0, 1))
    ) !important;
    background: -webkit-linear-gradient(
      top,
      rgba(42, 42, 42, 0) 0%,
      rgba(0, 0, 0, 1) 100%
    ) !important;
    background: -o-linear-gradient(
      top,
      rgba(42, 42, 42, 0) 0%,
      rgba(0, 0, 0, 1) 100%
    ) !important;
    background: -ms-linear-gradient(
      top,
      rgba(42, 42, 42, 0) 0%,
      rgba(0, 0, 0, 1) 100%
    ) !important;
    background: linear-gradient(
      to bottom,
      rgba(42, 42, 42, 0) 0%,
      rgba(0, 0, 0, 1) 100%
    ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#000000', GradientType=0 );
    font-size: 36px;
    padding: 94px 20px 42px !important;
  }
  .banner h1 {
    font-size: 72px;
  }
  .page-content {
  }
  .page-content > .container {
    width: 100%;
  }
  .content-top {
    padding: 50px 0px 32px 20px;
    /*		padding: 120px 20px;*/
  }
  .content-top > .container {
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .content-sponsorship {
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .sponsorship-text {
    align-self: flex-end;
  }
  .content-middle {
    padding: 0 20px;
  }
  .content-middle > .container {
    width: 100%;
  }
  .content-middle {
    padding: 12px 0;
  }
  .nav-btn {
    margin: 5px;
    transition: 0.3s ease all;
    width: calc(25% - 10px);
  }
  .nav-image img {
    opacity: 1;
    height: 605px;
    width: auto;
    position: relative;
  }
  .nav-btn:hover .nav-image img {
    opacity: 0.3;
    transition: 0.3s ease all;
  }
  .nav-text {
    opacity: 0;
    transition: 0.3s ease all;
  }
  .nav-btn:hover .nav-text {
    opacity: 1;
    transition: 0.3s ease all;
  }
  .content-bottom {
    padding: 34px 0 50px;
  }
  .content-bottom > .container,
  .content-top > .container {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content-bottom .left-image,
  .content-top .left-image {
    padding: 0;
  }
  .content-bottom .right-text,
  .content-top .right-text {
    padding: 0 50px;
  }
  .footer-top {
    text-align: left;
    padding: 40px 0 34px;
  }
  .ft-logo,
  .ft-links,
  .ft-contact,
  .ft-connect {
    padding: 0 15px;
  }
  .footer-bot {
    text-align: center;
  }
}
@media (hover: hover) and (min-width: 1025px) and (pointer: fine),
  screen and (-ms-high-contrast: none) and (min-width: 1025px) {
  header {
    position: relative;
    height: auto;
  }
  header > .container {
    width: 100%;
    padding: 0 50px;
  }
  header .logo {
    /*		height: 213px;*/
    width: 900px;
    position: relative;
    margin: 80px auto 0;
    /*		margin: 80px auto 40px;*/
  }
  .header-register {
    float: right;
    font-size: 18px;
    color: #231f20;
    margin: 20px 0 0 6px;
  }
  .header-register a {
    color: #231f20;
    text-decoration: none;
  }
  header .mobile-nav-btn {
    display: none;
  }
  #divMainMenu {
    position: relative;
  }
  header nav {
    /*		background: #c9c9c9;*/
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    clear: both;
    float: left;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
  #main-menu {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    clear: none;
    display: table !important;
    white-space: nowrap;
    width: auto;
    /*		float: left;*/
    margin: 0 auto;
  }
  #main-menu li,
  #main-menu a {
    border: medium none;
    border-radius: 0;
    font-size: 16px;
  }
  #main-menu > li {
    display: inline-block;
    float: none;
  }
  #main-menu > li > a {
    background: transparent;
    color: #231f20;
    padding: 20px 15px;
    /*		padding: 40px 15px;*/
    letter-spacing: 0.02em;
  }
  #main-menu a.hover {
    color: #fff;
    background: transparent;
    font-weight: 700;
  }
  #main-menu a.current {
    color: #231f20;
    background: transparent;
    font-weight: 900;
  }
  #main-menu > li > a:hover {
    color: #231f20;
    font-weight: 900;
  }
  #main-menu ul {
    background: transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    left: auto !important;
    padding: 0;
    letter-spacing: 0.02em;
  }
  .has-submenu + ul {
    border-top: 4px solid #948f79 !important;
  }
  #main-menu ul a.current {
    color: #231f20;
    background: #fff;
    font-weight: 900;
  }
  #main-menu ul a:hover,
  #main-menu ul a.highlighted {
    color: #231f20;
    background: #fff;
    font-weight: 900;
  }
  #main-menu ul ul > li {
    color: #231f20;
  }
  #main-menu > li > ul > li a {
    background: #fff none repeat scroll 0 0;
    color: #231f20;
    text-align: left;
  }
  #main-menu > li > ul > li > ul > li a {
    background: #fff none repeat scroll 0 0;
    color: #231f20;
    text-align: left;
  }
  #main-menu ul ul > li a {
    color: #231f20;
  }
  #main-menu > li > ul > li > ul {
    left: 0 !important;
    right: auto !important;
  }
  #main-menu > li > ul > li > ul > li > ul > li a {
    background: #fff none repeat scroll 0 0;
    color: #231f20;
    text-align: left;
  }
  #main-menu > li > ul > li > ul > li > ul > li ul > li a {
    background: #fff none repeat scroll 0 0;
    color: #231f20;
    text-align: left;
  }
  #main-menu .sub-arrow {
    display: none;
  }
}
@media (min-width: 1200px) {
  .content-bottom .right-text {
    padding: 0 110px;
  }
}

.social a {
  padding: 27px 20px 18px 20px;
  background: #a8a9a8;
}

.social a:nth-of-type(1) {
  padding: 27px 25px 18px 25px;
}

@media (hover: none) and (min-width: 1025px) and (pointer: coarse),
  screen and (-ms-high-contrast: none) and (max-width: 1024px) {
  nav {
    position: fixed !important;
    left: -100% !important;
    top: 0 !important;
    width: 80% !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: auto !important;
    margin-left: 0 !important;
    z-index: 10005 !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-transition: left 0.5s !important;
    transition: left 0.5s !important;
  }
  .menu-opened nav {
    left: 0% !important;
  }
  nav #main-menu {
    background: transparent !important;
  }
  nav #main-menu.collapsed {
    display: block !important;
  }
  .sm-blue li {
    float: none !important;
  }
  .menu-opened #menu-button2 {
    position: fixed !important;
    height: 100% !important;
    width: 0 !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #212121 !important;
    z-index: -1 !important;
    display: none !important;
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    display: block !important;
    z-index: 10004 !important;
    height: 100% !important;
    overflow: hidden !important;
    -webkit-transition: opacity 1s, width 0 !important;
    transition: opacity 1s width 0s !important;
  }
  .menu-opened #menu-button2 svg {
    display: block !important;
  }
  .sm-blue a span.sub-arrow {
    position: absolute !important;
    top: 50% !important;
    margin-top: -17px !important;
    left: auto !important;
    right: 4px !important;
    width: 34px !important;
    height: 34px !important;
    overflow: hidden !important;
    font: bold 20px/34px FontAwesome !important;
    text-align: center !important;
    text-shadow: none !important;
    background: rgba(0, 0, 0, 0.1) !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    background: #384945 !important;
    color: #fff !important;
    width: 42px !important;
  }
  #main-menu > li > ul > li a {
    color: #fff;
    background: #384945 none repeat scroll 0 0;
    font-family: "Roboto", sans-serif;
    border-radius: 0;
    font-weight: normal;
    border: none;
  }
  .sm-blue ul {
    position: static !important;
  }
  .sm-blue a.highlighted span.sub-arrow:before {
    display: block !important;
    content: "" !important;
    font-family: FontAwesome !important;
  }
  .sm-blue ul a span.sub-arrow {
    border: none !important;
  }
  .logo {
    display: block !important;
  }
  .sm-blue a span.sub-arrow {
    border-style: none !important;
  }
  .sm-blue ul {
    border: none !important;
    padding: 0px !important;
  }
}