.hero-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.hero-text {
  width: 100%;
  display: flex;
  font-size: 22px;
  text-align: left;
  height: 100%;
  padding: 20px 85px;
}
.hero-text > div {
  width: 50%;
}
.hero-text h3 {
  text-align: left;
  font-weight: bold;
  font-size: 26px;
}
.hero-text.light > div{
	text-shadow: 1px 1px 2px black;
}
.hero-text.dark > div{
	text-shadow: 1px 1px 2px white;
}
.hero-text.light h3 {
  color: #ffffff;
}
.hero-text.dark h3 {
  color: #333333;
}
.top {
  align-items: flex-start;
}
.left {
  justify-content: flex-start;
}
.center {
  justify-content: center;
  text-align: center;
}
.center h3 {
  text-align: center;
}
.v-center {
  align-items: center;
  /* top:0;
  bottom: 0;
  margin: 0;
  display: flex; */
}
.right {
  justify-content: flex-end;
}
.bottom {
  align-items: flex-end;
}
.light {
  color: #ffffff;
}
.dark {
  color: #333333;
}
.glide__slide {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hero-text {
    width: 100%;
    font-size: 12px;
    padding: 5px 85px;
  }
  .hero-text > div {
    width: 100%;
  }
  .hero-text h3 {
    font-size: 16px;
  }
}
.mark-con h2,
.popular-destinations h2 {
  margin-bottom: 16px;
  text-align: center;
  font-size: 33px;
  text-transform: uppercase;
}

.venn{
  background: #eaeaea;
}
.venn-container {
  margin: auto;
}







@import url("https://fonts.googleapis.com/css?family=Amiri:400,400i,700");

.venn {
  --venn-width-mult: 0.52;
}
@media only screen and (max-width: 690px) {
  .venn {
    --venn-width-mult: 0.92;
  }
}
body {
  
}

main > * {
  width: calc(100% * var(--venn-width-mult));
  margin: 0 auto;
}

main > div {
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 1.5em auto;
  padding: 1em 2em;
  border-radius: 2em;
}

main h1,
main h2,
main h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.1;
  font-family: Arial, "San Francisco", serif;
}

main h1 {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

main h2 {
  font-size: 125%;
}

/* main > a,
a:link,
a:visited,
a:active {
  color: rgb(5, 0, 61);
}

a:hover,
a:focus {
  color: rgba(5, 0, 61, 0.5);
} */

/* Start Venn */

/* :root {
	--venn-width-mult: 0.9;
} */

/* Defaults for browsers that do not support shape-outside */
@media (min-width: 800px) {
	.Venn::after {
		content: "";
		display: block;
		width: 1px;
		height: 1px;
		clear: both;
	}

	.circle,
	.shape {
		box-sizing: border-box;
		border: 0.1em solid rgba(0, 0, 0, 0.5);
		margin: 0 0.75%;
		padding: 0 1.5em;
		float: left;
		width: 32%;
	}

	.circle.one {
		margin-left: 0;
	}

	.circle.three {
		margin-right: 0;
	}

	.shape {
		width: 30%;
		margin: 1em 1%;
	}

	.shape.onetwo {
		margin-left: 2.5%;
		clear: left;
		border-top-right-radius: 1em;
	}

	.shape.twothree {
		margin-right: 2.5%;
		border-top-left-radius: 1em;
	}

	.shape.onethree {
		margin-top: 3em;
		border-top-right-radius: 1em;
		border-top-left-radius: 1em;
	}

	.shape.onetwothree {
		clear: both;
		width: 40%;
		margin-left: 30%;
		margin-right: 30%;
		border-radius: 1.5em;
	}
}

@supports (shape-outside: polygon(0 0, 0 50%, 50% 50%)) {
	.Venn::after {
		display: none;
	}

	.Venn > div {
		box-sizing: border-box;
		border: 0.1em solid rgba(0, 0, 0, 0.5);
		font-size: calc(2.0vw * var(--venn-width-mult));
		line-height: 1.3;
		overflow: hidden;
	}

	.Venn > .shape {
		font-size: calc(1.75vw * var(--venn-width-mult));
		border: initial;
		width: initial;
		margin: initial;
		padding: initial;
	}

	.Venn > .circle {
		border-radius: 50%;
		width: initial;
		margin: initial;
		padding: initial;
	}

	/* Grid layout  */
	.Venn {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(3, calc(28.8vw * var(--venn-width-mult)));
	}

	.Venn > h2 {
		grid-column-start: 1;
		grid-column-end: 6;
		grid-row-start: 0;
		grid-row-end: 1;
	}

	.Venn > .circle.one {
		/*   outline: .2em solid #f00; */
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.Venn > .circle.two {
		/*   outline: .2em solid #0f0; */
		grid-column-start: 3;
		grid-column-end: 6;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.Venn > .circle.three {
		/*   outline: .2em solid #00f; */
		grid-column-start: 2;
		grid-column-end: 5;
		grid-row-start: 2;
		grid-row-end: 4;
	}

	.Venn > .shape.onetwo {
		/*   outline: .2em solid #ff0; */
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.Venn > .shape.onethree {
		/*   outline: .2em solid #f0f; */
		grid-column-start: 2;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 2;
	}

	.Venn > .shape.twothree {
		/*   outline: .2em solid #0ff; */
		grid-column-start: 3;
		grid-column-end: 5;
		grid-row-start: 2;
		grid-row-end: 2;
	}

	.Venn > .shape.onetwothree {
		/*   outline: .2em solid #fff; */
		grid-column-start: 3;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 2;
	}

	/* Text wrap */
	.Venn .circle,
	.Venn .shape {
		text-align: center;
	}
	.Venn .circle span,
	.Venn .shape span {
		box-sizing: border-box;
		float: right;
		/*     border: 1px dotted #00f;
    background-color: rgba(0,0,0,.1); */
	}
	.Venn .circle > span {
		width: calc(58.5vw * var(--venn-width-mult));
		height: calc(58.5vw * var(--venn-width-mult));
	}
	.Venn .shape > span {
		height: calc(29vw * var(--venn-width-mult));
	}
	.Venn .one > span {
		float: left;
		width: 32%;
		shape-margin: 0;
		shape-outside: polygon(
			100% 0%,
			0% 0%,
			0% 100%,
			100% 100%,
			100% 92%,
			76% 88%,
			44% 80%,
			20% 70%,
			10% 60%,
			5% 50%,
			10% 40%,
			20% 30%,
			41% 20%,
			70% 10%,
			100% 5%
		);
	}
	.Venn .one > span + span {
		float: right;
		width: 66%;
		shape-outside: polygon(
			100% 0%,
			40% 0%,
			65% 15%,
			53% 25%,
			47% 35%,
			44% 45%,
			43% 50%,
			31% 55%,
			12% 65%,
			5% 75%,
			0% 85%,
			0% 100%,
			100% 100%
		);
	}
	.Venn .two > span {
		float: left;
		width: 66%;
		shape-margin: 0;
		shape-outside: polygon(
			0% 0%,
			60% 0%,
			35% 15%,
			47% 25%,
			53% 35%,
			56% 45%,
			57% 50%,
			69% 55%,
			88% 65%,
			95% 75%,
			100% 85%,
			100% 100%,
			0% 100%
		);
	}
	.Venn .two > span + span {
		float: right;
		width: 32%;
		shape-outside: polygon(
			0% 0%,
			100% 0%,
			100% 100%,
			0% 100%,
			0% 92%,
			24% 88%,
			56% 80%,
			80% 70%,
			90% 60%,
			95% 50%,
			90% 40%,
			80% 30%,
			59% 20%,
			30% 10%,
			0% 5%
		);
	}
	.Venn .three > span {
		float: left;
		width: 49%;
		shape-margin: 0;
		shape-outside: polygon(
			0% 0%,
			100% 0%,
			100% 40%,
			75% 47%,
			50% 50%,
			2% 50%,
			5% 60%,
			13% 70%,
			27% 80%,
			52% 90%,
			78% 95%,
			100% 97%,
			100% 100%,
			0% 100%
		);
	}
	.Venn .three > span + span {
		float: right;
		shape-outside: polygon(
			100% 0%,
			0% 0%,
			0% 40%,
			25% 47%,
			50% 50%,
			98% 50%,
			95% 60%,
			87% 70%,
			73% 80%,
			48% 90%,
			22% 95%,
			0% 97%,
			0% 100%,
			100% 100%
		);
	}
	.Venn .onetwo > span {
		float: left;
		width: 49%;
		shape-margin: 0;
		shape-outside: polygon(
			0% 0%,
			100% 0%,
			100% 30%,
			72% 40%,
			48% 50%,
			20% 70%,
			10% 85%,
			0% 98%,
			100% 98%,
			100% 100%,
			0% 100%
		);
	}
	.Venn .onetwo > span + span {
		float: right;
		shape-outside: polygon(
			100% 0%,
			0% 0%,
			0% 30%,
			28% 40%,
			52% 50%,
			80% 70%,
			90% 85%,
			100% 98%,
			0% 98%,
			0% 100%,
			100% 100%
		);
	}
	.Venn .onethree > span {
		float: left;
		width: 48%;
		shape-margin: 0;
		shape-outside: polygon(
			0% 0%,
			100% 0%,
			100% 5%,
			70% 20%,
			45% 35%,
			26% 50%,
			10% 75%,
			5% 90%,
			50% 98%,
			100% 95%,
			100% 100%,
			0% 100%
		);
	}
	.Venn .onethree > span + span {
		float: right;
		width: 51%;
		shape-outside: polygon(
			100% 0%,
			0% 0%,
			0% 25%,
			9% 40%,
			20% 55%,
			40% 70%,
			30% 80%,
			0% 90%,
			0% 100%,
			100% 100%
		);
	}
	.Venn .twothree > span {
		float: left;
		width: 51%;
		shape-margin: 0;
		shape-outside: polygon(
			0% 0%,
			100% 0%,
			100% 25%,
			91% 40%,
			80% 55%,
			60% 70%,
			70% 80%,
			100% 90%,
			100% 100%,
			0% 100%
		);
	}
	.Venn .twothree > span + span {
		float: right;
		width: 48%;
		shape-outside: polygon(
			100% 0%,
			0% 0%,
			0% 5%,
			30% 20%,
			55% 35%,
			74% 50%,
			90% 75%,
			95% 90%,
			50% 98%,
			0% 95%,
			0% 100%,
			100% 100%
		);
	}
	.Venn .onetwothree > span {
		float: left;
		width: 49%;
		shape-margin: 0;
		shape-outside: polygon(
			0% 0%,
			10% 15%,
			30% 35%,
			50% 50%,
			95% 70%,
			100% 100%,
			0% 100%
		);
	}
	.Venn .onetwothree > span + span {
		float: right;
		shape-outside: polygon(
			100% 0%,
			90% 15%,
			70% 35%,
			50% 50%,
			5% 70%,
			0% 100%,
			100% 100%
		);
	}
	.Venn .circle h3 {
		margin: 0.5em 0 0 0;
		text-align: center;
	}
	.Venn .circle h3 + * {
		margin-top: 0.2em;
	}
	.Venn .shape h3 {
		clip-path: inset(100%);
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		width: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
	}
}


/* End Venn */

/* Custom styles */

/* .p2p {
  --venn-width-mult: .90;
} */

.p2p {
  width: calc(100% * var(--venn-width-mult));
  margin: 0 auto;
}

.p2p * {
  transition: all .15s ease-in;
}

.p2p h2 {
  color: #000;
  line-height: 1.1;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 2em;
  text-align: center;
  padding: 0.5em 1em;
}

.p2p .onetwo {
  background-color: rgba(255, 255, 230, 0.85);
}

.p2p .twothree {
  background-color: rgba(230, 255, 255, 0.85);
}

.p2p .onethree {
  background-color: rgba(255, 230, 255, 0.85);
}

.p2p .onetwothree {
  background-color: rgba(255, 255, 255, 0.85);
}

@media screen and (max-width: 799px) {
  .p2p .circle, .p2p .shape {
    padding: 1em 2em;
  }
}

@supports (shape-outside: polygon(0 0, 0 50%, 50% 50%)) {
  .p2p ul,
  .p2p li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    line-height: normal;
  }

  .p2p ul {
    display: block;
  }

  /* .p2p li:not(:last-child)::after {
    content: ", ";
  }

  .p2p li:last-child::after {
    content: ". ";
  } */

  .p2p > div {
    font-size: calc(2.15vw * var(--venn-width-mult));
  }

  .p2p > .shape {
    font-size: calc(2.05vw * var(--venn-width-mult));
    z-index: 1;
  }
  
  .p2p .circle, .p2p .shape {
    padding: initial;
  }

  .p2p .onetwothree ul {
    margin-top: 0.9em;
  }

  .p2p .onethree,
  .p2p .twothree {
    font-size: calc(2.15vw * var(--venn-width-mult));
  }
  
  .p2p .one > span {
    shape-margin: .6em;
  }
  
  .p2p .three > span {
    shape-margin: 1.75em;
  }

  .p2p .circle ul {
    margin: 0.5em 0 0 0;
  }
  
  .p2p .one h3 {
    margin-top: 2.75em;
  }
  
  .p2p .two h3 {
    margin-top: 1.25em;
  }

  .p2p .shape {
    background-color: transparent
  }
}

.p2p .one {
  background-color: rgba(245, 177, 5, 0.5);
  /* border-color: rgba(255,255,255,1); */
}

/* .p2p .one:hover,
.p2p .one:focus {
  background-color: rgba(204, 0, 0, 1);
  border-color: rgba(255,0,0,1);
} */

.p2p .two {
  background-color: rgba(241, 155, 6, 0.564);
  /* border-color: rgba(255,255,255,1); */
}

/* .p2p .two:hover,
.p2p .two:focus {
  background-color: rgba(0, 153, 0, 1);
  border-color: rgba(0,255,0,1);
} */

.p2p .three {
  background-color: rgba(241, 147, 6, 0.503);
  /* border-color: rgba(255,255,255,1); */
}

/* .p2p .three:hover,
.p2p .three:focus {
  background-color: rgba(0, 0, 204, 1);
  border-color: rgba(0,0,255,1);
} */

/* .p2p .circle:hover,
.p2p .circle:focus {
  z-index: 2;
  box-shadow: -1em 1em 1.5em rgba(0, 0, 0, 0.5),
    inset 0 0 0.5em rgba(255, 255, 255, 1);
  color: #fff;
  outline: none;
  overflow: hidden;
} */

.p2p .circle {
  position: relative;
}

/* .p2p .circle:hover::before,
.p2p .circle:focus::before {
  content: "";
  position: absolute;
  background: radial-gradient(
    circle at 50% 120%,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0) 70%
  );
  border-radius: 50%;
  bottom: 2.5%;
  left: 5%;
  opacity: 0.6;
  height: 100%;
  width: 90%;
  filter: blur(0.7em);
   z-index: 2;
}
.p2p .circle:hover::after,
.p2p .circle:focus::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5%;
  left: 10%;
  border-radius: 50%;
  background: radial-gradient(
    circle at 50% 50%,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.65) 14%,
    rgba(255, 255, 255, 0) 24%
  );
  transform: translateX(10%) translateY(-35%) skewX(20deg);
  filter: blur(1.5em);
}

.p2p:hover > div, .p2p:focus-within > div {
    overflow: visible;
} */

@media print {
  :root {
  --venn-width-mult: 1;
  }
  body {
    background: none;
    background-color: #fff;
    color: #000;
  }
  .p2p .circle, .p2p .shape {
    background-color: transparent;
  }
  main > div {
    padding: 0;
  }
  .p2p .one, .p2p .two, .p2p .three {
      border-color: rgba(0,0,0,1);
  }
}





/* .venn {
  background: #eaeaea;
}
.venn ul {
  position: relative;
  height: 500px;
  width: 500px;
  margin: auto;
}
.venn li {
  line-height: 18px;
  margin-bottom: 12px;
  padding: 120px 2px;
  background: rgba(38, 123, 184, 0.5);
  margin: 20px;
  border-radius: 150px;
  width: 250px;
  text-align: center;
  color: #000;
  font-size: 22px;
  display: block;
  position: absolute;
}
.venn li.one {
  top: 100px;
  left: 0;
  z-index: 1;
}
.venn li.two {
  top: 0;
  left: 100px;
  background: rgba(6, 237, 241, 0.503);
  z-index: 1;
}
.venn li.three {
  top: 100px;
  left: 211px;
  background: rgba(222, 241, 6, 0.503);
  z-index: 1

}
.venn li.four {
  top: 200px;
  left: 50px;
  background: rgba(38, 123, 104, 0.5);
}
.venn li.five {
  top: 200px;
  left: 170px;
  background: rgba(230, 6, 6, 0.503);
  line-height: 178px;
  padding-bottom: 6px;
  padding-top: 79px;
  z-index:0
} */