/* FONT FACE*/
@font-face {
	font-family: "Proxima Nova Bold";
	src: url("../font/Proxima-Nova-Bold.otf") format("opentype");
}
@font-face {
	font-family: "Proxima Nova ExtraBold";
	src: url("../font/Proxima-Nova-ExtraBold.otf") format("opentype");
}
@font-face {
	font-family: "Proxima Nova Black";
	src: url("../font/Proxima-Nova-Black.otf") format("opentype");
}
@font-face {
  font-family: "Proxima Nova Medium";
  src: url("../font/Proxima-Nova-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "GiddyupStd";
  src: url("../font/GiddyupStd.otf") format("opentype");
}
/* FONT FAMILY CLASS */
.bold
{
	font-family: 'Proxima Nova Bold';
}
.extraBold
{
	font-family: 'Proxima Nova ExtraBold';
}
.black
{
	font-family: 'Proxima Nova Black';
}
.medium
{
  font-family: 'Proxima Nova Medium';
}



html {
  scroll-behavior: smooth;
}
.defaultContainer
{
	height: 100vh;
	background-color: #f7ec32;
}
/* PROGRESS BAR */
.header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
}
.progress-container {
  width: 100%;
  height: 8px;
  background: transparent;
}
.progress-bar {
  height: 8px;
  background: #000;
  width: 0%;
}
/* CUSTOMIZE CONTAINER */
.kt-container {
    width: 100%;
    margin: 0;

    height: 100%;
    display: flex;
    align-items: center;
}
@media (min-width: 1600px)
{
	.kt-container {
    	width: 1600px;
    	margin: 0 auto;
    }
}
@media (min-width: 1025px)
{
	.kt-container {
    	padding: 0 150px;
    }
}
@media (max-width: 1024px)
{
	.kt-container {
    	padding: 0 60px;
    }
}
@media (max-width: 767px)
{
	div.kt-container {
    	padding: 0 30px;
    }
}


/* FIRST SECTION */
.firstSection-titleContainer
{
	position: relative;
}
.doubleQuoteLeft, .doubleQuoteRight
{
	font-size: 90px;
	position: absolute;
}
.doubleQuoteLeft
{
	left: -5px;
	top: -34px;
}
.doubleQuoteRight
{
	right: 0;
	bottom: -60px;
}
.firstSection-title
{
	padding: 0 50px;
}
.firstSection-titleS1.newTitle
{
  animation: fadeIn 1s both;
}
.firstSection-animation
{
  animation: fadeIn 1s both;
  animation-delay: .2s;
}
.firstSection-description
{
  animation: fadeIn 1s both;
  animation-delay: .4s;
}
.firstSection-btn 
{
  animation: fadeIn 1s both;
  animation-delay: .6s;
}
.firstSection-titleS1, .firstSection-titleS3
{
	font-size: 35px;
}
.firstSection-titleS2
{
	font-size: 95px;
	margin-top: -36px;

	text-transform: uppercase;
}
.firstSection-titleS3
{
	margin-top: -36px;
}
.firstSection-description
{
	font-size: 19px;
	line-height: 23px;

	margin-top: 60px;
}
/*.firstSection-btn i
{
	color: transparent;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}
.firstSection-btn
{
	padding: 6px 20px;
	background-color: transparent;
	color: #000;
	font-size: 12px;
	border: 2px solid #000;
	border-radius: 5px;

	transition: all .4s ease;
	margin-top: 40px;
}
.firstSection-btn:hover
{
	background-color: #000;
	color: #FFF;
}
.firstSection-btn:hover i
{
	color: transparent;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
}*/
.firstSection-img svg
{
	width: 126%;
	margin-left: 20px;
	position: relative;
	top: 30px;
}
#bodyShadow
{
	animation: scaleShadow 2s infinite;
	transform-origin: center;
}
@keyframes scaleShadow {
  0% 
  {
  	transform: scaleX(1) translate(0, -28px);
  }
  50%
  {
  	transform: scaleX(.4) translate(0, -28px);
  }
  100%
  {
  	transform: scaleX(1) translate(0, -28px);
  }
}
#wholeBody
{
	animation: upDown 2s infinite;
	transform-origin: center;
}
#pulse
{
	animation: upDown 2s infinite;
	transform-origin: center;
}
@keyframes upDown {
  0% 
  {
  	transform: translate(0, 0);
  }
  50%
  {
  	transform: translate(0, 20px);
  }
  100%
  {
  	transform: translate(0, 0);
  }
}
.pulse2
{
	animation: pulseUpDownFirst 2s infinite;
  transform-origin: center;
}
@keyframes pulseUpDownFirst {
  0% 
  {
    opacity: .3;
  }
  25%
  {
    opacity: 0;
  }
  50%
  {
    opacity: 0;
  }
  100%
  {
    opacity: .3;
  }
}
.pulse1
{
  animation: pulseUpDownSecond 2s infinite;
  transform-origin: center;
}
@keyframes pulseUpDownSecond {
  0% 
  {
    opacity: .3;
  }
  25% 
  {
    opacity: 0;
  }
  65%
  {
    opacity: 0;
  }
  100%
  {
    opacity: .3;
  }
}
.pulse3
{
   animation: pulseUpDownThird 2s infinite;
   transform-origin: center;
}
@keyframes pulseUpDownThird {
  0% 
  {
    opacity: .3;
  }
  25% 
  {
    opacity: 0;
  }
  50%
  {
    opacity: 0;
  }
  80%
  {
    opacity: 0;
  }
  100%
  {
    opacity: .3;
  }
}
/* RIGHT STAR */
#rightStar .cls-8:nth-child(1)
{
    animation: opacityStar 1s infinite;
}
#rightStar .cls-8:nth-child(2)
{
    animation: opacityStar 1.8s infinite;
}
#rightStar .cls-8:nth-child(3), #rightStar .cls-8:nth-child(4)
{
    animation: opacityStar 2.3s infinite;
}
#rightStar .cls-8:nth-child(5), #rightStar .cls-8:nth-child(6)
{
    animation: opacityStar 2.8s infinite;
}
#rightStar .cls-8:nth-child(7)
{
    animation: opacityStar .8s infinite;
}
#rightStar .cls-8:nth-child(8)
{
    animation: opacityStar 1.4s infinite;
}
/* LEFT STAR */
#leftStar .cls-8:nth-child(1)
{
    animation: opacityStar .8s infinite;
}
#leftStar .cls-8:nth-child(2)
{
    animation: opacityStar 1.4s infinite;
}
#leftStar .cls-8:nth-child(3), #leftStar .cls-8:nth-child(4)
{
    animation: opacityStar 1.2s infinite;
}
#leftStar .cls-8:nth-child(5), #leftStar .cls-8:nth-child(6)
{
    animation: opacityStar 1s infinite;
}
#leftStar .cls-8:nth-child(7)
{
    animation: opacityStar 2s infinite;
}
@keyframes opacityStar {
  0% 
  {
    opacity: 0;
  }
  50%
  {
    opacity: 1;
  }
  100%
  {
    opacity: 0;
  }
}


/* SECOND SECTION */
.secondSection-title
{
  font-size: 80px;
  line-height: 80px;
}
.secondSection-title span:nth-child(2)
{
  font-size: 50px;
}
.secondSection-titleS1
{
  font-size: 25px;
  line-height: 26px;
  margin-top: 60px;
}
.secondSection-description
{
  font-size: 18px;
  line-height: 20px;
  margin-top: 10px;
}
.secondSection-box
{
  border: 2px solid #000;
  border-radius: 40px;
  font-size: 28px;
  line-height: 33px;

  padding: 50px 40px 40px 40px;
  margin-top: 70px;
}
.secondSection-innerContainer
{
  position: relative;
}
.secondSection-innerImg
{
  position: absolute;
  top: -80px;
}
.secondSection-lightBulb
{
  position: absolute;
  left: 55%;
  top: 0;
  transform: translate(50%, 0);

  z-index: 99;
}
.secondSection-img svg
{
  width: 300px;
  margin-left: 130px;
}
.secondSection-img svg line, .secondSection-img svg path, .secondSection-img svg rect, .secondSection-img svg circle
{
  opacity: 1 !important;
}
.secondSection-titleAnimation
{
  transform: translateX(-300px);
  opacity: 0;
}
.secondSection-titleS1
{
  transform: translateX(-300px);
  opacity: 0;
}
.secondSection-description
{
  opacity: 0;
  transform: translateX(-300px);
}
.secondSection-box
{
  transform: translateX(-300px);
  opacity: 0;
}
.secondSection-lightBulb svg
{
  cursor: pointer;
}
.blackBg
{
  background-color: #000;
  color: #f9ed32;
}
.secondSection-box.whiteBorder
{
    border: 1px solid #f9ed32;
}
.moon, .star1, .star2, .star3, .forthtext
{
  display: none;
}
.cloud1, .star1, #cloud1
{
  animation: leftRightMoveF 2s infinite;
}
.cloud2, .star2, #cloud2
{
  animation: leftRightMoveS 2.4s infinite;
}
.cloud3, .star3, #cloud3
{
  animation: leftRightMoveT 3s infinite;
}
#rightHand
{
  animation: moveRightHand 1.4s infinite;
  transform-origin: 200px 280px;
}
.leftHand-inner
{
    animation: moveLeftHand 1s infinite;
    transform-origin: 70px 300px;
}

@keyframes moveLeftHand {
  0% 
  {
    transform: rotate(0) translate(0);
  }
  50%
  {
    transform: rotate(-8deg) translate(0, 10px);
  }
  100%
  {
    transform: rotate(0) translate(0);
  }
}
@keyframes moveRightHand {
  0% 
  {
    transform: rotate(0);
  }
  50%
  {
    transform: rotate(15deg);
  }
  100%
  {
    transform: rotate(0);
  }
}
@keyframes leftRightMoveT {
  0% 
  {
    transform: translateX(0);
  }
  50%
  {
    transform: translateX(-10px);
  }
  100%
  {
    transform: translateX(0);
  }
}
@keyframes leftRightMoveF {
  0% 
  {
    transform: translateX(0);
  }
  50%
  {
    transform: translateX(10px);
  }
  100%
  {
    transform: translateX(0);
  }
}
@keyframes leftRightMoveS {
  0% 
  {
    transform: translateX(0);
  }
  50%
  {
    transform: translateX(5px);
  }
  100%
  {
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  0% 
  {
    opacity: 0;
    transform: translateX(-300px);
  }
  100%
  {
    opacity: 1;
    transform: translateX(0);
  }
}


/* THIRD SECTION */
.textAlign
{
  text-align: right;
}
.thirdSection-img img
{
  width: 100%;
}
.thirdSection-title
{
    font-size: 70px;
    line-height: 68px;

    transform: translateX(300px);
    opacity: 0;
}
.thirdSection-titleS1
{
    font-size: 25px;
    line-height: 26px;
    margin-top: 20px;

    transform: translateX(300px);
    opacity: 0;
}
.thirdSection-description
{
    font-size: 18px;
    line-height: 20px;
    margin-top: 20px;

    transform: translateX(300px);
    opacity: 0;
}
@keyframes fadeInRight {
  0% 
  {
    opacity: 0;
    transform: translateX(300px);
  }
  100%
  {
    opacity: 1;
    transform: translateX(0);
  }
}
.fourthSectionImg svg
{
  width: 270%;
  position: relative;
  left: -240px;
}
.fourthSection-title
{
    font-size: 70px;
    line-height: 68px;
    transform: translateX(-300px);
    opacity: 0;
}
.fourthSection-titleS1
{
    font-size: 25px;
    line-height: 26px;
    transform: translateX(-300px);
    opacity: 0;
    margin-top: 10px;
}
.fourthSection-description
{
    font-size: 18px;
    line-height: 20px;
    margin-top: 20px;
    transform: translateX(300px);
    opacity: 0;
}
.fourthSection-titleS2
{
  font-size: 40px;
  margin-bottom: -10px;
  transform: translateX(-300px);
  opacity: 0;
}
.fourthSection-box
{
    border: 2px solid #000;
    border-radius: 40px;
    font-size: 28px;
    line-height: 33px;
    padding: 50px 40px 40px 40px;
    margin-top: 100px;

    opacity: 0;
}
@keyframes fadeUp {
  0% 
  {
    opacity: 0;
    margin-top: 130px;
  }
  100%
  {
    opacity: 1;
    margin-top: 70px;
  }
}
#superman
{
    animation: supermanFly 2.4s infinite;
}
@keyframes supermanFly {
  0% 
  {
    opacity: 1;
        transform: translate(-20px, 0);
  }
  100%
  {
    opacity: 1;
    transform: translate(170px, -40px);
  }
}

/* FIFTH SECTION */
.fifthSectionImg
{
    position: absolute;
    right: 20px;
    top: 140px;
    width: 30%;
}
.fifthSectionImg img
{
  width: 100%;
}
.fifthSectionImg-bubble {
    position: relative;
    top: -400px;
    width: 80%;
    right: -30px;
}
.fifthSection-title
{
    font-size: 70px;
    line-height: 68px;
    transform: translateX(-300px);
    opacity: 0;
}
.fifthSection-titleS1
{
    font-size: 25px;
    line-height: 26px;
    transform: translateX(-300px);
    opacity: 0;
    margin-top: 10px;
}
.fifthSection-description
{
    font-size: 18px;
    line-height: 20px;
    margin-top: 20px;
    transform: translateX(300px);
    opacity: 0;
}
.fifthSection-titleS2
{
  font-size: 40px;
  margin-bottom: -10px;
  transform: translateX(-300px);
  opacity: 0;
}
.fifthSection-box
{
    border: 2px solid #000;
    border-radius: 40px;
    font-size: 28px;
    line-height: 33px;
    padding: 50px 40px 40px 40px;
    margin-top: 100px;

    opacity: 0;
}
.circle1
{
    animation: dotFade 2.4s infinite;
    opacity: 0;
}
.circle2
{
    animation: dotFade 2.4s infinite;
    opacity: 0;
    animation-delay: .2s;
}
.circle3
{
    animation: dotFade 2.4s infinite;
    opacity: 0;
    animation-delay: .4s;
}
@keyframes dotFade {
  0% 
  {
    opacity: 0;
  }
  50%
  {
    opacity: 1;
  }
  100%
  {
    opacity: 0;
  }
}

.sixthSection-titleAnimation
{
  font-size: 32px;
  line-height: 43px;

  position: relative;
  overflow: hidden;

  transform: translateX(300px);
  opacity: 0;
}
.absolutePosition
{
    position: absolute;
    left: 28%;
    top: 10px;
    font-size: 30px;
}
.adjustFontSize1, .adjustFontSize2
{
  font-size: 50px;
}
.sixthSection-titleS1 {
    font-size: 25px;
    line-height: 26px;
    margin-top: 30px;

    transform: translateX(300px);
    opacity: 0;
}
.sixthSection-description {
    font-size: 18px;
    line-height: 20px;
    margin-top: 30px;

    transform: translateX(300px);
    opacity: 0;
}
.blackBtn
{
  color: #f7ec32;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 6px 50px;
  margin-top: 13px;

  transition: all .4s ease;
}
.blackBtn:hover
{
  color: #000;
  background-color: #FFF;
  border: 1px solid #FFF;
}
.inputFocus
{
  width: 50%;
  height: 30px;
  background-color: transparent;
  border: 1px solid #000;
  padding: 5px 8px;
}
.inputFocus:focus
{
  outline: unset;
}
.inputFocus:hover
{
  outline: unset;
}
.sixthSection-SubmitBox
{
  opacity: 0;
}
@keyframes fadeUpForm {
  0% 
  {
    opacity: 0;
    margin-top: 130px;
  }
  100%
  {
    opacity: 1;
    margin-top: 50px;
  }
}


/* SEVENTH SECTION */
.seventhSection-title 
{
    font-size: 70px;
    line-height: 63px;
    transform: translateX(-300px);
    opacity: 0;
}
.seventhSection-titleS1 {
    font-size: 25px;
    line-height: 26px;
    transform: translateX(-300px);
    opacity: 0;
}
.seventhSection-description {
    font-size: 18px;
    line-height: 20px;
    margin-top: 20px;
    transform: translateX(-300px);
    opacity: 0;
}
.seventhSection-innerImg img
{
    width: 130%;
}


/* EIGHT SECTION */
.eightSection-title {
    font-size: 60px;
    line-height: 56px;

    transform: translateY(200px);
    opacity: 0;
}
.eightSection-titleS1
{
    font-size: 18px;
    line-height: 18px;

    margin-top: 46px;
    transform: translateY(200px);
    opacity: 0;
}
.scroll-top i {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    color: #212529;
    font-size: 20px;
    display: none;
}
/*.whiteBtn
{
  border: 2px solid #000;
  color: #000;
  background: transparent;

  padding: 6px 20px;
  font-size: 13px;
  border-radius: 5px;

  margin-top: 50px;
  font-family: 'Proxima Nova Medium';
  transform: translateY(200px);
  opacity: 0;
}
.whiteBtn:hover
{
  color: #FFF;
  background: #000;
}
.whiteBtn i 
{
  color: transparent;
  margin-right: 5px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
}
.whiteBtn:hover i
{
  -webkit-text-stroke-width: #FFF;
  -webkit-text-stroke-color: #FFF;
}*/
.socialIcon
{
    transform: translateY(200px);
    opacity: 0;
}
.socialIcon img 
{
  width: 30px;
  margin-top: 50px;
  cursor: pointer;
}
.socialIcon a:nth-child(2) img
{
  margin-left: 10px;
  margin-right: 10px;
}
.socialIcon img:hover
{
  border: 2px solid #000;
  background-color: #000;
  border-radius: 20px;
}
@keyframes fadeUpLastSection {
  0% 
  {
    opacity: 0;
    transform: translateY(200px);
  }
  100%
  {
    opacity: 1;
    transform: translateY(0);
  }
}

.firstSection-titleS1.newTitle
{
  margin: 30px 0 20px 0;
  text-transform: uppercase;
}
.clickMoreBtn svg
{
  width: 50px;
  margin-left: 10px;
}
.clickMoreBtn
{
  border: 1px solid #000000;
  border-radius: 30px;
  background: transparent;
  padding: 6px 70px 6px 10px;
  margin-top: 33px;
  margin-bottom: 200px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;

  transition: all .4s ease;
}
.clickMoreBtn:focus
{
  outline: none; 
}
.clickMoreBtn:hover
{
  color: #FFF;
  background: #000;
}
.clickMoreBtn:hover svg circle,
.clickMoreBtn:hover svg line,
.clickMoreBtn:hover svg path
{
  stroke: #FFF;
  stroke-width: 1.2;
}
.clickMoreSpace
{
  margin-left: 40px;
  line-height: 18px;
}
.secondSection-innerImg svg,
.secondSection-lightBulb svg
{
  width: 140px;
}
.secondSection-innerImg .cls-2
{
  font-family: 'Proxima Nova ExtraBold' !important;
}
.secondSection-img .cls-13, .secondSection-img .cls-14
{
  font-family: 'Proxima Nova ExtraBold' !important;
}
.clickHereBtn
{
  position: absolute;
  bottom: -8px;
  left: 8px;

  font-size: 28px;
  font-family: 'GiddyupStd' !important;
}