@charset "utf-8";

 .landingcenter {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;

}

.LandingWrapper {
	max-width: 900px;
	width: 100%;
  max-height: 940px;
  height: 100%;
  /* min-width: 800px;
  min-height: 840px; */
	margin: 0 auto;
	position: relative;
	padding: 30px;
}
.LandingWrapper img.plceholder{
  position: relative;
   max-width: 100%;
 max-height: 100%;
  /* width: 100%;
  height: auto; */
  margin: 0 auto;
}

.BigLogoHolder {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
}
.landinglogo {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}
.leftpart {
	width: 15%;
	position: relative;
}
.leftpart .topPart {
	width: 100%;
	height: 65%;
	position: relative;
}
.leftpart .topPart span {
	position: absolute;
	left: 0px;
	z-index: 1;
}
.leftpart .topPart span:nth-child(1) {
	width: 100%;
	height: 4%;
	display: block;
	/* background: url('../images/leftGrayPatch.svg');
	background-repeat: no-repeat;
	background-size: 85% auto;
	background-position: right; */
	top: 3.2%;
	opacity: 1;
  transform-origin: left center;
  -webkit-transform:scale(1) translate(-100vw, 0%);
 -moz-transform: scale(1) translate(-100vw, 0%);
 -ms-transform:scale(1) translate(-100vw, 0%);
 -o-transform:scale(1) translate(-100vw, 0%);
 transform: scale(1) translate(-100vw, 0%);

}
.loaded .leftpart .topPart span:nth-child(1) {
  -webkit-animation: LTs1 6s ease-in-out forwards;
  -moz-animation: LTs1 6s ease-in-out forwards;
  -ms-animation: LTs1 6s ease-in-out forwards;
  animation: LTs1 6s ease-in-out forwards;
  animation-delay: 0s;
}

.leftpart .topPart span:nth-child(2) {
	background: #FFFFFF;
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 10.5%;
	height: 4%;
		opacity: 1;
  transform-origin: left center;
  -webkit-transform:scaleX(8) translate(0vw, 0%);
 -moz-transform: scaleX(8) translate(0vw, 0%);
 -ms-transform:scaleX(8) translate(0vw, 0%);
 -o-transform:scaleX(8) translate(0vw, 0%);
 transform: scaleX(8) translate(0vw, 0%);

}
.loaded .leftpart .topPart span:nth-child(2) {
  -webkit-animation: LTs2 6s ease-in-out forwards;
  -moz-animation: LTs2 6s ease-in-out forwards;
  -ms-animation: LTs2 6s ease-in-out forwards;
  animation: LTs2 6s ease-in-out forwards;
  animation-delay: 0s;
}

.leftpart .topPart span:nth-child(3) {
	background: #D9D3CA;
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	height: 4%;
  top:17.5%;
	opacity: 1;
  transform-origin: left center;
  -webkit-transform:scaleX(1) translate(-70vw, 0%);
 -moz-transform: scaleX(1) translate(-70vw, 0%);
 -ms-transform:scaleX(1) translate(-70vw, 0%);
 -o-transform:scaleX(1) translate(-70vw, 0%);
 transform: scaleX(1) translate(-70vw, 0%);

}
.loaded .leftpart .topPart span:nth-child(3){
  -webkit-animation: LTs3 6s ease-in-out forwards;
	-moz-animation: LTs3 6s ease-in-out forwards;
	-ms-animation: LTs3 6s ease-in-out forwards;
	animation: LTs3 6s ease-in-out forwards;
	animation-delay: 0s;
}

.leftpart .topPart span:nth-child(4) {
	background: #D9D3CA;
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	left: 0vw;
  top: 25%;
	height: 75.5%;
	opacity: 1;
  transform-origin: right center;
  -webkit-transform:scale(1) translateX(-100vw);
 -moz-transform: scale(1) translateX(-100vw);
 -ms-transform: scale(1) translateX(-100vw);
 -o-transform:scale(1) translateX(-100vw);
 transform:  scale(1) translateX(-100vw);

  -webkit-backface-visibility: hidden;
  }
.loaded .leftpart .topPart span:nth-child(4) {
  -webkit-animation: LTs4 8s ease-in-out forwards;
  -moz-animation: LTs4 8s ease-in-out forwards;
  -ms-animation: LTs4 8s ease-in-out forwards;
  animation: LTs4 8s ease-in-out forwards;
  animation-delay: 0.2s;
}

.leftpart .bottomPart {
	width: 100%;
	height: 35%;
	position: relative;
}
.leftpart .bottomPart span {
	position: absolute;
}
.leftpart .bottomPart span:nth-child(1) {
	width: 100%;
	height: 7.5%;
	display: block;
	background: #DEDEDE;
	top: 6.2%;
  transform-origin: left center;
  -webkit-transform:scaleX(8) translateX(120vw);
 -moz-transform: scaleX(8) translateX(120vw);
 -ms-transform: scaleX(8) translateX(120vw);
 -o-transform:scaleX(8) translateX(120vw);
 transform:  scaleX(8) translateX(120vw);

}
.loaded .leftpart .bottomPart span:nth-child(1) {
  -webkit-animation: LBs1 6s ease-in-out forwards;
  -moz-animation: LBs1 6s ease-in-out forwards;
  -ms-animation: LBs1 6s ease-in-out forwards;
  animation: LBs1 6s ease-in-out forwards;
  animation-delay: 0s;
}

.leftpart .bottomPart span:nth-child(2) {
	background: #DEDEDE;
	display: block;
	width: 100%;
	position: absolute;
	top: 19.7%;
	height: 7.5%;
  transform-origin: left center;
  -webkit-transform:scale(1) translate(-100vw, 0%);
 -moz-transform: scale(1) translate(-100vw, 0%);
 -ms-transform:scale(1) translate(-100vw, 0%);
 -o-transform:scale(1) translate(-100vw, 0%);
 transform: scale(1) translate(-100vw, 0%);

}
.loaded .leftpart .bottomPart span:nth-child(2) {
  -webkit-animation: LBs2 6s ease-in-out forwards;
  -moz-animation: LBs2 6s ease-in-out forwards;
  -ms-animation: LBs2 6s ease-in-out forwards;
  animation: LBs2 6s ease-in-out forwards;
  animation-delay: 0s;
}

.leftpart .bottomPart span:nth-child(3) {
	background: #FFFFFF;
	display: block;
	width: 100%;
	position: absolute;
	top: 33.3%;
	height: 7.5%;
	 transform-origin: left center;
  -webkit-transform:scaleX(15) translateX(120vw);
 -moz-transform: scaleX(15) translateX(120vw);
 -ms-transform: scaleX(15) translateX(120vw);
 -o-transform:scaleX(15) translateX(120vw);
 transform:  scaleX(15) translateX(120vw);

}
.loaded .leftpart .bottomPart span:nth-child(3) {
  -webkit-animation: LBs3 6s ease-in-out forwards;
  -moz-animation: LBs3 6s ease-in-out forwards;
  -ms-animation: LBs3 6s ease-in-out forwards;
  animation: LBs3 6s ease-in-out forwards;
  animation-delay: 0s;
}

.leftpart .bottomPart span:nth-child(4) {
	background: #161C21;
	display: block;
	width: 100%;
	position: absolute;
	top: 46.7%;
	height: 47.5%;
  transform-origin: left center;
  -webkit-transform:scale(1) translate(-100vw, 0%);
 -moz-transform: scale(1) translate(-100vw, 0%);
 -ms-transform:scale(1) translate(-100vw, 0%);
 -o-transform:scale(1) translate(-100vw, 0%);
 transform: scale(1) translate(-100vw, 0%);

}
.loaded .leftpart .bottomPart span:nth-child(4) {
  -webkit-animation: LBs4 6s ease-in-out forwards;
  -moz-animation: LBs4 6s ease-in-out forwards;
  -ms-animation: LBs4 6s ease-in-out forwards;
  animation: LBs4 6s ease-in-out forwards;
  animation-delay: 0s;
}

.middlepart {
	width: 47.5%;
	position: relative;
}
.middlepart .topPart {
	position: relative;
	width: 100%;
	height: 39.5%;

}
.middlepart .topPart span svg, .middlepart .topPart span svg, .middlepart .bottomPart span svg, .leftpart .topPart span svg,
.rightpart .topPart span:nth-child(1) svg
{ width: 100%;
height: 100%;
position: absolute;}
.middlepart .topPart span, .middlepart .bottomPart span  {
	position: absolute;
}

.lefttoppath
{
  fill:#fff;
}
.middletopcurve
{
  fill:#161c21;
}
.middlebottomcurve
{
  fill:#dedede;
}
.rigthtoppath
{
  fill:#dedede;
}
.middlepart .topPart span:nth-child(1) {
  /* background: url('../images/redTopCurve.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; */
	width: 100%;
	height: 100%;
	display: block;
	/* top: -90vw; */
	left: 0%;
  z-index: 2;
  -webkit-transform:scale(1) translate(0vh, -100vh);
 -moz-transform: scale(1) translate(0vh, -100vh);
 -ms-transform: scale(1) translate(0vh, -100vh);
 -o-transform:scale(1) translate(0vh, -100vh);
 transform:  scale(1) translate(0vh, -100vh);

  transform-origin: center bottom;

}
.loaded .middlepart .topPart span:nth-child(1) {
  -webkit-animation: MTs1 8s ease-in-out forwards;
	-moz-animation: MTs1 8s ease-in-out forwards;
	-ms-animation: MTs1 8s ease-in-out forwards;
	animation: MTs1 8s ease-in-out forwards;
	animation-delay: 0s;
}

.middlepart .topPart span:nth-child(2) {
	background: #DEDEDE;
	display: block;
	width: 32%;
	position: absolute;
	z-index: 1;
	right: 0px;
	bottom: 26.5%;
	height: 6.5%;
  transform-origin: left center;
  -webkit-transform: scaleX(15) translateX(120vw);
 -moz-transform:  scaleX(15) translateX(120vw);
 -ms-transform: scaleX(15) translateX(120vw);
 -o-transform: scaleX(15) translateX(120vw);
 transform: scaleX(15) translateX(120vw);

}
.loaded .middlepart .topPart span:nth-child(2) {
  -webkit-animation: MTs2 6s ease-in-out forwards;
  -moz-animation: MTs2 6s ease-in-out forwards;
  -ms-animation: MTs2 6s ease-in-out forwards;
  animation: MTs2 6s ease-in-out forwards;
  animation-delay: 0s;
}

.middlepart .topPart span:nth-child(3) {
	background: #FFFFFF;
	display: block;
	width: 32%;
	position: absolute;
	right: 0px;
	bottom: 15%;
	height: 6.5%;
  transform-origin: left center;
  -webkit-transform: scaleX(15) translateX(120vw);
 -moz-transform:  scaleX(15) translateX(120vw);
 -ms-transform: scaleX(15) translateX(120vw);
 -o-transform: scaleX(15) translateX(120vw);
 transform: scaleX(15) translateX(120vw);

}
.loaded .middlepart .topPart span:nth-child(3) {
  -webkit-animation: MTs3 6s ease-in-out forwards;
	-moz-animation: MTs3 6s ease-in-out forwards;
	-ms-animation: MTs3 6s ease-in-out forwards;
	animation: MTs3 6s ease-in-out forwards;
	animation-delay: 0s;
}

.middlepart .topPart span:nth-child(4) {
	background: #D9D3CA;
	display: block;
	width: 32%;
	position: absolute;
	right: 0;
	bottom: 3.8%;
	height: 6.5%;
	opacity: 1;
  -webkit-transform:scale(1) translate(-100vw, 0%);
 -moz-transform: scale(1) translate(-100vw, 0%);
 -ms-transform:scale(1) translate(-100vw, 0%);
 -o-transform:scale(1) translate(-100vw, 0%);
 transform: scale(1) translate(-100vw, 0%);

}
.loaded .middlepart .topPart span:nth-child(4) {
  -webkit-animation: MTs4 6s ease-in-out forwards;
  -moz-animation: MTs4 6s ease-in-out forwards;
  -ms-animation: MTs4 6s ease-in-out forwards;
  animation: MTs4 6s ease-in-out forwards;
  animation-delay: 0s;
}

.middlepart .bottomPart {
	position: relative;
	width: 100%;
	height: 60.5%;
}
.middlepart .bottomPart span {
	position: absolute;
	z-index: 3;
}
.middlepart .bottomPart span:nth-child(1) {
  /* background: url('../images/grayBottomCurve.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; */
	width: 100%;
	height: 100%;
	display: block;
  transform-origin: center top;
  -webkit-transform:scale(1) translate(0vw, -100vh);
  -moz-transform: scale(1) translate(0vw, -100vh);
  -ms-transform: scale(1) translate(0vw, -100vh);
  -o-transform:scale(1) translate(0vw,-100vh);
  transform:  scale(1) translate(0vw, -100vh);
	bottom: 0%;
	right: 0px;

}
.loaded .middlepart .bottomPart span:nth-child(1) {
  -webkit-animation: MBs1 8s ease-in-out forwards;
	-moz-animation: MBs1 8s ease-in-out forwards;
	-ms-animation: MBs1 8s ease-in-out forwards;
	animation: MBs1 8s ease-in-out forwards;
	animation-delay: 0s;
}

.middlepart .bottomPart span:nth-child(2) {
	background: #DEDEDE;
	display: block;
	width: 32%;
	position: absolute;
	z-index: 4;
	left: 0vw;
	top: 1%;
	height: 4.5%;
  transform-origin: left ;
  -webkit-transform:scale(1) translate(-100vw, 0vh);
 -moz-transform: scale(1) translate(-100vw, 0vh);
 -ms-transform: scale(1) translate(-100vw, 0vh);
 -o-transform:scale(1) translate(-100vw, 0vh);
 transform:  scale(1) translate(-100vw, 0vh);

}
.loaded .middlepart .bottomPart span:nth-child(2) {
  -webkit-animation: MBs2 8s ease-in-out forwards;
  -moz-animation: MBs2 8s ease-in-out forwards;
  -ms-animation: MBs2 8s ease-in-out forwards;
  animation: MBs2 8s ease-in-out forwards;
  animation-delay: 0s;
}

.middlepart .bottomPart span:nth-child(3) {
	background: #DEDEDE;
	display: block;
	width: 32%;
	position: absolute;
	/* left: -70vw;*/
	top: 8.5%;
	height: 4.5%;
  transform-origin: left;
  -webkit-transform:scale(1) translate(-100vw, 0vh);
 -moz-transform: scale(1) translate(-100vw, 0vh);
 -ms-transform: scale(1) translate(-100vw, 0vh);
 -o-transform:scale(1) translate(-100vw, 0vh);
 transform:  scale(1) translate(-100vw, 0vh);

}
.loaded .middlepart .bottomPart span:nth-child(3) {
  -webkit-animation: MBs3 8s ease-in-out forwards;
  -moz-animation: MBs3 8s ease-in-out forwards;
  -ms-animation: MBs3 8s ease-in-out forwards;
  animation: MBs3 8s ease-in-out forwards;
  animation-delay: 0s;
}

.middlepart .bottomPart span:nth-child(4) {
	background: #161C21;
	display: block;
	width: 32%;
	position: absolute;
	/* left: -80vw;*/
	top: 16%;
	height: 4.5%;

  transform-origin: left;
   -webkit-transform:scale(1) translate(-100vw, 0vh);
  -moz-transform: scale(1) translate(-100vw, 0vh);
  -ms-transform: scale(1) translate(-100vw, 0vh);
  -o-transform:scale(1) translate(-100vw, 0vh);
  transform:  scale(1) translate(-100vw, 0vh);

}
.loaded .middlepart .bottomPart span:nth-child(4) {
  -webkit-animation: MBs4 8s ease-in-out forwards;
  -moz-animation: MBs4 8s ease-in-out forwards;
  -ms-animation: MBs4 8s ease-in-out forwards;
  animation: MBs4 8s ease-in-out forwards;
  animation-delay: 0s;
}

.rightpart {
	width: 15%;
	position: relative;
	right: 0;
  -webkit-transform:scale(1) translate(0vw, 0vh);
 -moz-transform: scale(1) translate(0vw, 0vh);
 -ms-transform: scale(1) translate(0vw, 0vh);
 -o-transform:scale(1) translate(0vw, 0vh);
 transform:  scale(1) translate(0vw, 0vh);

}
.loaded .rightpart {
  -webkit-animation: rightpart 4s ease-in-out forwards;
  -moz-animation: rightpart 4s ease-in-out forwards;
  -ms-animation: rightpart 4s ease-in-out forwards;
  animation: rightpart 4s ease-in-out forwards;
  animation-delay: 0.8s;
}

.rightpart .topPart {
	width: 100%;
	height: 35%;
	position: relative;
}
.rightpart .topPart span {
	position: absolute;
	/* right: 0px; */
}
.rightpart .topPart span:nth-child(1) {
	width: 100%;
	height: 61%;
	display: block;
	/* background: url('../images/rightGrayPatch.svg');
	background-repeat: no-repeat;
	background-size: cover; */
	top: 6.2%;
	right: 0vw;
  -webkit-transform:scale(1) translate(100vw, 0vh);
 -moz-transform: scale(1) translate(100vw, 0vh);
 -ms-transform: scale(1) translate(100vw, 0vh);
 -o-transform:scale(1) translate(100vw, 0vh);
 transform:  scale(1) translate(100vw, 0vh);

}
.loaded .rightpart .topPart span:nth-child(1) {
  -webkit-animation: RTs1 6s ease-in-out forwards;
  -moz-animation: RTs1 6s ease-in-out forwards;
  -ms-animation: RTs1 6s ease-in-out forwards;
  animation: RTs1 6s ease-in-out forwards;
  animation-delay: 0s;
}

.rightpart .topPart span:nth-child(2) {
	background: #161C21;
	display: block;
	width: 100%;
	position: absolute;
	right: 0vw;
	top: 73.4%;
	height: 7.4%;
	opacity: 1;
  -webkit-transform:scaleX(5) translate(100vw, 0vh);
 -moz-transform: scaleX(5) translate(100vw, 0vh);
 -ms-transform: scaleX(5) translate(100vw, 0vh);
 -o-transform:scaleX(5) translate(100vw, 0vh);
 transform: scaleX(5) translate(100vw, 0vh);

}
.loaded .rightpart .topPart span:nth-child(2) {
  -webkit-animation: RTs2 6s ease-in-out forwards;
  -moz-animation: RTs2 6s ease-in-out forwards;
  -ms-animation: RTs2 6s ease-in-out forwards;
  animation: RTs2 6s ease-in-out forwards;
  animation-delay: 0s;
}

.rightpart .topPart span:nth-child(3) {
	background: #FFFFFF;
	display: block;
	width: 100%;
	position: absolute;
	right: 0vw;
	top: 86%;
	height: 7.5%;
  -webkit-transform:scale(1) translate(100vw, 0vh);
 -moz-transform: scale(1) translate(100vw, 0vh);
 -ms-transform: scale(1) translate(100vw, 0vh);
 -o-transform:scale(1) translate(100vw, 0vh);
 transform:  scale(1) translate(100vw, 0vh);

}
.loaded .rightpart .topPart span:nth-child(3) {
  -webkit-animation: RTs3 6s ease-in-out forwards;
  -moz-animation: RTs3 6s ease-in-out forwards;
  -ms-animation: RTs3 6s ease-in-out forwards;
  animation: RTs3 6s ease-in-out forwards;
  animation-delay: 0.2s;
}

.rightpart .topPart span:nth-child(4) {
	background:#FFFFFF;
	display:block;
	width:100%;
	position:absolute;
	right:0vw;
	top:99%;
	height:7.5%;
  -webkit-transform:scale(1) translate(100vw, 0vh);
 -moz-transform: scale(1) translate(100vw, 0vh);
 -ms-transform: scale(1) translate(100vw, 0vh);
 -o-transform:scale(1) translate(100vw, 0vh);
 transform:  scale(1) translate(100vw, 0vh);

}

.loaded .rightpart .topPart span:nth-child(4) {
  -webkit-animation:RTs4 6s ease-in-out forwards;
  -moz-animation:RTs4 6s ease-in-out forwards;
  -ms-animation:RTs4 6s ease-in-out forwards;
  animation:RTs4 6s ease-in-out forwards;
  animation-delay:0s;
}
.rightpart .bottomPart {
	width:100%;
	height:65%;
	position:relative;
}
.rightpart .bottomPart span {
	position:absolute;
	right:0px;
}
.rightpart .bottomPart span:nth-child(1) {
	width:100%;
	height:75.7%;
	display:block;
	background:#D9D3CA;
	top:7%;
	right:0px;
  -webkit-transform:scale(1) translate(0vw, -100vh);
  -moz-transform: scale(1) translate(0vw, -100vh);
  -ms-transform: scale(1) translate(0vw, -100vh);
  -o-transform:scale(1) translate(0vw,-100vh);
  transform:  scale(1) translate(0vw, -100vh);

}
.loaded .rightpart .bottomPart span:nth-child(1) {
  -webkit-animation:RBs1 6s ease-in-out forwards;
  -moz-animation:RBs1 6s ease-in-out forwards;
  -ms-animation:RBs1 6s ease-in-out forwards;
  animation:RBs1 6s ease-in-out forwards;
  animation-delay:0s;
}

.rightpart .bottomPart span:nth-child(2) {
	background:#FFFFFF;
	display:block;
	width:100%;
	position:absolute;
	right:0px;
	top:85.5%;
	height:4.5%;
	right:0vw;
  -webkit-transform:scale(1) translate(100vw, 0vh);
 -moz-transform: scale(1) translate(100vw, 0vh);
 -ms-transform: scale(1) translate(100vw, 0vh);
 -o-transform:scale(1) translate(100vw, 0vh);
 transform:  scale(1) translate(100vw, 0vh);

}
.loaded .rightpart .bottomPart span:nth-child(2) {
  -webkit-animation:RBs2 6s ease-in-out forwards;
  -moz-animation:RBs2 6s ease-in-out forwards;
  -ms-animation:RBs2 6s ease-in-out forwards;
  animation:RBs2 6s ease-in-out forwards;
  animation-delay:0.2s;
}

.rightpart .bottomPart span:nth-child(3) {
	background:#161C21;
	display:block;
	width:100%;
	position:absolute;
	right:0px;
	top:92.5%;
	height:4.5%;
	right:0vw;
  -webkit-transform:scale(1) translate(100vw, 0vh);
 -moz-transform: scale(1) translate(100vw, 0vh);
 -ms-transform: scale(1) translate(100vw, 0vh);
 -o-transform:scale(1) translate(100vw, 0vh);
 transform:  scale(1) translate(100vw, 0vh);

}

.loaded .rightpart .bottomPart span:nth-child(3) {
  -webkit-animation:RBs3 6s ease-in-out forwards;
  -moz-animation:RBs3 6s ease-in-out forwards;
  -ms-animation:RBs3 6s ease-in-out forwards;
  animation:RBs3 6s ease-in-out forwards;
  animation-delay:0s;
}



  @keyframes LTs1 {
  	0% {
      -webkit-transform:scale(1) translate(-50vw, 0%);
     -moz-transform: scale(1) translate(-50vw, 0%);
     -ms-transform:scale(1) translate(-50vw, 0%);
     -o-transform:scale(1) translate(-50vw, 0%);
     transform: scale(1) translate(-50vw, 0%);
  	}
  	20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw, 0%);
  	}
  	70% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw,0%);
  	}

  	100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw,0%);
  	}
  }
  @-webkit-keyframes LTs1 {
  	0% {
      -webkit-transform:scale(1) translate(-50vw, 0%);
     -moz-transform: scale(1) translate(-50vw, 0%);
     -ms-transform:scale(1) translate(-50vw,0%);
     -o-transform:scale(1) translate(-50vw, 0%);
     transform: scale(1) translate(-50vw, 0%);
  	}
  	20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
  	}
  	70% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
  	}

  	100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw,0%);
  	}
  }


  @keyframes LTs2 {
    0% {

      -webkit-transform:scaleX(8) translate(-50vw, 0%);
     -moz-transform: scaleX(8) translate(-50vw, 0%);
     -ms-transform:scaleX(8) translate(-50vw, 0%);
     -o-transform:scaleX(8) translate(-50vw, 0%);
     transform: scaleX(8) translate(-50vw, 0%);
     background:#FFFFFF;
    }
    20% {

      -webkit-transform:scaleX(1) translate(0vw, 0%);
     -moz-transform: scaleX(1) translate(0vw, 0%);
     -ms-transform:scaleX(1) translate(0vw, 0%);
     -o-transform:scaleX(1) translate(0vw, 0%);
     transform: scaleX(1) translate(0vw, 0%);
     background:#FFFFFF;
    }
    70% {

      -webkit-transform:scaleX(1) translate(0vw, 0%);
     -moz-transform: scaleX(1) translate(0vw, 0%);
     -ms-transform:scaleX(1) translate(0vw, 0%);
     -o-transform:scaleX(1) translate(0vw, 0%);
     transform: scaleX(1) translate(0vw, 0%);
     background:#FFFFFF;
    }

    100% {
      -webkit-transform:scaleX(1) translate(0vw, 0%);
     -moz-transform: scaleX(1) translate(0vw, 0%);
     -ms-transform:scaleX(1) translate(0vw, 0%);
     -o-transform:scaleX(1) translate(0vw, 0%);
     transform: scaleX(1) translate(0vw, 0%);
     background:#959595;
    }
  }
  @-webkit-keyframes LTs2 {
    0% {

      -webkit-transform:scaleX(8) translate(-50vw, 0%);
     -moz-transform: scaleX(8) translate(-50vw, 0%);
     -ms-transform:scaleX(8) translate(-50vw, 0%);
     -o-transform:scaleX(8) translate(-50vw, 0%);
     transform: scaleX(8) translate(-50vw, 0%);
     background:#FFFFFF;
    }
    20% {

      -webkit-transform:scaleX(1) translate(0vw, 0%);
     -moz-transform: scaleX(1) translate(0vw, 0%);
     -ms-transform:scaleX(1) translate(0vw, 0%);
     -o-transform:scaleX(1) translate(0vw, 0%);
     transform: scaleX(1) translate(0vw, 0%);
     background:#FFFFFF;
    }
    70% {

      -webkit-transform:scaleX(1) translate(0vw, 0%);
     -moz-transform: scaleX(1) translate(0vw, 0%);
     -ms-transform:scaleX(1) translate(0vw, 0%);
     -o-transform:scaleX(1) translate(0vw, 0%);
     transform: scaleX(1) translate(0vw, 0%);
     background:#FFFFFF;
    }

    100% {
      -webkit-transform:scaleX(1) translate(0vw, 0%);
     -moz-transform: scaleX(1) translate(0vw, 0%);
     -ms-transform:scaleX(1) translate(0vw, 0%);
     -o-transform:scaleX(1) translate(0vw, 0%);
     transform: scaleX(1) translate(0vw, 0%);
     background:#959595;
    }
  }


    @keyframes LTs3 {
      0% {

        -webkit-transform:scaleX(8) translate(-100vw, 0%);
       -moz-transform: scaleX(8) translate(-100vw, 0%);
       -ms-transform:scaleX(8) translate(-100vw, 0%);
       -o-transform:scaleX(8) translate(-100vw, 0%);
       transform: scaleX(8) translate(-100vw, 0%);
      }
      20% {

        -webkit-transform:scaleX(1) translate(0vw, 0%);
       -moz-transform: scaleX(1) translate(0vw, 0%);
       -ms-transform:scaleX(1) translate(0vw, 0%);
       -o-transform:scaleX(1) translate(0vw, 0%);
       transform: scaleX(1) translate(0vw, 0%);
      }
      70% {

        -webkit-transform:scaleX(1) translate(0vw,0%);
       -moz-transform: scaleX(1) translate(0vw, 0%);
       -ms-transform:scaleX(1) translate(0vw, 0%);
       -o-transform:scaleX(1) translate(0vw, 0%);
       transform: scaleX(1) translate(0vw, 0%);
      }

      100% {
        -webkit-transform:scaleX(1) translate(0vw,0%);
       -moz-transform: scaleX(1) translate(0vw, 0%);
       -ms-transform:scaleX(1) translate(0vw, 0%);
       -o-transform:scaleX(1) translate(0vw, 0%);
       transform: scaleX(1) translate(0vw, 0%);
      }
    }
    @-webkit-keyframes LTs3 {
      0% {

        -webkit-transform:scaleX(8) translate(-100vw, 0%);
       -moz-transform: scaleX(8) translate(-100vw, 0%);
       -ms-transform:scaleX(8) translate(-100vw, 0%);
       -o-transform:scaleX(8) translate(-100vw, 0%);
       transform: scaleX(8) translate(-100vw, 0%);
      }
      20% {

        -webkit-transform:scaleX(1) translate(0vw, 0%);
       -moz-transform: scaleX(1) translate(0vw, 0%);
       -ms-transform:scaleX(1) translate(0vw, 0%);
       -o-transform:scaleX(1) translate(0vw, 0%);
       transform: scaleX(1) translate(0vw, 0%);
      }
      70% {

        -webkit-transform:scaleX(1) translate(0vw,0%);
       -moz-transform: scaleX(1) translate(0vw, 0%);
       -ms-transform:scaleX(1) translate(0vw, 0%);
       -o-transform:scaleX(1) translate(0vw, 0%);
       transform: scaleX(1) translate(0vw, 0%);
      }

      100% {
        -webkit-transform:scaleX(1) translate(0vw,0%);
       -moz-transform: scaleX(1) translate(0vw, 0%);
       -ms-transform:scaleX(1) translate(0vw, 0%);
       -o-transform:scaleX(1) translate(0vw, 0%);
       transform: scaleX(1) translate(0vw, 0%);
      }
    }

    @-webkit-keyframes LTs4 {
      0% {
        transform: scale(1) translateX(-100vw);
          opacity: 1;
      }
      18% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      50% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      65% {
    transform: scale(1) translateX(0vw);
        opacity: 1;
      }

      100% {
        transform: scale(1) translateX(0vw);
            opacity: 1;
      }
  }

  @keyframes LTs4 {
    0% {
      transform: scale(1) translateX(-100vw);
        opacity: 1;
    }
    18% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    50% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    65% {
transform: scale(1) translateX(0vw);
      opacity: 1;
    }

    100% {
      transform: scale(1) translateX(0vw);
          opacity: 1;
    }
  }

  @keyframes LBs1 {
    0% {

      -webkit-transform: scaleX(8) translateX(120vw);
     -moz-transform:  scaleX(8) translateX(120vw);
     -ms-transform: scaleX(8) translateX(120vw);
     -o-transform: scaleX(8) translateX(120vw);
     transform: scaleX(8) translateX(120vw);
     background: #DEDEDE;
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #DEDEDE;
    }
    70% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #DEDEDE;
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #E2383F;
    }
  }
  @-webkit-keyframes LBs1 {
    0% {

      -webkit-transform: scaleX(8) translateX(120vw);
     -moz-transform:  scaleX(8) translateX(120vw);
     -ms-transform: scaleX(8) translateX(120vw);
     -o-transform: scaleX(8) translateX(120vw);
     transform: scaleX(8) translateX(120vw);
     background: #DEDEDE;
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #DEDEDE;
    }
    70% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #DEDEDE;
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
        background: #E2383F;
    }
  }

  @keyframes LBs2 {
    0% {
      -webkit-transform:scale(1) translate(-100vw, 0%);
     -moz-transform: scale(1) translate(-100vw, 0%);
     -ms-transform:scale(1) translate(-100vw, 0%);
     -o-transform:scale(1) translate(-100vw, 0%);
     transform: scale(1) translate(-100vw, 0%);
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw, 0%);
    }
    70% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw,0%);
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw,0%);
    }
  }
  @-webkit-keyframes LBs2 {
    0% {
      -webkit-transform:scale(1) translate(-100vw, 0%);
     -moz-transform: scale(1) translate(-100vw, 0%);
     -ms-transform:scale(1) translate(-100vw,0%);
     -o-transform:scale(1) translate(-100vw, 0%);
     transform: scale(1) translate(-100vw, 0%);
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }
    70% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }
  }

  @keyframes LBs3 {
    0% {

      -webkit-transform: scaleX(15) translateX(120vw);
     -moz-transform:  scaleX(15) translateX(120vw);
     -ms-transform: scaleX(15) translateX(120vw);
     -o-transform: scaleX(15) translateX(120vw);
     transform: scaleX(15) translateX(120vw);
     background: #FFFFFF;
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #FFFFFF;
    }
    70% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #FFFFFF;
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #E2383F;
    }
  }
  @-webkit-keyframes LBs3 {
    0% {

      -webkit-transform: scaleX(15) translateX(120vw);
     -moz-transform:  scaleX(15) translateX(120vw);
     -ms-transform: scaleX(15) translateX(120vw);
     -o-transform: scaleX(15) translateX(120vw);
     transform: scaleX(15) translateX(120vw);
      background: #FFFFFF;
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
      background: #FFFFFF;
    }
    70% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
      background: #FFFFFF;
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
      background: #E2383F;
    }
  }


  @keyframes LBs4 {
    0% {
      -webkit-transform:scale(1) translate(-100vw, 0%);
     -moz-transform: scale(1) translate(-100vw, 0%);
     -ms-transform:scale(1) translate(-100vw, 0%);
     -o-transform:scale(1) translate(-100vw, 0%);
     transform: scale(1) translate(-100vw, 0%);
  background: #161C21;
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw, 0%);
     background: #161C21;
    }
    70% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw,0%);
     background: #161C21;
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw,0%);
     background: #E2383F;
    }
  }
  @-webkit-keyframes LBs4 {
    0% {
      -webkit-transform:scale(1) translate(-100vw, 0%);
     -moz-transform: scale(1) translate(-100vw, 0%);
     -ms-transform:scale(1) translate(-100vw,0%);
     -o-transform:scale(1) translate(-100vw, 0%);
     transform: scale(1) translate(-100vw, 0%);
      background: #161C21;
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
      background: #161C21;
    }
    70% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
      background: #161C21;
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
     background: #E2383F;
    }
  }

  @keyframes MTs1 {
    0% {
      -webkit-transform:scale(1) translate(0vh, -100vh);
     -moz-transform: scale(1) translate(0vh, -100vh);
     -ms-transform: scale(1) translate(0vh, -100vh);
     -o-transform:scale(1) translate(0vh, -100vh);
     transform:  scale(1) translate(0vh, -100vh);
      opacity: 1;
    }
    20% {
     -webkit-transform:scale(1) translate(0vh, 0vh);
     -moz-transform: scale(1) translate(0vh, 0vh);
     -ms-transform: scale(1) translate(0vh, 0vh);
     -o-transform:scale(1) translate(0vh, 0vh);
     transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    54% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    70% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;

    }
    100% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
  }
  @-webkit-keyframes MTs1 {
  	0% {
      -webkit-transform:scale(1) translate(0vh, -100vh);
     -moz-transform: scale(1) translate(0vh, -100vh);
     -ms-transform: scale(1) translate(0vh, -100vh);
     -o-transform:scale(1) translate(0vh, -100vh);
     transform:  scale(1) translate(0vh, -100vh);
  		opacity: 1;
  	}
  	20% {
  	 -webkit-transform:scale(1) translate(0vh, 0vh);
     -moz-transform: scale(1) translate(0vh, 0vh);
     -ms-transform: scale(1) translate(0vh, 0vh);
     -o-transform:scale(1) translate(0vh, 0vh);
     transform:  scale(1) translate(0vh, 0vh);
  		opacity: 1;
  	}
  	54% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
  		opacity: 1;
  	}
  	70% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
  	}
  	100% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
  	}
  }


  @keyframes MTs2 {
    0% {

      -webkit-transform: scaleX(15) translateX(120vw);
     -moz-transform:  scaleX(15) translateX(120vw);
     -ms-transform: scaleX(15) translateX(120vw);
     -o-transform: scaleX(15) translateX(120vw);
     transform: scaleX(15) translateX(120vw);
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }
    75% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }
    85% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }
  }
  @-webkit-keyframes MTs2 {
    0% {

      -webkit-transform: scaleX(15) translateX(120vw);
     -moz-transform:  scaleX(15) translateX(120vw);
     -ms-transform: scaleX(15) translateX(120vw);
     -o-transform: scaleX(15) translateX(120vw);
     transform: scaleX(15) translateX(120vw);
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }
    75% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }
    85% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
    }
  }

  @keyframes MTs3 {
    0% {

      -webkit-transform: scaleX(15) translateX(120vw);
     -moz-transform:  scaleX(15) translateX(120vw);
     -ms-transform: scaleX(15) translateX(120vw);
     -o-transform: scaleX(15) translateX(120vw);
     transform: scaleX(15) translateX(120vw);
     background: #FFFFFF;
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #FFFFFF;
    }
    75% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #FFFFFF;
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #E2383F;
    }
  }
  @-webkit-keyframes MTs3 {
    0% {

      -webkit-transform: scaleX(15) translateX(120vw);
     -moz-transform:  scaleX(15) translateX(120vw);
     -ms-transform: scaleX(15) translateX(120vw);
     -o-transform: scaleX(15) translateX(120vw);
     transform: scaleX(15) translateX(120vw);
      background: #FFFFFF;
    }
    20% {

      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
      background: #FFFFFF;
    }

    75% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
      background: #FFFFFF;
    }

    100% {
      -webkit-transform:scaleX(1) translateX(0vw);
     -moz-transform: scaleX(1) translateX(0vw);
     -ms-transform:scaleX(1) translateX(0vw);
     -o-transform:scaleX(1) translateX(0vw);
     transform: scaleX(1) translateX(0vw);
     background: #E2383F;
    }
  }


  @keyframes MTs4 {
    0% {
      -webkit-transform:scale(1) translate(-100vw, 0%);
     -moz-transform: scale(1) translate(-100vw, 0%);
     -ms-transform:scale(1) translate(-100vw, 0%);
     -o-transform:scale(1) translate(-100vw, 0%);
     transform: scale(1) translate(-100vw, 0%);
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw,0%);
     transform: scale(1) translate(0vw, 0%);
    }
    75% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }
    85% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }
  }
  @-webkit-keyframes MTs4 {
    0% {
      -webkit-transform:scale(1) translate(-100vw, 0%);
     -moz-transform: scale(1) translate(-100vw, 0%);
     -ms-transform:scale(1) translate(-100vw,0%);
     -o-transform:scale(1) translate(-100vw, 0%);
     transform: scale(1) translate(-100vw, 0%);
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }
    75% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }
    85% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0%);
     -moz-transform: scale(1) translate(0vw, 0%);
     -ms-transform:scale(1) translate(0vw, 0%);
     -o-transform:scale(1) translate(0vw, 0%);
     transform: scale(1) translate(0vw, 0%);
    }
  }


  @keyframes MBs1 {
    0% {
      -webkit-transform:scale(1) translate(0vh, 100vh);
     -moz-transform: scale(1) translate(0vh, 100vh);
     -ms-transform: scale(1) translate(0vh, 100vh);
     -o-transform:scale(1) translate(0vh, 100vh);
     transform:  scale(1) translate(0vh, 100vh);
      opacity: 1;
    }
    20% {
     -webkit-transform:scale(1) translate(0vh, 0vh);
     -moz-transform: scale(1) translate(0vh, 0vh);
     -ms-transform: scale(1) translate(0vh, 0vh);
     -o-transform:scale(1) translate(0vh, 0vh);
     transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    54% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    70% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    100% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
  }
  @-webkit-keyframes MBs1 {
    0% {
      -webkit-transform:scale(1) translate(0vh, 100vh);
     -moz-transform: scale(1) translate(0vh, 100vh);
     -ms-transform: scale(1) translate(0vh, 100vh);
     -o-transform:scale(1) translate(0vh, 100vh);
     transform:  scale(1) translate(0vh, 100vh);
      opacity: 1;
    }
    20% {
     -webkit-transform:scale(1) translate(0vh, 0vh);
     -moz-transform: scale(1) translate(0vh, 0vh);
     -ms-transform: scale(1) translate(0vh, 0vh);
     -o-transform:scale(1) translate(0vh, 0vh);
     transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    54% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    70% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    100% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
  }


  @keyframes MBs2 {
  	0% {

  	      -webkit-transform:scale(1) translate(-70vw, 0vh);
     -moz-transform: scale(1) translate(-70vw, 0vh);
     -ms-transform: scale(1) translate(-70vw, 0vh);
     -o-transform:scale(1) translate(-70vw, 0vh);
     transform:  scale(1) translate(-70vw, 0vh);
  		opacity: 1;
  	}
  	20% {


      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
  	}
  	54% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
  	}
  60% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
    }
    80% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
  }
  @-webkit-keyframes MBs2 {
    0% {

          -webkit-transform:scale(1) translate(-70vw, 0vh);
     -moz-transform: scale(1) translate(-70vw, 0vh);
     -ms-transform: scale(1) translate(-70vw, 0vh);
     -o-transform:scale(1) translate(-70vw, 0vh);
     transform:  scale(1) translate(-70vw, 0vh);
      opacity: 1;
    }
    20% {


      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
    54% {


      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
    60% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
    }
    71% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
  }

  @keyframes MBs3 {
  	0% {

      -webkit-transform:scale(1) translate(-100vw, 0vh);
     -moz-transform: scale(1) translate(-100vw, 0vh);
     -ms-transform: scale(1) translate(-100vw, 0vh);
     -o-transform:scale(1) translate(-100vw, 0vh);
     transform:  scale(1) translate(-100vw, 0vh);
  		opacity: 1;
  	}
  	20% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
  	}
  	54% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
  	}
    60% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
    80% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
  }
  @-webkit-keyframes MBs3 {
    0% {

      -webkit-transform:scale(1) translate(-100vw, 0vh);
     -moz-transform: scale(1) translate(-100vw, 0vh);
     -ms-transform: scale(1) translate(-100vw, 0vh);
     -o-transform:scale(1) translate(-100vw, 0vh);
     transform:  scale(1) translate(-100vw, 0vh);
  		opacity: 1;
  	}
  	20% {

      -webkit-transform:scale(1) translate(0vw,0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
  	}
  	54% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  		opacity: 1;
  	}
    60% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
  	}
    80% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
  	}

  	100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw,0vh);
     -ms-transform: scale(1) translate(0vw,0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
  	}
  }


  @keyframes MBs4 {
    0% {

      -webkit-transform:scale(1) translate(-100vw, 0vh);
     -moz-transform: scale(1) translate(-100vw, 0vh);
     -ms-transform: scale(1) translate(-100vw, 0vh);
     -o-transform:scale(1) translate(-100vw, 0vh);
     transform:  scale(1) translate(-100vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }
    20% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }
    54% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }
    75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #E2383F;
    }
  }
  @-webkit-keyframes MBs4 {
    0% {

      -webkit-transform:scale(1) translate(-100vw, 0vh);
     -moz-transform: scale(1) translate(-100vw, 0vh);
     -ms-transform: scale(1) translate(-100vw, 0vh);
     -o-transform:scale(1) translate(-100vw, 0vh);
     transform:  scale(1) translate(-100vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }
    20% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }
    54% {

      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }
    75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #161C21;
    }

    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
      	background: #E2383F;
    }
  }

  @keyframes RTs1 {
  	0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
  	}
  	20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  	}
  	80% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  	}
  	100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  	}
  }
  @-webkit-keyframes RTs1 {
    0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
    }
    80% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
    }
  }
  @keyframes RTs2 {
  	0% {
      -webkit-transform:scaleX(5) translate(100vw, 0vh);
     -moz-transform: scaleX(5) translate(100vw, 0vh);
     -ms-transform: scaleX(5) translate(100vw, 0vh);
     -o-transform:scaleX(5) translate(100vw, 0vh);
     transform:  scaleX(5) translate(100vw, 0vh);
  	}
  	20% {
      -webkit-transform:scaleX(1) translate(0vw, 0vh);
     -moz-transform: scaleX(1) translate(0vw, 0vh);
     -ms-transform: scaleX(1) translate(0vw, 0vh);
     -o-transform:scaleX(1) translate(0vw, 0vh);
     transform:  scaleX(1) translate(0vw, 0vh);
  	}
  	80% {
      -webkit-transform:scaleX(1) translate(0vw, 0vh);
     -moz-transform: scaleX(1) translate(0vw, 0vh);
     -ms-transform: scaleX(1) translate(0vw, 0vh);
     -o-transform:scaleX(1) translate(0vw, 0vh);
     transform:  scaleX(1) translate(0vw, 0vh);
  	}
  	100% {
      -webkit-transform:scaleX(1) translate(0vw, 0vh);
     -moz-transform: scaleX(1) translate(0vw, 0vh);
     -ms-transform: scaleX(1) translate(0vw, 0vh);
     -o-transform:scaleX(1) translate(0vw, 0vh);
     transform:  scaleX(1) translate(0vw, 0vh);
  	}
  }
  @-webkit-keyframes RTs2 {
    0% {
      -webkit-transform:scaleX(5) translate(100vw, 0vh);
     -moz-transform: scaleX(5) translate(100vw, 0vh);
     -ms-transform: scaleX(5) translate(100vw, 0vh);
     -o-transform:scaleX(5) translate(100vw, 0vh);
     transform:  scaleX(5) translate(100vw, 0vh);
  	}
  	20% {
      -webkit-transform:scaleX(1) translate(0vw, 0vh);
     -moz-transform: scaleX(1) translate(0vw, 0vh);
     -ms-transform: scaleX(1) translate(0vw, 0vh);
     -o-transform:scaleX(1) translate(0vw, 0vh);
     transform:  scaleX(1) translate(0vw, 0vh);
  	}
  	80% {
      -webkit-transform:scaleX(1) translate(0vw, 0vh);
     -moz-transform: scaleX(1) translate(0vw, 0vh);
     -ms-transform: scaleX(1) translate(0vw, 0vh);
     -o-transform:scaleX(1) translate(0vw, 0vh);
     transform:  scaleX(1) translate(0vw, 0vh);
  	}
  	100% {
      -webkit-transform:scaleX(1) translate(0vw, 0vh);
     -moz-transform: scaleX(1) translate(0vw, 0vh);
     -ms-transform: scaleX(1) translate(0vw, 0vh);
     -o-transform:scaleX(1) translate(0vw, 0vh);
     transform:  scaleX(1) translate(0vw, 0vh);
  	}
  }

  @keyframes RTs3 {
    0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
     	background: #FFFFFF;
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     	background: #FFFFFF;
    }
  75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     	background: #FFFFFF;
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     	background: #959595;
    }
  }
  @-webkit-keyframes RTs3 {
    0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
      background: #FFFFFF;
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      background: #FFFFFF;
    }
  75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      background: #FFFFFF;
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      background: #959595;
    }
  }

  @keyframes RTs4 {
    0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
     background: #FFFFFF;
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     background: #FFFFFF;
    }
  75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     background: #FFFFFF;
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     background: #E2383F;
    }
  }
  @-webkit-keyframes RTs4 {
    0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
     background: #FFFFFF;
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     background: #FFFFFF;
    }
  75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     background: #FFFFFF;
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     background: #E2383F;
    }
  }


  @keyframes rightpart {
  	0% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  	20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  	90% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  	100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  }
  @-webkit-keyframes rightpart {
    0% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  	20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  	90% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  	100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
     opacity: 1;
  	}
  }

  @keyframes RBs1 {
    0% {
      -webkit-transform:scale(1) translate(0vh, 100vh);
     -moz-transform: scale(1) translate(0vh, 100vh);
     -ms-transform: scale(1) translate(0vh, 100vh);
     -o-transform:scale(1) translate(0vh, 100vh);
     transform:  scale(1) translate(0vh, 100vh);
      opacity: 1;
    }
    20% {
     -webkit-transform:scale(1) translate(0vh, 0vh);
     -moz-transform: scale(1) translate(0vh, 0vh);
     -ms-transform: scale(1) translate(0vh, 0vh);
     -o-transform:scale(1) translate(0vh, 0vh);
     transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    54% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    70% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
  }
  @-webkit-keyframes RBs1 {
    0% {
      -webkit-transform:scale(1) translate(0vh, 100vh);
     -moz-transform: scale(1) translate(0vh, 100vh);
     -ms-transform: scale(1) translate(0vh, 100vh);
     -o-transform:scale(1) translate(0vh, 100vh);
     transform:  scale(1) translate(0vh, 100vh);
      opacity: 1;
    }
    20% {
     -webkit-transform:scale(1) translate(0vh, 0vh);
     -moz-transform: scale(1) translate(0vh, 0vh);
     -ms-transform: scale(1) translate(0vh, 0vh);
     -o-transform:scale(1) translate(0vh, 0vh);
     transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    54% {
      -webkit-transform:scale(1) translate(0vh, 0vh);
      -moz-transform: scale(1) translate(0vh, 0vh);
      -ms-transform: scale(1) translate(0vh, 0vh);
      -o-transform:scale(1) translate(0vh, 0vh);
      transform:  scale(1) translate(0vh, 0vh);
      opacity: 1;
    }
    70% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
      opacity: 1;
    }
  }

  @keyframes RBs2 {
  	0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
         background: #FFFFFF;
  	}
  	20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
         background: #FFFFFF;
  	}
  	75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
         background: #FFFFFF;
  	}
  	100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
         background: #E2383F;
  	}
  }
  @-webkit-keyframes RBs2 {
    0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
         background: #FFFFFF;
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
         background: #FFFFFF;
    }
    75% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
         background: #FFFFFF;
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
         background: #E2383F;
    }
  }
  @keyframes RBs3 {
  	0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
  	}
  	20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  	}
  	80% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  	}
  	100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
  	}
  }
  @-webkit-keyframes RBs3 {
    0% {
      -webkit-transform:scale(1) translate(100vw, 0vh);
     -moz-transform: scale(1) translate(100vw, 0vh);
     -ms-transform: scale(1) translate(100vw, 0vh);
     -o-transform:scale(1) translate(100vw, 0vh);
     transform:  scale(1) translate(100vw, 0vh);
    }
    20% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
    }
    80% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
    }
    100% {
      -webkit-transform:scale(1) translate(0vw, 0vh);
     -moz-transform: scale(1) translate(0vw, 0vh);
     -ms-transform: scale(1) translate(0vw, 0vh);
     -o-transform:scale(1) translate(0vw, 0vh);
     transform:  scale(1) translate(0vw, 0vh);
    }
  }





@media screen and (min-height: 950px) and (min-width: 1930px) {

/* span{
  background: green !important;
} */


    @-webkit-keyframes LTs4 {
      0% {
        transform: scale(1) translateX(-100vw);
          opacity: 1;
      }
      18% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      50% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      65% {
    transform: scale(1) translateX(0vw);
        opacity: 1;
      }

      100% {
      transform: scale(1) translateX(0vw);
          opacity: 1;
      }
  }

  @keyframes LTs4 {
    0% {
      transform: scale(1) translateX(-100vw);
        opacity: 1;
    }
    18% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    50% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    65% {
    transform: scale(1) translateX(0vw);
      opacity: 1;
    }

    100% {
    transform: scale(1) translateX(0vw);
        opacity: 1;
    }
  }

}

@media screen and (max-width: 1400px) and (max-height: 750px) {
/* span{
  background: skyblue !important;
} */
      @-webkit-keyframes LTs4 {
        0% {
          transform: scale(1) translateX(-100vw);
            opacity: 1;
        }
        18% {
          transform: scale(1) translateX(0vw);

          opacity: 1;
        }
        50% {
          transform: scale(1) translateX(0vw);

          opacity: 1;
        }
        65% {
      transform: scale(1) translateX(0vw);
          opacity: 1;
        }

        100% {
      transform: scale(1) translateX(0vw);
            opacity: 1;
        }
    }

    @keyframes LTs4 {
      0% {
        transform: scale(1) translateX(-100vw);
          opacity: 1;
      }
      18% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      50% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      65% {
  transform: scale(1) translateX(0vw);
        opacity: 1;
      }

      100% {
transform: scale(1) translateX(0vw);
          opacity: 1;
      }
    }

  }
@media (max-aspect-ratio: 3/2) {
  /* span{
    background: blue !important;
  } */
  @-webkit-keyframes LTs4 {
    0% {
      transform: scale(1) translateX(-100vw);
        opacity: 1;
    }
    18% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    50% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    65% {
  transform: scale(1) translateX(0vw);
      opacity: 1;
    }

    100% {
transform: scale(1) translateX(0vw);
        opacity: 1;
    }
}

@keyframes LTs4 {
  0% {
    transform: scale(1) translateX(-100vw);
      opacity: 1;
  }
  18% {
    transform: scale(1) translateX(0vw);

    opacity: 1;
  }
  50% {
    transform: scale(1) translateX(0vw);

    opacity: 1;
  }
  65% {
transform: scale(1) translateX(0vw);
    opacity: 1;
  }

  100% {
transform: scale(1) translateX(0vw);
      opacity: 1;
  }
}


  }

  @media screen and (min-width: 1600px) and (max-height: 760px) {

  /* span{
    background: pink !important;
  } */
        @-webkit-keyframes LTs4 {
          0% {
            transform: scale(1) translateX(-100vw);
              opacity: 1;
          }
          18% {
            transform: scale(1) translateX(0vw);

            opacity: 1;
          }
          50% {
            transform: scale(1) translateX(0vw);

            opacity: 1;
          }
          65% {
      transform: scale(1) translateX(0vw);
            opacity: 1;
          }

          100% {
        transform: scale(1) translateX(0vw);
              opacity: 1;
          }
      }

      @keyframes LTs4 {
        0% {
          transform: scale(1) translateX(-100vw);
            opacity: 1;
        }
        18% {
          transform: scale(1) translateX(0vw);

          opacity: 1;
        }
        50% {
          transform: scale(1) translateX(0vw);

          opacity: 1;
        }
        65% {
    transform: scale(1) translateX(0vw);
          opacity: 1;
        }

        100% {
      transform: scale(1) translateX(0vw);
            opacity: 1;
        }
      }

    }




 @media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
   /* span{
     background: yellow !important;
   } */
   @-webkit-keyframes LTs4 {
     0% {
       transform: scale(1) translateX(-100vw);
         opacity: 1;
     }
     18% {
       transform: scale(1) translateX(0vw);

       opacity: 1;
     }
     50% {
       transform: scale(1) translateX(0vw);

       opacity: 1;
     }
     65% {
transform: scale(1) translateX(0vw);
       opacity: 1;
     }

     100% {
transform: scale(1) translateX(0vw);
         opacity: 1;
     }
 }

 @keyframes LTs4 {
   0% {
     transform: scale(1) translateX(-100vw);
       opacity: 1;
   }
   18% {
     transform: scale(1) translateX(0vw);

     opacity: 1;
   }
   50% {
     transform: scale(1) translateX(0vw);

     opacity: 1;
   }
   65% {
transform: scale(1) translateX(0vw);
     opacity: 1;
   }

   100% {
 transform: scale(1) translateX(0vw);
       opacity: 1;
   }
 }


  }




  /* your css rules for ipadpro landscape */
 @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
/*
   span{
     background: orange !important;
   } */
   @-webkit-keyframes LTs4 {
     0% {
       transform: scale(1) translateX(-100vw);
         opacity: 1;
     }
     18% {
       transform: scale(1) translateX(0vw);

       opacity: 1;
     }
     50% {
       transform: scale(1) translateX(0vw);

       opacity: 1;
     }
     65% {
  transform: scale(1) translateX(0vw);
       opacity: 1;
     }

     100% {
transform: scale(1) translateX(0vw);
         opacity: 1;
     }
 }

 @keyframes LTs4 {
   0% {
     transform: scale(1) translateX(-100vw);
       opacity: 1;
   }
   18% {
     transform: scale(1) translateX(0vw);

     opacity: 1;
   }
   50% {
     transform: scale(1) translateX(0vw);

     opacity: 1;
   }
   65% {
transform: scale(1) translateX(0vw);
     opacity: 1;
   }

   100% {
transform: scale(1) translateX(0vw);
       opacity: 1;
   }
 }


  }




  /* your css rules for ipad landscape */
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    /* span{background: purple !important} */
    @-webkit-keyframes LTs4 {
      0% {
        transform: scale(1) translateX(-100vw);
          opacity: 1;
      }
      18% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      50% {
        transform: scale(1) translateX(0vw);

        opacity: 1;
      }
      65% {
transform: scale(1) translateX(0vw);
        opacity: 1;
      }

      100% {
    transform: scale(1) translateX(0vw);
          opacity: 1;
      }
   }

   @keyframes LTs4 {
    0% {
      transform: scale(1) translateX(-100vw);
        opacity: 1;
    }
    18% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    50% {
      transform: scale(1) translateX(0vw);

      opacity: 1;
    }
    65% {
transform: scale(1) translateX(0vw);
      opacity: 1;
    }

    100% {
  transform: scale(1) translateX(0vw);
        opacity: 1;
    }
   }


  }


    .loaded .redbg {
      -webkit-animation:redbg 6s ease-in-out forwards;
      -moz-animation:redbg 6s ease-in-out forwards;
      -ms-animation:redbg 6s ease-in-out forwards;
      animation:redbg 6s ease-in-out forwards;
      animation-delay:0s;
    }


    @-webkit-keyframes redbg {
      0% {
          background: #E2383F;

      }

      70% {
          background: #E2383F;

      }


      100% {
      background: transparent;

      }
   }

   @keyframes redbg {
     0% {
         background: #E2383F;

     }

     70% {
         background: #E2383F;

     }


     100% {
     background:transparent;

     }
   }


  .loaded .Introanimation {
    -webkit-animation:Introanimation 6s ease-in-out forwards;
    -moz-animation:Introanimation 6s ease-in-out forwards;
    -ms-animation:Introanimation 6s ease-in-out forwards;
    animation:Introanimation 6s ease-in-out forwards;
    animation-delay:0s;
  }


  @-webkit-keyframes Introanimation {
    0% {
opacity: 0;
        height: 100%;
    }
    2% {
opacity: 1;
        height: 100%;
    }

    80% {
opacity: 1;
        height: 100%;
    }


    100% {
opacity: 1;
    height: 150px;
    }
 }

 @keyframes Introanimation {
   0% {
opacity: 0;
       height: 100%;
   }
   2% {
opacity: 1;
       height: 100%;
   }
  80% {
opacity: 1;
       height: 100%;
   }


   100% {
opacity: 1;
   height: 150px;
   }
 }

 .loaded .LandingWrapper {
   -webkit-animation:LandingWrapper 6s ease-in-out forwards;
   -moz-animation:LandingWrapper 6s ease-in-out forwards;
   -ms-animation:LandingWrapper 6s ease-in-out forwards;
   animation:LandingWrapper 6s ease-in-out forwards;
   animation-delay:0s;
 }

   @-webkit-keyframes LandingWrapper {
     0% {

       max-width: 900px;
   max-height: 940px;
   padding: 30px;
     }

     70% {
       max-width: 900px;
   max-height: 940px;
      padding: 30px;
     }


     100% {
       max-width: 90px;
   max-height: 93px;
      padding: 0px;
     }
  }

  @keyframes LandingWrapper {
    0% {

      max-width: 900px;
  max-height: 940px;
  padding: 30px;
    }

    70% {
      max-width: 900px;
  max-height: 940px;
     padding: 30px;
    }


    100% {
      max-width: 90px;
  max-height: 93px;
     padding: 0px;
    }
  }



   .loaded .BigLogoHolder {
     -webkit-animation:BigLogoHolder 6s ease-in-out forwards;
     -moz-animation:BigLogoHolder 6s ease-in-out forwards;
     -ms-animation:BigLogoHolder 6s ease-in-out forwards;
     animation:BigLogoHolder 6s ease-in-out forwards;
     animation-delay:0s;
   }

     @-webkit-keyframes BigLogoHolder {
       0% {
         top: 30px;
         right: 30px;
         bottom: 30px;
         left: 30px;
       }

       70% {
         top: 30px;
         right: 30px;
         bottom: 30px;
         left: 30px;
       }


       100% {
         top: 0px;
         right: 0px;
         bottom:0px;
         left: 0px;
       }
    }

    @keyframes BigLogoHolder {
      0% {
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
      }

      70% {
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
      }


      100% {
        top: 0px;
        right: 0px;
        bottom:0px;
        left: 0px;
      }
    }


        .loaded .lefttoppath {
          -webkit-animation:lefttoppath 6s ease-in-out forwards;
          -moz-animation:lefttoppath 6s ease-in-out forwards;
          -ms-animation:lefttoppath 6s ease-in-out forwards;
          animation:lefttoppath 6s ease-in-out forwards;
          animation-delay:0s;
        }


        @-webkit-keyframes lefttoppath {
          0% {
              fill: #FFFFFF;

          }

          70% {
              fill: #FFFFFF;

          }


          100% {
          fill: #959595;

          }
       }

       @keyframes lefttoppath {
         0% {
             fill: #FFFFFF;

         }

         70% {
             fill: #FFFFFF;

         }


         100% {
         fill: #959595;

         }
       }




       .loaded .middletopcurve {
         -webkit-animation:middletopcurve 6s ease-in-out forwards;
         -moz-animation:middletopcurve 6s ease-in-out forwards;
         -ms-animation:middletopcurve 6s ease-in-out forwards;
         animation:middletopcurve 6s ease-in-out forwards;
         animation-delay:0s;
       }


       @-webkit-keyframes middletopcurve {
         0% {
           fill: #161c21;

         }

         70% {
           fill: #161C21;

         }


         100% {
       fill: #E2383F;

         }
      }

      @keyframes middletopcurve {
        0% {
         fill: #161C21;

        }

        70% {
           fill: #161C21;

        }


        100% {
       fill: #E2383F;

        }
      }


      .loaded .middlebottomcurve {
        -webkit-animation:middlebottomcurve 6s ease-in-out forwards;
        -moz-animation:middlebottomcurve 6s ease-in-out forwards;
        -ms-animation:middlebottomcurve 6s ease-in-out forwards;
        animation:middlebottomcurve 6s ease-in-out forwards;
        animation-delay:0s;
      }


      @-webkit-keyframes middlebottomcurve {
        0% {
       fill: #dedede;

        }

        70% {
          fill: #dedede;

        }


        100% {
      fill:#959595;

        }
     }

     @keyframes middlebottomcurve {
       0% {
        fill: #dedede;

       }

       70% {
          fill: #dedede;

       }


       100% {
      fill: #959595;

       }
     }
@media screen and (min-width: 0px) and (max-width: 1400px) {

.loaded .Introanimation {
      -webkit-animation:Introanimation 6s ease-in-out forwards;
      -moz-animation:Introanimation 6s ease-in-out forwards;
      -ms-animation:Introanimation 6s ease-in-out forwards;
      animation:Introanimation 6s ease-in-out forwards;
      animation-delay:0s;
    }


    @-webkit-keyframes Introanimation {
      0% {
  opacity: 0;
          height: 100%;
      }
      2% {
  opacity: 1;
          height: 100%;
      }

      85% {
  opacity: 1;
          height: 100%;
      }


      100% {
  opacity: 1;
      height: 100px;
      }
   }

   @keyframes Introanimation {
     0% {
  opacity: 0;
         height: 100%;
     }
     2% {
  opacity: 1;
         height: 100%;
     }
    85% {
  opacity: 1;
         height: 100%;
     }


     100% {
  opacity: 1;
     height: 100px;
     }
   }
.loaded .LandingWrapper {
     -webkit-animation:LandingWrapper 6s ease-in-out forwards;
     -moz-animation:LandingWrapper 6s ease-in-out forwards;
     -ms-animation:LandingWrapper 6s ease-in-out forwards;
     animation:LandingWrapper 6s ease-in-out forwards;
     animation-delay:0s;
   }

     @-webkit-keyframes LandingWrapper {
       0% {

         max-width: 900px;
     max-height: 940px;
     padding: 30px;
       }

       70% {
         max-width: 900px;
     max-height: 940px;
        padding: 30px;
       }


       100% {
         max-width: 60px;
     max-height: 64px;
        padding: 0px;
       }
    }

    @keyframes LandingWrapper {
      0% {

        max-width: 900px;
    max-height: 940px;
    padding: 30px;
      }

      70% {
        max-width: 900px;
    max-height: 940px;
       padding: 30px;
      }


      100% {
        max-width: 60px;
    max-height: 64px;
       padding: 0px;
      }
    }

}