/* ####################################################### */

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
}

html {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

/* ################## font declarations ################## */

@font-face {
  font-family: 'Open Sans';
  src: url("fonts/OpenSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("fonts/OpenSans-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("fonts/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("fonts/OpenSans-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
       url('fonts/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
       url('fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  src: url('fonts/Calibri.woff2') format('woff2'),
       url('fonts/Calibri.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url('fonts/quicksand.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GigaSans-Black';
  src: url('fonts/GigaSans-Black.woff2') format('woff2'),
       url('fonts/GigaSans-Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Frankfurter Medium Std';
  src: url('fonts/FrankfurterMediumStd.woff2') format('woff2'),
       url('fonts/FrankfurterMediumStd.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Th';
  src: url('fonts/ProximaNova-Extrabld.woff2') format('woff2'),
       url('fonts/ProximaNova-Extrabld.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

/* ####################### general ####################### */

*, *:before, *:after {
  box-sizing: inherit;
}

div, span, a {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  border: 0px;
}

b {
  font-weight: 600;
}

a {
  font-family: inherit;
  font-weight: normal;
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
  font-size: inherit;
}

textarea:focus, input:focus {
  outline: none;
}

textarea {
  resize: none;
}

.table {
  display: table;
}

.tr {
  display: table-row;
}

.td {
  display: table-cell;
  vertical-align: middle;
}

/* ####################### headings ###################### */

h1 {
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
  font-family: 'Frankfurter Medium Std', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 54px;
  line-height: 42px;
  color: #6dc6e7;
}

h2 {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
  font-family: 'GigaSans-Black', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
  color: #fff;
}

h3 {
  margin: 0;
  padding: 0;
  font-family: 'GigaSans-Black', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 26px;
  line-height: 34px;
  color: #6dc6e7;
}

h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-family: 'GigaSans-Black', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  color: #6dc6e7;
}

h6 {
  margin: 0;
  padding: 10px 0px 17px 0px;
  font-family: 'Proxima Nova Th', 'Cleargothic', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 26px;
  line-height: 32px;
  color: #fff;
}

/* #################### main top menu #################### */

#topmenu-topbar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 800;
  background: #fff;
  vertical-align: top;
}

.topbar {
  height: 155px;
}

.topbar_inner_width {
  width: 90%;
}

#topmenu {
  background: #6dc6e7;
  color: #fff;
  vertical-align: top;
  width: 100%;
  height: 60px;
}

.topmenu-movable {
  position: absolute;
  top: 155px;
  left: 0px;
  z-index: 800;
}

.topmenu-fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 800;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

#topmenu-mobile {
  background: #fff;
  vertical-align: top;
  width: 100%;
  height: 95px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 800;
}

#topmenu-mobile-2, #topmenu-mobile-3, #topmenu-mobile-4 {
  background: #fff;
  vertical-align: top;
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 800;
}

.header-cell-1 {
  display: table-cell;
  width: 55%;
}

.header-cell-2 {
  display: table-cell;
  width: 45%;
}

.header-logo {
  height: 120px;
  width: auto;
  float: left;
}

.header-logo-mobile {
  height: 75px;
  width: auto;
}

.header-supportus {
  height: 70px;
  width: auto;
  float: right;
  margin-bottom: 8px;
}

.header-padding-left {
  padding-left: 20px;
}

.header-padding-right {
  padding-right: 20px;
}

@supports(padding: max(0px)) {
  .header-padding-left { padding-left: max(20px, env(safe-area-inset-left)); }
  .header-padding-right { padding-right: max(20px, env(safe-area-inset-right)); }
}

/* ################## mobile side menu ################### */

#darkoverlay {
  position: fixed;
  z-index: 850;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #252c32;
  display: none;
}

#side-menu-container {
  position: fixed;
  z-index: 900;
  top: 0%;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #252c32;
}

.openmenu {
  width: 65px;
  height: 65px;
  background: url(menuopen.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: 3px solid #6dc6e7;
  border-radius: 50%;
  cursor: pointer;
}

#closemenu {
  position: fixed;
  z-index: 999;
  top: 15px;
  width: 65px;
  height: 65px;
  background: url(menuclose.svg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: none;
  cursor: pointer;
  display: none;
}

.closemenupadding {
  right: 36px;
}

.closemenupaddingmobile {
  right: 18px;
}

@supports(padding: max(0px)) {
  .closemenupadding { right: max(36px, env(safe-area-inset-right)); }
  .closemenupaddingmobile { right: max(18px, env(safe-area-inset-right)); }
}

/* #################### main logo area ################### */

#logo-container {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 400px;
  padding: 0;
  margin: 0;
  margin-top: 200px;
  overflow: hidden;
}

#photo-area {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 400px;
  overflow: hidden;
  z-index: 0;
}

#photo-area div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#photo-area div.active {
  z-index: 3;
}

#dark-overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-color: rgba(0, 0, 0, 0);
}

#page-title-home {
  position: absolute;
  width: 70%;
  z-index: 100;
  top: 50%;
  left: 50%;
  font-family: 'GigaSans-Black', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  line-height: 52px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -52%);
  text-shadow: 0px 0px 5px #000;
}

/* ############## main logo area (inner page) ############# */

#logo-container-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 370px;
  padding: 0;
  margin: 0;
  margin-top: 200px;
  overflow: hidden;
}

#photo-area-inner {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 370px;
  overflow: hidden;
  z-index: 0;
}

#photo-area-inner div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#dark-overlay-inner {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 370px;
  background-color: rgba(0, 0, 0, 0.15);
}

#page-title {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  font-family: 'GigaSans-Black', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -55%);
  text-shadow: 0px 0px 5px #000;
}

#page-inner-title {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 32px;
}

/* ##################### home areas ###################### */

.homecontent {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #575757;
}

.home-title {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 42px;
  line-height: 42px;
  color: #4b4f5b;
  text-align: center;
}

#home-photo-table, #home-photo-table-mobile {
  width: 100%;
}

.home-photo-table-wrapper {
  width: 100%;
  height: 425px;
  margin-bottom: 0px;
}

.home-photo-table-wrapper-mobile {
  width: 100%;
  margin-bottom: 0px;
}

.home-photo-table-photo {
  width: 53%;
  height: 425px;
}

.home-photo-table-text {
  width: 47%;
  height: 425px;
  overflow: hidden;
  font-family: 'Myriad Pro', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
  line-height: 34px;
  color: #fff;
}

.homeiconwrapper {
  margin-bottom: 20px;
}

.homeicon {
  width: 150px;
  height: 150px;
}

/* #################### content area ##################### */

.content {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: #575757;
}

.content-padding {
  padding-left: 50px;
  padding-right: 50px;
  text-align: justify;
}

@supports(padding: max(0px)) {
  .content-padding {
    padding-left: max(50px, env(safe-area-inset-left));
    padding-right: max(50px, env(safe-area-inset-right));
  }
}

.people-icons {
  padding: 15px 8px 15px 8px;
  width: 225px;
  display: inline-block;
  vertical-align: top;
}

.sitemaptree {
  max-width: 500px;
  text-align: justify;
  line-height: 30px;
}

.pill-photo-size-1 {
  height: 120px;
}

.pill-photo-size-2 {
  height: 120px;
}

.pill-photo-size-3 {
  height: 120px;
}

.pill-photo-size-4 {
  height: 250px;
}

.members-area {
  vertical-align: top;
  padding: 20px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.members-area-button a {
  border-radius: 300px;
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  transition: 0.2s all linear;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  width: 130px;
  height: 42px;
  padding: 9px 0px 10px 0px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.members-area-button a:hover {
  background: #fff;
  border: 2px solid #fff;
  color: #6dc6e7;
  text-decoration: none;
}

.signaturebox {
  width: 100%;
  height: 150px;
  background: #f3f3f3;
}

.clearsig {
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* ################### tables and forms ################## */

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
  display: inline-block;
}

.td-header {
  display: table-cell;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  background: #eee;
  border: 2px solid white;
  border-bottom: 6px solid white;
  padding: 3px 6px 7px 5px;
}

.td-example {
  display: table-cell;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  border: 2px dotted #6dc6e7;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
}

.newstyletable-tablewidth {
  width: 100%;
  max-width: 700px;
}

.newstyletable-inputwidth {
  width: 98%;
  max-width: 690px;
}

.newstyletable-heading {
  margin-bottom: 4px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #575757;
}

.newstyletable-forminput {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #1a1a1a;
  background: #f5f5f5;
  border: 0px;
  border-radius: 0px;
  padding: 2px;
  margin: 0px;
}

.newstyletable-formtextarea {
  overflow: auto;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #1a1a1a;
  background: #f5f5f5;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}

.newstyletable-btn {
  margin-bottom: 4px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
  background: #8cc63f;
  color: #fff;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

label {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: #575757;
  display: block;
  margin-bottom: 8px;
}

.form-input {
  width: 100%;
  min-height: 44px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 18px;
  color: #333;
  border: 2px dotted #6dc6e7;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
}

.form-input-2a {
  width: 100%;
  min-height: 44px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  border: 2px dotted #6dc6e7;
  border-right: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
}

.form-input-2 {
  width: 100%;
  min-height: 44px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  border: 2px dotted #6dc6e7;
  border-right: 0px;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
}

.form-input-3a {
  width: 100%;
  min-height: 44px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  border: 2px dotted #6dc6e7;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
}

.form-input-3 {
  width: 100%;
  min-height: 44px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  border: 2px dotted #6dc6e7;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
}

.form-button {
  height: 50px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #fff;
  background: #6dc6e7;
  border: 2px solid #6dc6e7;
  border-radius: 4px;
  padding: 8px 25px 8px 25px;
  margin: 0px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: background-color .25s ease-out, color .25s ease-out;
}

.form-button:hover {
  color: #6dc6e7;
  background: #fff;
  transition: background-color .25s ease-out, color .25s ease-out;
}

.password-icon {
  font-size: 22px !important;
  margin-left: -34px;
  margin-top: -35px;
  position: relative;
  z-index: 2;
}

input[type=checkbox] {
  visibility: hidden;
}

.newCheckbox {
  width: 32px;
  height: 32px;
  background: #000;
  margin: 0px;
  position: relative;
}

.newCheckbox label {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 1px;
  top: 1px;
  background: #fff;
}

.newCheckbox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 15px;
  height: 7px;
  background: transparent;
  top: 10px;
  left: 7px;
  border: 3px solid #000000;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.newCheckbox input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

/* ##################### footer area ##################### */

#footer {
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 24px;
}

a.footerlink {
  font-family: 'Quicksand', sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

a.footerlink:hover{
  color: #fff;
  text-decoration: underline;
}

.footercharitytext {
  font-family: 'Quicksand', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  line-height: 24px;
}

#fullcopyright, #midcopyright1, #midcopyright2, #mobilecopyright {
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.75px;
  font-size: 12px;
  color: #fff;
  display: none;
}

a.eighteenthree {
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.75px;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

a.eighteenthree:hover {
  color: #fff;
  text-decoration: underline;
}

/* ################## header media queries ################# */

@media screen and (min-width:1251px) {
  #topmenu, #topmenu-topbar { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:92%; }
  .header-cell-1 { display:table-cell; width:55%; }
  .header-cell-2 { display:table-cell; width:45%; }
  #header_logo_1 { display:block; }
  #header_logo_2 { display:none; }
  .header-logo { height:120px; }
  .header-logo-mobile { height:75px; }
  .header-supportus { height:70px; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container, #photo-area, #dark-overlay { height:400px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:370px; }
  #page-title-home { font-size:48px; line-height:52px; top:50%; transform:translate(-50%, -52%); }
  #page-title { font-size:48px; line-height:52px; }
  #home-photo-table { display:block; }
  #home-photo-table-mobile { display:none; }
  .home-photo-table-photo { width:53%; }
  .home-photo-table-text { width:47%; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:150px; height:150px; }
}

@media screen and (min-width:1101px) and (max-width:1250px) {
  #topmenu, #topmenu-topbar { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:92%; }
  .header-cell-1 { display:table-cell; width:55%; }
  .header-cell-2 { display:table-cell; width:45%; }
  #header_logo_1 { display:block; }
  #header_logo_2 { display:none; }
  .header-logo { height:110px; }
  .header-logo-mobile { height:75px; }
  .header-supportus { height:65px; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container { margin-top:200px; }
  #logo-container, #photo-area, #dark-overlay { height:400px; }
  #logo-container-inner { margin-top:200px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:370px; }
  #page-title-home { font-size:48px; line-height:52px; top:50%; transform:translate(-50%, -52%); }
  #page-title { font-size:48px; line-height:52px; }
  #home-photo-table { display:block; }
  #home-photo-table-mobile { display:none; }
  .home-photo-table-photo { width:53%; }
  .home-photo-table-text { width:47%; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:150px; height:150px; }
}

@media screen and (min-width:1051px) and (max-width:1100px) {
  #topmenu, #topmenu-topbar { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:92%; }
  .header-cell-1 { display:table-cell; width:55%; }
  .header-cell-2 { display:table-cell; width:45%; }
  #header_logo_1 { display:block; }
  #header_logo_2 { display:none; }
  .header-logo { height:105px; }
  .header-logo-mobile { height:75px; }
  .header-supportus { height:65px; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container { margin-top:200px; }
  #logo-container, #photo-area, #dark-overlay { height:400px; }
  #logo-container-inner { margin-top:200px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:370px; }
  #page-title-home { font-size:48px; line-height:52px; top:50%; transform:translate(-50%, -50%); }
  #page-title { font-size:48px; line-height:52px; }
  #home-photo-table { display:block; }
  #home-photo-table-mobile { display:none; }
  .home-photo-table-photo { width:52%; }
  .home-photo-table-text { width:48%; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:140px; height:140px; }
}

@media screen and (min-width:981px) and (max-width:1050px) {
  #topmenu, #topmenu-topbar { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:92%; }
  .header-cell-1 { display:table-cell; width:55%; }
  .header-cell-2 { display:table-cell; width:45%; }
  #header_logo_1 { display:block; }
  #header_logo_2 { display:none; }
  .header-logo { height:100px; }
  .header-logo-mobile { height:75px; }
  .header-supportus { height:60px; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container { margin-top:200px; }
  #logo-container, #photo-area, #dark-overlay { height:400px; }
  #logo-container-inner { margin-top:200px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:370px; }
  #page-title-home { font-size:48px; line-height:52px; top:50%; transform:translate(-50%, -45%); }
  #page-title { font-size:48px; line-height:52px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:300px; }
  .home-photo-table-text { width:100%; height:300px; font-size:26px; line-height:34px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:130px; height:130px; }
}

@media screen and (min-width:881px) and (max-width:980px) {
  #topmenu, #topmenu-topbar { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:92%; }
  .header-cell-1 { display:table-cell; width:55%; }
  .header-cell-2 { display:table-cell; width:45%; }
  #header_logo_1 { display:block; }
  #header_logo_2 { display:none; }
  .header-logo { height:90px; }
  .header-logo-mobile { height:75px; }
  .header-supportus { height:60px; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container { margin-top:200px; }
  #logo-container, #photo-area, #dark-overlay { height:400px; }
  #logo-container-inner { margin-top:200px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:370px; }
  #page-title-home { font-size:44px; line-height:48px; top:50%; transform:translate(-50%, -45%); }
  #page-title { font-size:44px; line-height:48px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:300px; }
  .home-photo-table-text { width:100%; height:300px; font-size:26px; line-height:34px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:130px; height:130px; }
}

@media screen and (min-width:801px) and (max-width:880px) {
  #topmenu, #topmenu-topbar { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:92%; }
  .header-cell-1 { display:table-cell; width:55%; }
  .header-cell-2 { display:table-cell; width:45%; }
  #header_logo_1 { display:none; }
  #header_logo_2 { display:block; }
  .header-logo { height:100px; }
  .header-logo-mobile { height:75px; }
  .header-supportus { height:68px; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container { margin-top:200px; }
  #logo-container, #photo-area, #dark-overlay { height:400px; }
  #logo-container-inner { margin-top:200px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:370px; }
  #page-title-home { font-size:40px; line-height:46px; top:50%; transform:translate(-50%, -45%); }
  #page-title { font-size:40px; line-height:46px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:300px; }
  .home-photo-table-text { width:100%; height:300px; font-size:26px; line-height:34px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:120px; height:120px; }
}

@media screen and (min-width:701px) and (max-width:800px) {
  #topmenu, #topmenu-topbar { display:none; }
  #topmenu-mobile { display:block; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:95%; }
  .header-cell-1 { display:none; }
  .header-cell-2 { display:none; }
  #header_logo_1 { display:none; }
  #header_logo_2 { display:none; }
  .header-logo { height:105px; }
  .header-logo-mobile { height:80px; }
  .header-supportus { height:60px; float:right; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container { margin-top:95px; }
  #logo-container, #photo-area, #dark-overlay { height:400px; }
  #logo-container-inner { margin-top:95px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:370px; }
  #page-title-home { font-size:38px; line-height:42px; top:50%; transform:translate(-50%, -45%); }
  #page-title { font-size:38px; line-height:42px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:300px; }
  .home-photo-table-text { width:100%; height:300px; font-size:26px; line-height:34px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:120px; height:120px; }
}

@media screen and (min-width:601px) and (max-width:700px) {
  #topmenu, #topmenu-topbar { display:none; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:block; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:95%; }
  .header-cell-1 { display:none; }
  .header-cell-2 { display:none; }
  #header_logo_1 { display:none; }
  #header_logo_2 { display:none; }
  .header-logo { height:105px; }
  .header-logo-mobile { height:75px; }
  .header-supportus { height:60px; float:right; }
  .openmenu { width:65px; height:65px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #logo-container { margin-top:95px; }
  #logo-container, #photo-area, #dark-overlay { height:350px; }
  #logo-container-inner { margin-top:95px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:320px; }
  #page-title-home { font-size:36px; line-height:38px; top:50%; transform:translate(-50%, -45%); }
  #page-title { font-size:36px; line-height:38px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:300px; }
  .home-photo-table-text { width:100%; height:300px; font-size:26px; line-height:34px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:100px; height:100px; }
}

@media screen and (min-width:501px) and (max-width:600px) {
  #topmenu, #topmenu-topbar { display:none; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:block; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:95%; }
  .header-cell-1 { display:none; }
  .header-cell-2 { display:none; }
  #header_logo_1 { display:none; }
  #header_logo_2 { display:none; }
  .header-logo { height:105px; }
  .header-logo-mobile { height:70px; }
  .header-supportus { height:60px; float:right; }
  .openmenu { width:55px; height:55px; }
  #closemenu { top:17px; width:60px; height:60px; }
  #logo-container { margin-top:95px; }
  #logo-container, #photo-area, #dark-overlay { height:330px; }
  #logo-container-inner { margin-top:95px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:300px; }
  #page-title-home { font-size:32px; line-height:34px; top:50%; transform:translate(-50%, -48%); }
  #page-title { font-size:32px; line-height:34px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:300px; }
  .home-photo-table-text { width:100%; height:300px; font-size:26px; line-height:34px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:100px; height:100px; }
}

@media screen and (min-width:401px) and (max-width:500px) {
  #topmenu, #topmenu-topbar { display:none; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display:none; }
  #topmenu-mobile-3 { display:block; }
  #topmenu-mobile-4 { display:none; }
  .topbar_inner_width { width:95%; }
  .header-cell-1 { display:none; }
  .header-cell-2 { display:none; }
  #header_logo_1 { display:none; }
  #header_logo_2 { display:none; }
  .header-logo { height:105px; }
  .header-logo-mobile { height:65px; }
  .header-supportus { height:60px; float:right; }
  .openmenu { width:53px; height:53px; }
  #closemenu { top:17px; width:60px; height:60px; }
  #logo-container { margin-top:95px; }
  #logo-container, #photo-area, #dark-overlay { height:280px; }
  #logo-container-inner { margin-top:95px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:250px; }
  #page-title-home { font-size:28px; line-height:30px; top:50%; transform:translate(-50%, -48%); }
  #page-title { font-size:28px; line-height:30px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:275px; }
  .home-photo-table-text { width:100%; height:275px; font-size:22px; line-height:30px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:100px; height:100px; }
}

@media screen and (max-width:400px) {
  #topmenu, #topmenu-topbar { display:none; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-2 { display: none; }
  #topmenu-mobile-3 { display:none; }
  #topmenu-mobile-4 { display:block; }
  .topbar_inner_width { width:95%; }
  .header-cell-1 { display:none; }
  .header-cell-2 { display:none; }
  #header_logo_1 { display:none; }
  #header_logo_2 { display:none; }
  .header-logo { height:105px; }
  .header-logo-mobile { height:60px; }
  .header-supportus { height:60px; float:right; }
  .openmenu { width:50px; height:50px; }
  #closemenu { top:17px; width:60px; height:60px; }
  #logo-container { margin-top:95px; }
  #logo-container, #photo-area, #dark-overlay { height:230px; }
  #logo-container-inner { margin-top:95px; }
  #logo-container-inner, #photo-area-inner, #dark-overlay-inner { height:200px; }
  #page-title-home { font-size:24px; line-height:26px; top:50%; transform:translate(-50%, -45%); }
  #page-title { font-size:24px; line-height:26px; }
  #home-photo-table { display:none; }
  #home-photo-table-mobile { display:block; }
  .home-photo-table-photo { width:100%; height:250px; }
  .home-photo-table-text { width:100%; height:250px; font-size:22px; line-height:28px; }
  .homeiconwrapper { margin-bottom:20px; }
  .homeicon { width:100px; height:100px; }
}

/* ################## home media queries ################# */


/* ################ general media queries ################ */

@media screen and (min-width:1001px) {
  .pill-photo-size-1, .pill-photo-size-2, .pill-photo-size-3 { height:120px; }
  .pill-photo-size-4 { height:250px; }
}

@media screen and (min-width:751px) and (max-width:1000px) {
  .pill-photo-size-1, .pill-photo-size-2, .pill-photo-size-3 { height:110px; }
  .pill-photo-size-4 { height:250px; }
}

@media screen and (max-width:676px) and (max-width:750px) {
  .pill-photo-size-1, .pill-photo-size-2, .pill-photo-size-3 { height:100px; }
  .pill-photo-size-4 { height:250px; }
}

@media screen and (max-width:675px) {
  .pill-photo-size-1, .pill-photo-size-2, .pill-photo-size-3 { height:90px; }
  .pill-photo-size-4 { height:220px; }
}

/* ################ footer media queries ################# */

@media screen and (min-width:926px) {
  #fullcopyright { display:block; }
  #midcopyright1 { display:none; }
  #midcopyright2 { display:none; }
  #mobilecopyright { display:none; }
  #footer { font-size:16px; line-height:24px; }
  a.footerlink { font-size:14px; }
  .footercharitytext { font-size:15px; line-height:24px; }
}

@media screen and (min-width:681px) and (max-width:925px) {
  #fullcopyright { display:none; }
  #midcopyright1 { display:block; }
  #midcopyright2 { display:none; }
  #mobilecopyright { display:none; }
  #footer { font-size:16px; line-height:24px; }
  a.footerlink { font-size:14px; }
  .footercharitytext { font-size:15px; line-height:22px; }
}

@media screen and (min-width:551px) and (max-width:680px) {
  #fullcopyright { display:none; }
  #midcopyright1 { display:none; }
  #midcopyright2 { display:block; }
  #mobilecopyright { display:none; }
  #footer { font-size:14px; line-height:22px; }
  a.footerlink { font-size:13px; }
  .footercharitytext { font-size:14px; line-height:22px; }
}

@media screen and (max-width:550px) {
  #fullcopyright { display:none; }
  #midcopyright1 { display:none; }
  #midcopyright2 { display:none; }
  #mobilecopyright { display:block; }
  #footer { font-size:14px; line-height:20px; }
  a.footerlink { font-size:12px; }
  .footercharitytext { font-size:13px; line-height:20px; }
}

/* ####################################################### */