#page { background-color: #fff; }

#regMainContent { background-color: #fff; }
#regBodyContent { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #fff; }
#regBodyContent.fullWidth { max-width: unset; margin: 0; padding: 0; background-color: #fff; }

#regBodyContent h1 { margin-top: 5px; margin-bottom: 8px; font-size: 2.55em; font-weight: 700;  color: #F78D2B; }
#regBodyContent h2 { margin: 20px 0 15px 0; font-size: 2.2em; font-weight: 700; text-align: center; color: #284465; text-transform: uppercase; padding: 0 3% 0 2%; }
#regBodyContent h4 { text-align: left; text-transform: uppercase; color: #1C2D46; font-weight: bold; font-size: 1.4em; margin: 60px 0 20px 0; }

#regBodyContent p { font-weight: 600; color: #1C2D46; }
#regBodyContent a { color: #F78D2B; text-decoration: underline;}

.btnDarkBlue { background: #1C2D46 !important; transition: background 0.2s linear; }
.btnDarkBlue:hover { background: #57B2B8 !important; transition: background 0.2s linear; }
.btnBlue { background: #57B2B8 !important; transition: background 0.2s linear; }
.btnBlue:hover { background: #1C2D46 !important; transition: background 0.2s linear; }
.btnOrange { background: #F78D2B !important; transition: background 0.2s linear; }
.btnOrange:hover { background: #1C2D46 !important; transition: background 0.2s linear; }

div[data-item-url] {cursor: pointer}


/* Page Banner */
/*.pagebanner, .pageBanner * { box-sizing: border-box; }
.pageBanner { position: relative; width: 100%; height: 420px; }
.pageBanner .slides { width: 100%; height: 420px; object-fit: cover; object-position: center center; cursor: grab; }
.pageBanner .slides .slide { width: 100%; height: 420px; object-fit: cover; object-position: center center; }
.pageBanner .slides .slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.pageBanner .statistics { position: absolute; top: calc(50% - 190px); left: calc(50% - 140px); width: 280px; height: 210px; }
.pageBanner .statistics .max1200 { max-width: 300px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 20px; row-gap: 10px; }
.pageBanner .statistics .stat { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 120px; height: 120px; border: 4px solid #fff; border-radius: 50%; background-color: #57b2b8; color: #fff; margin: 0; padding: 0; transition: background-color 0.2s linear }
.pageBanner .statistics .stat:hover { background-color: #1c2d46; transition: background-color 0.2s linear }
.pageBanner .statistics .stat .number { color: #fff; font-size: 30px; font-weight: 700; margin: 0; }
.pageBanner .statistics .stat .text { color: #fff; font-size: 11px; font-weight: 600; margin: 0; text-align: center; padding: 0 10px; text-transform: uppercase; }*/


/* 850px --------------------------------------------------------------------------- */
/*@media (min-width: 850px) {
  .pageBanner { margin-bottom: 100px; height: 210px; }
  .pageBanner .slides { height: 210px; }
  .pageBanner .slides .slide { height: 210px; }
  .pageBanner .statistics { display: flex; align-content: center; justify-content: center; width: 100%; height: fit-content; top: calc(350px - 190px); bottom: 0; left: 0; right: 0; }
  .pageBanner .statistics .max1200 { width: 100%; max-width: 1200px; align-items: center; justify-content: space-around; gap: 20px; flex-wrap: unset; }
  .pageBanner .statistics .stat { width: 142px; height: 142px; }
  .pageBanner .statistics .stat .number { font-size: 40px; }
  .pageBanner .statistics .stat .text { font-size: 12px; }
}*/

/* 1000px --------------------------------------------------------------------------- */
/*@media (min-width: 1000px) {
  .pageBanner { margin-bottom: 100px; }
  .pageBanner .statistics { top: calc(350px - 140.5px - 92px); }
  .pageBanner .statistics .stat { width: 184px; height: 184px; }
  .pageBanner .statistics .stat .number { font-size: 46px; }
  .pageBanner .statistics .stat .text { font-size: 15px; }
}*/