#stPages {
    position: relative;
	background:#111;
}
#stPages:before {
    content: "";
    background-image: url(https://file.hstatic.net/200000627799/file/grain_texture_29eeb9a229e94d3bb5c06883c6602738.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 5%;
	pointer-events: none;
}
.content-page,.content-page p,.content-page a,.content-page ul li,.content-page div{
	color:#fff;
	font-family:var(--g-font-2);
	font-size:30px;
	line-height:46px;
	margin-bottom:0px;
	font-weight: 300;
}
.content-page ul li{margin-bottom:0;}
.content-page a{
	text-decoration: underline;
}
.content-page h2,.content-page h3,.content-page h4,.content-page h5,.content-page h6{
	font-weight: 400;
	margin-bottom:10px;
	font-size: 48px;
	line-height: 60px;
	color: #74FF0D;
	font-family:var(--g-font-3);
}
.content-page {
    max-width: 871px;
    margin: 60px auto;
}
.img-header {
    margin-top: -123px;
    z-index: 1;
    position: relative;
	    text-align: center;
}
.img-header .headingPage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-header .headingPage h1{
	font-weight: 400;
    font-size: 120px;
    line-height: 144px;
    color: #fff;
    font-family: var(--g-font-1);
    text-transform: uppercase;
	    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.join-us-page {
    padding: 120px 0;
}
.col-jup{text-align:center;}
.col-jup h3{
	font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: var(--g-font-3);
    margin-top: 30px;
    color: #171717;
}
.footer.hv3{margin-top:0;}
.container-fix {
    max-width: 1680px;
    width: 100%;
}
@media(max-width:1700px){
	.container-fix{padding: 0 120px;}
}
@media(max-width:1560px){
	.content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6{
		    font-size: 38px;
    line-height: 50px;
	}
	.content-page {
		margin: 50px auto;
		max-width: 58%;
	}
	.content-page, .content-page p, .content-page a, .content-page ul li,.content-page div{
		    font-size: 24px;
    line-height: 35px;
	}
	.container-fix{padding: 0 70px;}
	.img-header .headingPage h1{
		    font-size: 95px;
    line-height: 115px;
    padding-top: 40px;
	}
	.join-us-page {
		padding: 80px 0;
	}
	.col-jup img {
		max-width: 280px;
		width: 100%;
	}
	.col-jup h3{
		font-size: 28px;
    line-height: 36px;
		margin-top:25px;
	}
}
@media(max-width:1439px){
	.img-header .headingPage h1 {
		font-size: 80px;
		line-height: 100px;
	}
	.col-jup h3 {
		font-size: 22px;
		line-height: 30px;
		margin-top: 20px;
	}
	.col-jup img {
		max-width: 230px;
	}
	.join-us-page {
		padding: 65px 0;
	}
}
@media(max-width:1366px){
	.fly-1 {
		position: absolute;
		top: -20%;
		left: 10%;
	}
	.fly-1 img, .fly-2 img {
		width: 70%;
	}
	.fly-2 {
		position: absolute;
		bottom: 7%;
		right: 75px;
	}
}
@media(max-width:1199px){
	.container-fix {
		padding: 0 60px;
	}
	.img-header .headingPage h1 {
		font-size: 40px;
		line-height: 50px;
		padding-top: 12%;
		width:42%;
	}
	.content-page {
		max-width: 100%;
	}
}
@media(max-width:767px){
	.content-page, .content-page p, .content-page a, .content-page ul li, .content-page div {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
}
	.content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6 {
		    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
	}
	.content-page{margin:15px auto;}
	.img-header .headingPage h1 {width:45%;}
	.container-fix .row{margin: 0 -10px;}
	.container-fix {
		padding: 0 15px;
	}
	.join-us-page {
		padding: 50px 0 15px;
	}
	.join-us-page .row{
		display: flex;
		flex-wrap: wrap;
	}
	.img-header img {
		height: 25vh;
	}
	.img-header .headingPage h1 {
		font-size: 25px;
		line-height: 35px;
		padding-top: 30%;
	}
	.col-jup{
		width:50% !important;
		margin-bottom:30px;
		padding: 0 10px;
	}
	.col-jup h3 {
		font-size: 14px;
		line-height: 20px;
		margin-top: 10px;
	}
}
/*Contact Page*/
:root {
  --marquee-width: 100%;
  --marquee-height: 20vh;
  /* --marquee-elements: 12; */ /* defined with JavaScript */
  --marquee-elements-displayed: 2;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

.marquee {
  width: var(--marquee-width);
  height: auto;
  overflow: hidden;
  position: relative;
	    top: 24px;
    margin-top: 130px;
}

.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}
/* .marquee-content:hover {
  animation-play-state: paused;
} */
@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
}
.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  width: 60%;
  max-height: 100%;
  font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
  white-space: nowrap;
	font-weight: 400;
	font-size: 128px;
	line-height: 71%;
	font-family: var(--g-font-3);
	text-transform: uppercase;
	color: #74FF0D;
}

.img-header .headingPage h1{
	    width: 35%;
}
.contact-page{

	    background-repeat: no-repeat;
    background-position: center;
    padding-top: 130px;
	    background-size: cover;
	position:relative;
}
.contact-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 80%;
    z-index: 0;
}
.contact-page .content-contact{
	margin:0 auto;
	max-width:828px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(152.97deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid #FFFFFF;
	border-radius: 24px;
	padding: 20px 70px 40px;
	position:relative;
}
marquee.text-run {
    font-weight: 400;
    font-size: 128px;
    line-height: 71%;
    font-family: var(--g-font-3);
    text-transform: uppercase;
    color: #74FF0D;
    position: relative;
    top: 20px;
    margin-top: 130px;
}
.contact-page .content-contact .contact-form{margin-top:0;}

.contact-page .content-contact .contact-form label{
	display:block;
	    font-weight: 400;
    font-size: 24px;
    line-height: 71px;
    font-family: var(--g-font-3);
    color: #fff;
}
.contact-page .content-contact .contact-form label span{
	color:#D8201D;
	font-family: inherit;
	padding-left: 5px;
}
.contact-page .content-contact .contact-form input{
	padding: 0 24px;
	opacity: 0.4;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	font-family: var(--g-font-2);
	color: #fff;
	float: none !important;
	width: 100%;
	height: 47px;
	border: 1px solid #FFFFFF;
	background: transparent;
	margin-bottom:0;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* Edge */
  color: #fff !important;
	opacity:0.7;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
	opacity:0.7;
}

input::placeholder,textarea::placeholder {
  color: #fff !important;
	opacity:0.7;
}
.contact-page .content-contact .contact-form textarea{
	padding:10px 24px;
	opacity: 0.4;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	font-family: var(--g-font-2);
	color: #fff;
	width: 100%;
	height: 118px;
	border: 1px solid #FFFFFF;
	background: transparent;
}
.contact-page .content-contact .contact-form button{
	    font-weight: 300 !important;
    font-size: 18px;
    line-height: normal;
    font-family: var(--g-font-3);
    height: 41px;
    width: auto;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    padding: 0 15px;
	    margin-top: 25px;
}
.contact-page .content-contact .contact-form button svg{
	    margin-left: 5px;
    position: relative;
    top: 2px;

}
@media(max-width:1560px){
	.contact-page{
		    padding-top: 100px;
	}

	.contact-page .content-contact .contact-form label{
		font-size: 18px;
    line-height: 55px;
	}
	.contact-page .content-contact .contact-form input{
		    font-size: 13px;
		height: 38px;
		padding: 0 20px;
	}
	.contact-page .content-contact .contact-form textarea{
		font-size:13px;
		padding: 10px 20px;
	}
	.contact-page .content-contact .contact-form button{
		font-size: 14px;
		margin-top:20px;
	}
	.text-run{
		margin-top: 90px;
	}
		.marquee-content li{
		
		font-size: 100px;
	}
	
}
@media(max-width:1199px){
	.marquee-content li{
		width:100%;
	}
}
@media(max-width:767px){
	#stContact .img-header img{height:40vh;}
	.contact-page {
		padding-top: 40px;
	}
	.contact-page .content-contact{
		max-width: 90%;
    padding: 10px 15px 25px;
	}
	.text-run{
		margin-top: 30px;
		top: 15px;
	}
	.marquee-content li {
	  font-size: 14vw;
	}
}

/*About Us*/
.img-header.about-ih p{
	position: absolute;
	top: 58vh;
	left: 6.3vw;
	font-weight: 400;
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	color: #171717;
	font-family: var(--g-font-3);
}
.main-text h2{
	font-weight: 400;
	font-size: 165.147px;
	line-height: 165px;
	font-family: var(--g-font-1);
	color: #171717;
	text-transform: uppercase;
	    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.about-ih-bottom {
    position: relative;
}
.cw-text-main {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cw-text-main h2{
	font-weight: 400;
	font-size: 165.147px;
	line-height: 165px;
	font-family: var(--g-font-1);
	color: #171717;
	text-transform: uppercase;
	position: relative;
	top: -4vh;
	    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.style-text,.style-text span{
	font-weight: 600;
font-size: 30px;
line-height: 150%;
	font-family:var(--g-font-2);
	color:#171717;
}
.cw-text-left.style-text {
    position: absolute;
    top: 0;
    left: 6.3vw;
    max-width: 37%;
	    top: -10%;
    z-index: 1;
}
.cw-text-right.style-text {
    position: absolute;
    top: 0;
    right: 6.3vw;
    max-width: 39%;
    text-align: right;
	    top: -10%;
    z-index: 1;
}
.cw-text-bottom.style-text {
    position: absolute;
    bottom: 11.5vh;
    width: 100%;
    text-align: center;
}
.part-3 {
    position: relative;
    padding: 375px 200px 180px;
}
.part-3 h2,.part-3 span{
	font-weight: 400;
    font-size: 120px;
    line-height: 144px;
    font-family: var(--g-font-1);
    text-transform: uppercase;
    color: #171717;
    text-align: center;
}
.part-3 span{
	display:inline-block;
	position:relative;
}
.part-3 span svg{
	    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}
.main-part-3{position:relative;}
.style-star{
	color:#000;
}
.style-star svg path{
	stroke: currentColor;
}
.icon-1 {
    position: absolute;
    right: 1.5%;
    top: -8%;
}
.icon-2 {
    position: absolute;
    left: -3%;
    bottom: -30%;
}
.part-4 {
    position: relative;
}
.main-part-4 {
    position: absolute;
    top: -5%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 703px;
    text-align: center;
    margin: 0 auto;
}
.main-part-4 span {
    font-weight: 600;
    font-size: 30px;
    line-height: 150%;
    font-family: var(--g-font-2);
    color: #171717;
}
.break {
    display: block;
    width: 100%;
    height: 40px;
}
.part-5 {
    position: relative;
		text-align:center;
		padding:0 20px;
}
.main-part-5,.main-part-5 span {
    margin: 0 auto;
    font-weight: 400;
    font-size: 100px;
    line-height: 120px;
    font-family: var(--g-font-1);
    text-align: center;
    width: 100%;
    max-width: 1561px;
    color: #171717;
    text-transform: uppercase;
}
.main-part-5 span {
	    color: #74FF0D;
}
.fly-1 {
    position: absolute;
    top: -23%;
    left: 10%;
}
.fly-2 {
    position: absolute;
    bottom: 7%;
    right: 12%;
}
.part-6 {
	position: relative;
	text-align: center;
}
.style-star.pt-star-1 {
    margin: 50px 0;
}
.purple.style-star {
    color:#740EE7;
}
.green.style-star {
    color:#74FF0D;
}
.style-star.small-star svg {
    width: 106px;
    height: 106px;
}
.part-6 .style-text span{
color:#740EE7;
	font-weight:700;
}
.p6-text-1.style-text {
    max-width: 830px;
    margin: 0 auto 50px;
}
.p6-text-2.style-text {
    max-width: 688px;
    margin: 0 auto;
}
.style-star.pt-star-2.small-star {
    margin: 40px 0;
}
.p6-text-3.style-text {
    max-width: 710px;
    margin: 0 auto 40px;
}
.style-star.pt-star-3 {
    position: absolute;
    top: 57%;
    right: 5vw;
}

.style-star.pt-star-4 {
    position: absolute;
    left: 6vw;
    bottom: 5%;
}
.cloud-3 {
    position: absolute;
    bottom: -8%;
    right: 0;
	z-index: -1;
}
.cloud-2 {
    position: absolute;
    left: -1%;
    top: 43%;
	z-index: -1;
}
.cloud-1 {
    position: absolute;
    right: 0;
    top: 1%;
	z-index: -1;
}
.show-mb,.about-ih-mb{display:none;}
@media(max-width:1560px){
	.part-5 img{
		    max-width: 80%;
	}
	.main-text img,.cw-text-main img{
		    max-width: 37vw;
	}
	.main-text{top:0;}
	.main-text h2,.cw-text-main h2{
		    font-size: 130px;
    line-height: 130px;
	}
	.img-header.about-ih p{
		    font-size: 29px;
    line-height: 34px;
	}
	.style-text, .style-text span{
		    font-size: 24px;
	}
	.cw-text-left.style-text,.cw-text-right.style-text{
		top: -10%;
		z-index: 1;
	}
	.part-3 {
		position: relative;
		padding: 275px 150px 80px;
	}
	.part-3 h2, .part-3 span {
		font-size: 95px;
		line-height: 120px;
	}
	.icon-1.style-star svg,.icon-2.style-star svg{
		width: 86%;
		height: auto;
	}
	.main-part-4{
		max-width: 600px;
	}
	.main-part-4 span{font-size:24px;}
	.main-part-5, .main-part-5 span{
		    font-size: 80px;
    line-height: 100px;
	}
	.fly-1 {
		position: absolute;
		top: -21%;
		left: 9%;
	}
	.fly-2 {
		position: absolute;
		bottom: 7%;
		right: 7%;
	}
	.fly-1 img,.fly-2 img {
		width: 80%;
	}
	.style-star.pt-star-1{margin:30px 0;}
	.part-6 .style-star svg{
		    width: 136px;
    height: 130px;
	}
	.p6-text-1.style-text{
		max-width: 43%;
		margin: 0 auto 30px;
	}
	.p6-text-2.style-text{
		max-width: 36%;
	}
	.cloud-1 {
		width: 30%;
	}
	.style-star.pt-star-2.small-star {
		margin: 35px 0;
	}
	.part-6 .style-star.small-star svg{
		width: 90px;
    height: auto;
	}
	.break{height:30px;}
	.cloud-2{width:35%;}

	.cloud-3{width:40%;}
	.p6-text-3.style-text{max-width:38%;}
}
@media(max-width:1440px){
	.main-text img,.cw-text-main img{
		    max-width: 35vw;
	}
	.main-text {
		top: -4vh;
	}
	.main-text h2, .cw-text-main h2 {
		    font-size: 110px;
    line-height: 110px;
	}
	.img-header.about-ih p {
		font-size: 24px;
    line-height: 26px;
	}
	.cw-text-left.style-text{
		max-width: 36%;
	}
	.cw-text-right.style-text{max-width:38%;}
	.style-text, .style-text span {
		font-size: 20px;
	}
	.part-3 {
		position: relative;
		padding: 225px 120px 80px;
	}
	.part-3 h2, .part-3 span {
		font-size: 80px;
		line-height: 100px;
	}
	.icon-1.style-star svg, .icon-2.style-star svg {
		width: 70%;
		height: auto;
	}
	.main-part-4{
		    max-width: 580px;
    top: -8%;
	}
	.main-part-4 span {
		font-size: 22px;
	}
	.main-part-5, .main-part-5 span {
		font-size: 70px;
		line-height: 90px;
	}
	.fly-1 img, .fly-2 img {
		width: 68%;
	}
	.fly-2 {
		position: absolute;
		bottom: 7%;
		right: 2%;
	}
	.part-6 .style-star svg {
		width: 110px;
		height: auto;
	}
	.part-6 .style-star.small-star svg {
		width: 70px;
		height: auto;
	}

}
@media(max-width:1388px){
	.main-part-4 {
		max-width: 495px;
		top: -6%;
	}
	.main-part-4 span {
		font-size: 21px;
	}
	.part-5 img{
		    max-width: 72%;
	}
}
@media(max-width:1199px){
	.main-text h2, .cw-text-main h2 {
		font-size: 60px;
		line-height: 65px;
	}	
	.img-header.about-ih p {
		font-size: 18px;
		line-height: 22px;
		top: 20vh;
	}
	.style-text, .style-text span {
		font-size: 14px;
	}
	.cw-text-bottom.style-text{bottom:40px;}
	.cw-text-main{top:30px;}
	.part-3 {
		position: relative;
		padding: 125px 60px 30px;
	}
	.part-3 h2, .part-3 span {
		font-size: 50px;
		line-height: 70px;
	}
	.icon-1.style-star svg, .icon-2.style-star svg {
		width: 60%;
		height: auto;
	}
	.main-part-4 span {
		font-size: 12px;
	}
	.main-part-4 {
		top: 20%;
		max-width: 38%;
		max-height: 55%;
	}
	.main-part-5, .main-part-5 span {
		font-size: 40px;
		line-height: 60px;
	}
	.fly-1 img{
		width: 40%;
	}
	.fly-2 img {
		width:100%;
	}
	.fly-2 {
		max-width: 130px;
	}
}
@media(max-width:767px){
	.about-ih-bottom{
		display:none;
	}
	.about-ih-mb{display:block;}
	.part-3 {
		position: relative;
		padding: 0px 30px 30px;
    margin-top: -20px;
	}
	.icon-1.style-star svg, .icon-2.style-star svg {
		width: 31px;
		height: auto;
	}
	.icon-1{
		right: 53px;
		top: -15px;
	}
	.icon-2 {
		position: absolute;
		left: 0px;
		bottom: -40px;
	}
	.part-4{
		
    background-repeat: no-repeat;
    background-size: auto;
    padding: 40px 0 140px;
    background-position: center;
	}

	.main-part-4{
		max-width: 100%;
		max-height: none;
		position: static;
		padding: 0 23px;
	}
	.break {
		height: 25px;
	}
	.main-part-4 span {
		font-size: 16px;
		line-height: 150%;
	}
	.part-3 h2, .part-3 span {
		font-size: 26px;
		line-height: 120%;
	}
	.part-5 {
		position: relative;
		padding: 40px 20px 0;
	}
	.part-5 img{max-width:100%;}
	.fly-1 {
		position: absolute;
		top: 20px;
		left: 30px;
	}
	.fly-1 img{width:72px;}
	.fly-2 {
		max-width: 61px;
		right: 37px;
		bottom: 35px;
	}
	.main-part-5, .main-part-5 span {
		font-size: 24px;
		line-height: 120%;
	}
	.style-star.pt-star-1 {
		margin: 15px 0;
	}

	.p6-text-1.style-text,.p6-text-2.style-text,.p6-text-3.style-text {
		max-width: 100%;
		padding: 0 20px;
		text-align: left;
		position: relative;
	}
	.cloud-2{display:none;}
	.show-mb{display:block;}
	.cloud-1-mb.show-mb {
		position: absolute;
		z-index: -1;
		right: 0;
		top: 20%;
	}
	.cloud-2-mb.show-mb {
		position: absolute;
		z-index: -1;
		left: 0;
		bottom: -30px;
	}
	.style-star.pt-star-2.small-star {
		margin: 30px 0;
	}
	.part-6 .style-star.small-star svg {
		width: 52px;
		color: #740EE7;
	}
	.cloud-3-mb.show-mb {
		position: absolute;
		z-index: -1;
		right: 0;
		bottom: -40px;
	}
	.style-star.pt-star-3{
		right: auto;
		left: 0;
		top: 67%;
	}
	.green.style-star.pt-star-3 svg{
		width: 52px;
		height: auto;
	}
	.p6-text-4.style-text{
		max-width: 100%;
    padding: 0 20px;
    text-align: left;
    position: relative;
    margin: 0 auto 80px;
	}
	.style-star.pt-star-4{display:none;}
	.cloud-4-mb.show-mb {
		position: absolute;
		z-index: -1;
		bottom: -47px;
		left: 0;
	}
	.about-ih-mb {
		position: relative;
		top: -60px;
		z-index: 1;
	}
	.about-ih-mb img{width:100%;}
	.about-ih-mb p{
		padding-top: 99px;
		font-size: 16px;
		line-height: 150%;
		color: #171717;
		font-family: var(--g-font-3);
		padding-left: 20px;
	}
	.main-text-mb h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #171717;
    font-family: var(--g-font-1);
    text-transform: uppercase;
    text-align: center;
    padding-top: 100px;
		    padding-top: 12vh;
    padding-bottom: 10vh;
}
	.cw-text-left-mb.style-text {
		font-weight: 600;
		font-size: 16px;
		line-height: 150%;
		color: #171717;
		padding: 100px 20px;
	}
	.cw-text-main-mb h2{
		    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #171717;
    font-family: var(--g-font-1);
    text-transform: uppercase;
    text-align: center;
       margin: 0;
    padding: 10vh 0 12vh;
	}
	.cw-text-right-mb.style-text {
		font-weight: 600;
		font-size: 16px;
		line-height: 150%;
		color: #171717;
		padding: 35px 20px;
	}
	.cw-text-bottom-mb.style-text {
		font-size: 16px;
		line-height: 150%;
		padding: 0 20px 40px;
	}
}
@media(max-width:360px){
	.part-3 h2, .part-3 span {
		font-size: 22px;
		line-height: 120%;
	}
	.fly-1{
		left: 10px;
	}
	.fly-2{
		right: 20px;
	}
}