@font-face{
  font-family: Hillman;
  src: url(../font/BNHillman.otf) format("opentype"); 
}

body{
	color:#fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size:20px;
	line-height:1.5em;

	margin:0;
	background: #000;
}

.container{
	background:#000;
	box-shadow:0 0 20px rgba(0,0,0,.5);
	margin:0 auto;
	max-width:2602px;
	overflow:hidden;
	position: relative;
}

/*.pin-spacer{width: 100% !important; height: 100% !important;}*/


a.btn{
	display: inline-block;
	font-family: "Space Grotesk", sans-serif;
	text-decoration: none;
	font-weight: 700;
	color: #f66850;
	font-size: 24px;
	overflow: hidden;
	background: #f66850;
	border-radius: 2em;
	border: 4px solid #f66850;
	padding: .75em 1.25em;
	box-sizing: border-box;
	position: relative;
	width: fit-content;
	margin: 10px 0 10px 0;
	cursor: pointer;
}

a.btn span {
	position: relative;
	mix-blend-mode: difference;

}

a.btn svg{
	position: relative;
	padding-left: 5px;
	height: 20px;
	mix-blend-mode: difference;
}

a.btn .cls-1 {
        fill: none;
        stroke: #f66850;
        stroke-miterlimit: 10;
        stroke-width: 2px;
      }

a.btn::before {
	position: absolute;
	content: '';
	top: 0;
	height: 100%;
	background: #000;
	width: 120%;
	left: -10%;
	transform: skew(30deg);
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

a.btn:hover::before {
	transform: translate3d(100%,0,0);
}

.banner-hold{position: relative;
}
.pin-spacer{
	height: 100%;
}

.banner{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
}

.banner .background{
	 position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
 background: url(../images/banner-test.jpg);
  /*background-size: auto 100vh;*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.banner .info{
	position: relative;
	z-index: 5;
	width: 100%;
}



.banner .logo{
	max-width: 800px;
	padding: 30px 30px;
	margin: 0 auto;
}



.banner .logo img{
	width: 100%;
}

.banner .intro{
	height: 70vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner h1{
	font-family: Hillman;
	font-size: clamp(100px, 1vw, 150px);
	text-transform: uppercase;
	color: #fff;
	opacity: .89;
	text-align: center;
	line-height: .8em;
}

.banner h1 span{
	display: block;
	font-size: .57em;
}

.banner .intro .sub{
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 39px;
	color: #fff;
	opacity: .89;
}

.banner .letter{
	max-width: 1700px;
	margin: 100px auto;
	padding: 0 100px;
}

.banner .letter .wrapper{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background: #000;
}

.banner .letter .wrapper .left{
	width: 50%;
	padding: 80px 90px;
	box-sizing: border-box;
	color: #fff;
}



.banner .letter .wrapper .left h2{
	position: relative;
	padding: 50px 0 0;
	margin: 0 0 43px;
	font-family: "Space Grotesk", sans-serif;
	color: #ff4fa0;
	font-weight: 700;
	font-size: 55px;
	line-height: 1.2em;
}

.banner .letter .wrapper .left h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-p.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.banner .letter .wrapper .left p{
	letter-spacing: .025em;
	margin: 0 0 30px;
}

.banner .letter .wrapper .left p span{
	font-weight: 700;
}

.banner .letter .wrapper .left a.btn{
	color: #ff4fa0;
	border-color: #ff4fa0;
	background: #ff4fa0;
}

.banner .letter .wrapper .left a.btn .cls-1{
	stroke: #ff4fa0;
}

.banner .letter .wrapper .right{
	width: 50%;

}

.banner .letter .wrapper .right a.video{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url(../images/vid-1.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}



.grade-1{
	position: relative;
	padding: 170vh 0 100px;
	/*margin-top: -100vh;*/
	background: #510024;
		overflow: hidden;
}

.grade-1:after{
  content: '';
  position: absolute;
  inset: 0 0 0 0;
  mix-blend-mode: multiply;
  filter: url(#noiseFilter);
}

.grade-1 .blob-outer-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    inset: 0;
    margin: auto;
    filter: blur(200px);
    opacity: 80%;
}

.grade-1 .blob-inner-container {
    border-radius: 99999px;
    position: absolute;
    inset: 0;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height:  100%;
    min-width: 1000px;
    overflow: hidden;
    /*transform: scale(0.8);*/
}

.grade-1 .blob {
    position: absolute;
    width:  100%;
    height:  100%;
    inset: 0;
     top: 0%;
    left: 0%;
    margin: auto;
    background: conic-gradient(from 0deg, #ea1c2d, #f01d77, #f67027, #ed630f, #a7177d, #a7177d);
    animation: spinBlob 8s linear infinite;
}


.grade-1:before{
	position: absolute;
	content: "";
	aspect-ratio: 2877/284;
	width: 100%;
	bottom: 0;
	right: 0;
	background: url(../images/bdiv.png);
	background-size: 100%;
	background-position: right;
	background-repeat: no-repeat;
	z-index: 2;
}

.transform{
	position: relative;
	z-index: 3;
		max-width: 1700px;
	margin: 150px auto 100px;
	padding: 100px 100px 0;
}

.transform .intro{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 50px;
}

.transform .intro h2{
	font-family: Hillman;
	color: #fff;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0;
	width: 535px;
}

.transform .intro p{
	padding-left: 60px;
	margin: 0;
	box-sizing: border-box;
	width: calc(100% - 535px);
	/*max-width: 870px;*/
}



.transform .item .wrap{
	text-decoration: none;
	display: block;
	height: 100%;
}

.transform .item .wrap .label{
	background: #ff4fa0;
	color: #000;
	padding: 15px 60px 15px 20px;
	box-sizing: border-box;
	width: 100%;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: 0;
	position: relative;
}

.transform .item .wrap .label:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 30px;
	background: url(../images/arrow-b.png);
	background-size: 100%;
	background-repeat: no-repeat;
	right: 20px;
	top: 15px;
}

.transform .item .wrap .image{
	aspect-ratio: 519/378;
	width: 100%;
	background-color: #000;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.transform .item:nth-of-type(1) .wrap .image{background: url(../images/nat.jpg); background-size: cover;}
.transform .item:nth-of-type(2) .wrap .image{background: url(../images/ct.jpg); background-size: cover;}
.transform .item:nth-of-type(3) .wrap .image{background: url(../images/hrvp.jpg); background-size: cover;}

.transform .item .wrap .image .copy{
	position:absolute;
  top:100%;
  width:100%;
  transition: transform 500ms;
  vertical-align: bottom;
	z-index: 3;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
	box-sizing: border-box;
}

.transform .item .wrap:hover .image .copy{
	transform:translateY(-100%);
	transition: transform 250ms;
}

.transform .item .wrap .image .copy p{
	font-size: 36px;
	line-height: 1.3em;
}


.wildlife{
	background: #000;
}

.wildlife .wrapper{
		max-width: 1700px;
	margin: 100px auto -100px;
	padding: 0 100px;
}

.wildlife .top{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 70px;
}

.wildlife .top .left{
	width: 550px;
}

.wildlife .top .left h2{
	max-width: 480px;
	font-family: Hillman;
	color: #f66850;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0 30px;
	padding: 45px 0 0;
	position: relative;
}

.wildlife .top .left h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-o.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.wildlife .top .left p{
	max-width: 480px;
	margin: 0 0 30px;
}


.wildlife .top .right{
	width: calc(100% - 550px);
}


.wildlife .mid{
	margin: 0 0 50px;
}


.wildlife  .zoo,
.wildlife .wilds,
.wildlife .sea{
	text-decoration: none;
	cursor: pointer;
}

.wildlife  .zoo .image,
.wildlife .wilds .image,
.wildlife .sea .image{
	aspect-ratio: 1/1;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}



.wildlife .zoo .image .animals{
	position: absolute;
	aspect-ratio: 501/464;
	width: 100%;
	background: url(../images/eles.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.wildlife .wilds .image .animals{
	position: absolute;
	aspect-ratio: 746/710;
	width: 90%;
	background: url(../images/horse.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.wildlife .sea .image .animals{
	position: absolute;
	aspect-ratio: 434/425;
	width: 100%;
	background: url(../images/seadragons.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.wildlife .zoo .icon,
.wildlife .wilds .icon,
.wildlife .sea .icon{
	position: absolute;
	aspect-ratio: 1/1;
	width: 40%;
	top: 0;
	left: 0;
	z-index: 1;
}

.wildlife .sea .icon{
	right: 0;
	left: unset;
	transform: rotate(45deg);
}

.wildlife  .zoo .icon img,
.wildlife  .wilds .icon img,
.wildlife  .sea .icon img{
	width: 100%;
}

.wildlife  .zoo .label,
.wildlife  .wilds .label,
.wildlife  .sea .label{
	width: fit-content;
	color: #f1634b;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 25px;
	margin: 5px auto 0;
	padding-right: 30px;
	position: relative;
}

.wildlife .zoo .label:before,
.wildlife  .wilds .label:before,
.wildlife  .sea .label:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 22px;
	background: url(../images/arrow-o.png);
	background-size: 100%;
	right: 0;
	top: calc(50% - 11px);
}

.wildlife  .zoo .label:after,
.wildlife  .wilds .label:after,
.wildlife  .sea .label:after{
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: #f1634b;
	bottom: -4px;
	left: 0;
	transition: width ease .3s;
}

.wildlife  .zoo:hover .label:after,
.wildlife  .wilds:hover .label:after,
.wildlife  .sea:hover .label:after{
	width: 100%;
	transition: width ease .3s;
}


.wildlife .top .right .link-list{
	width: 100%;
	max-width: 500px;
	padding: 45px 0 0;
	margin: 0;
	list-style: none;
}

.wildlife .top .right li{
	padding: 15px 0;
	border-bottom: 2px solid #f66850;
	position: relative;
	font-size: 22px;
	letter-spacing: .025em;
	font-weight: 500;
}

.wildlife .top .right li:last-of-type{
	border-bottom: unset;
	padding: 15px 0 0;
}

.wildlife .top .right li:first-of-type{
	padding: 0 0 15px;
}

.wildlife .top .right li a{
	display: block;
	position: relative;
	color: #f66850;
	text-decoration: none;
}

.wildlife .top .right li a:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 22px;
	background: url(../images/arrow-o.png);
	background-size: 100%;
	right: 0;
	top: calc(50% - 11px);
}

.wildlife .cards{
	margin: 50px 0 0;
}

.wildlife .cards h2{
	font-family: Hillman;
	color: #f66850;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0 50px;
	padding: 45px 0 0;
	position: relative;
}

.wildlife .cards h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-o.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.wildlife .card{
	width: 100%;
	min-height: 550px;
	 perspective: 500px;
	 position: relative;
	 z-index: 3;
}

.wildlife .card .content {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  transition: transform 1s;
  transform-style: preserve-3d;
}

.wildlife .card:hover .content {
  transform: rotateY( 180deg ) ;
  transition: transform 0.5s;
}

.wildlife .card .front,
.wildlife .card .back {
  position: absolute;
  height: 100%;
  width: 100%;
  color: #000;
  background: #ff4fa0;
  box-sizing: border-box;
  padding: 2rem;
    backface-visibility: hidden;
}

.wildlife .card .front{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wildlife .card.pink .front,
.wildlife .card.pink .back{
	background: #ff4fa0;
}
.wildlife .card.blue .front,
.wildlife .card.blue .back{
	background: #21c0dd;
}

.wildlife .card.purple .front,
.wildlife .card.purple .back{
	background: #b464bf;
}

.wildlife .card.orange .front,
.wildlife .card.orange .back{
	background: #f1634b;
}

.wildlife .card .back{
	transform: rotateY( 180deg );
}

.wildlife .card .front h3{
	text-align: center;
	padding: 20px 0 0;
	margin: 0;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 30px;
}

.wildlife .card.elephant .front .icon{
	width: 77.220077%;
	max-width: 200px;
	margin: 0 auto;
}

.wildlife .card.manatee .front .icon{
	width: 84.942085%;
	max-width: 220px;
	margin: 0 auto;
}

.wildlife .card.gorilla .front .icon{
		width: 72%;
	max-width: 175px;
/*	width: 53.281853%;
	max-width: 138px;*/
	margin: 0 auto;
}

.wildlife .card.hellbender .front .icon{
	width: 57.142857%;
	max-width: 148px;
	margin: 0 auto;
}

.wildlife .card.bison .front .icon{
	width: 86%;
	max-width: 235px;
	margin: 0 auto;
}

.wildlife .card.lemur .front .icon{
	width: 70%;
	max-width: 190px;
	margin: 0 auto;
}

.wildlife .card .front .icon img{
	width: 100%;
}

.wildlife .card.turtle .front .icon{
	width: 84.942085%;
	max-width: 220px;
	margin: 0 auto;
}

.wildlife .card .back h4{
	font-size: 18px;
	font-weight:800;
	line-height: 1.3em;
	margin: 0 auto 5px;
	max-width:290px;
	text-align:center;
}

.wildlife .card .back p{
	font-size: 18px;
	font-weight:600;
	line-height: 1.3em;
	margin: 0 auto;
	max-width:290px;
	text-align:center;
}

.wildlife .card .back p a{
	color: #21c0dd;
	text-decoration: underline;
}

.wildlife .card .back .icon{ margin:0px auto 10px; }

.wildlife .card.elephant .back .icon,
.wildlife .card.bison .back .icon,
.wildlife .card.lemur .back .icon{
width: 80px;
}

.wildlife .card.manatee .back .icon,
.wildlife .card.turtle .back .icon{
	width: 80px;
}

.wildlife .card.gorilla .back .icon{
	width: 64px;
}


.wildlife .card.hellbender .back .icon{
	width: 54px;
}

.wildlife .card .back .icon img{
	width: 100%;
}

.education{
	background: url(../images/e-text.jpg);
	background-attachment: fixed;
	position: relative;
}


.education .wrapper{
	max-width: 1700px;
	margin: 0 auto;
	padding: 200px 100px 250px;
}


.education .wrapper .left h2{
	max-width: 480px;
	font-family: Hillman;
	color: #21c0dd;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0 30px;
	padding: 45px 0 0;
	position: relative;
}

.education .wrapper .left h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-bl.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.education .wrapper .left p{
	font-size: 20px;
	letter-spacing: .025em;
	margin: 0 0 30px;
}

.education .wrapper .left .accords .itemy{
  cursor: pointer;
  display: block;
  padding: 30px 0;
  color: #fff;
	border-top:4px solid #fff;  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


.education .wrapper .left .accords .itemy .content {
    padding: 30px 0 0;
    margin: 0 !important;
    display: none;
    color: #fff;
}

.education .wrapper .left .accords .itemy .content p{
	letter-spacing: .025em;
	margin: 0 0 30px;
}
.education .wrapper .left .accords .itemy .content p.big{
	font-size:25px;
	font-weight: 400;
}
.education .wrapper .left .accords .itemy .content p.small{
	font-size:17px;
}

.education .wrapper .left .accords .itemy .content a{
	color:#fff;
}

.education .wrapper .left .accords .itemy .content p:last-of-type{
	margin: 0;
}

.education .wrapper .left .accords .itemy .title{
	padding-right: 45px;
	position: relative;
}

.education .wrapper .left .accords .itemy .title h4{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 28px;
	margin: 0;
	padding: 0;
}

.education .wrapper .left .accords .itemy .title .circle-plus{
	position: absolute;
	width: 45px;
	height: 100%;
	top: 0;
	right: 0;
}


.education .closed .vertical {
  transition: all 0.25s ease-in-out;
  transform: rotate(-90deg);
}
.education .closed .horizontal {
  transition: all 0.25s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.education .vertical {
  transition: all 0.25s ease-in-out;
  transform: rotate(90deg);
}
.education  .horizontal {
  transition: all 0.25s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.education .horizontal {
  position: absolute;
  background-color: #fff;
  width: 30px;
  height: 5px;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -2.5px;
}

.education .vertical {
  position: absolute;
  background-color: #fff;
  width: 5px;
  height: 30px;
  left: 50%;
  margin-left: -2.5px;
  top: 50%;
  margin-top: -15px;
}



.education .wrapper .right .video{
	margin: 30px 0;
	text-decoration: none;
}

.education .wrapper .right .video .label{
	width: 100%;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #000;
	padding: 15px 20px;
	box-sizing: border-box;
	background: #21c0dd;
}

.education .wrapper .right .video .image{
	aspect-ratio: 799/509;
	width: 100%;
	background: url(../images/edu-vid.jpg);
	background-size: cover;
	position: relative;
}

.education .wrapper .right p{
	text-align: right;
	margin: 10px 0 0;
}

.education .wrapper .right a.more{
	color: #21c0dd;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 25px;
	padding-right: 30px;
	position: relative;
	text-decoration: none;
}

.education .wrapper .right a.more:first-of-type{
	margin: 0 30px 0 0;
}

.education .wrapper .right a.more:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 22px;
	background: url(../images/arrow-bl.png);
	background-size: 100%;
	right: 0;
	top: calc(50% - 11px);
}

.education .wrapper .right a.more:after{
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: #21c0dd;
	bottom: -4px;
	left: 0;
	transition: width .3s ease;
}

.education .wrapper .right a.more:hover::after{
	width: 100%;
	transition: width .3s ease;
}

.grade-2{
	background-color: #fff;
	color: #000;
	overflow: hidden;
	position: relative;
	-webkit-mask-image: url('../images/mask.png');
  mask-image: url('../images/mask.png');
  mask-size:cover;
  mask-repeat: no-repeat;
  mask-position: top;
  margin-top: -150px;
}

.grade-2:after{
  content: '';
  position: absolute;
  inset: 0 0 0 0;
  mix-blend-mode: multiply;
  opacity: .5;
  filter: url(#noiseFilter);
}



.grade-2 .blob-outer-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 0;
    inset: 0;
    margin: auto;
    filter: blur(200px);
    opacity: 60%;
}

.grade-2 .blob-inner-container {
    border-radius: 99999px;
    position: absolute;
    inset: 0;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height:  100%;
    min-width: 800px;
    overflow: hidden;
    /*transform: scale(0.8);*/
}

.grade-2 .blob {
    position: absolute;
    width:  100%;
    height:  100%;
    inset: 0;
     top: 0%;
    left: 0%;
    margin: auto;
    background: conic-gradient(from 0deg, #f99fb8, #efc470, #ea7b94, #ed630f, #e5573f, #ee8c4c);
    animation: spinBlob 8s linear infinite;
}


.community{
	position: relative;
	z-index: 3;
	max-width: 1700px;
	margin: 0 auto;
	padding: 200px 100px 100px;
}

.community .intro{
	display: flex;
	margin: 0 0 50px;
}

.community .intro h2{
	max-width: 480px;
	font-family: Hillman;
	color: #000;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0;
	padding: 45px 0 0;
	position: relative;
}

.community .intro h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-b.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.community .intro p{
	max-width: 430px;
	margin: 0;
	padding: 45px 0 0;
}


.community .wrapper .left .video{
	margin: 0 0 30px;
	text-decoration: none;
	position: relative;
}

.community .wrapper .left .video:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 20%;
	max-width: 200px;
	background: url(../images/geo-pu.png);
	background-size: 100%;
	bottom: -10%;
	left: -10%;
}

.community .wrapper .left .video .label{
	width: 100%;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #000;
	padding: 15px 20px;
	box-sizing: border-box;
	background: #21c0dd;
	position: relative;
	z-index: 3;
}

.community .wrapper .left .video .image{
	aspect-ratio: 799/509;
	width: 100%;
	background: url(../images/health-vid.jpg);
	background-size: cover;
	position: relative;
	z-index: 3;
}

.community .wrapper .left p{
	text-align: right;
	margin: 10px 0 0;
}

.community .wrapper .left a.more{
	color: #000;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 25px;
	padding-right: 30px;
	position: relative;
	text-decoration: none;
}

.community .wrapper .left a.more:first-of-type{
	margin: 0 30px 0 0;
}

.community .wrapper .left a.more:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 22px;
	background: url(../images/arrow-b.png);
	background-size: 100%;
	right: 0;
	top: calc(50% - 11px);
}

.community .wrapper .left a.more:after{
	position: absolute;
	content: "";
	width: 0%;
	height: 2px;
	background: #000;
	bottom: -4px;
	left: 0;
	transition: width .3s ease;
}

.community .wrapper .left a.more:hover::after{
	width: 100%;
	transition: width .3s ease;
}

.community .wrapper .right h3{
	font-family: Hillman;
	color: #000;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0 30px;
	padding: 0 0;
}

.community .wrapper .right .accords .itemy{
  cursor: pointer;
  display: block;
  padding: 30px 0;
  color: #000;
	border-top:4px solid #000;  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


.community .wrapper .right .accords .itemy .content {
    padding: 30px 0 0;
    margin: 0 !important;
    display: none;
}

.community .wrapper .right .accords .itemy .content p{
	letter-spacing: .025em;
	margin: 0 0 30px;
}

.community .wrapper .right .accords .itemy .content p a{
	color: #000;
}

.community .wrapper .right .accords .itemy .content p:last-of-type{
	margin: 0;
}

.community .wrapper .right .accords .itemy .title{
	padding-right: 45px;
	position: relative;
}

.community .wrapper .right .accords .itemy .title h4{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 28px;
	margin: 0;
	padding: 0;
}

.community .wrapper .right .accords .itemy .title .circle-plus{
	position: absolute;
	width: 45px;
	height: 100%;
	top: 0;
	right: 0;
}


.community .closed .vertical {
  transition: all 0.25s ease-in-out;
  transform: rotate(-90deg);
}
.community .closed .horizontal {
  transition: all 0.25s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.community .vertical {
  transition: all 0.25s ease-in-out;
  transform: rotate(90deg);
}
.community  .horizontal {
  transition: all 0.25s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.community .horizontal {
  position: absolute;
  background-color: #000;
  width: 30px;
  height: 5px;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -2.5px;
}

.community .vertical {
  position: absolute;
  background-color: #000;
  width: 5px;
  height: 30px;
  left: 50%;
  margin-left: -2.5px;
  top: 50%;
  margin-top: -15px;
}


.community a.btn{
	color: #e2b5a6;
	border-color: #000;
	background: #000;
	margin: 30px 0 0;
}

.community a.btn .cls-1{
	stroke: #e2b5a6;
}

.community a.btn:before{
	background:#e2b5a6;
}




.philanthropy{
	background: #f1634b;
}

.philanthropy h2{
	font-family: Hillman;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.1em;
	margin: 0 0 30px;
	padding: 45px 0 0;
	position: relative;
}

.philanthropy h2 span{
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: .5em;
	letter-spacing: .1em;
}

.philanthropy h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-w.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.philanthropy .left p{
	margin: 0 0 30px;
	letter-spacing: .025em;
}

.philanthropy .left .stories{
	display: flex;
  flex-wrap:wrap;
  margin: 0 -.75rem 50px;
  max-width: 750px;
}

.philanthropy .left .stories .itemy{
	box-sizing: border-box;
   -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: .75rem;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.philanthropy .left .stories .itemy .wrap{
	text-decoration: none;
	color: #fff;
}

.philanthropy .left .stories .itemy .wrap .photo{
	aspect-ratio: 1/1;
	border-radius: 100%;
	overflow: hidden;
	/*max-width: 150px;*/
	margin: 0 auto;
	width: 100%;
	background-color: #ccc;
	overflow: hidden;
}

.philanthropy .left .stories .itemy .wrap .photo img{
	width: 100%;
}

.philanthropy .left .stories .itemy .wrap .label{
	text-align: center;
	padding: 10px 0 0;
	font-size: 16px;
	letter-spacing: .025em;
	font-weight: 700;
	line-height: 1.3em;
	margin: 0;
}


.philanthropy .right .video{
	margin: 0 0 30px;
	text-decoration: none;
}

.philanthropy .right .video .label{
	width: 100%;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #000;
	padding: 15px 20px;
	box-sizing: border-box;
	background: #fff;
}

.philanthropy .right  .video .image{
	aspect-ratio: 799/509;
	width: 100%;
	background: url(../images/batt-vid.jpg);
	background-size: cover;
	position: relative;
}

.philanthropy .right p{
	text-align: right;
	margin: 10px 0 0;
}

.philanthropy .right a.more{
	color: #fff;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 25px;
	padding-right: 30px;
	position: relative;
	text-decoration: none;
}

.philanthropy .right a.more:first-of-type{
	margin: 0 30px 0 0;
}

.philanthropy .right a.more:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 22px;
	background: url(../images/arrow-w.png);
	background-size: 100%;
	right: 0;
	top: calc(50% - 11px);
}

.philanthropy .right a.more:after{
	position: absolute;
	content: "";
	width: 0%;
	height: 2px;
	background: #fff;
	bottom: -4px;
	left: 0;
	transition: width .3s ease;
}

.philanthropy .right a.more:hover::after{
	width: 100%;
	transition: width .3s ease;
}

.philanthropy .wrapper{
	max-width: 1700px;
	margin: 0 auto;
	padding: 100px;
}

.milestones{
	background: url(../images/z-text.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.milestones .wrapper{
		max-width: 2150px;
	margin: 0 0 0 auto;
	padding: 100px 0 100px 100px;
	display: flex;
	flex-wrap: wrap;
}

.milestones .wrapper .copy{
	width: 35%;
	padding-right: 2rem;
	box-sizing: border-box;
}

.milestones .wrapper .copy h2{
	font-family: Hillman;
	text-transform: uppercase;
	color: #fc5ca5;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0 30px;
	padding: 45px 0 0;
	position: relative;
}

.milestones .wrapper .copy h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-p.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.milestones .wrapper .copy p{
	font-size: 20px;
	letter-spacing: .025em;
	font-weight: 600;
}


.milestones .wrapper .right{
		width: 65%;
		position: relative;
}

.milestones .wrapper .right .navs{
	width: 100px;
	position: relative;
	height: 44px;
	margin: 30px 0 0;
}

.milestones .wrapper .right .navs .swiper-button-next, 
.milestones .wrapper .right .navs .swiper-button-prev{
	color: #fff;
}

.milestones .wrapper .swiper{
	/*width: calc(100% - 525px);*/

	/*padding-left: 50px;
	box-sizing: border-box;*/
}

.milestones .wrapper .swiper .card{
	/*aspect-ratio: 340/355;*/
	min-height: 500px;
	width: 100%;
	display: block;
	color: #000;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2rem;
	box-sizing: border-box;
}

.milestones .wrapper .swiper .card.pink{background: #ee4291;}
.milestones .wrapper .swiper .card.blue{background: #21c0dd;}
.milestones .wrapper .swiper .card.purple{background: #b464bf;}
.milestones .wrapper .swiper .card.orange{background: #f1634b;}

.milestones .wrapper .swiper .card .icon{
	display: block;
	height: 100px;
	margin: 0 auto 20px;
}

.milestones .wrapper .swiper .card .icon.short{
	height: 80px;
}

.milestones .wrapper .swiper .card .icon img{
	height: 100%;
	width: auto;
}

.milestones .wrapper .swiper .card .num{
	font-family: Hillman;
	font-weight: 400;
	font-size: 50px;
	margin: 0 0 15px;
}

.milestones .wrapper .swiper .card h4{
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .025em;
	line-height: 1.1em;
	margin: 0 0 15px;
}

.milestones .wrapper .swiper .card p{
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .025em;
	line-height: 1.3em;
	margin: 0;
}

.milestones .wrapper .swiper .card p b{
	font-weight: 700;
}


.grade-3{
	position: relative;
	background: #510024;
	overflow: hidden;
}

.grade-3:after{
  content: '';
  position: absolute;
  inset: 0 0 0 0;
  mix-blend-mode: multiply;
  filter: url(#noiseFilter);
}

.grade-3 .blob-outer-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    inset: 0;
    margin: auto;
    filter: blur(200px);
    opacity: 80%;
}

.grade-3 .blob-inner-container {
    border-radius: 99999px;
    position: absolute;
    inset: 0;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height:  100%;
    min-width: 1000px;
    overflow: hidden;
    /*transform: scale(0.8);*/
}

.grade-3 .blob {
    position: absolute;
    width:  100%;
    height:  100%;
    inset: 0;
     top: 0%;
    left: 0%;
    margin: auto;
    background: conic-gradient(from 0deg, #ea1c2d, #f01d77, #f67027, #ed630f, #a7177d, #a7177d);
    animation: spinBlob 8s linear infinite;
}

@keyframes spinBlob {
    0% {
        transform: rotate(0deg) scale(2);
    }

    100% {
        transform: rotate(1turn) scale(2);
    }
}

@keyframes spinBlob2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}




.stew{
	position: relative;
	z-index: 5;
	max-width: 1700px;
	margin: 0 auto;
	padding: 100px;
}

.stew .intro{
	max-width: 600px;
	margin: 0 0 50px;
}

.stew h2{
	font-family: Hillman;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0;
	padding: 45px 0 0;
	position: relative;
	text-transform: uppercase;
}

.stew h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-w.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.stew  .item .icon{
	aspect-ratio: 1/1;
	width: 100px;
	margin: 0 0 30px;
}

.stew  .item .icon img{
	width: 100%;
}

.stew .item h3{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #fff;
	margin: 0 0 30px;
}

.stew .item p{
	margin: 0 0 50px;
}

.stew .item  a.btn{
	display: inline-block;
	font-family: "Space Grotesk", sans-serif;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	font-size: 24px;
	overflow: hidden;
	background: transparent;
	border-radius: 2em;
	border: 4px solid #ffff;
	padding: .75em 1.25em;
	box-sizing: border-box;
	position: relative;
	width: fit-content;
	margin: 10px 0;
	cursor: pointer;
}

.stew .item a.btn span {
	position: relative;
	mix-blend-mode: difference;

}

.stew .item a.btn svg{
	position: relative;
	padding-left: 5px;
	height: 20px;
	mix-blend-mode: difference;
}

.stew .item  a.btn .cls-1 {
        fill: none;
        stroke: #fff;
        stroke-miterlimit: 10;
        stroke-width: 2px;
      }

.stew .item  a.btn::before {
	display: none;
}

a.btn:hover::before {
	transform: translate3d(100%,0,0);
}


.stew .item .link-list{
	padding: 0;
	margin: 0;
	list-style: none;
}

.stew .item .link-list li{
	padding: 15px 0;
	border-bottom: 2px solid #fff;
	position: relative;
	font-size: 22px;
	letter-spacing: .025em;
	font-weight: 500;
}

.stew .item .link-list li:last-of-type{
	border-bottom: unset;
	padding: 15px 0 0;
}

.stew .item .link-list li:first-of-type{
	padding: 0 0 15px;
}

.stew .item .link-list li a{
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
}

.stew .item .link-list li a:before{
	position: absolute;
	content: "";
	aspect-ratio: 1/1;
	width: 22px;
	background: url(../images/arrow-w.png);
	background-size: 100%;
	right: 0;
	top: calc(50% - 11px);
}


.final .wrapper{
	max-width: 1700px;
	margin: 0 auto;
	padding: 100px;
}

.final h2{
	font-family: Hillman;
	text-transform: uppercase;
	color: #f1634b;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0 30px;
	padding: 45px 0 0;
	position: relative;
}

.final h2 span{
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: .5em;
	letter-spacing: .1em;
}

.final h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-o.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.final p{ margin: 0 0 50px; }


.final .right .cards{
	display: flex;
	flex-wrap: wrap;
}

.final .right .cards .card{
	 box-sizing: border-box;
   -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: .75rem;
   -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.final .right .cards .card .wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	aspect-ratio: 340/355;
	/*height: 100%;*/
	width: 100%;
	min-height: 355px;
	background: #ee4291;
	color: #000;
	text-decoration: none;
	padding: 2rem;
	box-sizing: border-box;
}

.final .right .cards .card .wrap .icon{
	aspect-ratio: 1/1;
	width: 57.142857%;
	max-width: 160px;
	margin: 0 auto 20px;
	animation: spin 5s linear infinite;
	animation-play-state: paused;
}

.final .right .cards .card .wrap:hover .icon{
	animation-play-state: running;
}


.final .right .cards .card .wrap .icon img{
	width: 100%;
}

.final .right .cards .card .wrap h3{
	font-family: Hillman;
	color: #000;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.3em;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

.final .right .cards .card .wrap.blue{background: #21c0dd;}
.final .right .cards .card .wrap.orange{background: #f1634b;}
.final .right .cards .card .wrap.purple{background: #b464bf;}


.final .right .cards .card .wrap.blue .icon,
.final .right .cards .card .wrap.orange .icon,
.final .right .cards .card .wrap.purple .icon{width:62.5%; max-width: 175px;}

.play-button {
  position: absolute;
    top: 50%;
    left: auto;
    right: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 180px;
    height: 180px;
    margin-right: -90px;
    margin-top: -90px;
    background: rgba(255, 255, 255, .7);
    text-align: center;
  border-radius: 50%;
    -webkit-animation: ripple-white3 3s linear infinite;
    animation: ripple-white3 3s linear infinite;
}
@keyframes ripple-white3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } }
.play-button::after {
  content:'';
  opacity: .2;
  top: 50%;
  left: 50%;
  transform: translate(-20%, -50%);
/*  top:58px;
  left:63px;*/
  position: absolute;
  border-left: 55px solid black;
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-right: 55px solid transparent;
}

@keyframes spin {
  0% {transform: rotate(0deg);}
    
  100% {transform: rotate(360deg);}
    
}

/*Pop ups --------------------------*/

body.noscroll{
	overflow: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(100, 59, 109, 0.7);
  transition: opacity 500ms;
  display: none;
  z-index: 999;
  backdrop-filter: blur(20px);
  padding: 100px;
  box-sizing: border-box;

}



.overlay.active{
  display: block;
}

/*body:has(.active .overlay){
	overflow: hidden;
}

body:has(.overlay){
	ove
}*/

.outer {

  background: #fff;
    width: 100%;
    max-width: 1600px;
    height: 100%;
    max-height: 960px;
    position: relative;
    margin: 0 auto;
}


.outer .inner{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	overflow: hidden;
}

.outer .inner .text{
	width: 65%;
	height: 100%;
	padding: 60px 30px 60px 80px;
	box-sizing: border-box;
	color: #000;

}

.outer .inner .text ul{
	list-style: disc;
}

.outer .inner .text a{
	color:#4f9694;
}

.outer .inner .text hr{
	margin:40px 0;
}


.outer .inner .text img.right{
	display: block;
  float: right;
  width: 30%;
  margin: 0 0 30px 30px;
}

.outer .inner .text .copy{
	/*height: calc(100% - 60px);*/
	height: 100%;
	overflow-y: scroll;
	padding-right: 30px;
	box-sizing: border-box;
}

.outer .inner .text .copy::-webkit-scrollbar{
	width: 20px;
	border-radius: 1em;
	background: transparent;
	border: 2px solid #f66850;
}

.outer .inner .text .copy::-webkit-scrollbar-thumb{
	background: #f66850;
	border-radius: 1em;
}

.outer .inner .text img{display: none;}
.outer .inner .text img.chart{display: block; margin: 0 0 40px; max-width:100%;}

.outer .inner .text img.display{display: block; margin:0 0 40px; max-width:100%; }

.outer .inner .text .logo-grid img{width: 100%; display: block; }


.outer .inner .text hr{
	margin: 50px 0;
	height: 2px;
	width: 100%;
	background: #f66850;
	border: none;
}

.outer .inner .text h2{
	font-family: Hillman;
	color: #f66850;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 40px;
	line-height: 1.3em;
	margin: 0 0 30px;
	padding: 45px 0 0;
	position: relative;
	text-transform: uppercase;
}
.outer .inner .text p{
	font-size:22px;
	line-height:1.5em;
	margin:0 0 30px;
}

.outer .inner .text p b{font-weight: 700;}
.outer .inner .text p.big{
	font-size:28px;
	font-weight: 600;
}
.outer .inner .text p.quote{
	font-size:26px;
}
.outer .inner .text p.credit{
	font-size:18px;
	font-style:italic;
}

.outer .inner .text a.btn{
	display: inline-block;
	font-family: "Space Grotesk", sans-serif;
	text-decoration: none;
	font-weight: 700;
	color: #f66850;
	font-size: 24px;
	overflow: hidden;
	background: #fff;
	border-radius: 2em;
	border: 4px solid #f66850;
	padding: .75em 1.25em;
	box-sizing: border-box;
	position: relative;
	width: fit-content;
	margin: 10px 0;
	cursor: pointer;
}

.outer .inner .text a.btn span {
	position: relative;
	mix-blend-mode: unset !important;

}

.outer .inner .text a.btn svg{
	position: relative;
	padding-left: 5px;
	height: 20px;
	mix-blend-mode: unset !important;
}

.outer .inner .text a.btn .cls-1 {
        fill: none;
        stroke: #f66850;
        stroke-miterlimit: 10;
        stroke-width: 2px;
      }

.outer .inner .text a.btn::before {
	position: absolute;
	content: '';
	top: 0;
	height: 100%;
	background: #fff;
	width: 120%;
	left: -10%;
	transform: skew(30deg);
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

.outer .inner .text a.btn:hover::before {
	transform: translate3d(100%,0,0);
}


.outer .inner .text .list{
	columns: 2;
	column-gap: 1em;
}

.outer .inner .text .small{
	font-size:16px;
	}

.outer .inner .text li{
	margin:0 0 15px 20px;
	}

.outer .inner .text ul.double {
    columns: 2;
    column-gap: 40px;
    margin:0 0 40px;
}

.outer .inner .text h2:before{
	position: absolute;
	content: "";
	aspect-ratio: 350/74;
	width: 96px;
	background: url(../images/tri-o.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.outer .inner .text h3{
	font-family: "Space Grotesk", sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 30px;
	color: #f66850;
	margin: 0 0 20px;
}

.outer .inner .text h4{
	font-family: "Space Grotesk", sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 24px;
	color: #f66850;
	margin: 0 0 20px;
}

/*.outer .inner .text .copy{
	height: 100%;
	overflow: scroll;
}*/

.outer .inner .image{
	background-size:cover !important;
	width: 35%;
	background: #333;
}

.outer .close{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.outer .close span{
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding-right: 15px;
	margin: 0;
}

.outer .close .x{
	aspect-ratio: 1/1;
	width: 80px;
	background-color: #f66850;
	background-image: url(../images/x.png);
	background-size: 40px auto;
	background-position: center;
	background-repeat: no-repeat;
}

.mfp-iframe-holder .mfp-content {
	max-width:1600px !important;
}