/*    version 1.2        */
/*    August 4th 2020     */

html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  line-height: 1.75em;
}
h1 {
  font-size: 3em;
  font-weight: 700;
}
h2 {
  font-size: 1.75em;
  font-weight: 400;
}
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: none !important;
}
.table td,
.table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
#feeTable td,
#feeTable th {
  max-width: 115px;
  word-wrap: break-word;
}
.equipment-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #bbb;
}
.equipment-table th {
  padding: 0.75rem;
  border-top: 1px solid #bbb;
}
.text-wrap {
  word-wrap: break-word;
}
.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.mainContainer {
  max-width: 960px;
  margin: auto;
  margin-top: 8%;
  margin-bottom: 8%;
}
.tintedWithPadding {
  padding-top: 50px;
  padding-bottom: 50px;
}
.highlightText {
  font-size: 1.5em;
  font-weight: 400;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 20px 0px 20px 0px;
}
.title-underline {
  margin-left: calc(50% - 30px);
  width: 60px;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.smallCardFont {
  font-size: 1em;
  font-weight: 300;
}
.cardSpaceBottom {
  margin-top: 0px;
  margin-bottom: 20px;
}
.addSpaceToBottom {
  margin-bottom: 10px;
}
.showOnMobile {
  display: none;
}
#landing,
#landing-mobile {
  position: relative;
  overflow: hidden;
}
#landing .contain,
#landing-mobile .contain {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100vw;
  height: 100vh;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#landing video,
#landing-mobile video {
  position: absolute;
  object-fit: cover;
  overflow: hidden;
  z-index: -100;
}
#mainMenu {
  z-index: 10;
  height: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*-webkit-flex-flow: row wrap;*/
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.mainMenuOpen {
  height: 80% !important;
}
#mainMenu ul {
  list-style: none;
}
.menuSubItem1 ul {
  cursor: pointer;
}
.menuSubItem1 li:hover {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transform: translateX(20px);
  color: white;
}
.menuSubItem1 li {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  color: white;
}
.menuSubItem1 li a {
  text-decoration: none;
  color: white !important;
}
.menuButton {
  width: 30px;
  height: 30px;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
}
.mline {
  position: relative;
  background-color: white;
  width: 100%;
  height: 10%;
  margin-top: 15%;
  margin-bottom: 15%;
  -webkit-transition: 0.2s ease;
}
.toggleOpen {
  width: 0px !important;
}
.toggleClose {
  width: 100% !important;
}
.xline {
  position: absolute;
  top: 50%;
  background-color: white;
  width: 0%;
  height: 10%;
}
.xline-t {
  transform-origin: left center;
  transform: translate(10%, 250%) rotate(-45deg);
  -webkit-transition: 0.1s ease;
  /*   width: 100% !important; */
}
.xline-b {
  transform-origin: left center;
  transform: translate(10%, -450%) rotate(45deg);
  -webkit-transition: 0.2s ease;
  /*    width: 100% !important;  */
}
.menuSubItem1 {
  margin-right: 15%;
  color: white;
  font-weight: bold;
  font-size: 2em;
  line-height: 70px;
}
.menuSubItem2 {
  color: white;
  font-size: 1.1em;
  line-height: 31px;
}
.addUnderLine:after {
  content: '';
  display: block;
  transform: translateY(-20px);
  width: 0px;
  height: 3px;
  background: white;
  z-index: 1000;
  transition: 0.3s ease;
}
.addUnderLine:hover:after {
  width: 70%;
}
.simple-accordian-panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.simple-accordian {
  cursor: pointer;
}
#loginBtn,
#loginBtn-mobile {
  z-index: 11;
  display: block;
  opacity: 1;
  position: fixed;
  top: 10px;
  right: 10px;
  color: white;
  transition: all 0.25 ease;

  background-color: rgba(255, 255, 255, 0.2);
  /*border: 1.5px solid white;*/
}
#loginBtn:hover,
#loginBtn-mobile:hover {
  background-color: white !important;
}
.mainMargins,
.flip-card-section-margins {
  margin-left: 10%;
  margin-right: 10%;
}
.smallSpacer {
  height: 25px;
}
.bigSpacer {
  height: 100px;
}
.AlwaysFullScreen {
  width: 100%;
  height: 100%;
}
.fullScreen {
  width: 100%;
  height: 100%;
}
.withBGImg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.largeBG-right {
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: 110% 10%;
}
.largeBG-left {
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: -10% 10%;
}
.largeBG-up {
  background-position: -10% 0%;
}
.jumbo-title {
  font-weight: bold;
  letter-spacing: 0.02em;
}
.jumbo-caption {
  font-weight: 300;
}
.jumbo-container {
  color: white;
  margin-right: 36%;
}
.verticalCentreParent {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.verticalCentreChild {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.content-verticalCentreParent {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.content-verticalCentreChild {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* ~Description Box Colours~ */

.lightTeal {
  background: linear-gradient(#cdf2f6, #cdf2f6);
}
.lightCoral {
  background: linear-gradient(#feeeee, #feeeee);
}
.lightBlue {
  background: linear-gradient(#e5edfd, #e5edfd);
}
.lightYellow {
  background: linear-gradient(#fcf1de, #fcf1de);
}
.lightPurple {
  background: linear-gradient(#f4edfd, #f4edfd);
}
.lightGreen {
  background: linear-gradient(#e0f3ec, #e0f3ec);
}
.offsetBG-right {
  width: 100%;
  height: 100%;
  background-size: 85% 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  margin-right: 0;
  margin-left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.offsetBG-right:hover {
  background-size: 80% 95%;
}
.offsetBG-left {
  width: 100%;
  height: 100%;
  background-size: 85% 100%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  padding-left: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  margin-right: 0;
  margin-left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.offsetBG-left:hover {
  background-size: 80% 95%;
}
.borderCardContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}
.borderCard {
  border: 2.5px solid #2566af;
  background-color: white;
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
  border: 2.5px solid #2566af;
  margin: 10px;
  height: 375px;
  flex-basis: 375px;
  flex-wrap: wrap;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.borderCard:hover {
  box-shadow: 0 5px 11px rgba(0, 0, 0, 0.5);
}
.accordion-Section {
  background: #fdfdfd;
  min-height: 100vh;
  padding: 10vh 0 0;
}
.accordion-Title {
  position: relative;
  display: block;
  font-weight: 600;
  line-height: 1;
}
.accordion-Title p {
  padding: 0 190px;
  margin-bottom: 10px;
}
.faq {
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.faq .card .accordionCardHeader {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.faq .card .accordionCardHeader:hover {
  padding-left: 10px;
}
.faq .card .accordionCardHeader .accordion-Title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 400;
  font-size: 1.2em;
  color: black;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  margin-top: 5%;
  margin-bottom: 5%;
}
.faq .card .accordionCardHeader .accordion-Title .badge {
  /* display: inline-block; */
  width: 20px;
  height: 20px;
  line-height: 14px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-right: 20px;
}
.faq .card .card-body {
  padding: 30px;
  padding-left: 35px;
  padding-bottom: 16px;
  font-weight: 400;
  border-top: 1px solid #f2f2f2;
}
.faq .card .card-body p {
  margin-bottom: 14px;
}
.accordianCardHeader {
  cursor: pointer;
}
.txtBtn {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.txtBtn:hover {
  margin-left: 10px;
  color: #6e6e6e;
}
.txtBtn-small-font {
  font-size: 0.9em;
}
.tab {
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.tab:hover {
  color: darkgray;
}
.outlineBtn {
  display: inline-block;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: black;
  border: 1.5px solid black;
  padding: 6px 16px 6px 16px;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.outlineBtn:hover {
  background-color: black;
}
.btn {
  border-radius: 5px;
  color: white !important;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.btn:hover {
  background-color: white;
}
.cta {
  color: white;
  font-size: 1em;
  border-radius: 50px;
  padding: 10px 20px 10px 20px;
  margin-top: 20px;
}
.cta:after {
  content: '  ›';
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.cta:hover:after {
  padding-left: 5px;
}
.iconContainer {
  text-align: center;
}
.mediumIcons {
  height: 100px;
}
.imageIcons {
  width: 80%;
  margin: 35px;
  max-height: 400px;
}
.flexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.flexObject {
  flex-basis: 300px;
  max-height: 350px;
}
.textOverlay {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  transform: translateY(-175px);
  opacity: 0;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.overlayBG {
  width: 100%;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.flexObject:hover .textOverlay {
  opacity: 1;
}
.flexObject:hover .overlayBG {
  opacity: 0.3;
  padding: 5px;
}
.largeIcons {
  height: 150px;
}
.textLeft-60 {
  margin-right: 40%;
}
.textRight-60 {
  margin-left: 40%;
}
.scrollCard {
  box-shadow: 0px 1px 6px rgba(33, 33, 33, 0.2);
  width: auto;
  height: auto;
  background-color: white;
  border-radius: 10px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.scrollCard:hover {
  box-shadow: 0 0 8px rgba(33, 33, 33, 0.5);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.scrollCardBar {
  display: flex;
  min-width: 100%;
  min-height: 200px;
  overflow-x: auto;
  margin: 0;
}
.scrollCard {
  min-width: 300px;
  margin: 8px;
  text-align: center;
  padding: 20px 30px 30px 20px;
}
.scrollCardContainer {
  display: flex;
  margin-left: 10%;
  margin-right: 10%;
}
.scrollCardBar::-webkit-scrollbar {
  display: none;
}
.endOfScroll {
  width: 100px;
}
.line {
  margin: 20px 0px 20px 0px;
  width: 100%;
  background-color: black;
  height: 1px;
}
.profilePicture {
  height: 300px;
}
.newsImg {
  height: 200px;
  margin-bottom: 20px;
  background-size: cover;
}
.iconRow-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}
.iconRow-icon {
  /*background-color: white;*/
  padding: 20px;
  margin-top: 20px;
  text-align: center;
  margin: 10px;
  height: 300px;
  flex-basis: 250px;
  flex-wrap: wrap;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.flip-container {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.flip-cards-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  flex-basis: 400px;
  margin: 10px;
}
.startFlip .flipper {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
  width: 400px;
  height: 500px;
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front,
.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flipRow {
  display: flex;
  flex-direction: row;
  align-content: space-around;
  justify-content: center;
}
/* .back .flipCard {
  border: 1px solid black;
} */
.borderCardContainer {
  -webkit-flex-flow: row wrap;
  justify-content: center;
  flex-basis: 400px;
  flex-wrap: wrap;
}
.flipCard {
  color: white;
  background-color: white;
  background-size: cover;
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
  margin: 10px;
  height: 500px;
  position: relative;
  transition: all 0.3s ease 0s;
  overflow: auto;
}
.flipCardBack-body {
  color: black;
}
.flipCardFront-heading {
  padding: 20px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.twitterEmbed {
  margin-top: 20px;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
}
footer .line {
  margin-top: 10px;
  margin-bottom: 36px;
  background-color: white;
  height: 1px;
}
footer {
  height: auto;
  color: white;
  width: 100%;
  position: relative;
}
footer ul {
  font-weight: 300;
  list-style-type: none;
  padding: 0;
}
footer li {
  padding: 10px 0px 5px 0px;
}
footer .wrapper {
  display: flex;
  flex-flow: row wrap;
  font-weight: bold;
  justify-content: space-around;
}
.col1 {
  text-align: left;
  flex-shrink: 0;
  flex-grow: 1;
  padding-bottom: 40px;
  padding-left: 20px;
}
.col {
  flex-basis: 30%;
}
.wave-down {
  transform: translateY(-2px);
}
.logo-in-footer {
  height: 120px;
  margin-top: -25px;
}
.footer-copy ul {
  list-style-type: none;
  padding: 1.3em 0 0 0;
}
.footer-copy ul li {
  display: inline-block;
}
.mailto-style a:hover {
  text-decoration: underline !important;
}
.box {
  padding: 1%;
}
.box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}