/* DEFAULTS */
.main-map {
  width: 100%;
  height: 100%;
  transform: translate(9%, -22%) scale(1);
}

.nonSafari .main-map {
  transition: all ease-in-out 0.6s;
}

#pie-fill,
#pie-chart {
  opacity: 0;
}

/* SECTION 1 ANIMATION SETUP */

.fp-viewing-section1 #main-path {
  fill: #ffffff;
}

/* SECTION 2 ANIMATION SETUP */

.fp-viewing-section2 .main-map {
  width: 100%;
  height: 100%;
  transform: translate(68%, -148%) scale(5.6);
}

.fp-viewing-section2 #main-path,
.fp-viewing-section2 #path25,
.fp-viewing-section2 #path16,
.fp-viewing-section2 #path24,
.fp-viewing-section2 #path21,
.fp-viewing-section2 #path26,
.fp-viewing-section2 #path19,
.fp-viewing-section2 #path22,
.fp-viewing-section2 #path18,
.fp-viewing-section2 #path42,
.fp-viewing-section2 #path41,
.fp-viewing-section2 #path43,
.fp-viewing-section2 #pie-fill,
.fp-viewing-section2 #path13,
.fp-viewing-section2 #path11,
.fp-viewing-section2 #path10,
.fp-viewing-section2 #path2,
.fp-viewing-section2 #path1,
.fp-viewing-section2 #path3 {
  fill: #ffffff;
}

.fp-viewing-section2 #path52,
.fp-viewing-section2 #path49 {
  opacity: 0;
  animation: showContent 1s 2s forwards;
  fill: #003e6a;
}

.fp-viewing-section2 #path13,
.fp-viewing-section2 #path11,
.fp-viewing-section2 #path10,
.fp-viewing-section2 #path2,
.fp-viewing-section2 #path1,
.fp-viewing-section2 #path3 {
  animation: fillSection2LightAreas 1s 1.5s forwards;
}

.fp-viewing-section2 #path25,
.fp-viewing-section2 #path16,
.fp-viewing-section2 #path24,
.fp-viewing-section2 #path21,
.fp-viewing-section2 #path26,
.fp-viewing-section2 #path19,
.fp-viewing-section2 #path22,
.fp-viewing-section2 #path18,
.fp-viewing-section2 #path42,
.fp-viewing-section2 #path41,
.fp-viewing-section2 #path43 {
  animation: fillSection2MediumAreas 1s 1s forwards;
}

.fp-viewing-section2 ellipse,
.fp-viewing-section2 circle {
  opacity: 0;
}

@keyframes fillSection2LightAreas {
  0% {
    fill: #ffffff;
  }

  100% {
    fill: #ccf2f5;
  }
}

@keyframes fillSection2MediumAreas {
  0% {
    fill: #ffffff;
  }

  100% {
    fill: #80dde5;
  }
}

/* SECTION 3 ANIMATION SETUP */

.fp-viewing-section3 .main-map {
  transform: translate(68%, -148%) scale(5.6);
}

.fp-viewing-section3 #path13,
.fp-viewing-section3 #path11,
.fp-viewing-section3 #path10,
.fp-viewing-section3 #path2,
.fp-viewing-section3 #path1,
.fp-viewing-section3 #path3 {
  fill: transparent;
}

.fp-viewing-section3 #path25,
.fp-viewing-section3 #path16,
.fp-viewing-section3 #path24,
.fp-viewing-section3 #path21,
.fp-viewing-section3 #path26,
.fp-viewing-section3 #path19,
.fp-viewing-section3 #path22,
.fp-viewing-section3 #path18,
.fp-viewing-section3 #path42,
.fp-viewing-section3 #path41,
.fp-viewing-section3 #path43 {
  fill: #80dde5;
}

/* SECTION 4 ANIMATION SETUP */

.fp-viewing-section4 .main-map {
  transform: translate(68%, -148%) scale(5.6);
}

.fp-viewing-section4 #path13,
.fp-viewing-section4 #path11,
.fp-viewing-section4 #path10,
.fp-viewing-section4 #path2,
.fp-viewing-section4 #path1,
.fp-viewing-section4 #path3 {
  fill: transparent;
}

.fp-viewing-section4 #path25,
.fp-viewing-section4 #path16,
.fp-viewing-section4 #path24,
.fp-viewing-section4 #path21,
.fp-viewing-section4 #path26,
.fp-viewing-section4 #path19,
.fp-viewing-section4 #path22,
.fp-viewing-section4 #path18,
.fp-viewing-section4 #path42,
.fp-viewing-section4 #path41,
.fp-viewing-section4 #path43 {
  fill: #80dde5;
}

/* SECTION 5 ANIMATION SETUP */

.fp-viewing-section5 .main-map {
  transform: translate(59%, -111%) scale(4.4);
}

.fp-viewing-section5 #path13,
.fp-viewing-section5 #path11,
.fp-viewing-section5 #path10,
.fp-viewing-section5 #path2,
.fp-viewing-section5 #path1,
.fp-viewing-section5 #path3 {
  fill: transparent;
}

.fp-viewing-section5 #path25,
.fp-viewing-section5 #path16,
.fp-viewing-section5 #path24,
.fp-viewing-section5 #path21,
.fp-viewing-section5 #path26,
.fp-viewing-section5 #path19,
.fp-viewing-section5 #path22,
.fp-viewing-section5 #path18,
.fp-viewing-section5 #path42,
.fp-viewing-section5 #path41,
.fp-viewing-section5 #path43 {
  fill: #80dde5;
  animation: fillSection5DarkAreas 1s 1.5s forwards;
}

.fp-viewing-section5 #pie-chart {
  fill: #ccf2f5;
  opacity: 0;
  animation: showContent 1s 2.5s forwards;
}

.fp-viewing-section5 #pie-fill {
  fill: #80dde5;
  opacity: 0;
  animation: showContent 1s 2.5s forwards;
}

@keyframes fillSection5DarkAreas {
  0% {
    fill: #80dde5;
  }

  100% {
    fill: #003e6a;
  }
}

/* SECTION 6 ANIMATION SETUP */

.fp-viewing-section6 .main-map {
  transform: translate(68%, -148%) scale(5.6);
}

.fp-viewing-section6 #path13,
.fp-viewing-section6 #path11,
.fp-viewing-section6 #path10,
.fp-viewing-section6 #path2,
.fp-viewing-section6 #path1,
.fp-viewing-section6 #path3 {
  fill: transparent;
}

.fp-viewing-section6 #path25,
.fp-viewing-section6 #path16,
.fp-viewing-section6 #path24,
.fp-viewing-section6 #path21,
.fp-viewing-section6 #path26,
.fp-viewing-section6 #path19,
.fp-viewing-section6 #path22,
.fp-viewing-section6 #path18,
.fp-viewing-section6 #path42,
.fp-viewing-section6 #path41,
.fp-viewing-section6 #path43 {
  fill: #80dde5;
}

.fp-viewing-section6 #path42,
.fp-viewing-section6 #path41,
.fp-viewing-section6 #path43 {
  animation: fillSection6DarkAreas 1s 3s forwards;
}

.fp-viewing-section6 #path44 {
  fill: #ffffff;
}

.fp-viewing-section6 #path45,
.fp-viewing-section6 #path46 {
  fill: #16becf;
}

.fp-viewing-section6 #path47,
.fp-viewing-section6 #path48 {
  fill: #003e6a;
}

.fp-viewing-section6 #path44,
.fp-viewing-section6 #path45,
.fp-viewing-section6 #path46,
.fp-viewing-section6 #path47,
.fp-viewing-section6 #path48 {
  opacity: 0;
  animation: showContent 1s 3.5s forwards;
}

@keyframes fillSection6DarkAreas {
  0% {
    fill: #80dde5;
  }

  100% {
    fill: #003e6a;
  }
}

/* SECTION 7 ANIMATION SETUP */

.fp-viewing-section7 .main-map {
  transform: translate(68%, -148%) scale(5.6);
}

.fp-viewing-section7 #path25 {
  fill: #80dde5;
}

.fp-viewing-section7 #path13,
.fp-viewing-section7 #path11,
.fp-viewing-section7 #path10,
.fp-viewing-section7 #path2,
.fp-viewing-section7 #path1,
.fp-viewing-section7 #path3 {
  fill: transparent;
}

.fp-viewing-section7 #path25,
.fp-viewing-section7 #path16,
.fp-viewing-section7 #path24,
.fp-viewing-section7 #path21,
.fp-viewing-section7 #path26,
.fp-viewing-section7 #path19,
.fp-viewing-section7 #path22,
.fp-viewing-section7 #path18 {
  fill: #80dde5;
}

.fp-viewing-section7 #path45,
.fp-viewing-section7 #path46 {
  fill: #16becf;
}

.fp-viewing-section7 #path42,
.fp-viewing-section7 #path41,
.fp-viewing-section7 #path43,
.fp-viewing-section7 #path47,
.fp-viewing-section7 #path48 {
  fill: #003e6a;
}

.fp-viewing-section7 #path44,
.fp-viewing-section7 #path-melton {
  fill: #ffffff;
}

.fp-viewing-section7 #path-melton {
  opacity: 0;
}

.svg-in-section7 #path42,
.svg-in-section7 #path46,
.svg-in-section7 #path47 {
  animation: hideContent 1s 2.5s forwards;
}

.svg-in-section7 #path-melton {
  animation: showContent 1s 3s forwards;
}

.svg-in-section7 #path16 {
  animation: fillSection6DarkAreas 1s 3s forwards;
}

@keyframes fillSection7DarkAreas {
  0% {
    fill: #80dde5;
  }

  100% {
    fill: #003e6a;
  }
}

/* SECTION 8 ANIMATION SETUP */

.fp-viewing-section8 .main-map {
  transform: translate(50%, -148%) scale(5.6);
}

.fp-viewing-section8 #path44,
.fp-viewing-section8 #path-melton {
  fill: #ffffff;
}

.fp-viewing-section8 #path48 {
  fill: #003e6a;
}

.fp-viewing-section8 #path44,
.fp-viewing-section8 #path-melton,
.fp-viewing-section8 #path45,
.fp-viewing-section8 #path48 {
  opacity: 0;
}

.fp-viewing-section8 #path13,
.fp-viewing-section8 #path11,
.fp-viewing-section8 #path10,
.fp-viewing-section8 #path2,
.fp-viewing-section8 #path1,
.fp-viewing-section8 #path3 {
  fill: transparent;
}

.fp-viewing-section8 #path25,
.fp-viewing-section8 #path24,
.fp-viewing-section8 #path21,
.fp-viewing-section8 #path26,
.fp-viewing-section8 #path19,
.fp-viewing-section8 #path22,
.fp-viewing-section8 #path18,
.fp-viewing-section8 #path42,
.fp-viewing-section8 #path41,
.fp-viewing-section8 #path16,
.fp-viewing-section8 #path41,
.fp-viewing-section8 #path43 {
  fill: #80dde5;
}

.nonSafari .svg-in-section8 #path13,
.nonSafari .svg-in-section8 #path11,
.nonSafari .svg-in-section8 #path10,
.nonSafari .svg-in-section8 #path2,
.nonSafari .svg-in-section8 #path1,
.nonSafari .svg-in-section8 #path3 {
  animation: fillSection2LightAreas 1s 0s forwards;
}

.svg-in-section8 #path43 {
  animation: fillSection6DarkAreas 1s 0s forwards;
}

.nonSafari .svg-in-section8 #path25,
.nonSafari .svg-in-section8 #path24,
.nonSafari .svg-in-section8 #path21,
.nonSafari .svg-in-section8 #path20,
.nonSafari .svg-in-section8 #path22,
.nonSafari .svg-in-section8 #path26,
.nonSafari .svg-in-section8 #path19,
.nonSafari .svg-in-section8 #path18,
.nonSafari .svg-in-section8 #path42,
.nonSafari .svg-in-section8 #path30,
.nonSafari .svg-in-section8 #path31,
.nonSafari .svg-in-section8 #path32,
.nonSafari .svg-in-section8 #path33,
.nonSafari .svg-in-section8 #path34,
.nonSafari .svg-in-section8 #path35,
.nonSafari .svg-in-section8 #path36,
.nonSafari .svg-in-section8 #path37 {
  animation: hideContent 2s 2s forwards, showContent 2s 21s forwards;
}

.safari .header8 {
  animation: hideText 1s 2s forwards, showText 1s 20s forwards;
}

.safari .svg-in-section8 #path25,
.safari .svg-in-section8 #path24,
.safari .svg-in-section8 #path21,
.safari .svg-in-section8 #path20,
.safari .svg-in-section8 #path22,
.safari .svg-in-section8 #path26,
.safari .svg-in-section8 #path19,
.safari .svg-in-section8 #path18,
.safari .svg-in-section8 #path42,
.safari .svg-in-section8 #path30,
.safari .svg-in-section8 #path31,
.safari .svg-in-section8 #path32,
.safari .svg-in-section8 #path33,
.safari .svg-in-section8 #path34,
.safari .svg-in-section8 #path35,
.safari .svg-in-section8 #path36,
.safari .svg-in-section8 #path37 {
  animation: showContent 2s 20s forwards;
}

.nonSafari .svg-in-section8 #path44 {
  animation: showContent 1s 0s forwards, hideContent 1s 1s forwards,
    showContent 1s 22s forwards;
}

.safari .svg-in-section8 #path44 {
  animation: showContent 1s 0s forwards, hideContent 1s 1s forwards,
    showContent 1s 22s forwards;
}

.nonSafari .svg-in-section8 #path16,
.nonSafari .svg-in-section8 #path17,
.nonSafari .svg-in-section8 #path41 {
  animation: colorFill 1s 2s forwards, colorFillBlueReverse 1s 21s forwards;
}

.safari .svg-in-section8 #path43 {
  animation: fillSection6DarkAreas 1s 0s forwards,
    fillSection6DarkAreas 1s 20s forwards;
}

.safari .svg-in-section8 #path16,
.safari .svg-in-section8 #path17,
.safari .svg-in-section8 #path41 {
  animation: fillSection6DarkAreas 1s 20s forwards;
}

.svg-in-section8 #path-melton,
.svg-in-section8 #path45,
.svg-in-section8 #path48 {
  animation: showContent 1s 22s forwards;
}

.fp-viewing-section8 #path49,
.fp-viewing-section8 #path50,
.fp-viewing-section8 #path51,
.fp-viewing-section8 #path52 {
  opacity: 0;
}

.fp-viewing-section8 #path45,
.fp-viewing-section8 #path46 {
  opacity: 0;
  fill: #16becf;
}

.fp-viewing-section8 #path47,
.fp-viewing-section8 #path48 {
  opacity: 0;
  fill: #003e6a;
}

.nonSafari .svg-in-section8 {
  animation: slide8MapChange 2s 2s forwards,
    slide8MapChangeReverse 2s 20s forwards;
}

.overlay8 {
  animation: bgFadeIn 1s 2s forwards, bgFadeOut 1s 20s forwards;
}

.fp-viewing-section8 .vertical-scrolling-1 .overlay8 .content1 p {
  animation: showContent 1s 4s forwards, hideContent 1s 8s forwards;
}

.fp-viewing-section8 .vertical-scrolling-1 .overlay8 .content1 h3 {
  animation: showContent 1s 5s forwards, hideContent 1s 8s forwards;
}

.fp-viewing-section8 .vertical-scrolling-1 .overlay8 .content2 p {
  animation: showContent 1s 9s forwards, hideContent 0s 14s forwards;
}

.fp-viewing-section8 .vertical-scrolling-1 .overlay8 .content2 div {
  animation: showContent 1s 10s forwards, hideContent 1s 14s forwards;
}

.fp-viewing-section8 .vertical-scrolling-1 .overlay8 .content3 p {
  animation: showContent 0s 14s forwards, hideContent 1s 19s forwards;
}

.fp-viewing-section8 .vertical-scrolling-1 .overlay8 .content3 div {
  animation: showContent 1s 15s forwards, hideContent 1s 19s forwards;
}

@keyframes slide8MapChange {
  0% {
    transform: translate(50%, -148%) scale(5.6);
  }

  100% {
    transform: translate(126%, -360%) scale(13);
  }
}

@keyframes slide8MapChangeReverse {
  0% {
    transform: translate(126%, -360%) scale(13);
  }

  100% {
    transform: translate(50%, -148%) scale(5.6);
  }
}

/* SECTION 9 ANIMATION SETUP */

.fp-viewing-section9 .main-map {
  transform: translate(50%, -148%) scale(5.6);
}

.fp-viewing-section9 #path44,
.fp-viewing-section9 #path-melton {
  fill: #ffffff;
}

.fp-viewing-section9 #path44,
.fp-viewing-section9 #path-melton {
  opacity: 0;
}

.fp-viewing-section9 #path45,
.fp-viewing-section9 #path48 {
  opacity: 0;
}

.fp-viewing-section9 #path13,
.fp-viewing-section9 #path11,
.fp-viewing-section9 #path10,
.fp-viewing-section9 #path2,
.fp-viewing-section9 #path1,
.fp-viewing-section9 #path3 {
  fill: transparent;
}

.fp-viewing-section9 #path25,
.fp-viewing-section9 #path16,
.fp-viewing-section9 #path24,
.fp-viewing-section9 #path21,
.fp-viewing-section9 #path26,
.fp-viewing-section9 #path19,
.fp-viewing-section9 #path22,
.fp-viewing-section9 #path18,
.fp-viewing-section9 #path42,
.fp-viewing-section9 #path41,
.fp-viewing-section9 #path43 {
  fill: #80dde5;
}

.svg-in-section9 #path13,
.svg-in-section9 #path11,
.svg-in-section9 #path10,
.svg-in-section9 #path2,
.svg-in-section9 #path1,
.svg-in-section9 #path3 {
  animation: fillSection2LightAreas 1s 0s forwards;
}

.svg-in-section9 #path41 {
  animation: fillSection6DarkAreas 1s 0s forwards;
}

.nonSafari .svg-in-section9 #path45,
.nonSafari .svg-in-section9 #path48 {
  animation: showContent 1s 0s forwards, hideContent 1s 1s forwards,
    showContent 1s 30s forwards;
}

.safari .svg-in-section9 #path45,
.safari .svg-in-section9 #path48 {
  animation: showContent 1s 0s forwards, hideContent 1s 1s forwards,
    showContent 1s 30s forwards;
}

.svg-in-section9 #path25,
.svg-in-section9 #path24,
.svg-in-section9 #path21,
.svg-in-section9 #path26,
.svg-in-section9 #path19,
.svg-in-section9 #path18,
.svg-in-section9 #path30,
.svg-in-section9 #path31,
.svg-in-section9 #path32,
.svg-in-section9 #path33,
.svg-in-section9 #path34,
.svg-in-section9 #path35,
.svg-in-section9 #path36,
.svg-in-section9 #path37 {
  animation: hideContent 2s 2s forwards, showContent 2s 30s forwards;
}

.svg-in-section9 #path44 {
  animation: hideContent 1s 1s forwards, showContent 1s 30s forwards;
}

.nonSafari .svg-in-section9 #path16,
.nonSafari .svg-in-section9 #path23,
.nonSafari .svg-in-section9 #path43 {
  animation: colorFill 1s 2s forwards, colorFillBlueReverse 1s 28s forwards;
}

.safari .header9 {
  animation: hideText 1s 2s forwards, showText 1s 28s forwards;
}

.safari .svg-in-section9 #path16,
.safari .svg-in-section9 #path23,
.safari .svg-in-section9 #path43 {
  animation: fillSection6DarkAreas 1s 27s forwards;
}

.svg-in-section9 #path22,
.svg-in-section9 #path20,
.svg-in-section9 #path42 {
  animation: colorFill 1s 2s forwards, colorFillReverse 2s 30s forwards;
}

.svg-in-section9 #path44,
.svg-in-section9 #path-melton {
  animation: showContent 1s 30s forwards;
}

.fp-viewing-section9 #path49,
.fp-viewing-section9 #path50,
.fp-viewing-section9 #path51,
.fp-viewing-section9 #path52 {
  opacity: 0;
}

.fp-viewing-section9 #path45,
.fp-viewing-section9 #path46 {
  opacity: 0;
  fill: #16becf;
}

.fp-viewing-section9 #path47,
.fp-viewing-section9 #path48 {
  opacity: 0;
  fill: #003e6a;
}

.nonSafari .svg-in-section9 {
  animation: slide9mapChange 2s 2s forwards,
    slide9mapChangeReverse 2s 29s forwards;
}

.overlay9 {
  animation: bgFadeIn 1s 2s forwards, bgFadeOut 1s 29s forwards;
}

.overlay9 .content1 {
  animation: showContent 1s 4s forwards, hideContent 1s 8s forwards;
}

.overlay9 .content1 p {
  animation: showContent 1s 4s forwards, hideContent 1s 8s forwards;
}

.overlay9 .content1 h3 {
  animation: showContent 1s 5s forwards, hideContent 1s 8s forwards;
}

.overlay9 .content2 {
  animation: showContent 1s 9s forwards, hideContent 0s 14s forwards;
}

.overlay9 .content2 p {
  animation: showContent 1s 9s forwards, hideContent 0s 14s forwards;
}

.overlay9 .content2 div {
  animation: showContent 1s 10s forwards, hideContent 1s 14s forwards;
}

.overlay9 .content3 {
  animation: showContent 0s 14s forwards, hideContent 0s 19s forwards;
}

.overlay9 .content3 p {
  animation: showContent 0s 14s forwards, hideContent 0s 19s forwards;
}

.overlay9 .content3 div {
  animation: showContent 1s 15s forwards, hideContent 1s 19s forwards;
}

.overlay9 .content4 {
  animation: showContent 0s 19s forwards, hideContent 0s 24s forwards;
}

.overlay9 .content4 p {
  animation: fadeInText 0s 19s forwards, fadeOutText 0s 24s forwards;
}

.overlay9 .content4 div {
  animation: fadeInText 1s 20s forwards, fadeOutText 1s 24s forwards;
}

.overlay9 .content5 {
  animation: showContent 0s 24s forwards, hideContent 1s 29s forwards;
}

.overlay9 .content5 p {
  animation: fadeInText 0s 24s forwards, fadeOutText 1s 29s forwards;
}

.overlay9 .content5 div {
  animation: fadeInText 1s 25s forwards, fadeOutText 1s 29s forwards;
}

@keyframes slide9mapChange {
  0% {
    transform: translate(50%, -148%) scale(5.6);
  }

  100% {
    transform: translate(145%, -482%) scale(20);
  }
}

@keyframes slide9mapChangeReverse {
  0% {
    transform: translate(145%, -470%) scale(20);
  }

  100% {
    transform: translate(50%, -148%) scale(5.6);
  }
}

/* SECTION 10 ANIMATION SETUP */
.fp-viewing-section10 .main-map {
  transform: translate(50%, -148%) scale(5.6);
}

.fp-viewing-section10 #path44,
.fp-viewing-section10 #path-melton {
  fill: #ffffff;
}

.fp-viewing-section10 #path48 {
  fill: #003e6a;
}

.fp-viewing-section10 #path44,
.fp-viewing-section10 #path-melton,
.fp-viewing-section10 #path45,
.fp-viewing-section10 #path48 {
  opacity: 0;
}

.fp-viewing-section10 #path13,
.fp-viewing-section10 #path11,
.fp-viewing-section10 #path10,
.fp-viewing-section10 #path2,
.fp-viewing-section10 #path1,
.fp-viewing-section10 #path3 {
  fill: transparent;
}

.fp-viewing-section10 #path25,
.fp-viewing-section10 #path24,
.fp-viewing-section10 #path21,
.fp-viewing-section10 #path26,
.fp-viewing-section10 #path19,
.fp-viewing-section10 #path22,
.fp-viewing-section10 #path18,
.fp-viewing-section10 #path42,
.fp-viewing-section10 #path41,
.fp-viewing-section10 #path16,
.fp-viewing-section10 #path41,
.fp-viewing-section10 #path43 {
  fill: #80dde5;
}

.svg-in-section10 #path13,
.svg-in-section10 #path11,
.svg-in-section10 #path10,
.svg-in-section10 #path2,
.svg-in-section10 #path1,
.svg-in-section10 #path3 {
  animation: fillSection2LightAreas 1s 0s forwards;
}

.svg-in-section10 #path16 {
  animation: fillSection6DarkAreas 1s 0s forwards;
}

.svg-in-section10 #path25,
.svg-in-section10 #path24,
.svg-in-section10 #path41,
.svg-in-section10 #path21,
.svg-in-section10 #path20,
.svg-in-section10 #path22,
.svg-in-section10 #path26,
.svg-in-section10 #path19,
.svg-in-section10 #path18,
.svg-in-section10 #path42,
.svg-in-section10 #path30,
.svg-in-section10 #path31,
.svg-in-section10 #path32,
.svg-in-section10 #path33,
.svg-in-section10 #path34,
.svg-in-section10 #path35,
.svg-in-section10 #path36,
.svg-in-section10 #path37 {
  animation: hideContent 2s 2s forwards, showContent 2s 35s forwards;
}

.svg-in-section10 #path-melton {
  animation: showContent 1s 0s forwards, hideContent 1s 1s forwards,
    showContent 1s 36s forwards;
}

.nonSafari .svg-in-section10 #path43,
.nonSafari .svg-in-section10 #path23,
.nonSafari .svg-in-section10 #path17,
.nonSafari .svg-in-section10 #path41 {
  animation: colorFill 1s 2s forwards, colorFillBlueReverse 1s 35s forwards;
}

.safari .svg-in-section10 #path43,
.safari .svg-in-section10 #path23,
.safari .svg-in-section10 #path17,
.safari .svg-in-section10 #path41 {
  animation: fillSection6DarkAreas 1s 35s forwards;
}

.safari .header10 {
  animation: hideText 1s 2s forwards, showText 1s 34s forwards;
}

.svg-in-section10 #path44,
.svg-in-section10 #path45,
.svg-in-section10 #path48 {
  animation: showContent 1s 36s forwards;
}

.fp-viewing-section10 #path49,
.fp-viewing-section10 #path50,
.fp-viewing-section10 #path51,
.fp-viewing-section10 #path52 {
  opacity: 0;
}

.fp-viewing-section10 #path45,
.fp-viewing-section10 #path46 {
  opacity: 0;
  fill: #16becf;
}

.fp-viewing-section10 #path47,
.fp-viewing-section10 #path48 {
  opacity: 0;
  fill: #003e6a;
}

.nonSafari .svg-in-section10 {
  animation: slide10mapChange 2s 2s forwards,
    slide10mapChangeReverse 2s 34s forwards;
}

.overlay10 {
  animation: bgFadeIn 1s 2s forwards, bgFadeOut 1s 34s forwards;
}

.overlay10 .content1 {
  animation: showContent 1s 4s forwards, hideContent 1s 8s forwards;
}

.overlay10 .content1 p {
  animation: showContent 1s 4s forwards, hideContent 1s 8s forwards;
}

.overlay10 .content1 h3 {
  animation: showContent 1s 5s forwards, hideContent 1s 8s forwards;
}

.overlay10 .content2 {
  animation: showContent 1s 9s forwards, hideContent 0s 14s forwards;
}

.overlay10 .content2 p {
  animation: showContent 1s 9s forwards, hideContent 0s 14s forwards;
}

.overlay10 .content2 div {
  animation: showContent 1s 10s forwards, hideContent 1s 14s forwards;
}

.overlay10 .content3 {
  animation: showContent 0s 14s forwards, hideContent 0s 19s forwards;
}

.overlay10 .content3 p {
  animation: showContent 0s 14s forwards, hideContent 0s 19s forwards;
}

.overlay10 .content3 div {
  animation: showContent 1s 15s forwards, hideContent 1s 19s forwards;
}

.overlay10 .content4 {
  animation: showContent 0s 19s forwards, hideContent 0s 24s forwards;
}

.overlay10 .content4 p {
  animation: fadeInText 0s 19s forwards, fadeOutText 0s 24s forwards;
}

.overlay10 .content4 div {
  animation: fadeInText 1s 20s forwards, fadeOutText 1s 24s forwards;
}

.overlay10 .content5 {
  animation: showContent 0s 24s forwards, hideContent 0s 29s forwards;
}

.overlay10 .content5 p {
  animation: fadeInText 0s 24s forwards, fadeOutText 0s 29s forwards;
}

.overlay10 .content5 div {
  animation: fadeInText 1s 25s forwards, fadeOutText 1s 29s forwards;
}

.overlay10 .content6 {
  animation: showContent 0s 29s forwards, hideContent 1s 34s forwards;
}

.overlay10 .content6 p {
  animation: fadeInText 0s 29s forwards, fadeOutText 1s 34s forwards;
}

.overlay10 .content6 div {
  animation: fadeInText 1s 30s forwards, fadeOutText 1s 34s forwards;
}

@keyframes slide10mapChange {
  0% {
    transform: translate(50%, -143%) scale(5.6);
  }

  100% {
    transform: translate(115%, -280%) scale(12);
  }
}

@keyframes slide10mapChangeReverse {
  0% {
    transform: translate(115%, -280%) scale(12);
  }

  100% {
    transform: translate(50%, -143%) scale(5.6);
  }
}

/* OPACITY KEYFRAMES */

@keyframes hideContent {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes showContent {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* COLOR FILL KEYFRAMES */

@keyframes colorFill1 {
  0% {
    fill: #ccf2f5;
  }

  100% {
    fill: none;
  }
}

@keyframes colorFill {
  0% {
    fill: #80dde5;
  }

  100% {
    fill: none;
  }
}

@keyframes colorFill1Reverse {
  0% {
    fill: none;
  }

  100% {
    fill: #ccf2f5;
  }
}

@keyframes colorFillReverse {
  0% {
    fill: none;
  }

  100% {
    fill: #80dde5;
  }
}

@keyframes colorFillwhite {
  0% {
    fill: none;
  }

  100% {
    fill: #ffffff;
  }
}

@keyframes colorFillBlue {
  0% {
    fill: #80dde5;
  }

  100% {
    fill: none;
  }
}

@keyframes colorFillBlueReverse {
  0% {
    fill: none;
  }

  100% {
    fill: #003e6a;
  }
}

@keyframes colorFillDarkToLight {
  0% {
    fill: #003e6a;
  }

  100% {
    fill: #80dde5;
  }
}

/* Keyframes for background  */

@keyframes bgFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bgFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* RESPONSIVE BASE ON HEIGHT */
@media (min-height: 900px) {
  .main-map {
    transform: translate(9%, -15%) scale(1.2);
  }
}

@media (max-width: 600px) and (min-width: 0px) {
  .scroll-down-wrapper {
    bottom: 350px !important;
  }
  .scrollToSkip {
    bottom: 340px !important;
  }
}