.main-area.top { background-color: transparent;/*background-color: #eff5f9;*/}
   
.main-about{ position: relative; margin:0px;   }
@media (max-width:767.98px) {
.main-about{ padding: 30px 0px; }    
}


.about-title { font-size: 52px; font-weight: 500; line-height: 1.375rem; letter-spacing: normal;  width: 100%;  height: auto; word-break: normal; word-wrap: break-word;  margin-bottom: 25px; position: relative; color: #159c67;}
@media (max-width:767.98px) {
.about-title { font-size: 30px; line-height: 1.375rem;padding: 0px 20px; margin-bottom: 10px;  }
}
.about-title-text { position: relative;}
.about-title-text:last-child:before { width: 10px; height: 10px; content: ""; position: absolute; bottom: 18px; right: -15px; display: block; background-color: #ffa908; border-radius: 50%;  -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.about-title-text.zh { font-size: 32px; font-weight: 500; line-height: 1.5rem; letter-spacing: 1px; position: relative;}
@media (max-width:767.98px) {
.about-title-text.zh { font-size: 16px;  }
 }



.about-common.center { padding-top: 5%; text-align: center}
.about-common-subtitle { font-size: 26px; font-weight: 500; line-height: 1.5rem; letter-spacing: 1px; margin-top: 10px; color:#4baa44}
@media (max-width:767.98px) {
.about-common-subtitle { font-size: 16px; line-height: 1.5; letter-spacing: .38px }
}
.about-common-subtitle.en{ font-size: 26px;  font-weight: 500; line-height: 1.23rem; letter-spacing: normal}
@media (max-width:767.98px) {
.about-common-subtitle.en { font-size: 16px; line-height: 1.5; letter-spacing: .38px }
 .about-common-subtitle { margin-top:0px;padding: 0px 20px;  }
}
 
.block-slider{ z-index: 9; left:0px; }
.slider-for{width: 100%;  }
.slider-for li{width: 100%; list-style: none;}
.slider-for li img{width: 100%; clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);}
 @media (max-width:767.98px) {
.slider-for{ margin: 0px; padding: 0px; }
	 
}
.main-about .animated {  -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
.main-about .titlebox .title-en { font-size: 2rem; color: #139d68;}
@media (max-width:767.98px) {
.main-about .titlebox .title-en { font-size: 1.875rem;line-height: 2rem;}
}
@media (max-width:320px) {
.main-about .titlebox .title-en { font-size: 1.5rem;line-height: 1.5rem;}
 }
.block {width:50%; height: auto;margin: 0; padding:0px;  display: flex; flex-wrap: wrap;  align-items: center;  position: relative;z-index: 2 }
@media (max-width:992px) {
.block {width:100%;}
}
 
.block-full{width:80%;  margin:0px auto; padding:40px 0px; position: relative; }
.block-txt{width:100%; margin:0px auto; padding:0px 40px ;}
 @media (max-width:768px) {
.block-full{width:100%;padding:0px 5px; }    
.block-txt{ padding:0px 30px;}
 }
@media (max-width:767.98px) {
.block-full{padding:0px; }    
.block-txt{ padding:0px;}
 }
.block p{ width: 100%; font-size:1rem; font-size: min(max(3.5vw, .9rem), 1rem); line-height:1.5rem; font-weight: 400; padding:5px; margin-bottom: 10px;  color:#3f3a39;  }
.block p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #3f3a39; }
.block-box{ width: 80%;bottom: 0px;left:0px;  position: absolute; z-index: 9; }
@media (max-width:767.98px) {
.block p{ padding:5px 0px; line-height:1.375rem;}
}
.block-video{ display: flex; flex-wrap: wrap; justify-content: center; padding:30px 60px; position: relative; z-index: 9; }
 .block-video iframe{ max-width: 80%;  margin: 0px auto;}      
@media (max-width:768px){
 .block-video iframe{ max-width:100%; }      
 }
@media (max-width:767.98px){
.block-video{   padding:30px 0px;  }

}

.about-team-container { display: flex; flex-wrap: wrap; padding:30px 60px; position: relative; z-index: 9; }
.about-team-container >.about-team-column {  width: 50%;}
.about-team-main-name { margin-bottom: 20px; font-size: 2rem; font-weight:400; line-height: 1.15; letter-spacing: normal; color:#172987;}
.about-team-main-name:before { width: 10px; height:10px; content: ""; display: inline-block;  margin-right: 8px;  margin-bottom: 4px; background-color:#ed6d34; border-radius: 2px;}
.about-team-main-row { position: relative; margin-bottom: 63px;  }
.about-team-main-summary {  font-size: 1.125rem; font-size: min(max(3.5vw, .9rem), 1.125rem);line-height: 1.7rem; font-weight: 400; letter-spacing: 1px;margin-top: 11px;}  
.about-team-image{position: relative;}

@media (max-width:1440px) {
.about-team-container {    padding: 30px 80px; position: relative;  }
}
  @media (max-width:840px) {
.about-team {margin-bottom: 0px;}  
.about-team-container{padding: 0px 40px;}
.about-team-container .wrapper{padding: 0px;}    
.about-team-main-name {font-size: 120%;}   
 }
@media (max-width:768px) {
.about-team {  padding:40px 0px 0px 0px; }
.about-team-container {padding: 0px 20px 30px 20px;}   
.about-team-container .wrapper{padding: 0px 30px;}   
.about-team  iframe{   margin: 0px 30px;}      
.about-team-container >.about-team-column:nth-child(odd),.about-team-container >.about-team-column:nth-child(2n) { width: 100%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0px;padding: 0px 30px; }

}
@media (max-width:767.98px) {
.about-team-container {padding: 0px 40px 30px 40px;}   
.about-team { padding:0px; margin-bottom: 0px;}     
.about-team-main-name { font-size: 150%; }   
.about-team  iframe{  max-height: 360px;}    
.about-team-container >.about-team-column:nth-child(odd),.about-team-container >.about-team-column:nth-child(2n) { padding: 0px; }
}
@media (max-width:640px) {
.about-team iframe{    margin: auto;}   
 }

@media (max-width:320px) {
.about-team iframe{  max-height:280px; margin: auto;}      
.about-team-main-name { font-size: 130%; }   
.about-team-container .wrapper{padding: 0px 20px;}   
 }

.core{  margin:0px; padding:80px 0px 140px 0px; background-color:#f4f6ff;position: relative; }
 .core .block-txt{ padding:0px 40px 0px 70px;}
@media (max-width:767.98px) {
.core .block-txt{ padding:0px;}
}

/*bg-style*/
.bg-core { width: 100%; background-image: attr(src url); background-repeat: no-repeat; background-size:auto 100% ;background-position:right bottom; position: absolute;z-index: 0; top:0px; left: 0; right: 0; bottom: 0; line-height: 0;   }
@media (max-width:767.98px) {
.bg-core { background-size: 200% auto   }	
}
 
.bg-about-2{padding:40px 0px; background-color:#f5f7ff }
.bg-gradient-bk {  padding:80px 0px 120px 0px; background: #fff  }
 
.bg-gray {background-color: #f2f2f2}

.bg-whitle {padding:40px 0px; background-color: #fff; }
@media (max-width:1180px) {
.bg-whitle {padding: 0px;   }
.bg-whitle .block-full{width: 100%;}
}

@media (max-width:992px) {
.about-team.bg-about-1,.about-team.bg-about-2{ padding: 40px 0px;   }
.bg-gradient-bk {padding:40px 0px 120px 0px; }
.bg-gradient-bk .main-wrap{ flex-direction: column-reverse}
}


@media (max-width:768px) {
 .about-team-main{padding-bottom:100px;}
}
@media (max-width:420px) {
.about-team-main{padding-bottom:50px;}
}






.icon-list{width: 100%; margin:0px auto; padding:30px 0px; display: flex; flex-wrap: wrap;position: relative; }
.icon-list:after{ content: "";width: 90%; height: 2px; position: absolute;left:5%;top:50%;  background:#215285;  }
.icon-list li{width:calc(100%/4 - 20px); margin:10px; padding: 10px; transition: all 0s ease 0s;position: relative; list-style: none;   border-radius:15px;} 
.icon-list li:after{ content: "";width: 16px; height: 16px;border-radius:50%;  position: absolute;left:-20px;top:calc(50% - 8px);  background:#215285;  }
.icon-list li:first-child:after{ display: none;  }
.icon-list li .item{ width: 100%; margin:0px; padding:0px;  display:flex; flex-wrap: wrap; justify-content: center;align-content: flex-start;  }

.icon-list li .item-txt{width: 100%; padding: 10px;}
.icon-list li .item-pic{width: 100%; padding-bottom:140%; height: 0; overflow: hidden; border-radius:15px;position: relative; z-index: 1; transition: all 0.5s ease 0s;box-shadow: 0px 5px 16px rgba(0, 0, 0, .3);}
.icon-list li:hover .item-pic img{ transform: scale(1.15)} 
.icon-list li .item-txt h3 { font-size:1.375rem; line-height: 2.75rem; font-weight:400;  color:#215285;overflow: hidden; word-break: normal; word-wrap: break-word;   }  
.icon-list li:hover .item-txt h3 { color: #ed6d34}

@media (max-width:920px) { 
.icon-list li{width:calc(100%/2 - 20px);   } 
.icon-list:after,.icon-list li:after{ display: none; }
}
@media (max-width:767.98px) { 
 .icon-list li .item-txt h3 { font-size:1.175rem; line-height: 1.75rem;   }  
   
}
/* About Us ===================================================================== */
 .bg-gradient { padding: 85px 0; background-image: linear-gradient(to top,#eff5f9 0%, #d6e8f3 50%, #fff 100%);}
.custom {  padding: 85px 0; position: relative }
@media (max-width:1160px) {
.custom { transform: scale(.9)}
 }

@media (max-width:920px) {
 .custom {  padding: 40px 0px;}   
}
@media (max-width:767.98px) { 
 .custom {   transform: scale(1)}   
}

.custom .wrap { max-width: 1240px; margin: auto;  display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center; flex-wrap: wrap;  -ms-flex-align: center; align-items: center;}
.custom .left { width:25%; z-index: 1; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%;    -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);   }
.custom .left:before {width:300px; height:300px; background-color: #215284;   animation: growAndFade 3s infinite ease-out; }
.custom .left:after {background: linear-gradient(#f07e6e, #84cdfa, #FFEB3B); width:303px; height: 303px;opacity: .5;   }
.custom .left:after, .custom .left:before { content: ""; border-radius: 50%; z-index: -1; position: absolute;}
.custom .left .custom-title { text-align: center; position: relative; z-index: 1;}
.custom-title .titleTw { font-size: 30px; line-height: 1.2; letter-spacing: 1.5px; font-weight: 400;}
.custom-title .titleEn { font-weight: 400; font-size: 1.125rem; line-height: 1.05;  }
.custom .left .pic { z-index: 2; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: clip; opacity: 1;}
.custom .left .pic img { width: 140px; height: 40px; display: block;  -webkit-backface-visibility: hidden; backface-visibility: hidden;}
@media (max-width:992px) {
.custom .left { width:100%; margin:10% auto;  top:auto;position: relative;}
}
@media (max-width:767.98px) {
.custom .left {margin:30% auto; transform: scale(.7) ;top: 50%; left: 0;   }
.custom-title .titleEn { font-size: 200%;   }
 
	
}
 

.custom .right { width: 100%; margin: auto}
.custom .right .custom-list .txt {max-width: 70%; text-align: left;}
.custom .right .custom-list .custom-item:nth-child(odd)  .txt {max-width: 50%; }

.custom .right .custom-list .txt h3 { color:#fff; font-weight: 400; font-size: 1.375rem;line-height: 1.2;letter-spacing: 0.2px;text-transform: uppercase;margin-bottom: 0px;}
.custom .right .custom-list .txt .subtitle { padding-top: 5px; color:#ed6d34; text-transform: uppercase; font-size: 0.875rem;  font-weight: 500;line-height: 1.2;  }
.custom .right .custom-list .txt .textEditor {  padding-top: 8px;}
.custom .right .custom-list .txt .textEditor p{ color: #fff;  font-weight: 400; font-size: 1rem; text-align: left; line-height: 1.375rem; }
.custom .left .custom-title:after { content: ""; position: absolute; width: 240px; height: 240px; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff;  border-radius: 50%;}

.custom .right .custom-list .item { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; -webkit-column-gap: 36px; -moz-column-gap: 36px; column-gap: 36px; border-radius: 150px;background-image: linear-gradient(to top, #139d68 0%, #001051 100%); }

.custom .right .custom-list .Img { border-radius: 50%;  background-color: #215284; height:200px; min-width:200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center;justify-content: center; align-items: center; overflow: hidden; }

.custom .right .custom-list .Img img{ width:200px; height: 200px;   }
.custom .right .custom-list{ display: flex; flex-wrap: wrap; }

.custom .right .custom-list .custom-item { opacity: 1;  position: relative;  width: 50%; padding: 10px 0;}
 
.custom .right .custom-list .custom-item:nth-child(odd) {  -webkit-transform: translateX(-72px); transform: translateX(-72px);}
.custom .right .custom-list .custom-item:nth-child(even) {  -webkit-transform: translateX(72px); transform: translateX(72px);}
.custom .right .custom-list .link {z-index: 3; position: absolute; left: 0; top: 50%;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}

@media (max-width:992px) {
.custom .right .custom-list .custom-item { opacity: 1;  position: relative;  width: 100%; padding: 10px 0;}	
.custom .right { margin-top: 5%; margin-left: auto;}
.custom .right .custom-list .custom-item:nth-child(odd) { -webkit-transform: translateX(0px); transform: translateX(0px);}
.custom .right .custom-list .custom-item:nth-child(even) { -webkit-transform: translateX(0px); transform: translateX(0px);}
.custom .right .custom-list .txt h3 , .custom .right .custom-list .txt .subtitle {text-align: center}
.custom .right .custom-list .txt {max-width: 90%;  } 
.custom .right .custom-list .link{display: none;} 
}
 @media (max-width:767.98px) {
.custom .right .custom-list .item {  flex-direction: column;border-radius:15px}
.custom .right .custom-list .custom-item:nth-child(odd)  .txt {max-width: 100%; }
.custom .right .custom-list .custom-item {width: 100%; padding: 10px 0; margin-bottom: 15px;}
.custom .right .custom-list .Img { border-radius:15px;   }
}
 @media (max-width:280px) {
.custom .right .custom-list .item { padding:0px 0px 16px 0px;} 
.custom .right .custom-list .txt h3 , .custom .right .custom-list .txt .subtitle {margin:10px 0px;}
.custom .right .custom-list .txt .textEditor {  padding: 8px;}	 
}


.card-item{ width: 100%; padding: 80px 0px 0px 0px; display: flex; flex-wrap: wrap; position: relative;}
.card-item li{width: auto; position: relative; list-style: none;}
.card-item li:nth-child(1){width: 25%; -webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;  animation: slide_up_down 2s ease-in-out infinite alternate both;  -webkit-animation-delay: 1s; animation-delay: 1s;}
.card-item li:nth-child(2){width: 45%; -webkit-animation: slide_up_down 3s ease-in-out infinite alternate both;  animation: slide_up_down 3s ease-in-out infinite alternate both;  -webkit-animation-delay: 1s; animation-delay: 1.5s; }
.card-item li:nth-child(3){width: 30%;  }

.card-item li .item .circlebox{ position: relative; padding: 2%;  display: block; overflow: hidden; transition: all 0.5s;}
.card-item li .item .circlebox::before {  content: "";  display: block; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  width: calc(100% - 2px);  height: 100%; background: url("../images/index/circle2.png") no-repeat center center/100%; z-index: 1; -webkit-animation: rotateCenter 10s linear infinite; animation: rotateCenter 10s linear infinite;}
.card-item li .item .circlebox .item-pic { border-radius: 50%; overflow: hidden; border: 10px solid #f6f8f7; display: -ms-flexbox; display: flex;  -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; transition: all 0.5s;}
.card-item li .item .circlebox .item-pic:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 8px); height: calc(100% + 8px); background: url("../images/index/circle.png") no-repeat center center/100%; transition: all 0.5s; -webkit-animation: rotateCenter2 9s linear infinite; animation: rotateCenter2 9s linear infinite; z-index: 1;}
.card-item li .item .circlebox .item-pic img {  position: relative; width: 100%; border-radius: 50%; overflow: hidden;}
 


/*about-history ===================================================================== */
.milestone-block { padding: 150px; background-color:#f6f7ff }
.milestone-block .edit{width: 70%; margin: 5% auto;} 
.milestone-box { position: relative; margin:100px auto;   }
.milestone-box .milestone-list { position: relative; z-index: 1; }
.milestone-box .milestone-list p { font-size: clamp(.9rem, 2.3vw, 1.125rem);  font-weight:400; line-height: 2rem; color: #494342;    }
.milestone-box .milestone-list.year-none .milestone-list-year {  display: none; }
.milestone-box .milestone-list.aos-animate .milestone-list-dot-line { -ms-transform: scaleX(1);  transform: scaleX(1); }
.milestone-box .milestone-list.aos-animate .milestone-list-info h3 { opacity: 1; }
.milestone-box .milestone-list.aos-animate .milestone-list-info p { opacity: 1; line-height: 1.375rem; -ms-transform: translateY(0); transform: translateY(0); }
.milestone-box .milestone-list-year {margin-bottom: 20px; font-size: 32px; color: #1e88c9; font-weight: 700; position: relative;  z-index: 1; background-color:#f6f7ff;   }
.milestone-box .milestone-list-info {  position: relative; }
.milestone-box .milestone-list-info .milestone-list-title {  display: inline-block; }
.milestone-list-title ul li{ font-size: clamp(.9rem, 2.3vw, 1.125rem); font-weight:400; line-height: 2rem; color:#494342;  }
.milestone-list-title ul li strong{  color:#b78603;  }
.milestone-box .milestone-list-info h3 {font-size: 1.15rem; font-weight:400;line-height: 36px; color: #172987; margin-bottom: 20px; background-color: #FFF; position: relative; z-index: 1;  padding-right: 10px; transition-delay: .5s; transition-duration: .5s;  opacity: 0; }
.milestone-box .milestone-list-info p {  -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; transition-duration: .5s; transition-delay: .5s; }
.milestone-box .milestone-list-info .milestone-list-dot { width: 15px; height: 15px;  border-radius: 50%; border: 1px dotted #ffa908; position: absolute; top: 6px; display: -ms-flexbox;  display: flex;  -ms-flex-align: center; align-items: center;  -ms-flex-pack: center; justify-content: center; }
.milestone-box .milestone-list-info .milestone-list-dot span { width: 5px; height: 5px; display: block; background-color:#ffa908; margin: 0 auto; border-radius: 50%; }
.milestone-box .milestone-list-info .milestone-list-dot-line { position: absolute; height: 1px;  background-color:#ffa908; transition-duration: .5s; transition-delay: .3s;  -ms-transform: scaleX(0); transform: scaleX(0); }
.milestone-box .milestone-list-flex {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; }
.milestone-box .milestone-list-img {  font-size: 0; }
.milestone-box .milestone-list-img a { width: calc((100% - 2px) ); max-width: 300px;  display: inline-block;  margin-right: 20px; }
.milestone-box .milestone-list-img a:last-child {margin-right: 0; }
.milestone-box .milestone-list-img img { width: 400px;  border-radius:15px;  }
.milestone-box::after { content: '';  width: 1px;  height: 100%;  position: absolute;  left: 50%; top: 0; background-color:#ffa908; transition: all .5s linear; }
@media (min-width:1024px) {
.milestone-block { padding:0px 120px 40px 120px; }
}

@media (min-width: 992px) {
.milestone-list .milestone-list-year { text-align: center; }
.milestone-list .milestone-list-flex .milestone-list-info, .milestone-list .milestone-list-flex .milestone-list-img {  width: 50%; }
.milestone-list:nth-child(odd) .milestone-list-info { -ms-flex-order: 2;  order: 2;  padding-left: 80px; }
.milestone-list:nth-child(odd) .milestone-list-info .milestone-list-dot-line { -ms-transform-origin: left;  transform-origin: left; }
.milestone-list:nth-child(odd) .milestone-list-img { -ms-flex-order: 1; order: 1;  padding-right: 80px; text-align: right; }
.milestone-list:nth-child(odd) .milestone-list-dot { left: -7px; }
.milestone-list:nth-child(odd) .milestone-list-dot-line {  width: 70px;  top: 13px;  left: 0; }
.milestone-list:nth-child(even) .milestone-list-info {  -ms-flex-order: 1; order: 1;  padding-right: 100px; text-align: right; }
.milestone-list:nth-child(even) .milestone-list-info .milestone-list-dot-line { -ms-transform-origin: right; transform-origin: right; }
.milestone-list:nth-child(even) .milestone-list-img {  -ms-flex-order: 2;  order: 2;  padding-left:100px; text-align: left; }
.milestone-list:nth-child(even) .milestone-list-dot {  right: -8px; }
.milestone-list:nth-child(even) .milestone-list-dot-line { width: 13%; top: 13px; right: 0; } 
}

@media (max-width: 991px) {
.milestone-block { padding: 0px; }
.milestone-block {  overflow: hidden; }
.milestone-box::after { left: 32px; }
.milestone-box .milestone-list-flex { display: block;  padding-left: 80px; }
.milestone-box .milestone-list-info .milestone-list-dot { left: -55px; }
.milestone-box .milestone-list-info .milestone-list-dot-line { top: 13px; left: -38px;  width: 39px;  -ms-transform-origin: left; transform-origin: left; }
.milestone-list .milestone-list-info { margin-bottom: 20px; }
.milestone-list .milestone-list-info h3 {  margin-bottom: 5px; }
.milestone-list.aos-animate .milestone-list-img { opacity: 1;  -ms-transform: translateX(0px); transform: translateX(0px); }
.milestone-box .milestone-list-img a { width: 100%; margin: 10px 0px; }
.milestone-box .milestone-list-img a:last-child { margin-bottom: 0; } 
.milestone-box .milestone-list-info p {  opacity: .5;   }  
.milestone-box .milestone-list-info .milestone-list-title { margin: 0px;padding: 0px; }
.milestone-box .milestone-list-year {  font-size: 24px;  }
}
 @media (max-width:767.98px) {
.milestone-block .edit{width: 100%; margin: 5% auto;} 
	 
}

.org-box{ width: 100%;max-width: 80%; margin:6% auto;position: relative;z-index: 11 }
@media (max-width:840px) {
.org-box{  max-width: 100%; margin:0px auto;padding: 40px 0px; }    
}




 

 @-webkit-keyframes rotate {
  to {  -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}
@keyframes rotate {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes rotate2 {
  to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
}
@keyframes rotate2 {
  to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@-webkit-keyframes rotateCenter {
  0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);}
  100% {  -webkit-transform: translate(-50%, -50%) rotate(360deg);  transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes rotateCenter {
  0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);  }
  100% {  -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@-webkit-keyframes rotateCenter2 {
  0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);  }
  100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes rotateCenter2 {
  0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); }
}

@keyframes growAndFade {
  0% {
    opacity: 0.75;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}