@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700&family=Playfair+Display:wght@400;700;900&family=STIX+Two+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
* {
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  background: #15100f;
}

.pace {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  z-index: 99999999;
  position: fixed;
  margin: auto;
  top: 150px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 50px;
  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: block;
  position: absolute;
  right: 100%;
  margin-right: -7px;
  width: 100%;
  height: 3px;
  font-size: 14px;
  background: #ffd500;
  color: white;
  line-height: 30px;
  font-weight: bold;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
  position: fixed;
  width: 45px;
  text-align: center;
  right: 50px;
  padding-right: 16px;
  top: 4px;
}

.pace .pace-progress[data-progress-text="0%"]:after {
  right: -200px;
}

.pace .pace-progress[data-progress-text="1%"]:after {
  right: -198.14px;
}

.pace .pace-progress[data-progress-text="2%"]:after {
  right: -196.28px;
}

.pace .pace-progress[data-progress-text="3%"]:after {
  right: -194.42px;
}

.pace .pace-progress[data-progress-text="4%"]:after {
  right: -192.56px;
}

.pace .pace-progress[data-progress-text="5%"]:after {
  right: -190.7px;
}

.pace .pace-progress[data-progress-text="6%"]:after {
  right: -188.84px;
}

.pace .pace-progress[data-progress-text="7%"]:after {
  right: -186.98px;
}

.pace .pace-progress[data-progress-text="8%"]:after {
  right: -185.12px;
}

.pace .pace-progress[data-progress-text="9%"]:after {
  right: -183.26px;
}

.pace .pace-progress[data-progress-text="10%"]:after {
  right: -181.4px;
}

.pace .pace-progress[data-progress-text="11%"]:after {
  right: -179.54px;
}

.pace .pace-progress[data-progress-text="12%"]:after {
  right: -177.68px;
}

.pace .pace-progress[data-progress-text="13%"]:after {
  right: -175.82px;
}

.pace .pace-progress[data-progress-text="14%"]:after {
  right: -173.96px;
}

.pace .pace-progress[data-progress-text="15%"]:after {
  right: -172.1px;
}

.pace .pace-progress[data-progress-text="16%"]:after {
  right: -170.24px;
}

.pace .pace-progress[data-progress-text="17%"]:after {
  right: -168.38px;
}

.pace .pace-progress[data-progress-text="18%"]:after {
  right: -166.52px;
}

.pace .pace-progress[data-progress-text="19%"]:after {
  right: -164.66px;
}

.pace .pace-progress[data-progress-text="20%"]:after {
  right: -162.8px;
}

.pace .pace-progress[data-progress-text="21%"]:after {
  right: -160.94px;
}

.pace .pace-progress[data-progress-text="22%"]:after {
  right: -159.08px;
}

.pace .pace-progress[data-progress-text="23%"]:after {
  right: -157.22px;
}

.pace .pace-progress[data-progress-text="24%"]:after {
  right: -155.36px;
}

.pace .pace-progress[data-progress-text="25%"]:after {
  right: -153.5px;
}

.pace .pace-progress[data-progress-text="26%"]:after {
  right: -151.64px;
}

.pace .pace-progress[data-progress-text="27%"]:after {
  right: -149.78px;
}

.pace .pace-progress[data-progress-text="28%"]:after {
  right: -147.92px;
}

.pace .pace-progress[data-progress-text="29%"]:after {
  right: -146.06px;
}

.pace .pace-progress[data-progress-text="30%"]:after {
  right: -144.2px;
}

.pace .pace-progress[data-progress-text="31%"]:after {
  right: -142.34px;
}

.pace .pace-progress[data-progress-text="32%"]:after {
  right: -140.48px;
}

.pace .pace-progress[data-progress-text="33%"]:after {
  right: -138.62px;
}

.pace .pace-progress[data-progress-text="34%"]:after {
  right: -136.76px;
}

.pace .pace-progress[data-progress-text="35%"]:after {
  right: -134.9px;
}

.pace .pace-progress[data-progress-text="36%"]:after {
  right: -133.04px;
}

.pace .pace-progress[data-progress-text="37%"]:after {
  right: -131.18px;
}

.pace .pace-progress[data-progress-text="38%"]:after {
  right: -129.32px;
}

.pace .pace-progress[data-progress-text="39%"]:after {
  right: -127.46px;
}

.pace .pace-progress[data-progress-text="40%"]:after {
  right: -125.6px;
}

.pace .pace-progress[data-progress-text="41%"]:after {
  right: -123.74px;
}

.pace .pace-progress[data-progress-text="42%"]:after {
  right: -121.88px;
}

.pace .pace-progress[data-progress-text="43%"]:after {
  right: -120.02px;
}

.pace .pace-progress[data-progress-text="44%"]:after {
  right: -118.16px;
}

.pace .pace-progress[data-progress-text="45%"]:after {
  right: -116.3px;
}

.pace .pace-progress[data-progress-text="46%"]:after {
  right: -114.44px;
}

.pace .pace-progress[data-progress-text="47%"]:after {
  right: -112.58px;
}

.pace .pace-progress[data-progress-text="48%"]:after {
  right: -110.72px;
}

.pace .pace-progress[data-progress-text="49%"]:after {
  right: -108.86px;
}

.pace .pace-progress[data-progress-text="50%"]:after {
  right: -107px;
}

.pace .pace-progress[data-progress-text="51%"]:after {
  right: -105.14px;
}

.pace .pace-progress[data-progress-text="52%"]:after {
  right: -103.28px;
}

.pace .pace-progress[data-progress-text="53%"]:after {
  right: -101.42px;
}

.pace .pace-progress[data-progress-text="54%"]:after {
  right: -99.56px;
}

.pace .pace-progress[data-progress-text="55%"]:after {
  right: -97.7px;
}

.pace .pace-progress[data-progress-text="56%"]:after {
  right: -95.84px;
}

.pace .pace-progress[data-progress-text="57%"]:after {
  right: -93.98px;
}

.pace .pace-progress[data-progress-text="58%"]:after {
  right: -92.12px;
}

.pace .pace-progress[data-progress-text="59%"]:after {
  right: -90.26px;
}

.pace .pace-progress[data-progress-text="60%"]:after {
  right: -88.4px;
}

.pace .pace-progress[data-progress-text="61%"]:after {
  right: -86.53999999999999px;
}

.pace .pace-progress[data-progress-text="62%"]:after {
  right: -84.68px;
}

.pace .pace-progress[data-progress-text="63%"]:after {
  right: -82.82px;
}

.pace .pace-progress[data-progress-text="64%"]:after {
  right: -80.96000000000001px;
}

.pace .pace-progress[data-progress-text="65%"]:after {
  right: -79.1px;
}

.pace .pace-progress[data-progress-text="66%"]:after {
  right: -77.24px;
}

.pace .pace-progress[data-progress-text="67%"]:after {
  right: -75.38px;
}

.pace .pace-progress[data-progress-text="68%"]:after {
  right: -73.52px;
}

.pace .pace-progress[data-progress-text="69%"]:after {
  right: -71.66px;
}

.pace .pace-progress[data-progress-text="70%"]:after {
  right: -69.8px;
}

.pace .pace-progress[data-progress-text="71%"]:after {
  right: -67.94px;
}

.pace .pace-progress[data-progress-text="72%"]:after {
  right: -66.08px;
}

.pace .pace-progress[data-progress-text="73%"]:after {
  right: -64.22px;
}

.pace .pace-progress[data-progress-text="74%"]:after {
  right: -62.36px;
}

.pace .pace-progress[data-progress-text="75%"]:after {
  right: -60.5px;
}

.pace .pace-progress[data-progress-text="76%"]:after {
  right: -58.64px;
}

.pace .pace-progress[data-progress-text="77%"]:after {
  right: -56.78px;
}

.pace .pace-progress[data-progress-text="78%"]:after {
  right: -54.92px;
}

.pace .pace-progress[data-progress-text="79%"]:after {
  right: -53.06px;
}

.pace .pace-progress[data-progress-text="80%"]:after {
  right: -51.2px;
}

.pace .pace-progress[data-progress-text="81%"]:after {
  right: -49.34px;
}

.pace .pace-progress[data-progress-text="82%"]:after {
  right: -47.480000000000004px;
}

.pace .pace-progress[data-progress-text="83%"]:after {
  right: -45.62px;
}

.pace .pace-progress[data-progress-text="84%"]:after {
  right: -43.76px;
}

.pace .pace-progress[data-progress-text="85%"]:after {
  right: -41.9px;
}

.pace .pace-progress[data-progress-text="86%"]:after {
  right: -40.04px;
}

.pace .pace-progress[data-progress-text="87%"]:after {
  right: -38.18px;
}

.pace .pace-progress[data-progress-text="88%"]:after {
  right: -36.32px;
}

.pace .pace-progress[data-progress-text="89%"]:after {
  right: -34.46px;
}

.pace .pace-progress[data-progress-text="90%"]:after {
  right: -32.6px;
}

.pace .pace-progress[data-progress-text="91%"]:after {
  right: -30.740000000000002px;
}

.pace .pace-progress[data-progress-text="92%"]:after {
  right: -28.880000000000003px;
}

.pace .pace-progress[data-progress-text="93%"]:after {
  right: -27.02px;
}

.pace .pace-progress[data-progress-text="94%"]:after {
  right: -25.16px;
}

.pace .pace-progress[data-progress-text="95%"]:after {
  right: -23.3px;
}

.pace .pace-progress[data-progress-text="96%"]:after {
  right: -21.439999999999998px;
}

.pace .pace-progress[data-progress-text="97%"]:after {
  right: -19.58px;
}

.pace .pace-progress[data-progress-text="98%"]:after {
  right: -17.72px;
}

.pace .pace-progress[data-progress-text="99%"]:after {
  right: -15.86px;
}

.pace .pace-progress[data-progress-text="100%"]:after {
  right: -14px;
}

.pace .pace-activity {
  position: absolute;
  width: 100%;
  height: 28px;
  z-index: 99999999;
}

.pace.pace-inactive {
  display: none;
}

.websiteoverlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: black;
  z-index: 9999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.websiteoverlay p {
  color: white;
  font-family: 'Playfair Display', serif;
  letter-spacing: 0.5vw;
}

.hiddenimg {
  display: none;
}

.hiddentxt a {
  color: white;
  text-decoration: none;
  z-index: 99;
  border-bottom: 2px solid orange;
}

.hiddentxtblk a {
  color: black;
}

.hiddentxt:hover ~ .hiddenimg {
  display: block;
  position: absolute;
  z-index: 2;
}

.audiopopcontainer {
  width: 100%;
  height: 100vh;
  background: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 99999;
}

.audiopopup {
  width: 30%;
  height: 20vh;
  background: #161f30;
  border: 2px solid #23324e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem;
  border-radius: 10px;
}

.audiotext {
  color: white;
  font-family: 'playfair display', serif;
  font-size: 1vw;
  text-align: center;
  margin-bottom: 3vh;
}

.audioplybtn {
  width: 10rem;
  height: 4rem;
  background: #c17700;
  border: none;
  border-radius: 5px;
  color: white;
  font-family: 'playfair display', serif;
  margin-bottom: 3vh;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.audioplybtn:hover {
  background: #905900;
}

.noaudiobtn {
  width: 10rem;
  height: 4rem;
  background: #474747;
  border: none;
  border-radius: 5px;
  color: white;
  font-family: 'playfair display', serif;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.noaudiobtn:hover {
  background: #282828;
}

.parallax-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 120vh;
}

.layer {
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: fixed;
  z-index: -1;
  margin: 0 auto;
  overflow: hidden;
  min-height: 120vh;
}

.layer-bg {
  background-image: url("images/sky-bg.jpg");
  background-size: cover;
  background-position: 0% 50%;
}

.layer-1 {
  background-image: url("images/top.png");
  background-position: left bottom;
  background-size: 100%;
}

.layer-2 {
  background-image: url("images/middle.png");
  background-size: 100%;
}

.layer-3 {
  background-position: right bottom;
}

.layer-4 {
  background-image: url("images/bottom.png");
  background-size: 100%;
}

.layer-overlay {
  background-image: url("images/ilu_overlay.png");
  background-size: 200%;
}

.maintitle-container {
  width: 100%;
  height: 120vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
}

.mainsubtitle {
  color: white;
  font-size: 2vw;
  padding: 3vh;
  letter-spacing: 0.5vw;
  font-family: "dharma-gothic-e", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
}

.maintitletext {
  color: #dd1919;
  font-family: "montserrat", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 15vw;
  text-transform: uppercase;
  -webkit-mask-image: url("images/gritecb1fe9.svg");
          mask-image: url("images/gritecb1fe9.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  margin-bottom: -8vh;
}

.hero-mobile {
  display: none;
  background: url("images/korea-main-bgmob.jpg") no-repeat center bottom/cover;
  height: 80vh;
}

.maintitle-containermob {
  width: 100%;
  height: 80vh;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.maintitletextmob {
  color: #dd1919;
  font-family: "montserrat", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20vw;
  text-transform: uppercase;
  -webkit-mask-image: url("images/gritecb1fe9.svg");
          mask-image: url("images/gritecb1fe9.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
}

.mainsubtitlemob {
  color: white;
  font-size: 5vw;
  letter-spacing: 1vw;
  font-family: "dharma-gothic-e", sans-serif;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10vh;
}

.mobseparator {
  display: none;
}

.separator {
  position: absolute;
  z-index: 5555;
  width: 100%;
  bottom: -21vh;
}

.container {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -2px;
  background-color: #15100f;
  overflow: hidden;
}

.first-section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chapternames {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chapterspan {
  border-bottom: 2px solid #FDE0B5;
  color: #FDE0B5;
  font-family: "montserrat", sans-serif;
}

.chaptertitlecontainer {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chaptertitle {
  max-width: 60vw;
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  color: #FDE0B5;
  font-size: 10vw;
  text-transform: uppercase;
  text-align: center;
  -webkit-mask-image: url("images/gritecb1fe9.svg");
          mask-image: url("images/gritecb1fe9.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chaptertitle span {
  line-height: 15vh;
  font-size: 8vw;
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
  margin: 0.05rem;
  font-family: 'Playfair Display', serif;
}

.chaptertitle span.active {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: 1s ease-out;
  transition: 1s ease-out;
}

.textcontainer {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.textsection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.paratext {
  height: 100vh;
  max-width: 42vw;
  color: #ede0d5;
  font-size: 1.7vw;
  line-height: 160%;
  text-align: center;
  z-index: 1;
}

.statnumber {
  color: #f3d250;
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 10vh;
  text-transform: uppercase;
}

.statsdark {
  color: #0050c0;
}

.paradark {
  color: #000000;
}

.quotedark {
  color: #000000 !important;
}

.bgphoto-container {
  width: 100%;
  height: 120vh;
  position: absolute;
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  overflow: hidden;
}

.imgwrapper {
  max-width: 40vw;
  margin-bottom: 10vh;
}

.imgcontainer {
  height: 80vh;
  border-radius: 10px;
}

.photocon1 {
  background: url("images/korintro-a.jpg");
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon2 {
  background: url("images/korintro-b.jpg");
  background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon3 {
  background: url("images/korintro-c.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile1 {
  background: url("images/lou-bailey.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon5 {
  background: url("images/mapphoto-a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon6 {
  background: url("images/mapphoto-b.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon7 {
  background: url("images/korchapone-a.jpg");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon8 {
  background: url("images/korchapone-b.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon9 {
  background: url("images/korchapone-c.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon10 {
  background: url("images/korchapone-d.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocon11 {
  background: url("images/korchapone-e.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochaptwo1 {
  background: url("images/korchaptwo-a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochaptwo2 {
  background: url("images/korchaptwo-b.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochaptwo3 {
  background: url("images/korchaptwo-c.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapthree1 {
  background: url("images/korchapthree-a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapthree2 {
  background: url("images/korchapthree-b.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapthree3 {
  background: url("images/korchapthree-c.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapthree4 {
  background: url("images/korchapthree-d.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapthree5 {
  background: url("images/korchapthree-e.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapthree6 {
  background: url("images/korchapthree-f.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour1 {
  background: url("images/korchapfour-a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour2 {
  background: url("images/korchapfour-b.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour3 {
  background: url("images/korchapfour-c.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour4 {
  background: url("images/korchapfour-d.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour5 {
  background: url("images/korchapfour-e.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour6 {
  background: url("images/korchapfour-f.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour7 {
  background: url("images/korchapfour-g.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour8 {
  background: url("images/korchapfour-h.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfour9 {
  background: url("images/korchapfour-i.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive1 {
  background: url("images/korchapfive-j.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive2 {
  background: url("images/korchapfive-a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive3 {
  background: url("images/korchapfive-b.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive4 {
  background: url("images/korchapfive-c.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive5 {
  background: url("images/korchapfive-d.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive6 {
  background: url("images/korchapfive-e.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive7 {
  background: url("images/korchapfive-f.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive8 {
  background: url("images/korchapfive-g.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive9 {
  background: url("images/korchapfive-h.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapfive10 {
  background: url("images/korchapfive-i.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix1 {
  background: url("images/korchapsix-a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix2 {
  background: url("images/korchapsix-b.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix3 {
  background: url("images/korchapsix-c.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix4 {
  background: url("images/korchapsix-d.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix5 {
  background: url("images/korchapsix-e.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix6 {
  background: url("images/korchapsix-f.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix7 {
  background: url("images/korchapsix-g.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix8 {
  background: url("images/korchapsix-h.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapsix9 {
  background: url("images/korchapsix-i.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photochapcon1 {
  background: url("images/korchapcon-a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile2 {
  background: url("images/Johndougmurphy.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile3 {
  background: url("images/James-Shipton.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile4 {
  background: url("images/Alex-Kowbel.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile5 {
  background: url("images/Jessie-Chenevert.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile6 {
  background: url("images/Joe-Quinn.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile7 {
  background: url("images/Georges-Guertin.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile8 {
  background: url("images/Claude-Charland.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile9 {
  background: url("images/Delphus-Cormier.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile10 {
  background: url("images/bill-black.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile11 {
  background: url("images/Phillipe-Lepage.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.photocaptioncontainer {
  background: black;
  padding: 1vw;
  border-radius: 10px;
  margin-top: 3vh;
}

.captiontext {
  color: white;
  font-family: "montserrat", sans-serif;
  font-weight: 200;
}

.blockqcontainer {
  width: 100vw;
  height: 100vh;
}

.blockquote {
  padding: 4vh;
  background: #1d1d24a6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blockquotetext {
  color: white;
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  font-size: 2vw;
  line-height: 5vh;
  text-transform: uppercase;
  max-width: 40vw;
}

.blkquotetextdark {
  color: black;
}

.map-container {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mapvideo {
  width: 50%;
  height: 100vh;
  opacity: 0;
}

.videotext {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.maptext {
  padding: 5vw;
  color: #ede0d5;
  font-size: 1.7vw;
  line-height: 160%;
  height: 100vh;
  text-align: left;
}

.profiletitlecontainer {
  width: 100%;
  margin-bottom: 2vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profiletitle {
  font-family: 'Playfair Display', serif;
  max-width: 40vw;
  line-height: 100%;
  font-weight: 900;
  color: #b05501;
  font-size: 6vw;
  text-transform: uppercase;
  text-align: left;
  -webkit-mask-image: url("images/gritecb1fe9.svg");
          mask-image: url("images/gritecb1fe9.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
}

.lepageprofiletitle {
  font-size: 4vw;
}

.profileheading {
  font-family: 'montserrat', serif;
  font-size: 1vw;
  line-height: 1vh;
}

.mapprofiletitle {
  font-size: 6vw;
  padding: 5vw;
  color: #fc724f;
}

.profilespan {
  display: block;
  overflow: hidden;
}

.exploremore {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 50vh;
  background: black;
  padding: 10vh;
}

.explorethumb {
  background: red;
  margin: 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.exploretitle {
  font-family: 'montserrat', sans-serif;
  color: white;
  font-size: 2vw;
}

.exploretext {
  font-family: 'Playfair Display', serif;
  font-size: 1vw;
  color: white;
}

.expmap {
  background: url("images/mapbg.jpg"), -webkit-gradient(linear, left top, right top, from(rgba(0, 3, 49, 0.709)), to(rgba(0, 3, 42, 0.699)));
  background: url("images/mapbg.jpg"), linear-gradient(90deg, rgba(0, 3, 49, 0.709) 0%, rgba(0, 3, 42, 0.699) 100%);
  background-blend-mode: overlay;
  background-position: 50% 50%;
  background-size: 180%;
  background-repeat: no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.expmap:hover {
  background-size: 170%;
}

.expvoices {
  background: url("images/voices-thumbnail.jpg"), -webkit-gradient(linear, left top, right top, color-stop(56%, rgba(0, 41, 50, 0.709)), to(rgba(0, 41, 50, 0.709)));
  background: url("images/voices-thumbnail.jpg"), linear-gradient(90deg, rgba(0, 41, 50, 0.709) 56%, rgba(0, 41, 50, 0.709) 100%);
  background-blend-mode: overlay;
  background-position: 50% 50%;
  background-size: 180%;
  background-repeat: no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.expvoices:hover {
  background-size: 170%;
}

.exptimeline {
  background: url("images/timeline-thumbnail.jpg"), -webkit-gradient(linear, left top, right top, color-stop(56%, rgba(50, 42, 0, 0.709)), to(rgba(50, 42, 0, 0.709)));
  background: url("images/timeline-thumbnail.jpg"), linear-gradient(90deg, rgba(50, 42, 0, 0.709) 56%, rgba(50, 42, 0, 0.709) 100%);
  background-blend-mode: overlay;
  background-position: 50% 50%;
  background-size: 180%;
  background-repeat: no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.exptimeline:hover {
  background-size: 170%;
}

.fancylink {
  border-bottom: 2px solid #e3c800;
}

a {
  text-decoration: none;
  color: white;
}

.images {
  position: relative;
}

.images .testimage {
  position: absolute;
  height: 40vh;
  opacity: 0;
  z-index: -1;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.jumpcontainer {
  position: fixed;
  z-index: 9999;
  right: 0;
  width: auto;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(7.1rem);
          transform: translateX(7.1rem);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.jumpcontainer:hover {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.jumparrowwrapper {
  width: 3rem;
  height: 10vh;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
}

.jumparrow {
  width: 1rem;
}

.jumplistcontainer {
  background: #0F121C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-radius: 5px 0px 0px 5px;
  height: auto;
}

.jumpitem {
  list-style: none;
  padding: 2rem;
  color: white;
  font-family: 'Playfair Display', serif;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: 0.5px solid #282828;
  cursor: pointer;
  border-radius: 5px 0px 0px 5px;
}

.jumpitem:hover {
  background: #7d530e;
}

.mapbuttoncontainer {
  width: 100%;
}

.mapbuttonbg,
.mapbtn {
  position: absolute;
  width: 20rem;
  height: 50px;
  border-radius: 10px;
  margin-left: 5vw;
}

.mapbuttonbg {
  -webkit-animation: pulse 1.2s ease infinite;
          animation: pulse 1.2s ease infinite;
  background: white;
}

.mapbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 99;
  border: none;
  background: white;
  background-size: 18px;
  cursor: pointer;
  outline: none;
}

.mapbtn a {
  position: absolute;
  color: black;
  font-size: 17px;
  font-family: 'montserrat', sans-serif;
  padding: 2rem;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@media only screen and (max-width: 900px) {
  .chapternum {
    color: white;
    text-align: center;
    font-size: 2vw;
  }
  .chaptitle {
    font-size: 5vw;
  }
  .maintitletext {
    font-size: 20vw;
  }
  .mainsubtitle {
    font-size: 4vw;
    padding: 5vh;
  }
  .first-section {
    width: 100%;
  }
  .chaptertitle {
    max-width: 100vw;
  }
  .chaptertitle span {
    font-size: 18vw;
  }
  .gibraltartext span {
    font-size: 13vw !important;
  }
  .paratext {
    max-width: 80vw;
    font-size: 4vw;
    height: auto;
    padding-bottom: 20vh;
  }
  .imgwrapper {
    max-width: 80vw;
    margin-bottom: 10vh;
  }
  .imgcontainer {
    width: 80vw;
  }
  .photocaptioncontainer {
    padding: 2vw;
  }
  .blockquotetext {
    max-width: 80vw;
    font-size: 4vw;
  }
  .statnumber {
    font-size: 10vw;
  }
  .photocon8 {
    height: 40vh;
  }
  .profiletitle {
    line-height: 100%;
    font-size: 12vw;
    max-width: 80vw;
  }
  .mapprofiletitle {
    font-size: 12vw;
    max-width: 80vw;
  }
  .mapbuttoncontainer {
    max-width: 80vw;
    margin-bottom: 3vh;
  }
  .mapbuttonbg,
  .mapbtn {
    margin-left: 0vw;
  }
  .map-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mapvideo {
    width: 100%;
    z-index: -1;
  }
  .videotext {
    width: 100%;
  }
  .maptext {
    max-width: 80vw;
    font-size: 4vw;
    height: 50vh;
  }
  .profileheading {
    font-size: 3vw;
  }
  .exploremore {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    height: 100vh;
  }
  .exploretitle {
    font-size: 4vw;
  }
  .exploretext {
    font-size: 3vw;
  }
  .audiopopup {
    width: 80vw;
  }
  .audiotext {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 768px) {
  .parallax-container {
    display: none;
  }
  .separator {
    display: none;
  }
  .hero-mobile {
    display: block;
  }
  .maintitle-containermob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobseparator {
    position: absolute;
    z-index: 4444;
    width: 100%;
    bottom: 5vh;
    display: block;
  }
  .lepageprofiletitle {
    font-size: 8vw;
  }
}

@media only screen and (max-width: 450px) {
  .chapternum {
    color: white;
    text-align: center;
    font-size: 3vw;
  }
  .chaptitle {
    font-size: 7vw;
  }
  .chaptertitle span {
    line-height: 10vh;
  }
  .paratext {
    font-size: 5vw;
  }
  .statnumber {
    font-size: 8vw;
  }
  .blockquotetext {
    font-size: 6vw;
  }
  .imgcontainer {
    height: 50vh;
    width: 80vw;
  }
  .photochapsix3 {
    background-size: 100%;
  }
  .websiteoverlay p {
    margin-bottom: 5vh;
  }
}
/*# sourceMappingURL=style-v2.css.map */