@charset "utf-8";

/* 
 * main CSS Document
 * KOWEB
 */

.ani{transition:all 1s ease; transform:translate(0,60px);}
.active .ani{opacity:1; transform:translate(0,0);}
.delay-400{transition-delay:400ms !important;}
.delay-500{transition-delay:500ms !important;}
.delay-600{transition-delay:600ms !important;}
.delay-700{transition-delay:700ms !important;}
.delay-800{transition-delay:800ms !important;}
.delay-900{transition-delay:900ms !important;}
.delay-1000{transition-delay:1000ms !important;}
.delay-1100{transition-delay:1100ms !important;}

/* visual */
.area_visual{position:relative; height:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.area_visual .list li,
.area_visual .bx-viewport{height:-webkit-calc(100vh - -0px * 1); height:calc(100vh - -0px * 1);}
.area_visual .list li{background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.area_visual .wrap{position:relative; top:53%; width:1240px; transform:translateY(-50%);}
.area_visual *{color:#fff;}
.area_visual h1{overflow:hidden; line-height:1; font-weight:500; font-size:78px; letter-spacing:-0.1rem;}
.area_visual h1 i{font-size:40px;}
.area_visual h2{line-height:1; font-weight:400; font-size:50px;}
.area_visual p{margin-top:13px; font-weight:300; font-size:18px;}
.area_visual a.btn_basic{margin-top:84px;}

a.scroll_down{position:absolute; overflow:hidden; bottom:0; left:calc(50% - 10px); z-index:5; font-size:12px; color:#fff; letter-spacing:0;}
a.scroll_down span{display:block; position:relative; overflow:hidden; width:1px; height:88px; margin:0 auto; margin-top:10px; background:rgba(255,255,255,0.2);}
a.scroll_down span:after{content:""; position:absolute; width:1px; height:20px; background:#fff; animation:scrollanimation 1.7s infinite; -webkit-animation:scrollanimation 1.7s infinite;}
a.scroll_down > i{display:block; text-transform:capitalize;}

.fp-viewing-2Page .quick_menu > a,
.fp-viewing-2 .quick_menu > a{border-bottom:1px solid #222; color:#222;}
.fp-viewing-2Page .quick_menu > a svg polyline,
.fp-viewing-2 .quick_menu > a svg polyline{stroke:#000 !important;}
.fp-viewing-4Page .quick_menu{opacity:0; visibility:hidden;}
.fp-viewing-3Page #fp-nav,
.fp-viewing-3Page .quick_menu,
.fp-viewing-4 .quick_menu{opacity:0; visibility:hidden;}
.fp-viewing-1Page #fp-nav ul li a.active + div + span{color:#fff;}
.fp-viewing-1Page .fp-viewing-1Page #fp-nav ul li a span{opacity:0.5;}
.fp-viewing-1Page #fp-nav ul li a span:before{opacity:0.3; background:#FFF;}
.fp-viewing-1Page #fp-nav ul:before{opacity:0.4; background:#FFF;}
.fp-viewing-1Page #fp-nav ul li a.active span:before{opacity:1;}
.fp-viewing-1Page #fp-nav ul li a.active span:after{opacity:0.7; border:1px solid #fff;}

/* bx pager common set */
.bx-controls{position:absolute; top:50%; z-index:51; width:100%;}
.bx-controls > .bx-pager{width:1200px; margin:0 auto;}
.bx-controls > .bx-pager a{display:block; float:left; overflow:hidden; width:12px; height:12px; margin:0 3px; border:1px solid #222; text-indent:-9999px; transition:all 0.4s ease-out 0s; border-radius:40px;}
.bx-controls > .bx-pager > div{float:left; margin-right:10px;}
.bx-controls > .bx-pager a.active{background:#222;}

/* 이전다음버튼일때 */
.area_visual .bx-controls > div{position:relative;}
.area_visual .bx-controls-direction a.bx-next:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.area_visual .bx-controls-direction a:hover{opacity:1; transform:scale( 1.3 );}
.area_visual .bx-controls-direction a{display:block; position:absolute; opacity:0.5; overflow:hidden; width:25px; height:43px; text-indent:-9999px; transition:all 0.2s ease-out 0s; transform:scale( 1.0 );}
.area_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main/arr_slider01.svg) no-repeat 50% 50%;}
.area_visual .bx-controls-direction a.bx-next{right:70px;}
.area_visual .bx-controls-direction a.bx-prev{left:70px;}

/* 페이지넘어가는 0103 */
.area_visual .box_total{position:absolute; top:765px; left:0; z-index:999; width:100%;}
.area_visual .box_total > div{width:1400px; margin:0 auto;}
.area_visual .box_total > div *{font-weight:bold; font-size:14px; color:#fff;}
.area_visual .box_total > div em{position:relative; margin-right:24px;}
.area_visual .box_total > div em:after{content:""; position:absolute; opacity:0.4; top:4px; right:-13px; width:2px; height:10px; background:#fff; border-radius:10px;}
.area_visual .box_total > div span{opacity:0.5;}

.fp-viewing-3Page a.scroll_down,
.fp-viewing-4Page a.scroll_down,
.fp-viewing-4 a.scroll_down{color:#222;}
.fp-viewing-3Page a.scroll_down span,
.fp-viewing-4Page a.scroll_down span,
.fp-viewing-4 a.scroll_down span{background:rgba(0,0,0,0.2);}
.fp-viewing-3Page a.scroll_down span:after,
.fp-viewing-4Page a.scroll_down span:after,
.fp-viewing-4 a.scroll_down span:after{background:#895e3b;}

/* 여성 암 */
.tab_container{clear:both;}
.tab_container .tab_content ul{width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li{padding:5px; list-style:none;}
.tabs li{display:inline-block; font-weight:bold; font-size:14px; color:#fff; text-align:center; cursor:pointer; border-radius:100px;}
.area_women .wrap_container{position:relative; width:1430px; height:100%; margin:0 auto;}
.tabs_img_cont li img:last-child{position:absolute; right:0; bottom:0; transform:translateX(170px);}

ul.tabs_img_cont{display:block; width:100%;}
.area_women{height:100%;}

.women_text_cont{position:relative; margin-top:130px; padding-left:60px;}
.women_text_cont .tabs{margin-bottom:28px;}
.women_text_cont .tabs li{font-weight:600; font-size:35px; color:#ccc; letter-spacing:-0.02rem;}
.women_text_cont .tabs li:last-child{margin-left:12px;}
.women_text_cont .tabs li.active{color:#ad7c62;}
.women_text_cont .tab_container{}
.women_text_cont .tab_content a{margin-top:52px;}
.women_text_cont .tab_content p{line-height:1.7; font-weight:300; color:#666;}

.tabs_img_cont li img{opacity:0; transition:all 1s ease 0s;}
.tabs_img_cont li.active img:first-child{opacity:1; transform:translateY(0);}
.tabs_img_cont li img:first-child{transform:translateY(-110px);}
.tabs_img_cont li.active img:last-child{opacity:1; transform:translateX(0);}

/* 진료과목 */
.area_subject{display:flex; height:100%;}
.area_subject > div{position:relative;background-position: 62% 0%;transition:all 0.9s ease-out 0s;background-repeat:no-repeat;flex:1;}

.subject_text{position:absolute; bottom:6vh; left:50px; z-index:9; margin-right:50px; transition:all 0.6s ease-out 0s;}
.subject_text h2{font-weight:800; font-size:30px; color:#222;}
.subject_text h2 i{display:block; margin-top:2px; font-weight:400; font-size:15px; color:#888;}
.subject_text p{opacity:0; visibility:hidden; line-height:1.7; margin-top:36px; font-weight:200; transition:all 0.4s ease-out 0s;}

.btn_subject{display:block; position:absolute; right:0; bottom:0; z-index:9; width:89px; height:89px; background:#fff;}
.btn_subject:after{content:""; position:absolute; top:50%; left:50%; width:20px; height:12px; background:url(../../images/main/arr_subject.svg) no-repeat 50% 50%; transform:translateY(-50%) translateX(-50%);}

.area_subject > div:hover .subject_text p{opacity:0.8; visibility:visible;}
.area_subject > div a{display:block; position:relative; z-index:9; height:100%;}
.area_subject > div:hover .subject_text{bottom:16vh;}
.area_subject > div:before,
.area_subject > div:after{content:"";}
.area_subject > div:before{position:absolute; bottom:0px; left:0px; z-index:1; width:100%; height:65%; pointer-events:none; background-image:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 60%);}
.area_subject > div:after{position:absolute; opacity:0; top:0; left:0; width:100%; height:100%; background:#362015; transition:all 0.4s ease-out 0s;}
.area_subject > div:hover:after{opacity:0.85;}
.area_subject > div:hover *{color:#fff;}
.area_subject > div:hover:before{z-index:0;}
.area_subject > div:hover{z-index:9; background-position:30% 0%; box-shadow:24px 27px 73px 0px rgba(0, 0, 0, 0.55);}
.area_subject > div:hover .subject_text h2 i{opacity:0.6; font-weight:300; font-size:14px;}

/* 고객센터 */
.map_img_cont{position:absolute; top:0; right:0; width:890px; height:100%; background:url(../images/main/img_map.jpg) no-repeat 50% 50% / cover;}
.map_text_cont .text_cont_inner > strong{display:block; margin-bottom:3px; font-size:18px; color:#ad7c62;}
.map_text_cont .text_cont_inner > h3{line-height:1.2; font-weight:600; font-size:60px; color:#222; text-indent:-3px;}
.map_text_cont .text_cont_inner > p{margin-top:15px; font-weight:300; font-size:18px; letter-spacing:-0.03rem;}
.map_text_cont .text_cont_inner > dl{display:flex;margin-top:35px;max-width: 480px;flex-wrap:wrap;}
.map_text_cont .text_cont_inner > dl > *{padding:12px 0;border-bottom:1px solid #ddd;flex-basis: 60%;}
.map_text_cont .text_cont_inner > dl dt{font-size:17px;color:#ad7c62;flex-basis: 33%;}
.map_text_cont .text_cont_inner > dl dd{font-weight:400; font-size:18px; color:#777;}
.map_text_cont .text_cont_inner > dl dd:last-child,
.map_text_cont .text_cont_inner > dl dt:last-child{border:0;}
.map_text_cont .text_cont_inner > dl dt:first-child{letter-spacing:0px;}
.map_text_cont .text_cont_inner > dl dt:nth-child(5){letter-spacing: 0;}

a.btn_kakao{display:inline-block; position:relative; margin-right:5px; padding:22px 30px; background:#f7e301; font-weight:600; font-size:15px; color:#222; border-radius:100px;}
a.btn_kakao:before{content:""; display:inline-block; width:25px; height:21px; margin-right:18px; background:url(../../images/main/icon_kakao_color.svg) no-repeat 50% 50%; vertical-align:middle;}

.btn_cont{margin-top:70px; margin-left:-2px;}

#section5{background:url(../images/main/bg_logo.png) no-repeat 46% -30%;}
.map_text_cont{padding-top:7vh;}
.area_map{display:flex; align-items:center; height:100%;}

.pin{position:absolute; top:50%; left:50%; width:30px; height:30px; margin:-20px 0 0 -20px; background:#ad7c62; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); border-radius:50% 50% 50% 0; -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-animation-name:bounce; -moz-animation-name:bounce; -o-animation-name:bounce; -ms-animation-name:bounce; animation-name:bounce; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s; -ms-animation-duration:1s; animation-duration:1s;}
.pin:after{content:''; position:absolute; width:11px; height:11px; margin:9px 0 0 10px; background:#5e3c2a; border-radius:50%;}
.pulse{position:absolute; top:50%; left:50%; z-index:-2; width:14px; height:14px; margin:11px 0px 0px -12px; background:rgb(173 124 99 / 45%); transform:rotateX(55deg); -webkit-transform:rotateX(55deg); -ms-transform:rotateX(55deg); border-radius:50%; -moz-transform:rotateX(55deg); -o-transform:rotateX(55deg);}
.pulse:after{content:"";position:absolute;opacity:0;width:70px;height:70px;margin:-30px 0 0 -28px;box-shadow:0 0 1px 2px #ad7c63;-webkit-box-shadow: 0 0 1px 2px #ad7c63;animation:pulsate 1s ease-out;border-radius:50%;-webkit-animation:pulsate 1s ease-out;-moz-animation:pulsate 1s ease-out;-o-animation:pulsate 1s ease-out;-ms-animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s;-ms-animation-delay:1.1s;animation-delay:1.1s;}
.map_marker{position:absolute; top:55%; left:71%; z-index:99;}

#fp-nav ul li:last-child{display:none;}

@media screen and (max-width:1600px){
	.area_women .wrap_container{width:1340px;}
	.fp-viewing-4Page #fp-nav ul li a.active + div + span{display:none;}
}

@media screen and (max-width:1540px){
	.area_map .wrap{width:1180px;}
}

@media screen and (max-width:1500px){
	.area_visual .wrap{margin:0 200px;}
	.area_women .wrap_container{width:auto; margin:0 70px;}

	.women_text_cont{padding-left:0;}

	.area_map .wrap{margin:0 auto;}

	.map_img_cont{width:680px;}
	.map_marker{left:78%;}
}

@media screen and (max-width:1380px){
	#fp-nav{opacity:0;}
	.area_visual .wrap{margin:0 50px;}
}

@media screen and (max-width:1379px){
	.tabs_img_cont li img:last-child{height:77%; max-height:844px;}
	.tabs_img_cont li img:first-child{width:46%; max-width:508px;}

	.women_text_cont .tabs li{font-size:33px;}

	.subject_text{left:30px; margin-right:20px;}
	.subject_text h2{font-size:26px;}
	.subject_text p{margin-top:27px;}

	.btn_subject{width:69px; height:69px;}
	.btn_subject:after{width:16px;}
}

@media screen and (max-width:1279px){
	.area_women .wrap_container{margin:0 30px;}

	.tabs_img_cont li img:last-child{opacity:0.2 !important;}

	.area_subject{flex-wrap:wrap;}
	.area_subject > div{background-size:cover; background-position:50% 30%; flex-basis:50%;}
	.area_subject > div:before{display:block;}
	.area_subject > div:before{height:78%; background-image:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 83%);}

	.subject_text{bottom:0vh;}

	.area_subject > div:hover .subject_text{bottom:9vh;}

	.map_img_cont{width:500px; background-position:101% 50% !important;}
	.map_marker{left:48%;}
	.area_map .wrap{width:auto; margin:0 50px;}
	.map_text_cont .text_cont_inner > h3{font-size:49px;}
}

@media screen and (max-width:1200px){
	.area_visual{height:100vh;}
	.area_visual .wrap{margin:0 40px;}
	.area_visual h1{font-size:74px;}
	.area_visual h1 i{font-size:46px;}
	.fp-tableCell{display:block;}
	.sec_left .inr{top:52%;}
	.sec_left .inr,
	#section3 .sec_right .inr{padding-left:50px;}
	.sec_left h2{font-size:42px;}
	.sec_left .inr a{margin-top:40px;}
	.sec_left{width:392px;}
	.sec_right{width:-webkit-calc(100% - 392px); width:calc(100% - 392px);}
	.sec_right .inr{width:75%;}
	.sec_right li img{height:110px;}
	#section4 .sec_right li img{height:93px;}
	.sec_right .bg_ob{top:-140px; right:-120px; height:390px;}
	html.fp-enabled,
	.fp-enabled body{overflow:visible !important;}
	html.fp-enabled,
	.fp-enabled body{overflow-x:hidden !important;}
	#section4 .sec_right .inr{width:84%;}
}

@media screen and (max-width:1023px){
	.fp-viewing-2Page .quick_menu > a svg polyline,
	.fp-viewing-2 .quick_menu > a svg polyline{stroke:#fff !important;}
	a.scroll_down{bottom:66px; left:calc(50% - 20px);}
	.area_visual{height:92vh;}
	.area_visual h1{font-size:62px;}
	.area_visual h1 i{font-size:42px;}
	.area_visual .wrap{margin:0 20px;}
	.area_visual .wrap{top:50%; width:auto;}
	.area_visual{height:-webkit-calc(100vh - 154px); height:calc(100vh - 154px); margin-top:89px;}
	.area_visual h1{font-size:53px;}
	.area_visual h1 i{display:block; margin-top:30px; font-size:36px;}
	a.scroll_down{bottom:0;}
	.fp-section.fp-table,
	.fp-slide.fp-table,
	.fp-tableCell{height:auto !important;}
	.area_women .wrap_container{margin:0; padding-bottom:120px;}
	.women_text_cont{margin-top:100px; padding-left:50px;}
	.women_text_cont .tabs li{font-size:30px;}
	.women_text_cont .tabs{margin-bottom:19px;}
	.women_text_cont .tab_content a{margin-top:40px;}
	.tabs_img_cont li img:first-child{width:40%; margin-left:50px;}
	.area_subject{height:100vh;}
	.subject_text h2{font-size:23px;}
	.subject_text p{margin-top:19px;}
	.area_map{align-items:flex-start; flex-direction:column;}
	.map_img_cont{position:relative; width:auto; width:100%; height:330px;}
	.map_img_cont{position:relative; width:auto; width:100%; height:370px; background-position:100% 56% !important;}
	.map_marker{top:51%; left:72%;}
	.area_map .wrap{width:auto; margin:0 40px; padding:50px 0;}
	.map_text_cont .text_cont_inner > h3{font-size:41px;}
	.map_text_cont .text_cont_inner > strong{font-size:16px;}
	.map_text_cont .text_cont_inner > p{font-size:16px;}
	.btn_cont{margin-top:40px;}
	#section5{background-position:180% 50%;}
}

@media screen and (max-width:767px){
	.area_visual{height: -webkit-calc(100vh - 55px);height: calc(100vh - 55px);margin-top: 0;}
	.area_visual h1{position:relative; left:1px; font-size:35px;}
	.area_visual h1 i{font-size:32px;}
	.area_visual p{margin-top:10px; font-size:14px;}
	.area_visual h1 i{margin-top:20px; font-size:25px;}
	.area_visual a.btn_basic{margin-top:35px;}
	.area_visual .wrap{top: 47vh;}
	a.scroll_down{font-size:11px;}
	a.scroll_down span{height:48px;}
	.fp-viewing-2Page .quick_menu > a svg polyline,
	.fp-viewing-2 .quick_menu > a svg polyline{stroke:#fff !important;}
	.women_text_cont .tabs li{font-size:19px;}
	.women_text_cont{margin-top:40px; padding-left:20px;}
	.tabs_img_cont li img:first-child{width:47%; margin-left:20px;}
	.tabs_img_cont li img:last-child{opacity:0.15 !important; right:-53px; width:69%; height:auto;}
	.women_text_cont .tabs li:last-child{margin-left:7px; letter-spacing:-0.03rem;}
	.women_text_cont .tabs{margin-bottom:14px;}
	.women_text_cont .tab_content a{margin-top:30px;}
	.area_women .wrap_container{padding-bottom:80px;}

	.area_subject{height: auto;}
	.subject_text{left:20px; margin-right:20px;}
	.subject_text h2{font-size: 17px;}
	.subject_text p{display:none; margin-top:19px;}
	.area_subject > div:hover:after{opacity: 0.4;}
	.area_subject > div:hover *{color:#222;}
	.subject_text,
	.area_subject > div:hover .subject_text{bottom:19px;}
	.area_subject > div{background-size:113%;flex-basis: 100%;height: 20vh;background-position: 50% 22%;}
	.area_subject > div.subject01 {
		background-position: 50% 46%;
	}
.area_subject > div.subject03 {
    background-position: 50% 29%;
}
.area_subject > div.subject04 {
    background-position: 50% 12%;
}
.area_subject > div.subject05 {
    background-position: 0% 23%;
}
	.btn_subject{width:50px; height:50px; background:none;}
	.btn_subject:after{width:16px; background:url(../../images/main/arr_subject_white.svg) no-repeat 50% 50%;}
	.subject_text h2 i{font-size:13px;}
	.area_subject > div:before{display:none;}
	.subject_text *{color:#fff !important;}
	.area_subject > div:after{opacity:0.4;}
	.subject_text h2 i{opacity:0.8; font-size:13px;}

	.area_map .wrap{margin:0 20px; padding:40px 0 60px;}
	.map_text_cont .text_cont_inner > h3{font-size:29px;}
	.map_text_cont .text_cont_inner > strong{font-size:15px;}
	.map_text_cont .text_cont_inner > p{font-size:15px;}
	.map_text_cont .text_cont_inner > dl dt{font-weight:600; font-size:15px;}
	.map_text_cont .text_cont_inner > dl dd{font-size:15px;}
	.map_text_cont .text_cont_inner > dl > *{padding:9px 0; flex-basis:41%;}
	.map_text_cont .text_cont_inner > dl{margin-top:24px;}
	a.btn_kakao{padding:11px 17px; font-size:13px;}
	a.btn_kakao:before{position:relative; top:-1px; height:16px; margin-right:2px;}
	#section5{background-size:59%; background-position:160% 47%;}
	.btn_cont{margin-top:22px;}
	.map_img_cont{height:190px; background-size:170%;}
	.map_marker{left:51%;}
}

@media screen and (max-width:380px){
	.area_visual h1{font-size:30px;}
	.area_visual h1 i{margin-top:17px; font-size:21px;}
	.area_visual .wrap{}
	.women_text_cont .tab_content a{margin-top:22px;}
	.women_text_cont .tabs{margin-bottom:11px;}
	.women_text_cont .tabs li{font-size:17px;}
	.subject_text h2{font-size:16px;}
}

@media screen and (max-width:330px){
	.area_visual h1{font-size:26px;}
	.area_visual h1 i{margin-top:16px; font-size:18px;}
	.area_visual{height:-webkit-calc(100vh - 158px); height:calc(100vh - 158px);}
	.women_text_cont .tabs li{font-size:16px;}
	.women_text_cont .tabs{margin-bottom:10px;}
	.women_text_cont{padding-left:15px;}
	.subject_text h2{font-size:14px;}
	.subject_text h2 i{opacity:0.8; margin-top:0; font-size:11px;}
	.btn_subject:after{display:none;}
	.subject_text{left:15px;}
	.subject_text,
	.area_subject > div:hover .subject_text{bottom:16px;}
	.map_text_cont .text_cont_inner > h3{font-size:25px;}
	.map_text_cont .text_cont_inner > strong{font-size:14px;}
	.map_text_cont .text_cont_inner > p{font-size:13px;}
	.area_map .wrap{margin:0 15px; padding:40px 0 40px;}
	a.btn_kakao{margin-right:1px;}
}

.active .splitting .char{animation:slide-in 1s cubic-bezier(.5, 0, .5, 1) both; animation-delay:calc(60ms * var(--char-index));}


@keyframes slide-in {
  from {
    transform: translateY(0.4em) rotate(-.0turn) scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes scrollanimation {
  from {top:0%;}
  to {top:105%;}
}

@keyframes scrollanimation {
  from {top:0%;}
  to {top:105%;}
}

@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}