@font-face {
  font-family: burnfont-Black;
  src: url(./font/burnfont-1.3.otf);
}
@font-face {
  font-family: burnfont-italic;
  src: url(./font/burnfont-1.3-italic.otf);
}
@font-face {
  font-family: OPPOSans-R;
  src: url(./font/OPPOSans-R-2.ttf);
}
@font-face {
  font-family: OPPOSans-B;
  src: url(./font/OPPOSans-B-2.ttf);
}
@font-face {
  font-family: OPPOSans-M;
  src: url(./font/OPPOSans-M-2.ttf);
}
@font-face {
  font-family: Gilroy-Bold;
  src: url(./font/gilroy-bold-4.otf);
}
html,body{
  margin: 0;
  background: #780000;
}
.mobile-btn{
  display: none;
}
.top{
  position: relative;
  background-image: linear-gradient(to bottom,#000 70%,#780000);
}
.top .bg{
  width: 100%;
}
.top .logo{
  position: absolute;
  height: 30px;
  top: 50px;
  left: 80px;
}
.top .content{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top .content h4{
    font-family: OPPOSans-B;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #fdaf0a;
    margin: 0;
    margin-bottom: 40px;
}
.top .content h3{
    margin: 0;
    font-family: burnfont-Black;
    font-size: 66px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 90px;
    letter-spacing: 0px;
    color: #fdf0d5;
}
.top .content p{
    margin: 10px;
    font-family: OPPOSans-R;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #fdf0d5;
}
.container{
  padding-left:5vw;
  padding-right: auto;
  width: 1200px;
  position: relative;
}
.position{
  display: none;
  position: fixed;
  right: 20px;
  top: 18vh;
  width: 300px;
  background-color: #ffffff;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 20px;
  z-index: 100;
  font-family: OPPOSans-M;
	font-size: 14px;
	line-height: 18px;
	color: #434343;
  transition:right 1s ease ;
}
.position .tr{
  width: 100%;
  background-image: url(./imgs/buttom.png);
  background-repeat: round;
  background-size: 100% 100%;
  font-family: OPPOSans-B;
	font-size: 30px;
  text-align: center;
	line-height: 70px;
  overflow: hidden;
  border: 20px;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.position p{
  padding: 5px 0 ;
}
.position .moneny{
  border-bottom: 1px solid #43434332;
  border-top: 1px solid #43434332;
  padding: 10px 0 ;
  margin-bottom: 20px;
}
.position .moneny span{
	font-size: 30px;
	line-height: 50px;
}
.position .moneny text{
  color: #780000;
}
.position  .btn{
  margin-top: 24px;
  font-family: OPPOSans-B;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 70px;
  text-align: center;
  width: 100%;
	letter-spacing: 0px;
	color: #fdf0d5;
  border-radius: 10px;
  /* background-image: url(./imgs/btn.png); */
  background-repeat: round;
  background-color: #ef6626;
  background-size: 100% 100%;
  display: block;
  text-decoration: none;
}
.selection1 .title{
  display: flex;
  align-items: center;
  font-family: OPPOSans-B;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 90px;
  letter-spacing: 0px;
  color: #fdf0d5;
  gap: 10px;
}
.selection1 .icon{
  width: 48px;
	height: 48px;
}
.selection1 .title .icon{
    width: 32px;
    height: 32px;
}
.selection1 .grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
  font-family: OPPOSans-M;
	font-size: 1.354vw;
	line-height: 4.688vw;
	color: #ece5cd;
}
.selection1 .grid .item{
  display: flex;
  align-items: center;
  gap: 10px;
}
.selection1 p{
  margin-top: 80px;
  font-family: OPPOSans-M;
	font-size: 1.146vw;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.875vw;
	letter-spacing: 0vw;
	color: #fdf0d5;
}
.selection1 .img{
  width: 100%;
  /* animation: kenburns-top 5s ease-out both infinite alternate; */
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.15) translateY(-15px);
            transform: scale(1.15) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
.selection1 .imgbox{
  overflow: hidden;
  background-color: #000;
}
.module{
  margin: 30px 0;
}
.module .title{
  padding: 50px 100px;
  font-family: burnfont-Black;
  font-size: 56px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 90px;
  letter-spacing: 0px;
  color: #fdf0d5;
  text-align: center;
}
.module .title text{
  color: #fdaf0a;
}
.selection2{
  background-image: linear-gradient(to bottom,#4e0509,#67070d);
  padding-bottom: 20px;
}
.selection2 .grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 100px 70px ;
  padding: 70px;
}
.selection2 .grid .img{
  width: 70%;
  aspect-ratio: 1/1;
  border-radius: 50%;
	background-color: #e6dbca;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selection2  .grid .desc{
  width: 100%;
}
.selection2 .grid .item{
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.selection2 .grid .img img{
  height: 60%;
}
@keyframes blink {
  to{
    opacity: 0.7;
  }
}
.selection2 .grid {
  animation: blink .5s ease-out both infinite alternate;
}
.selection2 .grid .item:nth-child(2){
  animation-delay: 0.5s;
}
.selection2 .grid .item:nth-child(3) {
  animation-delay: 1s;
}
.selection2 .grid .item:nth-child(4){
  animation-delay: 1.5s;
}
.selection2 .grid .item:nth-child(5){
  animation-delay: 2s;
}
.selection2 .tag{
    width: 100%;
    height: 68px;
    border-radius: 34px;
    background-color: #903535;
    font-family: OPPOSans-B;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 68px;
    text-align: center;
    letter-spacing: 0px;
    margin: 20px 0;
    color: #fdf0d5;
}
.selection2 p{
  margin: 0;
  text-align: center;
  font-family: OPPOSans-R;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.selection2 .footer{
  background-color: #4e0509;
  padding: 60px 0;
}
.selection2 .footer p{
  margin: 0;
  font-family: OPPOSans-R;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
  text-align: center;
	color: #fdf0d5;
}
.selection2 .footer p:last-child{
  color: #fdaf0a;
}
.selection3{
  background-color: #e6dbca;
}
.selection3 .title{
  font-family: burnfont-1.3-Black;
	font-size: 56px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #780000;
  padding-bottom: 0;
}
.selection3 h6{
  font-family: OPPOSans-R;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #780000;
  text-align: center;
  margin:30px 0;
}
.selection3 p{
  margin: 0;
  font-family: OPPOSans-R;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
  text-align: center;
	color: #313131;
}
.selection3 .seak{
  padding:198px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.selection3 .seak img{
  width: 500px;
}
.selection3 .seak .index{
  font-family: Gilroy-Bold;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #fd9613;
}
.selection3 .seak .label{
  font-family: OPPOSans-B;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #fd9613;
}
.selection3 ul{
  margin: 0;
  padding-left:20px;
}
.selection3 li{
  font-family: OPPOSans-M;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #313131;
}
.selection3 .p_1{
  position: absolute;
  left: 60px;
  bottom: 0;
}
.selection3 .p_2{
  position: absolute;
  right: 60px;
  bottom: 120px;
}
.selection3.an-start .seak>div{
  opacity: 0;
  animation: seak 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}
@keyframes seak {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
          opacity: 1;
  }
}
.selection3.an-start  .seak .p_2{
  animation-delay: 1s;
}
.selection3.an-start  .seak .p_3{
  animation-delay: 2s;
}
.selection3.an-start  .seak .p_4{
  animation-delay: 3s;
}
.selection3.an-start  .seak .p_5{
  animation-delay: 4s;
}
.selection3.an-start  .seak .p_2 .label,
.selection3.an-start  .seak .p_2 .index{
  color:#ff582e
}
.selection3 .seak .p_3 .label,
.selection3 .seak .p_3 .index{
  color:#d32d45
}
.selection3 .seak .p_4 .label,
.selection3 .seak .p_4 .index{
  color:#84284f
}
.selection3 .p_3{
  position: absolute;
  left: 90px;
  bottom: 248px;
}
.selection3 .p_4{
  position: absolute;
  right: 70px;
  bottom: 330px;
}
.selection3 .p_5{
  position: absolute;
  left: 208px;
  bottom: 436px;
}
.selection4{
  background: #4e0509;
}
.selection4 .title{
  background: #4e0509;
}
.selection4 .grid{
  padding: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap:80px 35px ;
  animation: blink .5s ease-out both infinite alternate;
}
.selection4 .grid .item{
  width: 31%;
	border-radius: 40px;
  overflow: hidden;
  background-color: #903535;
}
.selection4 .grid .label{
  padding: 20px;
  text-align: center;
  font-family: OPPOSans-B;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.selection4 .grid .label span{
  font-family: OPPOSans-R;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.selection4 .grid .icon{
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e6dbca;
}
.selection4 .grid .icon img{
  height: 192px;
}
.selection4 p{
  font-family: OPPOSans-R;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #fdf0d5;
  padding: 50px;
  padding-top: 20px;
  margin: 0;
  text-align: center;
}
.selection4 p text{
  color: #fdaf0a;
}
.selection4  .students{
  background-color: #e6dbca;
  padding: 50px;
}
.selection4  .students .item{
  padding: 29px;
  border-radius: 40px;
  background-color: #903535;
  display: flex;
  align-items: center;
  gap: 50px;
  font-family: OPPOSans-B;
	font-size: 36px;
  line-height: 90px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.selection4  .students .item:hover{
  background-color: #794c4c;
}
.selection4  .students .item:not(:last-child){
  margin-bottom: 20px;
}
.selection4  .students .item span{
  font-family: OPPOSans-R;
	font-size: 24px;
	line-height: 36px;
	color: #fdf0d5;
  display: block;
}
.selection4  .students .item img{
  width: 197px;
}
.selection4 .img_box{
  width: 100%;
}
.star_name{
  padding: 60px 0;
  text-align: center;
  background-color: #e6dbca;
  margin-top: -6px;
}
.star_name .t{
  font-family: OPPOSans-B;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #313131;
}
.star_name .en{
  font-family: Gilroy-Bold;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #313131;
}
.star_name .desc{
  font-family: OPPOSans-R;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #313131;
}
.selection4 .more{
  background-color: #d7c8b0; 
  padding: 80px 100px;
  display: flex;
  gap: 50px;
}
.selection4 .more img{
  width: 420px;
}
.selection4 .more_dec {
  flex: 1;
}
.selection4 .more_dec .t_t{
  font-family: OPPOSans-B;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #313131;
  display: flex;
  align-items: center;
  position: relative;
}
.selection4 .more_dec .t_t::before{
  content: '';
  display: block;
  position: absolute;
  left: -24px;
  top: 5px;
  width: 10px;
  border-radius: 50%;
	height: 10px;
  border:5px solid #67070d;
}
.selection4 .more_dec .text{
  font-family: OPPOSans-R;
	font-size: 20px;
  line-height: 30px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #313131;
}
.selection4 .more_dec .text:not(:last-child){
  padding-bottom: 30px;
}
.step{
  position: relative;
  opacity: 0.2;
  transition: opacity .5s linear;
}
.an-start .step{
  opacity: 1;
}
.step img{
  width: 100%;
}
.step_text{
  margin-top: -4px;
  background-color: #e6dbca;
  font-family: OPPOSans-R;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #313131;
  padding: 60px;
  text-align: center;
}
.step_text text{
  color: #000;
}
.class1{
  background-color: #e6dbca;
  padding: 70px 100px;
}
.title2 {
  padding-bottom: 40px;
}
.title2 .t2{
  font-family: OPPOSans-B;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #fdf0d5;
  background-image: linear-gradient(to right,#52080d 0%,#893030 50%, #52080d 100%);
  border-radius: 10px;
  text-align: center;
}
.title2 .des2{
  font-family: OPPOSans-B;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #313131;
  text-align: center;
}
.grid2{
  display: flex;
  align-items: center;
  gap: 18px;
}
.grid2 .item{
  background-color: #ffffff;
	border-radius: 20px;
  overflow: hidden;
}
.grid2 .item .n{
  height: 80px;
  background-color: #780000;
  font-family: OPPOSans-B;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #fdf0d5;
  text-align: center;
}
.grid2 .item .d{
  padding: 30px;
  font-family: OPPOSans-B;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #313131;
  text-align: center;
}
.grid2 .item img{
  width: 38px;
}
.class2{
  padding: 70px 100px;
  background-color: #d7c8b0;
}
.grid3{
  display: flex;
  gap: 20px;
  text-align: center;
  justify-content: center;
  font-family: OPPOSans-B;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #313131;
}
.grid3 .item{
  flex: 1;
}
.grid3 .item .n{
  width:calc( 100% - 40px);
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 50%;
	background-color: #ffffff;
	border: solid 20px #ccbca2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid3 .item .n img{
  height: 60%;
}
.grid3 .item .d{
  padding-top: 20px;
}
.grid4 .item{
  flex: 1;
}
.grid4 .item .d {
  padding: 40px;
}
.grid4 .item .n {
  padding: 30px;
  height: unset;
  font-family: OPPOSans-B;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.grid4 .item .d img{
  height: 198px;
  width: unset;
}
.images{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.images img{
  padding: 120px 0;
  width: 70%;
  opacity: 0;
  transition:opacity 0.5s linear;
}
.an-start .images img{
  opacity: 1;
}
.images div{
  width: 240px;
	height: 240px;
  border-radius: 50%;
	background-color: #903535;
	border: solid 20px #d7c8b0;
  font-family: OPPOSans-B;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #fdf0d5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.images p{
  font-family: OPPOSans-B;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #313131;
}
.grid5{
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid5 img{
  height: 196px;
}
.grid5  .item{
  flex: 1;
  text-align: center;
}
.grid6{
  background-color: #903535;
	border-radius: 20px;
  padding: 0 20px ;
  display: flex;
  margin-top: 40px;
}
.grid6 .item{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.grid6 .item .t{
  font-family: OPPOSans-B;
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #e6dbca;
}
.grid6 .item .dec{
  font-family: OPPOSans-R;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
  text-align: center;
	line-height: 36px;
	letter-spacing: 0px;
	color: #e6dbca;
}
.grid7 .item{
  background-color: #fff;
  padding: 27px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  margin-bottom: 50px;
}
.grid7 .item img{
  height: 152px;
}
.grid7 .item .tezt{
  flex: 1;
}
.grid7 .item .t3{
  font-family: OPPOSans-B;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #903535;
}
.grid7 .item .img3{
  padding-right: 50px;
  margin-right: 50px;
  border-right: 1px solid #77777745;
}
.grid7 .item .d3{
  font-family: OPPOSans-R;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #313131
}
.grid8{
  background-color: #d7c8b0;
  padding: 50px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 60px;
}
.grid8 img{
  width: 100%;
  margin: 0;
}
.grid8 .item{
  background-color: #903535;
  border-radius: 20px;
  overflow: hidden;
}
.grid8 .tx{
    padding: 30px;
    font-family: OPPOSans-B;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #fdf0d5;
}
.grid8 .tx .d4{
  font-family: OPPOSans-R;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.module-img video{
  width: 100%;
  background-color: #000;
}
.selection9{
  background-color: #d7c8b0;
}
.selection9 .list{
  padding: 40px 100px;
}
.selection9 .list .item{
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 40px 0;
  border-bottom: 1px solid #77777745;
}
.selection9 .list .index{
  width: 80px;
	height: 80px;
  border-radius: 50%;
	background-color: #780000;
	font-family: Gilroy-Bold;
	font-size: 50px;
  text-align: center;
	font-weight: normal;
	font-stretch: normal;
	line-height: 80px;
	letter-spacing: 0px;
	color: #e6dbca;
}
.selection9 .list .t5{
	font-family: OPPOSans-B;
	font-size: 48px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #313131;
}
.selection9 .list .t7{
	font-family: OPPOSans-R;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 0px;
  padding-top: 10px;
	color: #313131;
}
.selection9 .list .tex{
  flex: 1;
}
.users{
  background-color: #67070d;
  padding: 40px 100px;
}
.users .item{
  padding: 40px 0;
  border-bottom: 1px solid #d32d4694;
}
.users .avatar{
  display: flex;
  align-items: center;
  font-family: OPPOSans-B;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #fdf0d5;
  gap:20px;
  justify-content: space-between;
  padding-bottom: 30px;
}
.users .avatar>img{
  height: 149px;
}
.photo{
  display: flex;
  align-items: center;
  gap:20px
}
.users .text2 {
  font-family: OPPOSans-R;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.grid11{
  background-color: #e6dbca;
  padding: 70px 100px;
}
.grid11 .item {
  margin-bottom: 24px;
}
.grid11 .item .q{
  padding: 20px;
  background-color: #893333;
  font-family: OPPOSans-B;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #fdf0d5;
}
.grid11 .item .q text{
	color: #fdaf0a;
}
.grid11 .item .anser{
  padding: 30px;
  background-color: #fff;
  font-family: OPPOSans-M;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #313131;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.copyright{
  padding: 50px;
  text-align: center;
  font-family: OPPOSans-R;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fdf0d5;
}
.an-start .slide-tr {
	-webkit-animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-tr {
  0% {
    -webkit-transform: translateY(100px) translateX(-100px);
            transform: translateY(100px) translateX(-100px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
}
.an-start .slide-tl {
	-webkit-animation: slide-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-tl {
  0% {
      -webkit-transform: translateY(100px) translateX(100px);
              transform: translateY(100px) translateX(100px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
}
.an-start .slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.an-start .slide-right {
	  animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;;
}
.an-start .slide-left{
  animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;;
}
.an-start .fade-in{
  animation: fade-in 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;;
}
@keyframes fade-in {
  0% {
    opacity: 0 !important;
  }
  100% {
    opacity: 1 !important;
  }
}
@keyframes slide-right {
  0% {
     transform: translateX(-100px) !important;
  }
  100% {
    transform: translateX(0) !important;
  }
}
@keyframes slide-left {
  0% {
     transform: translateX(100px) !important;
  }
  100% {
    transform: translateX(0) !important;
  }
}