/**** panel ****/
.panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:none; }
.panel-wrap .panel .icon-panel {position:relative; width: 11px; height: 11px; display: block; }
.panel-wrap .panel .icon-panel::before, .panel-wrap .panel .icon-panel::after { content:""; position:absolute; background-color:#786454; transition:transform 0.25s ease-out, opacity 0.25s ease-out; }
.panel-wrap .panel .icon-panel::before { top:0; left:50%; width:2px; height:100%; margin-left:-1px; }
.panel-wrap .panel .icon-panel::after { top:50%; left:0; width:100%; height:2px; margin-top:-1px; }
.panel-wrap .panel .icon-panel.open::before { transform:rotate(-45deg); opacity: 0;  }
.panel-wrap .panel .icon-panel.open::after {  }

.swiper-container { width: 100%;}

.main_sect { position:relative; padding: 6rem 0 4rem;}




/**************************************************
* 1 - main-sect-visual
**************************************************/
/* .main-section {  background: url(../img/main_visual_img01.jpg) 50% 50% / cover no-repeat; transform: scale(1.05);background-position: center 50%;  animation: bgShow 2.5s ease-out 1s forwards;  position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden; background-attachment: fixed;   background-repeat: no-repeat; background-size: cover;} */
.main-section { position: relative; min-height:576px; max-height: 831px; height: calc(100vh - 5.563rem); margin-top: 5.563rem; }
.main-section .pc-only { display:block; }
.main-section .mo-only { display:none; }
.main-section .inner { position: relative; height: 100%; max-width:1820px; margin: 0 auto; overflow: hidden; }

/* .brand-slide { position:relative; width:100%; height:0; padding-bottom: 56.25%; overflow:hidden; } */
.main_vis {  position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.25%;}
@keyframes bgShow {
    0% { 
		transform: scale(1.05); 
    }

    100% { 
		transform: scale(1);
    }
}
 
strong { font-weight:600;}
.main_vis .tits { position:fixed; left:50%; top:40%; color:#fff;  transform:translateX(-50%); text-align:center;}
.main_vis .tits > p { overflow:hidden;} 
.main_vis .tits > p >span {transform: translateY(100%);animation: txtup 2.5s ease-out 1s forwards; display: inline-block; }
.main_vis .tits.active > p >span {   }

@keyframes txtup {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%)
    }
}

.main-visual-slide {height: 100%;}
.main-visual-slide .main-visual-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden; }
.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg { background:url("../img/main_visual01.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg { background:url("../img/main_visual02.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg { background:url("../img/main_visual03.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { background:url("../img/main_visual04.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item05 .main-visual-item-bg { background:url("../img/main_visual05.jpg") no-repeat 50% 50%/ cover; }

.main-visual-slide .swiper-slide.main-visual-item .main-visual-item-bg { transform:scale(1.05); transition:all 3.5s linear;  background-position:center 50%; }

.main-visual-slide .swiper-slide-active.main-visual-item .main-visual-item-bg { transform:scale(1);   background-position:center 0; }

.main-visual-slide .txtbox { position:absolute; top:12.5rem; left:10.625rem; }
.main-visual-slide .white .txtbox {color:#fff;}
.main-visual-slide .tit01 { font-size: 3.75rem;font-weight: 400; }
.main-visual-slide .tit01 .sm { font-size: 3.125rem;}
.main-visual-slide .tit01.eng { font-family: "Montserrat", sans-serif;font-weight: 600; font-size: 4.375rem; letter-spacing: -1px; line-height: 1.2;}
.main-visual-slide .tit01 strong { font-weight: 700;}
.main-visual-slide .tit02 { font-size: 1.25rem; line-height: 1.5; font-weight: 500;}
.main-visual-slide .tit02 .hlight {color:#fff; background:#ef363c; padding: 0 2px; font-weight: 600;	}
.main-visual-slide .tit01 + .tit02 { margin-top: 3.75rem;}
 
.swiper-button-prev.main-visual-prev::after { display: none;}
.swiper-button-next.main-visual-next::after { display: none;}
.swiper-button-prev.main-visual-prev { width: 6rem; height: 6rem; left: -3rem; background:rgba(0,0,0,0.2); border-radius: 100%; transform: translateY(-50%);}
.swiper-button-next.main-visual-next { width: 6rem; height: 6rem; right: -3rem; background:rgba(0,0,0,0.2); border-radius: 100%;  transform: translateY(-50%); }
.swiper-button-prev.main-visual-prev::before { content:""; display: block; width: 1.375rem; height: 0.625rem; background:url("../img/main-visual-prev.png") no-repeat 50% 50%/ 100% ; position: absolute; right: 0.938rem;}
.swiper-button-next.main-visual-next::before { content:""; display: block; width: 1.375rem; height: 0.625rem; background:url("../img/main-visual-next.png") no-repeat 50% 50%/ 100% ; position: absolute; left: 0.938rem;}

.vis_controll { position: absolute; top:67%; left: 10.625rem; display: flex; align-items: center; z-index: 5;}
.swiper-pagination-fraction.main-visual-pagination { position: static; width: auto; right: 0;padding-left: 0.688rem; font-size: 1.116rem; font-weight: 600;}
.main-visual-hide {  width: 12.5rem;}
.swiper-pagination { z-index: 9;}
.swiper-pagination-progressbar.main-visual-progress {  top:50%; width: 12.5rem; height: 2.5px; background:#fff; }
.swiper-pagination-progressbar.main-visual-progress .swiper-pagination-progressbar-fill { background:#ef363c;}
.btn_pause { display: block; position: relative; z-index: 10; width:0.563rem; height: 0.688rem; background:url("../img/main-visual-play.png") no-repeat 50% 50%/ cover; cursor: pointer; margin-top: 1px; margin-left: 0.9rem;}
.btn_pause.on { width: 0.375rem; height: 0.75rem; background:url("../img/main-visual-pause.png") no-repeat 50% 50%/ cover; }
.vis_controll.white .swiper-pagination-fraction.main-visual-pagination { color:#fff; }
.vis_controll.white .btn_pause { background:url("../img/main-visual-play_w.png") no-repeat 50% 50%/ cover; }
.vis_controll.white .btn_pause.on {  background:url("../img/main-visual-pause_w.png") no-repeat 50% 50%/ cover; }


/**************************************************
* 2 - main_event
**************************************************/
.main_event { position: relative; padding: 10rem 0 10rem; border-bottom:1px solid rgba(0,0,0,0.1); }
.main_event::before { content:""; display: block; width: 50%; height: 100%; right: 0; top: 0; position: absolute; background:url("../img/main_event_bg.jpg") no-repeat 50% 50%/ cover;  z-index: -1;}
.main_event .inner { display: flex; justify-content: flex-end; max-width: 1920px; margin: 0 auto; }
.main_event .left { overflow:hidden; width: 33%;}
.swiper-containter { overflow:hidden;}
.main_event .left .slideWrap{ width: 240px;margin-top: 11.25rem;  overflow:hidden;}
.main_event_date .swiper-slide { width: 100%;} 
.main_event_date .txt01 { font-size: 2.188rem; font-weight: 600;}
.main_event_date .txt02 { font-size: 1.375rem; color:#aeaeae; margin-top: 0.7rem;} 
.main_event .right { overflow:hidden; width: 70.063rem; max-width:1121px;}
.main_event_slide .swiper-slide { width: 23.125rem; margin-right: 1.875rem; border-radius:25px;} 
.main_event .sw_bt { position: relative; display: flex; align-items: center; width: 15.625rem; gap:0 2.5rem; margin-top: 2.6rem;}
.swiper-button-next:after, .swiper-button-prev:after { display: none;}
/* .swiper-pagination.main_date_pagination {position: static; width: 150px;  } */
.swiper-pagination.main_date_pagination  { position: relative; width: 9.375rem; background:#dddddd; border-radius:1.25px; }
.swiper-pagination.main_date_pagination .swiper-pagination-progressbar-fill { background:#e82329;}
.swiper-pagination.main_event_progress  { top: -0.313rem; width: 100%; height: 100%; color:#aeaeae; font-size: 1.125rem; z-index: 9;}
.swiper-pagination.main_event_progress .swiper-pagination-current { position: absolute; top: 0; left: 1.125rem;}
.swiper-pagination.main_event_progress .swiper-pagination-total { position: absolute; top: 0; right: 1.125rem;}
.swiper-button-next.main_event_next, .swiper-button-prev.main_event_prev { width: 0.5rem; height: 0.813rem; margin-top:0;}
.swiper-button-next.main_event_next { position: static; background:url("../img/main_event_next.png") no-repeat 50% 50%/ 100%; }
.swiper-button-prev.main_event_prev { position: static; background:url("../img/main_event_prev.png") no-repeat 50% 50%/ 100%; }
/*   .progress__bar {
    position:relative;
    width:80%;
    height:10px;
    margin:0 20px;
    background-color:#fff;
    .progress__fill {
      position:absolute;
      inset:0;
      display:block;
      height: 100%;
      background-color: gold;
    }
  }  */
.main_event .moreBtn { margin-top: 3rem; background:#ef363c; color:#fff; font-size: 1.063rem; width: 10.5rem; height: 2.875rem; line-height: 2.875rem; border-radius: 1.438rem;  display: flex; align-items:center; justify-content: center; gap:0.625rem;}
.main_event .moreBtn .arrow {display: block; width: 1.375rem; height: 0.625rem; background:url("../img/main_doctors_arrow.png") no-repeat 50% 50%/ 100%; } 
.main_event .right .swiper.main_event_slide {
  padding-right:10px; 
}
 
.main_event_slide .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.main_event_slide .swiper-slide { 
  transform: scale(.96);
  transition: opacity .25s ease, transform .25s ease;
}
.main_event_slide .swiper-slide.is-active { 
  transform: scale(1); 
}
.main_event_slide .swiper-slide::before { width: 100%; height: 100%; background:#000; opacity: 0.2; content:""; display: block; top: 0; left: 0; position: absolute; border-radius: 25px; transition: opacity .25s ease, transform .25s ease;}
.main_event_slide .swiper-slide.is-active::before { opacity: 0;}
/**************************************************
* 3 - main_sig
**************************************************/
.main_sig { padding: 9.3rem 0 4rem;}
.main_sig .tits { text-align:center;}
.tits .tit01 { font-size: 1.125rem; color:#ef363c; font-family: "Montserrat", sans-serif;  font-weight: 600;}  
.tits .tit02 { font-size: 2.688rem; }  
.tits .tit02 strong { font-weight: 800;}
.tits .tit03 { font-size: 1.125rem; color:#404040; font-weight: 500; }  
.tits .tit01 + .tit02 { margin-top: 1.4rem; }
.tits .tit02 + .tit03 { margin-top: 2rem; }
.main_sig ul { display: flex; justify-content: center; align-items: center; gap:0.813rem; flex-wrap: wrap; text-align:center; margin: 3.75rem auto 0; max-width:91%;}
.main_sig ul li {  position: relative;  border:1px solid #ebebeb; transition: transform 0.3s; max-width: 352px;}
.main_sig ul li:hover { border-color:transparent; transform: translateY(-5px);}
.main_sig ul li::before { display: block; content:""; width: calc(100% + 6px); height: calc(100% + 6px); position: absolute; top: -3px; left: -3px; border: 3px solid; border-image: linear-gradient(to bottom right, #ffe6e7, #dd2025, #ffe6e7); border-image-slice: 1;box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.1); z-index: -1; opacity: 0; transition:0.3s;} 
.main_sig ul li:hover::before {  opacity: 1;}
/* .main_sig ul li a{display: block; border:1px solid #ebebeb;   }
.main_sig ul li:hover a{ border: 3px solid; border-image: linear-gradient(to bottom right, #ffe6e7, #dd2025, #ffe6e7); border-image-slice: 1;} */
.main_sig ul li a img { width: 100%;}
.main_sig .txts { padding: 2.5rem 0;}
.main_sig .txt01 { font-size:1.688rem; font-weight: 700;}
.main_sig .txt02 { font-size:1.125rem; color:#404040; font-weight: 500;}
.main_sig .txt01 + .txt02 { margin-top: 1.375rem; }



/**************************************************
* 4- main_doctors
**************************************************/
.main_doctors { padding: 4rem 0 9rem; background:url("../img/main_doctors_bg.jpg") no-repeat 50% 50%/ cover; }

.slogan {font-size: 8.5rem; color:#d4b2b3; opacity:0.25; font-family: 'Sorts Mill Goudy', sans-serif;  font-weight: 500;}
.slogan p span { display: flex; align-items:center; gap: 4rem;}
.slogan i { font-size:1.6rem ;}
.movin_txt { overflow:hidden; display: flex; align-items:center; white-space: nowrap; width: 100%;  cursor: default; }
.movin_txt p { margin-right:5rem;  }
.movin_txt p:nth-of-type(1){ padding-left: 5rem;	}
.movin_txt.rollin p{ animation: scrollLeft 30s linear infinite;}
@keyframes scrollLeft {
    0% {
        transform: translateX(0); 
    }

    100% {
        transform: translateX(-50%); 
    }
}

.main_doctors .tits { text-align:center; padding: 8rem 0 0; }
.tits .tit03{ font-size: 1.375rem;   }  
.tits .tit04 { font-size: 1.688rem; font-weight: 700; }  
.tits .tit02 + .tit04 { margin-top: 2rem; }
.tits .tit04 + .tit03 { margin-top: 1rem; }

.main_doctors .inner {max-width: 91%; display: flex; align-items:center; justify-content: center; gap:2rem; margin: 3.75rem auto 0;	}
.main_doctors .obj {display: flex; align-items:center; justify-content: center;gap:4rem; width: 47.125rem; height:31.813rem; border-radius:1.25rem; background:#fff; font-weight: 500; box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.1); transition:0.3s;}
.main_doctors .obj:hover { transform: translateY(-5px);}
.main_doctors .obj .txt01 { font-size: 1.25rem;}
.main_doctors .obj .name { font-size: 1.375rem;}
.main_doctors .obj .name b { font-size: 1.875rem; font-weight: 700;}
.main_doctors .obj .txt01 + .name { margin-top: 1rem;	}
.main_doctors .obj .line { display: block; width: 16.563rem; height: 1px; background:rgba(0,0,0,0.1); margin: 1.625rem auto 1.625rem;}
.main_doctors .obj .desc { font-size: 1.063rem; color:#404040;}
.main_doctors .obj .desc li { position: relative; padding-left: 0.875rem; }
.main_doctors .obj .desc li::before { display: block; content:""; width: 0.313rem; height: 0.313rem; background:#e82329; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.main_doctors .obj .desc li + li { margin-top: 1rem;}
.main_doctors .obj .moreBtn { margin-top: 3rem; background:#ef363c; color:#fff; font-size: 1.063rem; width: 10.5rem; height: 2.875rem; line-height: 2.875rem; border-radius: 1.438rem;  display: flex; align-items:center; justify-content: center; gap:0.625rem;}
.main_doctors .obj .moreBtn .arrow {display: block; width: 1.375rem; height: 0.625rem; background:url("../img/main_doctors_arrow.png") no-repeat 50% 50%/ 100%; } 
 
/**************************************************
* 5- main_stroy
**************************************************/
.main_stroy { position: relative; padding: 9rem 0 9rem; background:url("../img/main_stroy_bg.jpg") no-repeat 50% 50%/ cover; }
/* .main_stroy::before { content:''; display: block; width: 1px; height: 100%; background: rgba(255,255,255,0.2); position: absolute; top: 0; left: calc(100% - 56.6rem);}
.main_stroy::after { content:''; display: block; width: 1px; height: 79%; background: rgba(255,255,255,1); position: absolute; top: 0; left: calc(100% - 56.6rem);} */
.main_stroy .inner { display: flex; align-items:center; justify-content: center; width: 85%;max-width:1680px; margin: 0 0 0 auto; }
.main_stroy .imgs { position: relative; width: calc(100% - 45rem); padding-left: 9.6rem; padding-bottom: 3.875rem; overflow:hidden; } 
.main_stroy .txts { color:#fff; width: 45rem;}
.main_stroy .txt01 {  font-family: "Montserrat", sans-serif;  font-weight: 600; font-size: 3.75rem;}
.main_stroy .txt02 { font-weight: 700; font-size: 2.063rem; line-height: 1.5;}
.main_stroy .txt03 {  font-size: 1.125rem; line-height: 1.5;}
.main_stroy .txt01 + .txt02 { margin-top: 3.875rem;}
.main_stroy .txt02 + .txt03 { margin-top: 3.625rem;}
.main_stroy .txt03 + .txt03 { margin-top: 2.5rem;}
.main_stroy .moreBtn { margin-top: 3rem; background:#fff; color:#ef363c; font-size: 1.063rem; width: 10.5rem; height: 2.875rem; line-height: 2.875rem; border-radius: 1.438rem;  display: flex; align-items:center; justify-content: center; gap:0.625rem; font-weight: 500;}
.main_stroy .moreBtn .arrow {display: block; width: 1.375rem; height: 0.625rem; background:url("../img/main_stroy_arrow.png") no-repeat 50% 50%/ 100%; } 
.main_stroy_slider {height: 27.125rem;}
.main_stroy_slider .swiper-slide { margin-right: 1.688rem; display: flex; height: 100%;  flex-direction: column; justify-content: flex-end; }
.main_stroy_slider .swiper-slide.wide { width: 23.041rem;}
.main_stroy_slider .swiper-slide.narrow { width: 17.211rem;}
.main_stroy_slider .subtxt01 { position: relative; color:#fff; font-size: 1.2rem; letter-spacing: 0; margin-top: 1.438rem ; padding-left: 1.063rem;}
.main_stroy_slider .subtxt01::before { display: block; content:""; width: 0.313rem; height: 0.313rem; background:#fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.main_stroy_slider .long .subtxt01 { margin-bottom: -1.5rem;}
.main_stroy_slider .long .subtxt01::before { top: 24%;}
.swiper-pagination-progressbar.main_stroy_progress { top: auto; left: auto; right: 0; bottom:0; width: 37.25rem; height: 2px; background:#d4b4b4; }
.swiper-pagination-progressbar.main_stroy_progress .swiper-pagination-progressbar-fill { background:#fff;}

.progress_show_bar{width: 1px; height: 100%; position: absolute; top: 0; left: calc(100% - 56.6rem); }
.progress_show_bar::after{content:'';position: absolute;left:0;top:0;z-index:1;width:100%;height:100%;background: rgba(255,255,255,0.2); }
.progress_show_bar::before{content:'';position: absolute;left:0;top:0;z-index:2;width:100%;height:0;background: rgba(255,255,255,1); }
.progress_show_bar.is-anim::before{
  animation-name: countingBar; 
  animation-duration: var(--story-progress, 3s);
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@media(min-width:2000px){ 
	.main_stroy::before {  left: 46%;}
	.main_stroy::after {  left: 46%;}
	.main_stroy .inner { margin: 0 auto; }
	.main_stroy .imgs { width: calc(100% - 48rem);}
	.progress_show_bar { left: calc(15% + 49rem);  }
}
@keyframes countingBar {
  0% {height: 0;}
  100% {height:100%;}
}

/**************************************************
* 6- main_commu
**************************************************/
.main_commu { position: relative; padding: 12rem 0;}
.main_commu .inner { display: flex;align-items: center;justify-content: center; gap: 9rem; background:#f9f9f9; width: 90%; max-width: 97rem; margin: 0 auto; border-radius:1.25rem; padding: 4.375rem 0;}
.main_commu .inner .imgs { display: flex; gap:1.75rem;}
.main_commu .tit03 { font-size:1.125rem; line-height: 1.4;}
.main_commu .imgs > a { position: relative; display: block; overflow:hidden;}
.main_commu .imgs > a .img { transform: scale(1); transition:0.4s;  }
.main_commu .imgs > a:hover .img { transform: scale(1.05);  }
.main_commu .txts { position: absolute; bottom:0; color:#fff; text-align: center; width: 100%; padding-bottom: 1.875rem;}
.main_commu .txt01 { font-size: 1rem;}
.main_commu .txts .line { display: block; width: 15.625rem; height: 1px; background:#fff; margin: 1rem auto 1.1rem;} 
.main_commu .moreBtn { position: relative; font-size: 1.375rem; display: flex; align-items: center; justify-content: center; gap:0.625rem; }
.main_commu .moreBtn .arrow { display: block; width: 1.375rem; height: 0.625rem; background:url("../img/main_commu_arrow.png") no-repeat 50% 50%/ 100%;  }
/* .main_commu .upBtn span { display: inline-block; } */
.main_commu .imgs > a:hover span i:nth-of-type(1) {transform: translateY(-200%);}
.main_commu .imgs > a:hover span i:nth-of-type(2) {transform: translateY(0);}

.main_circle_wrap{
    position:absolute; top:50%; left:100%; width:58rem; height:58rem; border-radius:100%; z-index:-1;
    background-color:transparent;
    border:1px solid #ed8a8d; 
    opacity:0.3; visibility:visible;
    transform: translate(-50%,-50%) translateZ(0); 
    -webkit-transform: translate(-50%,-50%) translateZ(0);
    -moz-transform: translate(-50%,-50%) translateZ(0);
    -ms-transform: translate(-50%,-50%) translateZ(0);
    -o-transform: translate(-50%,-50%) translateZ(0);
    animation: main_cont02_circle 15s infinite linear;
    -webkit-animation: main_cont02_circle 11s infinite linear; 
    -moz-animation: main_cont02_circle 11s infinite linear; 
    -ms-animation: main_cont02_circle 11s infinite linear; 
    -o-animation: main_cont02_circle 11s infinite linear;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s; 
    -moz-animation-delay:0.5s; 
    -ms-animation-delay:0.5s; 
    -o-animation-delay:0.5s;
}
.main_circle_wrap02{
	 top:50%; left:0%;
    animation: main_cont02_circle 11s infinite linear;
    -webkit-animation: main_cont02_circle 11s infinite linear; 
    -moz-animation: main_cont02_circle 11s infinite linear; 
    -ms-animation: main_cont02_circle 11s infinite linear; 
    -o-animation: main_cont02_circle 11s infinite linear;
}
.main_circle{
    position:absolute; 
    top:50%; left:-0.4875rem;
    width:0.969rem; height:0.969rem;
    background-color:#ed8a8d;
    border-radius:100%;
}
.main_circle02{top:auto;  left:60%; background-color:#ed8a8d;}
@keyframes main_cont02_circle {
    0% {
        transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
    }
    100% {
        transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
    }
}
@-webkit-keyframes main_cont02_circle {
    0% {
        transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
    }
    100% {
        transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
    }
}