/* @import url("https://fonts.googleapis.com/css?family=Raleway&display=swap"); */

@font-face {
  font-family: mashine-bold;
  src: url(fonts/Mashine-Bold.otf);
}

@font-face {
  font-family: AktivGroteskEx_Bold;
  src: url(fonts/AktivGroteskEx_Bd.ttf);
}

@font-face {
  font-family: AktivGroteskEx_Regular;
  src: url(fonts/AktivGroteskEx_Rg.ttf);
}

body,
html {
  color: #ffffff;
  padding: 0;
  margin: 0;
  position: relative;
  background-color: #000;
  height: 100vh;
  /* font-family: jaf-mashine, sans-serif; */
  font-family: AktivGroteskEx_Regular, sans-serif;
  font-style: normal;
  font-weight: 800;
  /* overflow-y: scroll; */
  overflow-x: hidden;
}

p.smallDescription.quizSmallDescription {
  padding: 0px;
}

.row.bottomLinkFormat.crewBottomLink {
  padding: 0rem 0.5rem;
}

.row.bottomLinkFormat2.crewBottomLink {
  padding: 0rem 0.5rem;
}

.col-xs-12.col-lg-12.aboutContentDescriptionFormatM {
  padding: 0rem 1rem 0rem 1rem;
}

span.quizButtonImage {
  padding: 0rem 0rem 0rem 1rem;
}

/*Video Player*/
.imagePlaybuttonOverlay .bgOverlay{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #00000000;
    color: white;
    padding: 32% 50%;
    text-align: center;
    z-index: 1;
}

li#dropdownMenu.open .barWrapper {
  background-color: #ffd54d;
}

li#dropdownMenu.open .barWrapper .expand-bar:after {
  background-color: #000000;
}

li#dropdownMenu.open .dropdownMenuTitle {
  color: #ffd54d;
}

span.current.currentFormat {
  text-align: right;
}

span.duration.durationFormat {
  text-align: left;
}

.player {
  max-width: 100%;
  /* border: 5px solid rgba(0, 0, 0, 0.2); */
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */
  position: relative;
  font-size: 0;
  overflow: hidden;
}

/* This css is only applied when fullscreen is active. */
.player:fullscreen {
  max-width: none;
  width: 100%;
}

.player:-webkit-full-screen {
  max-width: none;
  width: 100%;
}

.player__video {
  width: 100%;
}

.player__button {
  background: none;
  border: 0;
  line-height: 1;
  color: white;
  text-align: center;
  outline: 0;
  padding: 0;
  cursor: pointer;
  max-width: 40px;
}

.player__button:focus {
  border-color: #ffc600;
}

.player__slider {
  width: 10px;
  height: 30px;
}

.player__controls {
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(100%) translateY(-5px);
  transition: all .3s;
  flex-wrap: wrap;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  z-index: 2147483648;
}

.player:hover .player__controls {
  transform: translateY(0);
}

.player:hover .progress {
  height: 15px;
}

.player__controls>* {
  flex: 1;
}

.progress {
  flex: 10;
  position: relative;
  display: flex;
  flex-basis: 100%;
  height: 5px;
  transition: height 0.3s;
  background: rgba(0, 0, 0, 0.5);
  cursor: ew-resize;
}

.current,
.duration,
.fullscreen-btn {
  max-width: inherit;
  color: #fff;
  font-size: 10px;
  margin: auto 0px;
  padding: 0 7px;
  text-align: center;
}

.fullscreen-btn {
  color: #000;
  margin: auto 6px;
  background-color: #f9f9f9;
  border-radius: 2px;
  border: 0;
}

.progress__filled {
  width: 50%;
  background: #ffc600;
  flex: 0;
  flex-basis: 0%;
}

.progress__filled .current {
  position: absolute;
  right: 0;
  top: -10px;
}

/* unholy css to style input type="range" */

/* video::-webkit-media-controls {
  display: none !important;
}

input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  width: 100%;
  margin: 0 5px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1.3px;
  border: 0.2px solid rgba(1, 1, 1, 0);
}

input[type=range]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #ffc600;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

input[type=range]:focus::-wefbkit-slider-runnable-track {
  background: #bada55;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #ffffff;
  border-radius: 1.3px;
  border: 0.2px solid rgba(1, 1, 1, 0);
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #ffc600;
  cursor: pointer;
} */
/*End Video Player*/

.personaContainer{
  position: relative;
}

.personaFormat {
  position: relative;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  background-color: none;
}

.whitelogo {
  text-align: left;
  padding: 5rem 0rem 0rem 0rem;
}

.col-lg-6.careerContentDescriptionFormatD {
  font-size: 18px;
}


/* MESH LOADER */

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit;
}
.mesh-loader .circle {
  width: 30px;
  height: 30px;
  position: absolute;
  background: #fed54d;
  border-radius: 50%;
  margin: -15px;
  -webkit-animation: mesh 3s ease-in-out infinite -1.5s;
  animation: mesh 3s ease-in-out infinite -1.5s;
}

.mesh-loader > div .circle:last-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.mesh-loader > div {
  position: absolute;
  top: 50%;
  left: 50%;
}

.mesh-loader > div:last-child {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@-webkit-keyframes mesh {
  0% {
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  50.1% {
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes mesh {
  0% {
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  50.1% {
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*End of Mesh Loader */


/* Page loader */

.loader {
  width: 100%;
  height: 100%;
  background-color: #333;
  position: absolute;
  top: 0;
  left: 0;
  animation: loader 0.5s 2.2s ease-in forwards;
  z-index: 99;
}

.progress-bar {
  width: 200px;
  height: 2px;
  background-color: darkslategray;
  position: relative;
  top: calc(50% - 1px);
  left: calc(50% - 100px);
}

.progress-bar:before {
  content: "";
  display: block;
  width: 8px;
  height: 5px;
  position: absolute;
  animation: progress 2s ease-in-out forwards;
}

@keyframes loader {
  to {
    left: -100vw;
  }
}

@keyframes progress {
  to {
    border-left: 200px solid yellow;
  }
}

/* End of Page Loader */

.backBtn {
  display: block;
  position: absolute;
  top: 3rem;
  right: 3rem;
  z-index: 15;
}

.backBtn a {
  color: #fff;
}

.backBtn a:hover {
  text-decoration: underline;
  text-underline-offset: 8px;
}
/* .container {
  max-width: fit-content;
} */

a.bottomLinkBtn {
    align-items: center;
    background-color: #ffd54d;
    border: 1px solid #ffd54d;
    border-radius: 50px;
    color: #000;
    display: inline-flex;
    font-size: 1rem;
    justify-content: space-around;
    line-height: 50px;
    min-width: 250px;
    overflow: hidden;
    padding: 0.25rem 0 0.5rem 1rem;
}

a.bottomLinkBtn.white {
    background-color: #fff;
    border: 1px solid #fff;
}

a.bottomLinkBtn:after {
  background-image: url(img/roundArrow-black.png);
  content: " ";
  display: inline-block;
  height: 50px;
  width: 50px;
  background-position: center;
}

a.bottomLinkBtn:hover {
  background-color: transparent;
  color: #fff;
}

a.bottomLinkBtn:hover:after {
  background-image: url(img/roundArrow-white.png);
}

.col-xs-12.col-lg-6.crewKVAsset {
  padding: 0rem;
}

ul.main .listMenu:nth-child(1) {
  border-top: none;
}

/* Boostrap Modal Customize */

.modal-dialog {
  max-width: 100%;
  margin: 1.75rem auto;
}

/* .carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 7rem;
  height: 10rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
} */

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 0rem;
  height: 10rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

div#carouselExampleControls {
  padding-left: 0rem;
  padding-right: 0rem;
}

/* .close {
  color: #fff;
  text-shadow: 0 1px 0 #fff;
}

.modal-content {
  background: transparent;
  border: none;
} */

/* End Boostrap Modal Customize */

.learnFormatLink {
  font-family: AktivGroteskEx_Regular;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

.learnFormatLink a {
  color: #fff;
  font-weight: 100;
}

.container.aboutQuizButton {
  padding: 2rem 1rem;
}

p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.col-xs-12.col-lg-6.homeImg {
  position: relative;
  z-index: 1;
}

/* div.contentScroll {
            width: 100%;
            height: 300px;
            overflow: scroll;
        } */

.scrollbar {
  /* margin-left: 30px; */
  float: left;
  height: 300px;
  width: 100%;
  background: #f5f5f500;
  overflow-y: scroll;
  /* margin-bottom: 25px; */
}

/* Quiz Button */

a {
  display: inline-block;
  border-radius: 50%;
}

a:hover .right,
button:hover .right {
  border: 0.1em solid #fed54d;
  background-color: #fed54d;
}

a:hover .right:after,
button:hover .right:after {
  border-top: 0.2em solid #000;
  border-right: 0.2em solid #000;
}

.right {
  display: inline-block;
  width: 3em;
  height: 3em;
  border: 0.1em solid #fed54d;
  border-radius: 50%;
  margin-left: 1.1em;
}

.right:after {
  content: "";
  display: inline-block;
  margin-top: 1em;
  margin-right: 1.2em;
  width: 0.6em;
  height: 0.6em;
  border-top: 0.2em solid #fed54d;
  border-right: 0.2em solid #fed54d;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* End of Quiz Button */

/* Accordion */
.accordion {
  background-color: #eee0;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
}

.active,
.accordion:hover {
  background-color: #ccc0;
  border-bottom: none;
}

.accordion:after {
  content: "\002B";
  color: #ffd54d;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

/* .active:after {
  content: "\2212";
} */

/* .panel {
  padding: 0 18px;
  background-color: #ffffff00;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
} */

p.whatifSmallTitle a {
  padding-left: 0.1rem;
  text-decoration: underline;
  text-underline-offset: 8px;
}

.row.crewReadMore a:hover {
  color: #fff;
}

.careerPurposeTypeContent {
  color: #fff;
}

#more,
#more2,
#more3,
#more4,
#more5,
#moreD,
#moreD2,
#moreD3,
#moreD4,
#moreD5 {
  display: none;
}

button#myBtn,
button#myBtn2,
button#myBtn3,
button#myBtn4,
button#myBtn5,
button#myBtnD,
button#myBtnD2,
button#myBtnD3,
button#myBtnD4,
button#myBtnD5 {
  border: none;
  background-color: transparent;
  color: #fff;
  padding: 0px;
}

button#contentButton {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 25px;
  color: #fff;
  padding: 4px 19px;
  font-size: 14px;
}

/* END Accordion */

/* UL LI Format */
ol,
ul {
  padding-left: 0rem;
}

ul.dropdown li {
  padding-left: 2rem;
}

li {
  display: block;
  transition-duration: 0.5s;
}

li:hover {
  cursor: pointer;
}

ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  display: none;
}

ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul li ul li {
  clear: both;
  width: 100%;
}

/*END UL LI Format */

.force-overflow {
  min-height: 300px;
}

#style-1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f500;
}

#style-1::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f500;
}

#style-1::-webkit-scrollbar-thumb {
  background-color: #f90;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
    )
    s;
}

/* a.bottomLinkBtn {
  width: 100%;
  display: inline-block;
} */

/* Slide In Effect */
.slideInEffect {
  padding: 0;
  margin: 0;
  margin-left: 50%;
  transform: translateX(-200%);
  opacity: 0;
  animation: slide-in-anim 5s ease-out forwards;
}

.submitbtn {
  position: relative;
  z-index: 999;
}

img#uploadImage {
  padding: 3rem;
}

@keyframes slide-in-anim {
  20% {
    opacity: 0;
  }

  60% {
    transform: translateX(-45%);
  }

  75% {
    transform: translateX(-52%);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%);
  }
}

/***** Global Slide *****/
.slide-right,
.slide-left {
  width: 100%;
}

/***** Slide Right *****/
.slide-right {
  animation: 3s slide-right;
}

@keyframes slide-right {
  from {
    margin-left: -100%;
  }

  to {
    margin-left: 0%;
  }
}

/***** Slide Left *****/
.slide-left {
  animation: 3s slide-left;
}

@keyframes slide-left {
  from {
    margin-left: 100%;
  }

  to {
    margin-left: 0%;
  }
}

/* End of Slide In Effect */

/* Mouse Over Hyperlink Effect */
.wrapper {
  margin: 0.5em 0;
}

a,
a:visited,
a:hover,
a:active {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  transition: 0.5s color ease;
  text-decoration: none;
  /* color: #ffd54d; */
  /* font-size: 2.5em; */
}

/* a:hover {
  color: #ffffff;
} */

/* a.comicLinkFormat:hover {
  text-decoration: underline;
} */

a.before:before,
a.after:after {
  content: "";
  transition: 0.5s all ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

a.before:before {
  top: -0.25em;
}

a.after:after {
  bottom: -0.25em;
}

a.before:before,
a.after:after {
  height: 5px;
  height: 0.1rem;
  width: 0;
  background: #d73444;
}

a.first:after {
  left: 0;
}

a.second:after {
  right: 0;
}

a.third:after,
a.sixth:before,
a.sixth:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

a.fourth:before,
a.fourth:after {
  left: 0;
}

a.fifth:before,
a.fifth:after {
  right: 0;
}

a.seventh:before {
  right: 0;
}

a.seventh:after {
  left: 0;
}

a.eigth:before {
  left: 0;
}

a.eigth:after {
  right: 0;
}

a.before:hover:before,
a.after:hover:after {
  width: 100%;
}

.square {
  box-sizing: border-box;
  margin-left: -0.4em;
  position: relative;
  /* font-size: 2.5em; */
  overflow: hidden;
}

.square a {
  position: static;
  font-size: 100%;
  padding: 0.2em 0.4em;
}

.square:before,
.square:after {
  content: "";
  box-sizing: border-box;
  transition: 0.25s all ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  width: 5px;
  width: 0.1rem;
  height: 0;
  background: #d73444;
}

.square:before {
  left: 0;
  bottom: -0.2em;
}

.square.individual:before {
  transition-delay: 0.6s;
}

.square:after {
  right: 0;
  top: -0.2em;
}

.square.individual:after {
  transition-delay: 0.2s;
}

.square a:before {
  left: 0;
  transition: 0.25s all ease;
}

.square a:after {
  right: 0;
  transition: 0.25s all ease;
}

.square.individual a:after {
  transition: 0.25s all ease 0.4s;
}

.square:hover:before,
.square:hover:after {
  height: calc(100% + 0.4em);
}

.square:hover a:before,
.square:hover a:after {
  width: 100%;
}

/* End of Mouse Over Hyperlink Effect */

.row.bottomFormat {
  text-align: center;
}

.content1 .container {
  text-align: left;
}

.content1 h2 {
  color: #ffffff;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 100%;
  background-color: #00000000;
  color: #ffffff;
  /* text-align: center;*/
  padding: 0rem 1rem;
}

.leftDiv {
  float: left;
}

.rightDiv {
  float: right;
}

.col-lg-6.optionFormat.leftOption {
  text-align: right;
}

.col-lg-6.optionFormat.rightOption {
  text-align: left;
}

.col-lg-6.submitButtonFormat {
  padding: 1rem 0rem;
}

/* .labelFormat {
  text-align: right;
} */

.standard-btn-coloured {
  text-decoration: none;
  background: #00acec;
  border: 2px solid #00acec;
  padding: 10px 20px 10px 20px;
  border-radius: 2px;
  color: #ffffff;
  margin: 5px;
}

.carousel-caption {
  position: relative;
  right: 15%;
  bottom: 1.25rem;
  left: 0%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.col-lg-12.topContent {
  padding: 5rem 2rem;
}

.col-lg-12.midContent {
  padding: 2rem 2rem;
}

.col-xs-12.col-lg-6.midContent {
  text-align: center;
}

.col-xs-12.col-lg-6.midContentEmployee.py-5 {
  text-align: left;
}

.topRow {
  text-align: center;
  background-color: gold;
  color: #000;
  padding: 5rem 1rem;
}

.row.midRow {
  text-align: center;
  color: #fff;
}

/* .col-lg-12.linkFormat {
  padding: 0.5rem 0rem;
} */

.col-lg-12.linkFormat a {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.col-lg-12.shareLinkFormat {
  text-align: center;
}

.col-lg-12.shareLinkFormat p {
  text-decoration: underline;
  text-underline-offset: 7px;
}

.row.socialMediaFormat .col-lg-12 {
  display: inline-flex;
  justify-content: center;
}

.inputFormat {
  position: relative;
  margin-bottom: 25px;
}

.inputFormat label {
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 16px;
  margin-bottom: 0px;
  color: #fff;
  transition: all 0.5s ease-in-out;
}

.inputFormat input {
  border: 0;
  border-bottom: 1px solid #555;
  background: transparent;
  width: 100%;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  color: #fff;
}

.inputFormat input:focus {
  border: none;
  outline: none;
  border-bottom: 1px solid #e74c3c;
}

/* .inputFormat input:focus ~ label,
.inputFormat input:valid ~ label {
  top: -12px;
  font-size: 12px;
} */

/* .contentFormat {
  color: #ffffff;
  padding: 1rem;
  background-color: #3377b1b3;
} */

/*Preloader*/
.content1 {
  /* max-width: 650px; */
  /* max-width: 1200px;
  margin: 0 auto;
  top: 35%; */
  /* position: relative; */

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content1 h1 {
  line-height: 1.5;
  color: white;
  font-weight: 300;
  text-align: left;
  font-size: 3rem;
  text-shadow: 0 2px 5px black;
}

.page-loader {
  width: 100%;
  height: 100vh;
  position: absolute;
  background: #272727;
  z-index: 1000;
}

.page-loader .txt {
  color: #666;
  text-align: left;
  top: 40%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
}

.spinner {
  position: relative;
  top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

/* End of Preloader*/

.rowFormat {
  text-align: left;
}

p.errorMsg {
  color: red;
  padding: 0rem;
  margin: 0rem;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #212529;
  color: white;
  text-align: center;
}

.container-fluid.footerFormat {
  background-color: #212529;
  color: #ffffff;
}

/* take quiz button */
input.takeQuizbutton {
  display: inline-block;
  border-radius: 4px;
  background-color: gold;
  border: none;
  color: #000;
  text-align: center;
  font-size: 20px;
  padding: 2px;
  width: 100%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0px;
}

.col-lg-6.lowerContent form {
  text-align: center;
}

p.bigTitle {
  font-family: mashine-bold;
  font-size: 42px;
  line-height: 47px;
  margin: 0px;
  color: gold;
  padding: 0rem 0rem 0rem 0.4rem;
}

.button {
  display: inline-block;
  border-radius: 4px;
  background-color: gold;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 2px;
  width: 18rem;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

.title {
  background-color: #000000;
  font-size: 28px;
  padding: 20px;
}

.btn {
  position: relative;
  /* border: 2px solid #ffffff; */
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  transition: 1s all ease;
}

.btn::before {
  background: gold;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
}

.nextBtn::before {
  width: 0%;
  height: 100%;
}

.nextBtn:hover::before {
  width: 100%;
}

.option {
  padding: 1rem 2rem;
  color: #00000095;
  background: rgb(255 255 255 / 0%);
  width: 80%;
  border-radius: 5 px;
  border: 1 px solid #2db8e1;
  line-height: 2rem;
  transition: all 0.3s;
}

.option:hover {
  background: rgba(255, 255, 255, 0.4);
}

.option input:checked .option {
  background: #08038c;
  color: #000;
}

/*Radio Button Format*/
/* input[type="radio"] {
  display: none;
} */

/* .optionFormat input[type="radio"] {
  display: none;
} */

.optionFormat input[type="radio"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.optionFormat label:hover {
  background-color: gold;
}

.optionFormat label {
  /* display: inline-block;
  width: 9rem;
  background-color: #2db8e100;
  border: 1px solid #ffffff;
  padding: 10px 11px;
  margin: 6px 0px;
  font-family: Arial;
  font-size: 16px;
  cursor: pointer;
  transition: all 300ms ease;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  transition: 1s all ease; */
  position: relative;
  display: inline-block;
  color: white;
  font-family: Arial;
  font-size: 16px;
  text-decoration: none;
  margin: 6px 0px;
  border: 2px solid gold;
  padding: 14px 60px;
  text-transform: uppercase;
  overflow: hidden;
  transition: 1s all ease;
}

.optionFormat label::before {
  background: #ff7675;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
}

.btnFormat label::before {
  width: 0%;
  height: 100%;
}

.btnFormat label:hover::before {
  width: 100%;
}

.optionFormat input[type="radio"]:checked + label {
  background-color: gold;
}

.questionFormat {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
}

.centerFormat {
  text-align: center;
}

form .row {
  text-align: center;
}

/*  BURGER MENU */
.menu {
  width: 3.5rem;
  height: 7rem;
  position: absolute;
  z-index: 21;
  left: 3%;
  /* top: 3%; */
}

.menu span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.menu span,
.menu span::before,
.menu span::after {
  display: block;

  width: 26px;
  /* right: 0; */
  height: 5px;
  background-color: #ffffff;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.menu span::before,
.menu span::after {
  position: absolute;
  content: "";
}

.menu span::before {
  top: -9px;
  width: 26px;
}

.menu span::after {
  top: 9px;
  width: 26px;
}

.menu.clicked span {
  background-color: transparent;
}

.menu.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
  width: 26px;
}

.menu.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.menu.clicked span:before,
.menu.clicked span:after {
  background-color: #ffffff;
}

.menu:hover {
  cursor: pointer;
}

/* NAV Dropdown menu */

.whitelogo img {
  width: 150px;
}

.mystyle {
  /* width: 100%; */
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
  box-sizing: border-box;
}

li.subMenuListItem .subMenuHyperlink {
  padding: 3px 0px !important;
}

.dropdownMenu,
.subMenu {
  list-style-type: none;
}

.dropdownMenu {
  border-top: 1px solid grey;
  font-weight: bold;
  position: relative;
}

.dropdownMenu:hover {
  cursor: pointer;
}

.subMenu {
  display: none;
  padding: 0em 0em 2.5em;
}

.expand-bar {
  position: absolute;
  top: 48%;
  right: 1em;
  transition: all 0.5s ease;
}

.expand-bar,
.expand-bar:after {
  position: absolute;
  width: 12px;
  height: 2px;
  right: 10px;
  background-color: #ffd54d;
}

.barWrapperNav {
  position: absolute;
  top: 14px;
  right: 0px;
  border: 1px solid #ffd54d;
  border-radius: 50%;
  padding: 1rem;
}

.barWrapper {
  position: absolute;
  top: 17px;
  right: 0px;
  border: 1px solid #ffd54d;
  border-radius: 50%;
  padding: 1rem;
}

.expand-bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(90deg);
  transition: all 0.5s ease;
}

.open {
  border-bottom: none;
}

.open .expand-bar {
  transform: rotate(180deg);
}

.open .expand-bar:after {
  transform: rotate(180deg);
}

li#dropdownMenu {
  padding: 17px 0px 12px 0px;
}

/* END NAV Dropdown menu */

/*  NAV
========================================== */
.contactus {
  padding: 3rem 0rem;
}

.contactus a {
  color: #fff !important;
}

a.subMenuHyperlink {
  font-size: 0.8rem !important;
}

#nav.show ul.main li:nth-child(1) {
  border-top: none;
}

li.listMenu {
  padding: 1rem 0rem;
  border-top: 1px solid;
}

#nav.show ul.main li:nth-child(8) {
  border-bottom: 1px solid;
}

#nav {
  font-family: mashine-bold;
  background: #21201D;
  /* background-image: url(img/nav-bg.png); */
  background-size: cover;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 100%;
  width: 100%;
  padding: 100px 30px 60px 30px;
  overflow-y: auto;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

#nav.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

.menu.clicked {
  position: fixed;
  z-index: 99;
}

#nav.show ul.main li:nth-child(1) {
  transition-delay: 0.15s;
}

#nav.show ul.main li:nth-child(2) {
  transition-delay: 0.3s;
}

#nav.show ul.main li:nth-child(3) {
  transition-delay: 0.45s;
}

#nav.show ul.main li:nth-child(4) {
  transition-delay: 0.6s;
}

#nav.show ul.main li:nth-child(5) {
  transition-delay: 0.75s;
}

#nav.show ul.main li:nth-child(6) {
  transition-delay: 0.9s;
  border-bottom: 0px solid #fff;
}

#nav.show ul.main li:nth-child(7) {
  transition-delay: 1.05s;
}

#nav.show ul.main li:nth-child(8) {
  transition-delay: 1.2s;
}

#nav.show ul.main li:nth-child(9) {
  transition-delay: 1.35s;
}

#nav.show .about,
#nav.show .social,
#nav.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.85s;
}

#nav ul.main {
  list-style-type: none;
}

#nav ul.main li {
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: none;
  list-style: circle;
  color: #fff;
}

#nav ul.main li:last-of-type {
  margin-bottom: 0px;
}

#nav ul.main li a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  /* padding: 17px 0; */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

span.dropdownMenuCareer {
  font-size: 1.5rem !important;
}

span.dropdownMenuTitle {
  font-size: 1rem;
}

span.dropdownMenuTitle:hover {
  color: #ffd54d;
}

#nav ul.main li a span {
  color: #ffd54d;
}

#nav ul.main li a:hover {
  color: #ffd54d;
}

#nav ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#nav ul.sub li {
  margin-bottom: 10px;
}

#nav ul.sub li:last-of-type {
  margin-bottom: 0px;
}

#nav ul.sub li a {
  color: #ffffff;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#nav ul.sub li a:hover {
  color: #b7ac7f;
}

/* .menu:hover span {
} */

/*  OVERLAY */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #603e82;
  opacity: 0;
  visibility: hidden;
}

.overlay.show {
  opacity: 0.8;
  visibility: visible;
}

/* Flipcard */
/* .flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
} */

/* .container.crewFormat {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

/*Owl Carousel Edit*/
.owl-carousel .owl-nav .owl-prev p span,
.owl-carousel .owl-nav .owl-prev p small,
.owl-carousel .owl-nav .owl-next p span,
.owl-carousel .owl-nav .owl-next p small {
  color: #fff;
}

/* Index Page Format */
g {
  stroke: gold;
}

.takeQuizBtn {
  text-align: right;
  padding: 0rem;
}

.link {
  color: #2175ff;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}

.link--arrowed {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
}

.link--arrowed .arrow-icon {
  position: relative;
  top: -1px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  vertical-align: middle;
}

.link--arrowed .arrow-icon--circle {
  -webkit-transition: stroke-dashoffset 0.3s ease;
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}

.link--arrowed:hover .arrow-icon {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
}

.link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

/* End Page Format */

/* About page Format */
p.smallDescription {
  padding: 0rem 0rem 0rem 0.5rem;
}

.row.aboutContentMobile p:nth-child(2) {
  color: #fed54d;
  font-family: AktivGroteskEx_Bold;
}

#map {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.fill {
  min-height: 100%;
  height: 100%;
}

.container.wrapperAllContent.py-5.bgImageFormat.mobile {
  height: 100%;
}

.container.wrapperAllContentM.bgImageFormat.aboutContent.mobile {
  min-height: 100%;
}

.col-xs-12.col-lg-12.aboutContentDescriptionFormatM p {
  font-size: 1rem;
  font-weight: 100;
}

.col-6.aboutContentTitleFormatD {
  align-self: center;
}

.col-6.aboutContentTitleFormatD p {
  font-size: 2rem;
}

.col-6.aboutContentDescriptionFormatD {
  font-size: 1rem;
  font-weight: 100;
  align-self: center;
}

.row.aboutContentMobile p:nth-child(1) {
  font-family: mashine-bold;
  font-size: 45px;
  padding: 2rem 0rem 0rem 0rem;
  border-bottom: 1px solid;
  line-height: 5rem;
}

/* .col-xs-12.col-lg-12 */
.takeQuizBtn a {
  align-items: center;
  background-color: #ffd54d;
  border: 1px solid #ffd54d;
  border-radius: 50px;
  color: #000;
  display: inline-flex;
  font-size: 20px;
  justify-content: space-around;
  line-height: 50px;
  min-width: 250px;
  overflow: hidden;
  padding: 0.5rem 0 0.5rem 1rem;
  width: auto;
}

.takeQuizBtn a:after {
  background-image: url(img/roundArrow-hover.png);
  content: " ";
  display: inline-block;
  height: 50px;
  width: 50px;
  background-position: center;
}


/* .col-xs-12.col-lg-12 */
.takeQuizBtn a:hover:after {
  background-image: url(img/roundArrow-white.png);
}

/* .col-xs-12.col-lg-12 */
.takeQuizBtn a:hover {
  background-color: transparent;
  color: #fff;
}

/* .col-xs-12.col-lg-12 */
.takeQuizBtn {
  text-align: right;
  padding: 2rem 1rem;
}

.takeQuizBtnDesktop {
  text-align: left;
}

/* End About Page Format */

/* Career Purpose Types */
.col-6.careerContentTitleFormatD {
  align-self: center;
}

.col-6.careerContentDescriptionFormatD {
  font-size: 1rem;
  font-weight: 100;
  align-self: center;
}

.careerPurposeTypeContent p {
  margin-top: 0px;
}

p.careerDescriptionD {
  font-size: 13px !important;
  font-weight: 100;
}

.row.careerTypeCollectionFormat {
  font-family: mashine-bold;
  padding: 1rem 0rem;
}

.row.careerContentMobile p:nth-child(1) {
  font-family: mashine-bold;
  font-size: 45px;
  line-height: 47px;
  padding: 3.5rem 0rem 0rem 0rem;
  /* border-bottom: 1px solid; */
}

.takeQuizBtn.careerTakeQuizButton {
  padding: 0rem 1rem;
}

.container.wrapperAllContentM.bgImageFormat.careerContent.mobile {
  min-height: 100%;
}

.container.wrapperAllContent.centerContentFormat {
  padding: 10rem 1rem;
}

.row.careerContent p:nth-child(1) {
  font-family: mashine-bold;
  font-size: 45px;
  line-height: 47px;
  padding: 2rem 0.5rem 0rem 0.5rem;
}

p.careerTitle {
  line-height: 2.5rem;
}

p.careerDescription {
  padding: 0rem 0rem 0rem 0rem;
}

/* END Career Purpose Types */

/* WHAT IF Page (Day In A Life) format */
.row.dayInLifeSmallTitle {
  padding: 0rem 0.5rem;
}

.dayInLifeRow {
  align-items: center;
  padding: 1rem 0.5rem;
}

.container.wrapperAllContent.py-5 {
  background-image: url(img/bg-mobile.png);
  background-size: cover;
  height: auto;
  padding: 2rem 1rem;
}

.container.wrapperCrewContent {
  background-image: url(img/bg-mobile.png);
  background-size: cover;
  height: auto;
  padding: 5rem 1rem;
}

.container.wrapperComicContent {
  background-image: url(img/bg-mobile.png);
  background-size: cover;
  height: auto;
  padding: 5rem 1.3rem;
}

/* .container.wrapperComicContentD.desktop {
  background-image: url(img/bg-desktop.png);
  background-size: cover;
  height: auto;
  padding: 8rem 2.5rem;
} */

.row.whatifContent {
  line-height: 47px;
}

.row.whatifContent p:nth-child(1) {
  font-size: 45px;
  font-family: mashine-bold;
  line-height: 47px;
  padding: 3rem 0rem 0rem 0.4rem;
}

.container.wrapperAllContent.whatIfFormat {
  background-image: url(img/bg-mobile.png);
  background-size: cover;
  height: auto;
  padding: 5rem 1rem;
  max-width: inherit;
}

p.whatifTitle {
  margin-bottom: 0rem;
  font-size: 1.3rem;
  font-family: mashine-bold;
}

p.whatifSmallTitle {
  margin-top: 0rem;
  font-weight: 100;
  font-size: 0.8rem;
}

/* END WHAT IF Page format */

.gals-tabsFormat {
  display: inline-grid;
  width: 100%;
  margin: 0rem 0rem;
}

.gal-tabs {
  display: inline-flex;
  justify-content: center;
  font-size: 22px;
}

.gal-tabs a {
  margin: 0 12px;
}

.gal-list {
  padding: 0;
}

.gal-list li {
  display: inline-block;
  vertical-align: top;
}

.gal-tabs a.prv {
  float: left;
}

.gal-tabs a.nxt {
  float: right;
}

.gallery-boxes {
  position: relative;
  width: 100%;
  /* margin: 15px auto; */
}

.gallery-boxes .gal-descrip {
  background: #38363600;
  overflow: hidden;
  /* padding: 5px; */
  color: #fff;
  font-size: 20px;
  /* margin-left: -10px;
  margin-right: -10px; */
}

.gallery-boxes .gal-box {
  display: none;
}

.gallery-boxes .gal-box.galcurr {
  display: block;
  text-align: center;
  /* padding: 0rem 1rem; */
  /* margin: -11px; */
}

/* COMIC Style */

.comicSmallTitle {
  padding: 0rem 0rem;
}

.container.wrapperComicContent .comicContent {
  font-family: "mashine-bold";
  line-height: 50px;
  padding: 4rem 0rem 0rem 0rem;
}

.row.comicContent {
  font-family: "mashine-bold";
  font-size: 45px;
  line-height: 3rem;
  padding: 0rem 0rem 0rem 0rem;
}

.comic {
  display: flex;
  flex-wrap: wrap;
  font-family: "Comic Sans", cursive;
  padding: 1vmin;
}

.panelFormat {
  background-color: #fff;
  border: solid 2px #000;
  box-shadow: 0 6px 6px -6px #000;
  display: inline-block;
  flex: 1 1;
  height: 200px;
  margin: 1vmin;
  overflow: hidden;
  position: relative;
}

.text {
  background-color: #fff;
  border: solid 2px #000;
  margin: 0;
  padding: 3px 10px;
  color: #000;
}

.top-left {
  left: -6px;
  position: absolute;
  top: -2px;
  transform: skew(-15deg);
}

.bottom-right {
  bottom: -2px;
  position: absolute;
  right: -6px;
  transform: skew(-15deg);
}

.speech {
  color: #000;
  background-color: #fff;
  border: solid 2px #000;
  color: #000;
  border-radius: 12px;
  display: inline-block;
  margin: 0.5em;
  padding: 0.5em 1em;
  position: relative;
}

.speech:before {
  border: solid 12px transparent;
  border-left: solid 12px #000;
  border-top: solid 12px #000;
  bottom: -24px;
  content: "";
  height: 0;
  left: 24px;
  position: absolute;
  transform: skew(-15deg);
  width: 0;
}

.speech:after {
  border: solid 10px transparent;
  border-left: solid 10px #fff;
  border-top: solid 10px #fff;
  bottom: -19px;
  content: "";
  height: 0;
  left: 27px;
  position: absolute;
  transform: skew(-15deg);
  width: 0;
}

.panelFormat:nth-child(1) {
  flex-basis: 400px;
}

.panelFormat:nth-child(2) {
  flex-basis: 200px;
}

.panelFormat:nth-child(3) {
  flex-basis: 200px;
}

.panelFormat:nth-child(4) {
  flex-basis: 200px;
}

.panelFormat:nth-child(5) {
  flex-basis: 200px;
}

.panelFormat:nth-child(6) {
  flex-basis: 200px;
}

.panelFormat:nth-child(7) {
  flex-basis: 400px;
}

.panelFormat:nth-child(8) {
  flex-basis: 200px;
}

.panelFormat:nth-child(9) {
  flex-basis: 200px;
}

/* background colours */

.panelFormat:nth-child(4n + 1) {
  background-image: radial-gradient(circle, yellow, orange);
}

.panelFormat:nth-child(4n + 2) {
  background-image: radial-gradient(circle, lightblue, deepskyblue);
}

.panelFormat:nth-child(4n + 3) {
  background-image: radial-gradient(circle, palegreen, yellowgreen);
}

.panelFormat:nth-child(4n + 4) {
  background-image: radial-gradient(circle, lightcoral, tomato);
}

.container.backButtonFormat button {
  border: none;
  background-color: transparent;
}

.container.backButtonFormat button {
  position: absolute;
  right: 2rem;
  top: 1rem;
  color: #fff;
}

/* END COMIC Style */

/* Prev and Next Arrow */
.chapterFormat {
  padding: 1rem 2rem;
  align-self: center;
}

.prevArrow,
.nextArrow {
  padding: 1rem 0rem;
}

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
} */

/* End Prev and Next Arrow */

/* Meet the crew */

p.crewDescription {
  padding: 0rem 0.5rem;
}

.rowFormat {
  margin-right: -2rem;
  margin-left: -2rem;
}

.col-xs-12.col-lg-12.crewKVAsset {
  padding: 0;
}

.col-12.personaFormat {
  padding: 0;
}

.bottom-left.fundingFormat {
  bottom: 7px;
}

.bottom-left {
  position: absolute;
  font-family: mashine-bold;
  bottom: 33px;
  left: 24px;
  font-size: 22px;
}

.episode-format {
  position: absolute;
  bottom: 72px;
  left: 17px;
  color: #ffd54d;
  font-size: 12px;
  padding: 0.1rem 0.5rem;
}

.row.crewReadMore {
  padding: 0rem 0.5rem;
}

.row.crewReadMore a {
  color: #ffd54d;
  text-decoration: underline;
  text-underline-offset: 8px;
}

.container.wrapperAllContent.crewFormat {
  background-image: url(img/bg-mobile.png);
  background-size: cover;
  height: auto;
  padding-bottom: 5rem;
}

.row.crewDescription {
  padding: 0rem 0.6rem;
  font-weight: 100;
}

.col-xs-12.col-lg-6.pb-5.meetTheCrewFormat a {
  color: #fff;
}

.accordion {
  background-color: #eee0;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
}

.active,
.accordion:hover {
  background-color: #ccc0;
  border-bottom: none;
}

.accordion:after {
  content: "\002B";
  color: #ffd54d;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

/* .active:after {
  content: "\2212";
} */

.panel {
  padding: 0 18px;
  background-color: #ffffff00;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.careerPurposeTypeContent {
  font-family: AktivGroteskEx_Regular;
  color: #fff;
}

#more,
#more2,
#more3,
#more4,
#more5 {
  display: none;
}

button#myBtn,
button#myBtn2,
button#myBtn3,
button#myBtn4,
button#myBtn5 {
  border: none;
  background-color: transparent;
  color: #818181;
  padding: 0px;
}

button#contentButton {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 25px;
  color: #fff;
  padding: 4px 19px;
  margin: 0rem 0rem 1rem 0rem;
  font-size: 14px;
}

.imagePlaybuttonOverlay {
  position: relative;
  width: 100%;
  z-index: 10;
}

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

.imagePlaybuttonOverlay .btn {
  position: absolute;
  top: 42%;
  left: 49.5%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #5550;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  z-index: 1;
}

.row.bottomLinkFormat a {
  color: #fff;
  width: 100%;
  display: inline-block;
  padding-left: 1.5rem;
}

/* .bottomLinkFormat.desktop {
  align-items: center;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 0rem 1.5rem;
}

.row.bottomLinkFormat2.desktop{
  align-items: center;
  border-bottom: 1px solid;
  padding: 0rem 1.5rem;
} 

.bottomLinkFormat {
  align-items: center;
  margin: 0rem;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 0rem 1.5rem;
}*/

.row.bottomLinkFormat2 a {
  color: #fff;
  padding-left: 1.5rem;
}

.row.bottomLinkFormat2 {
  align-items: center;
  border-bottom: 1px solid;
  padding: 0rem 1.5rem;
}

.customNextArrow {
  text-align: center;
  border-left: 1px solid #fff;
}

/* End Meet the crew */

/* Crew Member Format */
p.crewEpisodeTitle {
  padding: 0rem 0rem 0rem 0rem;
  margin-bottom: 0;
  font-size: 20px;
  color: #fed54d;
}

.container.wrapperAllContent.crewMemberFormat {
  background-image: url(img/bg-mobile.png);
  background-size: cover;
  height: auto;
  padding: 2rem 1rem;
}

p.individualCareerTitle {
  font-family: mashine-bold;
  font-size: 36px;
  line-height: 47px;
  padding: 0rem 0rem 0rem 0rem;
}

/* End Crew Member Format */

/* LearnMore */
.container.wrapperAllContent.learnmoreFormat.bgImageFormat {
  background-image: url(img/bg-mobile.png);
  background-size: cover;
  height: auto;
  padding: 2rem 1rem;
}

button.link.link--arrowed {
  background-color: transparent;
  border: none;
  color: #fff;
}

#errors {
  color: rgb(255, 0, 0);
  font-weight: 100;
  padding: 1rem;
}

.row.inputTextFormat {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  margin: 0rem;
  padding: 1rem 0rem;
}

form.learnMoreForm input[type="text"] {
  inline-size: -webkit-fill-available;
  background-color: transparent;
  border: none;
  line-height: 2rem;
}

input,
select,
textarea {
  color: #fff;
}

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

.inputPlaceHolderFormat::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
}

.inputPlaceHolderFormat:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 1;
}

.inputPlaceHolderFormat::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1;
}

.inputPlaceHolderFormat:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

/* End LearnMore */

@media only screen and (max-width: 280px) {
  .desktop {
    display: none;
  }

  .row.bottomLinkFormat.individualCrew.mobile {
    display: flex;
  }
  
  .row.bottomLinkFormat2.individualCrew.mobile {
    display: flex;
  }

  .careerPurposeTypeContent img {
    border: 1px solid #fff;
  }

  .careerTitleFormat {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    width: 12rem;
    padding: 0.6rem 1rem;
  }

  .row.crewDescription {
    padding: 0rem 0rem;
    font-weight: 100;
  }

  p.crewDescription {
    padding: 0rem 0rem;
  }

  .row.careerContent p:nth-child(1) {
    font-family: mashine-bold;
    font-size: 45px;
    line-height: 47px;
    padding: 2rem 0rem 0rem 0rem;
  }

  .chapterFormat {
    padding: 2rem 0rem;
    align-self: center;
  }

  .row.careerContent {
    padding: 6rem 0rem 0rem 0rem;
  }

  .col-xs-12.col-lg-6.crewKVAsset {
    padding: 0rem;
    position: absolute;
  }

  .whitelogo img {
    width: 5rem;
  }

  .learnFormatLink a {
    color: #fff;
    font-weight: 100;
    font-size: 0.6rem;
  }

  p.individualCareerTitle {
    font-family: mashine-bold;
    font-size: 28px;
    line-height: 35px;
    padding: 0rem 0rem 0rem 0.4rem;
  }

  .bottom-left {
    position: absolute;
    font-family: mashine-bold;
    bottom: 16px;
    left: 35px;
    font-size: 16px;
  }

  .episode-format {
    position: absolute;
    bottom: 40px;
    left: 28px;
    color: #ffd54d;
    font-size: 12px;
    padding: 0.1rem 0.5rem;
  }

  .row.careerContentMobile p:nth-child(1) {
    font-family: mashine-bold;
    font-size: 40px;
    line-height: 47px;
    padding: 3.5rem 0rem 0rem 0rem;
  }

  span.dropdownMenuCareer {
    font-size: 1rem !important;
  }

  p.smallDescription {
    padding: 0rem 0rem 0rem 0.5rem;
    font-size: 0.6rem;
  }

  .barWrapper {
    position: absolute;
    top: 10px;
    right: 0px;
    border: 1px solid #ffd54d;
    border-radius: 50%;
    padding: 1rem;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 0rem;
  }

  .row.bottomLinkFormat a {
    color: #fff;
    width: 100%;
    display: inline-block;
    padding-left: 0rem;
  }

  .row.bottomLinkFormat2 a {
    color: #fff;
    padding-left: 0rem;
  }

  p.whatifTitle {
    margin-bottom: 0rem;
    font-size: 1.3rem;
    font-family: mashine-bold;
  }

  p.whatifSmallTitle {
    margin-top: 0rem;
    font-weight: 100;
    font-size: 1rem;
  }

  .col-xs-12.col-lg-6.lowerContent {
    align-self: center;
    position: absolute;
    bottom: 1rem;
    z-index: 1;
  }

  .row.bottomLinkFormat.px-2.mobile {
    display: flex;
  }
  .row.bottomLinkFormat2.px-2.mobile {
    display: flex;
  }

  .row.comicContentFormat {
    padding: 0rem 1rem;
  }

  .container.wrapperHomeContent {
    background-image: url("img/bg-kv-mobile.png");
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/about-bg.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1.5rem;
  }

  .container.wrapperAllContentM.bgImageFormat.careerContent.mobile {
    background-image: url(img/career-purpose-bg.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1.5rem;
  }

  .container.wrapperAllContentM.centerContentFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }

  .container.wrapperAllContent.learnmoreFormat.bgImageFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
  }

  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
  }

  .container-fluid.wrapperComicContents {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 6rem 0.5rem;
  }

  .content1 {
    /* max-width: 650px; */
    /* position: relative; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .content1 h1 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 2rem;
    text-shadow: 0 2px 5px black;
  }

  .content1 h2 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 1rem;
    text-shadow: 0 2px 5px black;
  }
}

@media only screen and (min-width: 320px) {
  .desktop {
    display: none;
  }

  a.whatifTitleLink p {
    color: #fff;
}

p.bigTitle {
  font-family: mashine-bold;
  font-size: 42px;
  line-height: 40px;
  margin: 0px;
  color: gold;
  padding: 0rem 0rem 0rem 0.4rem;
}

p.smallDescription {
  padding: 0rem 0rem 0rem 0.5rem;
  font-size: 0.7rem;
  margin-top: 0rem;
}

a.whatifTitleLink {
  text-decoration: none !important;
}

  .row.comicContent {
    font-family: "mashine-bold";
    font-size:35px;
    line-height: 3rem;
    padding: 0rem 0rem 0rem 0rem;
  }

  button.btn.vid_play {
    display: none;
}

.bottomLinkFormat {
  align-items: center;
  /* margin: 0rem; */
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 0rem 0rem;
}

.row.bottomLinkFormat2 {
  align-items: center;
  border-bottom: 1px solid;
  padding: 0rem 0rem;
}

  .row.bottomLinkFormat.individualCrew.mobile {
    display: flex;
    padding: 0rem 1.5rem;
  }
  
  .row.bottomLinkFormat2.individualCrew.mobile {
    display: flex;
    padding: 0rem 1.5rem;
  }


  .row.careerContent {
    padding: 6.5rem 0rem 0rem 0rem;
  }

  .col-xs-12.col-lg-6.crewKVAsset {
    padding: 0rem;
    position: absolute;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 1.3rem;
  }

  .toggle-slide input[type="checkbox"]:checked + .ball::before {
    background-color: #ffffff;
    transform: translate(282px, -50%);
  }

  .ball {
    cursor: pointer;
    font-size: 18px;
    position: relative;
    display: block;
    background: transparent;
    border: 1px solid #ffffff;
    min-width: 350px;
    line-height: 60px;
    width: 100%;
    height: 100%;
    border-radius: 50px;
  }

  .ball::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #ffd54d;
    transform: translate(0px, -50%);
    transition: all 0.3s;
  }

  .quizContents .inputFormat input {
    border-bottom: 1px solid #ffd54d;
    color: #ffd54d;
    font-family: mashine-bold;
    margin: 0px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: gold;
  }

  .quizContents .inputFormat input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: gold;
  }

  .quizContents .inputFormat input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: gold;
  }

  .quizContents .inputFormat input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: gold;
  }

  .quizContents .inputFormat input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: gold;
  }
}

/* End Quize Page Format */

@media only screen and (min-width: 320px) {
  .desktop {
    display: none;
  }

  .careerIndividualContent {
    padding: 0rem 0rem 2rem 0rem;
  }

  .careerTitleFormat {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    width: 17rem;
    padding: 0.6rem 1rem;
  }

  .careerPurposeTypeContent img {
    border: 1px solid #fff;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 0rem;
  }

  .row.bottomLinkFormat a {
    color: #fff;
    width: 100%;
    display: inline-block;
    padding-left: 0rem;
  }

  .row.bottomLinkFormat2 a {
    color: #fff;
    padding-left: 0rem;
  }

  p.whatifTitle {
    margin-bottom: 0rem;
    font-size: 1.1rem;
    font-family: mashine-bold;
  }

  p.whatifSmallTitle {
    margin-top: 0rem;
    font-weight: 100;
    font-size: 1rem;
  }

  .col-xs-12.col-lg-6.lowerContent {
    align-self: center;
    position: absolute;
    bottom: 5rem;
    z-index: 1;
  }

  .row.bottomLinkFormat.px-2.mobile {
    display: flex;
  }

  .row.bottomLinkFormat2.px-2.mobile {
    display: flex;
  }

  .row.comicContentFormat {
    padding: 0rem 0.7rem 3rem 0.7rem;
}

.container.wrapperAllContent.individualCrew {
  padding: 0rem 1.5rem;
}

  .container-fluid.crewMemberFormat{
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 9.5em 0rem;
    max-width: inherit;
  }
  
  .container.wrapperHomeContent {
    background-image: url("img/bg-kv-mobile.png");
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/about-bg.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1.5rem;
  }

  .container.wrapperAllContentM.bgImageFormat.careerContent.mobile {
    background-image: url(img/career-purpose-bg.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1.5rem;
  }

  .container.wrapperAllContentM.centerContentFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }

  .container.wrapperAllContent.learnmoreFormat.bgImageFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
  }

  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
  }

  .container-fluid.wrapperComicContents {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    /* height: 100%; */
    padding: 6rem 0.5rem;
  }

  .content1 {
    /* max-width: 650px; */
    /* position: relative; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .content1 h1 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 2rem;
    text-shadow: 0 2px 5px black;
  }

  .content1 h2 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 1rem;
    text-shadow: 0 2px 5px black;
  }
}

@media only screen and (min-width: 375px){

  .takeQuizBtn a,
  a.bottomLinkBtn  {
    font-size: 0.8rem;
    line-height: 1.5;
    justify-content: center;
    width: 100%;
  }
}

@media only screen and (min-width: 390px) {

  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
  }
  .bottom-left.fundingFormat {
    bottom: 33px;
  } 

}

@media only screen and (min-width:393px){
  p.bigTitle {
    font-family: mashine-bold;
    font-size: 50px;
    line-height: 50px;
    margin: 0px;
    color: gold;
    padding: 0rem 0rem 0rem 0.4rem;
  }

  p.smallDescription {
    padding: 0rem 0rem 0rem 0.5rem;
    font-size: 1rem;
    margin-top: 0rem;
  }
}

@media only screen and (min-width: 412px) {

  .container.wrapperAllContentM.centerContentFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
  }

  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
  }
}

@media only screen and (min-width: 667px) {
  #nav {
    padding: 120px 45px 70px 45px;
  }

  .learnFormatLink {
    font-family: AktivGroteskEx_Regular;
    position: absolute;
    bottom: -10rem;
    left: 3rem;
  }

  .menu {
    width: 0rem;
    height: 7rem;
    position: absolute;
    z-index: 21;
    left: 6%;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }

  .container.wrapperAllContent.learnmoreFormat.bgImageFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }

  .right:after {
    content: "";
    display: inline-block;
    margin-top: 1em;
    margin-right: 1.1em;
    margin-left: 0.9em;
    width: 0.6em;
    height: 0.6em;
    border-top: 0.2em solid #fed54d;
    border-right: 0.2em solid #fed54d;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  p.bigTitle {
    font-family: mashine-bold;
    font-size: 40px;
    line-height: 40px;
    margin: 0px;
    color: gold;
    padding: 0rem 0rem 0rem 0.4rem;
}
}

@media (min-height: 1024px) and (min-width: 667px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    background-position: center;
    height: 100%;
    max-width: inherit;
}
}

@media only screen and (min-width: 731px) {
  .menu {
    width: 3.5rem;
    height: 7rem;
    position: absolute;
    z-index: 21;
    left: 1.5%;
  }

  .content1 h1 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 2rem;
    text-shadow: 0 2px 5px black;
  }

  .content1 h2 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 1rem;
    text-shadow: 0 2px 5px black;
  }
}

@media only screen and (min-width: 768px) {


  .takeQuizBtn a,
  a.bottomLinkBtn {
    font-size: 1rem;
    justify-content: space-around;
    width: auto;
  }

  a.bottomLinkBtn {
    width: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM {
    background-image: url("img/bg-mobile.png");
    background-size: cover;
    height: 100%;
  }

  .content1 h1 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 3rem;
    text-shadow: 0 2px 5px black;
  }

  .content1 h2 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 1.5rem;
    text-shadow: 0 2px 5px black;
  }

  p.smallDescription {
    font-size: 15px;
  }
}

@media only screen and (min-width: 844px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }
}

@media only screen and (min-width: 896px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }
}

@media only screen and (min-width: 912px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
  }
}

@media only screen and (min-width: 914px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }
}

@media only screen and (min-width: 915px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }
}

@media only screen and (min-width: 992px) {

  a.bottomLinkBtn {
    font-size: 0.7rem;
    width: auto;
  }

  .bottomLinkFormat {
  align-items: center;
  /* margin: 0rem; */
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 0rem 1.5rem;
}

.row.bottomLinkFormat2 {
  align-items: center;
  border-bottom: 1px solid;
  padding: 0rem 1.50rem;
}

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    height: 100%;
  }

  .col-xs-12.col-lg-6.lowerContent {
    padding: 0rem 0rem 0rem 1rem;
    align-self: center;
    position: absolute;
    bottom: 6rem;
    z-index: 1;
  }

  p.bigTitle {
    font-size: 3rem;
    line-height: 3rem;
    margin: 0px;
    color: gold;
  }

  p.smallDescription {
    font-size: 18px;
  }
}

@media only screen and (max-width: 992px) {
  .container.wrapperAllContent.centerContentFormat {
    padding: 10rem 1rem;
    height: 100%;
  }

  .col-lg-6.optionFormat.leftOption {
    text-align: center;
  }

  .col-lg-6.optionFormat.rightOption {
    text-align: center;
  }

  .labelFormat {
    text-align: left;
  }

  .inputFormat {
    text-align: left;
  }
}

@media only screen and (min-width: 390px) {
  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
  }
}

@media only screen and (min-width: 412px) {
  .container.wrapperAllContentM.centerContentFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
    max-width: inherit;
  }
  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
    max-width: inherit;
  }
}

@media only screen and (min-width: 540px) {
  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    height: 100%;
  }

  .right:after {
    content: "";
    display: inline-block;
    margin-top: 0.8em;
    margin-left: 0.7em;
    width: 1em;
    height: 1em;
    border-top: 0.2em solid #fed54d;
    border-right: 0.2em solid #fed54d;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .takeQuizBtn {
    text-align: left;
    padding: 0rem 0rem 0rem 0.6rem;
  }

  .col-12.personaFormat {
    padding: 0;
    text-align: center;
  }

  .episode-format {
    position: absolute;
    bottom: 72px;
    left: 6rem;
    color: #ffd54d;
    font-size: 16px;
    padding: 0rem 0.5rem;
  }

  .bottom-left {
    position: absolute;
    font-family: mashine-bold;
    bottom: 33px;
    left: 6.5rem;
    font-size: 22px;
  }

  .row.crewDescription {
    padding: 0rem 2.6rem;
    font-weight: 100;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 2.6rem;
  }
}

@media only screen and (min-width: 653px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }

  .col-xs-12.col-lg-6.lowerContent {
    padding: 0rem 0rem 0rem 1rem;
    align-self: center;
    position: absolute;
    bottom: 2rem;
    z-index: 1;
  }
}

@media only screen and (min-width: 667px) {
  #nav {
    padding: 120px 29px 70px 29px;
  }

  .row.comicContent {
    font-family: "mashine-bold";
    font-size: 45px;
    line-height: 3rem;
    padding: 1rem 0rem 0rem 0rem;
  }

  .row.whatifContent p:nth-child(1) {
    font-size: 45px;
    font-family: mashine-bold;
    line-height: 47px;
    padding: 2rem 0rem 0rem 0.4rem;
  }

  p.crewDescription {
    padding: 0rem 0.5rem;
  }

  .row.careerContent p:nth-child(1) {
    font-family: mashine-bold;
    font-size: 45px;
    line-height: 47px;
    padding: 2rem 0.5rem 0rem 0.5rem;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 6.7rem;
  }

  .row.crewDescription {
    padding: 0rem 6.7rem;
    font-weight: 100;
  }

  .bottom-left {
    position: absolute;
    font-family: mashine-bold;
    bottom: 33px;
    left: 10.5rem;
    font-size: 22px;
  }

  .episode-format {
    position: absolute;
    bottom: 72px;
    left: 10rem;
    color: #ffd54d;
    font-size: 12px;
    padding: 0rem 0.5rem;
  }

  .col-12.personaFormat {
    padding: 0;
    text-align: center;
  }

  .row.careerContent {
    padding: 5rem 0rem 0rem 0rem;
  }

  .col-xs-12.col-lg-6.crewKVAsset {
    display: none;
  }

  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 7rem 1rem;
    max-width: inherit;
  }

  .container.wrapperAllContent.crewFormat {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    max-width: inherit;
    padding-bottom: 5rem;
    /* padding: 5rem 0rem; */
  }

  .container.wrapperAllContentM.bgImageFormat.careerContent.mobile {
    background-image: url(img/career-purpose-bg.png);
    background-size: cover;
    height: auto;
    padding: 3.5rem 1.5rem;
  }

  .container.wrapperAllContent.whatIfFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
    max-width: inherit;
  }

  .row.aboutContentMobile {
    padding: 2rem 0rem 0rem 0rem;
  }

  p.smallDescription {
    font-size: 8px;
    margin-top: 0;
  }

  .col-xs-12.col-lg-6.lowerContent {
    padding: 0rem 21rem 0rem 1rem;
    align-self: center;
    position: absolute;
    bottom: 2rem;
    z-index: 1;
  }

  .learnFormatLink {
    font-family: AktivGroteskEx_Regular;
    position: absolute;
    bottom: -10rem;
    left: 3rem;
  }

  .menu {
    width: 0rem;
    height: 7rem;
    position: absolute;
    z-index: 21;
    left: 6%;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    background-position: center;
    height: 100%;
    max-width: inherit;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1.5rem;
    max-width: inherit;
  }

  .container.wrapperAllContent.learnmoreFormat.bgImageFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }

  .right:after {
    content: "";
    display: inline-block;
    margin-top: 1em;
    margin-right: 1.1em;
    margin-left: 0.9em;
    width: 0.6em;
    height: 0.6em;
    border-top: 0.2em solid #fed54d;
    border-right: 0.2em solid #fed54d;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media only screen and (min-width: 720px) {
}

@media only screen and (min-width: 731px) {
  .menu {
    width: 3.5rem;
    height: 7rem;
    position: absolute;
    z-index: 21;
    left: 1.5%;
  }

  .content1 h1 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 2rem;
    text-shadow: 0 2px 5px black;
  }

  .content1 h2 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 1rem;
    text-shadow: 0 2px 5px black;
  }
}

@media only screen and (min-width: 740px) {
  .row.crewDescription {
    padding: 0rem 9rem;
    font-weight: 100;
  }
  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 9rem;
  }

  p.smallDescription {
    font-size: 8px;
    margin-top: 0;
    padding: 0rem 7rem 0rem 0.5rem
}
}

@media only screen and (min-width: 768px) {
  #nav {
    padding: 120px 38px 70px 28px;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 10rem;
    text-align: left;
  }

  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 8rem 1rem;
  }

  .row.whatifContent p:nth-child(1) {
    font-size: 45px;
    font-family: mashine-bold;
    line-height: 47px;
    padding: 3.5rem 0rem 0rem 0.4rem;
  }

  .row.crewDescription {
    padding: 0rem 10rem;
    font-weight: 100;
    text-align: left;
  }

  .episode-format {
    position: absolute;
    bottom: 55px;
    left: 13.5rem;
    color: #ffd54d;
    font-size: 1rem;
    padding: 0.1rem 0.5rem;
  }

  .bottom-left {
    position: absolute;
    font-family: mashine-bold;
    bottom: 20px;
    left: 14rem;
    font-size: 25px;
  }

  .personaContainer {
    text-align: center;
  }

  .row.careerContent {
    padding: 6.5rem 0rem 0rem 0rem;
  }

  .col-xs-12.col-lg-6.crewKVAsset {
    padding: 0rem;
    position: absolute;
  }

  .row.aboutContentMobile {
    padding: 3.5rem 0rem 0rem 0rem;
  }

  .col-xs-12.col-lg-6.lowerContent {
    padding: 0rem 27rem 0rem 1rem;
    align-self: center;
    position: absolute;
    bottom: 2rem;
    z-index: 1;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1.5rem;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    background-position: inherit;
    height: 100%;
  }

  .container.wrapperAllContentM {
    background-image: url("img/bg-mobile.png");
    background-size: cover;
    height: 100%;
  }

  .content1 h1 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 3rem;
    text-shadow: 0 2px 5px black;
  }

  .content1 h2 {
    line-height: 1.5;
    color: white;
    font-weight: 300;
    text-align: left;
    font-size: 1.5rem;
    text-shadow: 0 2px 5px black;
  }

  p.smallDescription {
    font-size: 15px;
    padding: 0rem 0rem 0rem 0.5rem;
  }
}

@media only screen and (min-width: 820px) {
  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 11.5rem;
    text-align: left;
  }

  .row.crewDescription {
    padding: 0rem 11.3rem;
    font-weight: 100;
    text-align: left;
  }

  .row.careerContent {
    padding: 6.5rem 0rem 0rem 0rem;
  }
}

@media only screen and (min-width: 844px) {
  .row.crewDescription {
    padding: 0rem 12.1rem;
    font-weight: 100;
    text-align: left;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 12.1rem;
    text-align: left;
  }

  .row.careerContent p:nth-child(1) {
    font-family: mashine-bold;
    font-size: 45px;
    line-height: 47px;
    padding: 3.5rem 0.5rem 0rem 0.5rem;
  }

  .row.careerContentMobile p:nth-child(1) {
    font-family: mashine-bold;
    font-size: 45px;
    line-height: 47px;
    padding: 5rem 0rem 0rem 0rem;
  }

  .col-xs-12.col-lg-12.takeQuizBtn {
    text-align: right;
    padding: 2rem 1.5rem;
  }

  .col-xs-12.col-lg-12.takeQuizBtn.careerTakeQuizButton {
    padding: 0rem 1.5rem;
  }

  .row.aboutContentMobile {
    padding: 3.5rem 0rem 0rem 0.5rem;
  }

  .col-xs-12.col-lg-12.aboutContentDescriptionFormatM {
    padding: 0rem 1.5rem 0rem 1.5rem;
  }

  .col-xs-12.col-lg-6.lowerContent {
    padding: 0rem 32rem 0rem 1rem;
    align-self: center;
    position: absolute;
    bottom: 2rem;
    z-index: 1;
  }

  p.smallDescription {
    font-size: 9px;
  }
  .row.careerContent {
    padding: 5rem 0rem 0rem 0rem;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    background-position: center;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }
}

@media only screen and (min-width: 896px) {
  .row.crewDescription {
    padding: 0rem 13.8rem;
    font-weight: 100;
    text-align: left;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 13.8rem;
    text-align: left;
  }

  .episode-format {
    position: absolute;
    bottom: 55px;
    left: 17rem;
    color: #ffd54d;
    font-size: 1rem;
    padding: 0rem 0rem;
  }

  .bottom-left {
    position: absolute;
    font-family: mashine-bold;
    bottom: 20px;
    left: 16.9rem;
    font-size: 25px;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    background-position: center;
    height: 100%;
  }
}

@media only screen and (min-width: 912px) {
  p.smallDescription {
    font-size: 16px;
  }

  p.bigTitle {
    font-family: mashine-bold;
    font-size: 70px;
    line-height: 65px;
    margin: 0px;
    color: gold;
    padding: 0rem 0rem 0rem 0.4rem;
  }

  .col-xs-12.col-lg-6.lowerContent {
    padding: 0rem 25rem 0rem 1rem;
    align-self: center;
    position: absolute;
    bottom: 2rem;
    z-index: 1;
  }

  .row.crewDescription {
    padding: 0rem 14.3rem;
    font-weight: 100;
    text-align: left;
  }

  .container.wrapperAllContent.crewFormat.mobile .readMore {
    padding: 0.5rem 14.3rem;
    text-align: left;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    height: 100%;
    background-position: inherit;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
  }
}

@media only screen and (min-width: 914px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }

  .container.wrapperAllContentM.bgImageFormat.mobile {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 2rem 1rem;
  }
}

@media only screen and (min-width: 915px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    height: 100%;
  }
  p.bigTitle {
    font-family: mashine-bold;
    font-size: 55px;
    line-height: 50px;
    margin: 0px;
    color: gold;
    padding: 0rem 0rem 0rem 0.4rem;
}
p.smallDescription {
  font-size: 12px;
  padding: 0rem 7rem 0rem 0.5rem;
}
}

@media only screen and (min-width: 992px) {
  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-mobile.png);
    background-size: cover;
    height: 100%;
  }

  .col-xs-12.col-lg-6.lowerContent {
    padding: 0rem 0rem 0rem 1rem;
    align-self: center;
    position: absolute;
    bottom: 6rem;
    z-index: 1;
  }

  p.bigTitle {
    font-size: 3rem;
    line-height: 3rem;
    margin: 0px;
    color: gold;
  }

  p.smallDescription {
    font-size: 18px;
    padding: 0rem 8rem 0rem 1rem;
  }
}

@media only screen and (max-width: 992px) {
  .container.wrapperAllContent.centerContentFormat {
    padding: 10rem 1rem;
    height: 100%;
  }

  .col-lg-6.optionFormat.leftOption {
    text-align: center;
  }

  .col-lg-6.optionFormat.rightOption {
    text-align: center;
  }

  .labelFormat {
    text-align: left;
  }

  .inputFormat {
    text-align: left;
  }
}

@media only screen and (min-width: 1024px) {

  .mobile {
    display: none;
  }

  .desktop {
    display: block;
  }

  .row.comicContent {
    font-family: "mashine-bold";
    font-size: 45px;
    line-height: 3rem;
    padding: 0rem 0rem 0rem 0rem;
  }

  button.btn.vid_play {
    display: block;
}

  .container.wrapperAllContent.individualCrew {
    padding-bottom: 5rem;
}

  .row.bottomLinkFormat.individualCrew.desktop {
    display: flex;
  }
  
  .row.bottomLinkFormat2.individualCrew.desktop {
    display: flex;
  }
  

  .row.bottomLinkFormat.individualCrew.mobile {
    display: none;
  }
  
  .row.bottomLinkFormat2.individualCrew.mobile {
    display: none;
  }


  #nav {
    padding: 120px 45px 70px 45px;
  }

  .personaContainer {
    text-align: left;
  }

  .row.careerContent {
    padding: 0rem 0rem 0rem 0rem;
  }

  .row.bottomLinkFormat.px-2.mobile {
    display: none;
  }

  .row.bottomLinkFormat2.px-2.mobile {
    display: none;
  }

  .row.bottomLinkFormat.px-2.desktop {
    display: flex;
  }

  .row.bottomLinkFormat2.px-2.desktop {
    display: flex;
  }

  .menu {
    width: 5rem;
    height: 7rem;
    position: absolute;
    z-index: 21;
    left: 2%;
    /* top: 3%; */
  }

  #nav ul.main li a {
    font-size: 35px;
  }

  .row.crewDescription p:nth-child(1) {
    padding-top: 12px;
  }

  .row.bottomLinkFormat a {
    color: #fff;
    width: 100%;
    display: inline-block;
    padding-left: 0rem;
  }

  .row.bottomLinkFormat2 a {
    color: #fff;
    padding-left: 0rem;
  }

  .col-6.aboutContentTitleFormatD {
    padding: 0rem 0rem 0rem 3rem;
  }

  .col-6.careerContentTitleFormatD {
    padding: 0rem 0rem 0rem 2rem;
  }

  .col-6.careerContentDescriptionFormatD {
    font-size: 1rem;
    font-weight: 100;
    align-self: center;
  }

  .col-6.aboutContentTitleFormatD p {
    font-size: 95px;
    font-family: mashine-bold;
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: 1px;
  }

  .col-lg-6.aboutContentTitleFormatD p {
    font-size: 95px;
    font-family: mashine-bold;
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: 1px;
    padding: 0;
    margin: 0;
  }

  .col-6.careerContentTitleFormatD .careerTitle {
    font-family: mashine-bold;
    font-size: 80px;
    line-height: 88px;
  }

  .col-6.aboutContentDescriptionFormatD p:nth-child(1) {
    color: #ffd54d;
  }

  .col-lg-6.aboutContentDescriptionFormatD p:nth-child(1) {
    color: #ffd54d;
  }

  .col-xs-12.col-lg-12.takeQuizBtn {
    text-align: left;
    padding: 0rem 1rem;
  }

  .col-6.careerContentDescriptionFormatD .dropdownMenuTitle {
    font-family: mashine-bold;
    font-size: 35px !important;
  }

  .right:after {
    content: "";
    display: inline-block;
    margin-top: 1.1em;
    margin-left: 1rem;
    width: 0.6em;
    height: 0.6em;
    border-top: 0.2em solid #fed54d;
    border-right: 0.2em solid #fed54d;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .container.wrapperAllContent {
    max-width: 1440px;
    width: 100%;
    padding-bottom: 5rem;
  }

  .col-lg-10.col-10.bottomLinkBtnFormat {
    padding: 0rem;
  }

  .row.careerInnerContent {
    position: relative;
    padding: 14rem 1rem 0rem 1rem;
    width: 100%;
    max-width: 1440px;
    text-align: left;
  }

  .col-lg-6.careerContentTitleFormatD p:nth-child(1) {
    font-family: mashine-bold;
    line-height: 80px;
    font-size: 75px;
    padding: 1rem 0rem;
    margin: 0rem;
  }

  .col-lg-6.careerContentTitleFormatD p.careerDescriptionD {
    font-size: 18px !important;
    padding: 0rem 0rem;
  }

  .col-lg-6.careerContentDescriptionFormatD .dropdownMenuTitle {
    font-family: mashine-bold;
  }

  .bottom-left {
    position: absolute;
    font-family: mashine-bold;
    bottom: 35px;
    left: 52px;
    font-size: 25px;
  }

  .episode-format {
    position: absolute;
    bottom: 70px;
    left: 45px;
    color: #ffd54d;
    font-size: 18px;
    line-height: 50px;
    padding: 0.1rem 0.5rem;
  }

  .row.crewDescription {
    padding: 0rem 0.5rem;
    text-align-last: left;
  }

  .row.crewDescription p {
    padding: 0 0px;
  }

  .col-12.personaFormat a {
    display: block;
  }

  .personaContainer .personaFormat {
    padding: 0 20px;
  }

  .container.wrapperAllContent.crewMemberFormat.desktop .individualCareerTitle {
    font-family: mashine-bold;
    font-size: 65px;
    line-height: 65px;
  }

  .playVideoFormat {
    align-self: center;
    /* padding: 0rem 1rem 0rem 2rem; */
  }

  .col-lg-4.comicFormat a {
    display: block;
    text-decoration: underline;
    text-underline-offset: 7px;
  }

  .col-xs-12.col-lg-12.comicTitleFormat {
    line-height: 70px;
    font-size: 75px;
    margin: 0;
    padding: 0;
  }

  .container.wrapperComicContent .comicContent {
    font-family: "mashine-bold";
    line-height: 47px;
    padding: 9.2rem 0rem 0rem 2.5rem;
  }

  p.bigTitle {
    font-size: 65px;
    line-height: 65px;
    margin: 0px;
    color: gold;
  }

  .row.desktop.desktopIndexContent {
    padding: 24rem 20rem 0rem 1rem;
  }

  .col-lg-12.lowerContent {
    padding: 0rem 8rem 0rem 1rem;
  }

  .col-xs-12.col-lg-12.takeQuizBtn.aboutTakeQuizButton {
    padding: 4rem 0rem 0rem 0rem;
  }

  .row.aboutInnerContent {
    position: absolute;
    max-width: 1440px;
    width: 100%;
    top: 27rem;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 3rem;
    margin: 0;
  }

  .row.aboutInnerContent .col-lg-6 {
    padding: 0rem;
  }

  p.careerDescriptionD::after {
    content: "";
    display: block;
    position: relative;
    width: 27rem;
    border: 1px solid #fff;
    margin-top: 33px;
  }

  .col-xs-12.col-lg-12.takeQuizBtn.careerTakeQuizButton {
    padding: 4rem 0rem;
  }

  span.dropdownMenuCareerD {
    font-size: 30px;
  }

  .barWrapper {
    position: absolute;
    top: 22px;
    right: 0px;
    border: 1px solid #ffd54d;
    border-radius: 50%;
    padding: 1rem;
  }

  .row.careerContent p:nth-child(1) {
    font-family: mashine-bold;
    font-size: 75px;
    line-height: 65px;
    padding: 13rem 0rem 0rem 0rem;
  }

  p.individualCareerTitle {
    font-family: mashine-bold;
    font-size: 45px;
    line-height: 47px;
    padding: 0rem 0rem 0rem 0rem;
  }

  p.crewEpisodeTitle {
    padding: 0rem 0rem 0rem 0rem;
    margin-bottom: 0;
    font-size: 20px;
    color: #fed54d;
  }

  .container.wrapperAllContent.crewMemberFormat.desktop .col-12.col-lg-6 {
    padding: 2.5rem;
  }

  .row.whatifContent p:nth-child(1) {
    font-size: 75px;
    font-family: mashine-bold;
    line-height: 47px;
    padding: 3rem 0rem 0rem 0rem;
    margin: 0;
  }

  .row.dayInLifeSmallTitle {
    padding: 0rem 0rem;
  }

  .comicSmallTitle {
    font-size: 20px;
    padding: 0rem 1.5rem;
  }

  p.crewDescription {
    padding: 0rem 0.5rem;
  }

  .personaContainer {
    padding: 0rem 0rem;
  }

  .row.pb-5.dayInLifeComicGallery {
    padding: 0rem 0rem;
  }

  .row.comicContentFormat {
    padding: 0rem 2rem 4rem 2rem;
  }

  .row.bottomLinkFormat {
    margin: 0rem;
  }
  .row.bottomLinkFormat2 {
    margin: 0rem;
  }

  .row.bottomLinkFormat .col-lg-10.col-10 {
    padding: 0rem;
  }

  .row.bottomLinkFormat2 .col-lg-10.col-10 {
    padding: 0rem;
  }

  .container.individualComicContent {
    max-width: 1440px;
    width: 100%;
  }

  .row.comicContent {
    font-family: "mashine-bold";
    font-size: 45px;
    line-height: 3rem;
    padding: 2rem 0rem 0rem 2rem;
  }

  .container.wrapperHomeContent {
    background-image: url(img/bg-kv-desktop.png);
    background-size: cover;
    background-position: center;
    /* height: 100%; */
    max-width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

  .container.wrapperAllContentM {
    background-image: url("img/bg-desktop.png");
    background-size: cover;
    height: 100%;
  }

  .container-fluid.wrapperComicContents {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 12rem 0.5rem 5rem 0.5rem;
  }
  .container-fluid.crewMemberFormat {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 9rem 2rem 0rem 2rem;
    max-width: 100%;
  }

  .container.wrapperAllContentM.centerContentFormat {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
  }

  .container.wrapperCareerContentD.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    text-align: -webkit-center;
    max-width: 100%;
    padding: 0rem 0rem 6rem 0rem;
  }

  .container.wrapperAllContentD.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
    max-width: 100%;
  }

  .container.wrapperAllContent.crewFormat.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 5rem 2.5rem;
  }

  .container.wrapperAllContent.crewMemberFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: 100%;
    padding: 5rem 1rem;
  }

  .container.wrapperAllContent.crewMemberFormat.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 9rem 1rem;
  }

  .container.wrapperAllContent.whatIfFormat {
    background-image: url(img/bg-mobile.png);
    background-size: cover;
    height: auto;
    padding: 11rem 1rem;
  }

  .container.wrapperComicContent {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 5rem 1rem;
  }

  .container-fluid.wrapperComicContent.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 11rem 1rem;
  }

  .container-fluid.crewFormat.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 0rem 2rem;
    max-width: 100%;
  }

  .container-fluid.whatIfFormat.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: auto;
    padding: 11.5rem 2rem 0rem 2rem;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1200px){


  a.bottomLinkBtn {
    font-size: 1rem;
  }
  
  .col-lg-12.lowerContent {
    padding: 0rem 20rem 0rem 1rem;
}
}

@media only screen and (min-width: 1366px) {
  .col-lg-12.lowerContent {
    padding: 0rem 28rem 0rem 1rem;
}
}


@media only screen and (min-width: 1440px) {
  .menu {
    width: 3rem;
    height: 7rem;
    position: absolute;
    z-index: 21;
    left: 3%;
  }

  p.smallDescription {
    font-size: 25px;
}

  .col-lg-6.careerContentTitleFormatD {
    padding: 1.5rem 0rem 0rem 0rem;
}

  span.right.aboutRightD:after {
    margin-left: 1.1rem;
}

  .row.desktop.desktopIndexContent {
    padding: 24rem 20rem 0rem 2rem;
  }

  .container.wrapperComicContent .comicContent {
    font-family: "mashine-bold";
    line-height: 47px;
    padding: 9.2rem 0rem 0rem 3rem;
  }

  .row.bottomLinkFormat.dayInlife {
    padding: 0rem 0rem;
  }
  .row.bottomLinkFormat2.dayInlife {
    padding: 0rem 0rem;
  }

  .row.bottomLinkFormat a {
    color: #fff;
    width: 100%;
    display: inline-block;
    padding-left: 0rem;
  }

  .row.bottomLinkFormat2 a {
    color: #fff;
    padding-left: 0rem;
  }

  p.whatifTitle {
    margin-bottom: 0rem;
    font-size: 2rem;
    font-family: mashine-bold;
  }

  p.whatifSmallTitle {
    margin-top: 0rem;
    font-weight: 100;
    font-size: 16px;
  }

  .col-lg-12.lowerContent {
    padding: 0rem 27rem 0rem 0rem;
  }

  .col-xs-12.col-lg-12.takeQuizBtn {
    text-align: left;
    padding: 0rem 1rem;
  }

  p.bigTitle {
    font-size: 85px;
    line-height: 85px;
    margin: 0px;
    color: gold;
  }

  .row.careerInnerContent {
    position: relative;
    padding: 13rem 2rem 8rem 2rem;
  }

  /* .row.aboutInnerContent {
    position: absolute;
    width: 100%;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 3rem;
    margin: 0;
  } */

  .col-lg-6.careerContentTitleFormatD p:nth-child(1) {
    font-family: mashine-bold;
    line-height: 85px;
    font-size: 95px;
    padding: 0rem 0rem;
    margin: 0rem;
  }
  .container.wrapperAllContentD.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    height: 100%;
    padding: 2rem 1rem;
    max-width: 100%;
    font-size: 18px;
  }
  .container.wrapperCareerContentD.desktop {
    background-image: url(img/bg-desktop.png);
    background-size: cover;
    text-align: -webkit-center;
    max-width: 100%;
  }

  .right:after {
    content: "";
    display: inline-block;
    margin-top: 1.1em;
    margin-left: 1rem;
    width: 0.6em;
    height: 0.6em;
    border-top: 0.2em solid #fed54d;
    border-right: 0.2em solid #fed54d;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .backBtn {
    display: block;
    position: absolute;
    top: 3rem;
    right: 3rem;
    z-index: 15;
    font-size: 25px;
  }

  p.careerDescriptionD::after {
    content: "";
    display: block;
    position: relative;
    width: 32rem;
    border: 1px solid #fff;
    margin-top: 33px;
  }
}

@media only screen and (min-width: 1700px){
  
  p.smallDescription {
    font-size: 25px;
    padding: 0rem 17rem 0rem 1rem;
}
}

@media only screen and (min-width: 1920px) {
  .menu {
    width: 5rem;
    height: 7rem;
    position: absolute;
    z-index: 21;
    left: 1%;
  }

  p.smallDescription {
    font-size: 25px;
    padding: 0rem 25rem 0rem 1rem;
}


}