@charset "utf-8";

/*신규 기획전 css*/
.mb0{margin-bottom:0!important}
.pb0{padding-bottom:0!important}

.pk_contents, #new_evt_wrapper .swiper-slide.cover:before{content:''}
#new_evt_wrapper{position:fixed;top:0;left:0;z-index:99999}
#new_evt_wrapper, #new_evt_wrapper .eventPro{overflow:hidden}
#new_evt_wrapper .swiper-container, #new_evt_wrapper .swiper-slide, #new_evt_wrapper .swiper-wrapper{width:100%;height:100%}
#new_evt_wrapper .swiper-slide{display:table}
#new_evt_wrapper .swiper-slide .img_wrap{width:100%;display:table-cell;vertical-align:middle}
#new_evt_wrapper .swiper-slide{background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}
#new_evt_wrapper, #new_evt_wrapper .swiper-slide{width:100%;height:100%}
#new_evt_wrapper .swiper-slide.cover{background-position:top center}
#new_evt_wrapper .swiper-slide.cover:before{content:""; width:100%;height:100%;display:block;background:rgba(0,0,0,.56)}
#new_evt_wrapper .contents{height:100%;display:table-cell;background:#000;background-size:cover}
#new_evt_wrapper .contents img{width:100%}
#new_evt_wrapper .btn_close{position:absolute;top:14px;right:14px;font-size:24px;z-index:9999;width:31px;height:31px;padding:0 4px;background:rgba(0,0,0,.3);border-radius:8px}
#new_evt_wrapper .btn_close a{color:#fff}
.cover_title,.pk_contents{position:absolute;color:#fff;}
.cover_title{bottom:115px;left:6%;width:88%}
.cover_title .cate{font-size:1.6rem;letter-spacing:-.25px;margin-bottom:15px}
.cover_title h1{font-size:2.4rem;line-height:2.4rem;font-weight:500;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.56);margin-bottom:20px; color:#fff!important;}
.cover_title .desc{font-size:1.8rem;line-height:1.45em}
.pk_contents{width:100%;left:0;bottom:42px;min-height:51px;padding:36px 16px 15px;box-sizing:border-box;z-index:10;background:url(/images/mov2/bg_text_box.png) 0 -85px no-repeat;}
.pk_contents h2{margin-bottom: 8px;font-weight: 700;font-size: 1.8rem;line-height: 1.45em;}
.pk_contents p{line-height: 1.45em; font-size: 1.8rem; word-wrap: break-word;word-break: break-all;text-shadow: 0 1px 3px rgba(0,0,0,.4);}
.img_wrap img{width:100%;max-width:none}
.btn_wrap{display:table;width:100%;height:42px;position:fixed;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.67)}
.slider_control_bar{color:#fff;display:table-cell;position:relative;z-index:9999}
.icon_expand,.slider_numb{position:absolute;text-align:center}
.slider_control_bar>p{display:inline-block;font-size:13px;padding:13px 0}
.btn_prev{float:left;margin-left:10px}
.btn_next{float:right;margin-right:10px}
#new_evt_wrapper .swiper-pagination-fraction.slider_numb{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);color:#fff}
#new_evt_wrapper .swiper-button-disabled{display:none!important}
#new_evt_wrapper .eventPro{height: 100%; overflow-y: auto; padding-bottom: 50px; background: #efefef;}
.eventPro h3{text-align:center;margin:20px 0 10px;padding-bottom:20px;background:#fff;border-bottom:1px solid #efefef}
.plan_title_tx{background:#008efd;padding:20px 18px;overflow:hidden}
.plan_title_tx .title{font-size:2.1rem;line-height:1.3em;color:#fff}
.plan_title_tx .title .del_p{display:none}
.plan_title_tx .contxt{font-size:1.2rem;line-height:1.5em;padding-top:10px;color:#fff}
.plan_title_tx .contxt .bar{width:1px;height:10px;background:#2fa0f6;display:inline-block;margin:0 5px 0 10px}
#new_evt_wrapper .prosnsList{width:100%;overflow:hidden;padding:0 20px}
#new_evt_wrapper .prosnsList li{float:left;width:25%;overflow:hidden}
#new_evt_wrapper .prosnsList li a{display:block;padding:20px 0}
#new_evt_wrapper .prosnsList li img{width:33px;margin:0 auto;display:block}
#new_evt_wrapper .prosnsList li span{display:block;font-size:1.1rem;color:#222842;line-height:1.6rem;text-align:center;padding:9px 0 0}
#new_evt_wrapper .prosnsList.ios_app_type .fb_share{display:none}
#new_evt_wrapper .prosnsList.ios_app_type li{width:33.3%}
#new_evt_wrapper .prosnsList.ios_app_type li:nth-child(2){width:33.4%}
.plan_cateImg img{width:100%;height:auto;vertical-align:top}
.alert,.alert p{vertical-align:middle}
.webzin_cateImg img,.webzin_cateImg>table{width:100%!important}
.icon_expand{border:1px solid #fff;background:#f2f8fd;width:89px;height:37px;box-shadow:2px 3px 3px 0 rgba(0,0,0,.3);color:#008efd;font-size:1.2rem;border-radius:1000px;line-height:37px;top:15px;right:15px}
.icon_expand span.ic_planCate_expand{margin:8px 2px 0 0}
.plan_category_detail_Con .eventPro h3{color:#222842;font-size:1.8rem;padding:20px 18px;font-weight:500;border-bottom:1px solid #e2e2e2}
.plan_category_detail_Con .eventPro .product_list_box{padding:10px 12px 0}
.plan_category_detail_Con .eventPro .eventMenuList{overflow:hidden;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
.plan_category_detail_Con .eventPro .eventMenuList li{float:left;width:33.33%;line-height:42px;font-size:1.2rem;text-align:center;color:#222842;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9}
.plan_category_detail_Con .eventPro .eventMenuList li.active{color:#fff;background-color:#008efd}
.event_pro_tab{position:relative;width:100%;overflow:hidden}
.event_pro_tab .bar{z-index:1;position:absolute;width:100%;height:1px;background:#e9e9e9;left:0;bottom:0}
.event_pro_tab li{position:relative;z-index:2;float:left;height:42px;width:33.35%;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
.event_pro_tab li:nth-child(3n){border-right:0;width:33.3%}
.event_pro_tab a{display:block;text-align:center;height:41px;line-height:41px;font-size:1.2rem;color:#222842;background:#fff}
.event_pro_tab li.select a{color:#fff;background:#008efd}
.product_list_box{padding:0 12px;overflow:hidden}
.product_list{display:block;position:relative;width:100%;overflow:hidden;border:1px solid rgba(0,0,0,.14);background:#fff;margin:0 0 10px}
.product_list .code_tx,.product_list .late_view{padding:0 10px;background:rgba(0,0,0,.8);font-size:1.1rem;color:#fff;z-index:2;top:0;height:22px;text-align:center;line-height:22px}
.product_list .list_top{position:relative;display:block;overflow:hidden;width:100%}
.product_list .img_box{position:relative;display:block}
.product_list .code_tx{position: absolute;left: 6px;top: auto;bottom: 8px;font-size: 1.2rem;font-weight: 300;letter-spacing: .25px;}
.product_list .late_view{position:absolute;right:0;font-weight:400}
.product_list .event_box{position:absolute;bottom:0;left:0;width:100%;height:22px}
.product_list .event_title{position:absolute;left:0;top:0;width:65px;height:22px;background:#fff;border-radius:0 22px 0 0;line-height:22px;color:#fb8c00;font-size:1.5rem;font-style:italic;font-weight:500;text-align:center;padding-right:7px}
.product_list .event_con{display:block;padding:0 5px 0 72px;line-height:22px;font-size:1.4rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;background:rgba(0,0,0,.5);text-indent: 2px ;}
.product_list .list_bot{display:block;position: relative;padding: 7px 5px 12px;overflow:hidden;text-align:left;}
.product_list .region_tx{margin-bottom:10px;font-size:1.2rem;color:#013e98;line-height:1.6rem}
.product_list .region_tx span:before{content:">";display:inline-block;margin-top:-2px;vertical-align:middle}
.product_list .con_tx{font-size:1.5rem;line-height:2.5rem;color:#222842;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal; letter-spacing:.25px;}
.product_list .sub_con_tx{color:#64687a;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;line-height:1.6rem;padding-top:6px}
.product_list .price{display:block;text-align:right;font-size:2.1rem;color:#ff3a1a;font-weight:600;line-height:1.6rem;padding-top:10px}
.product_list .before_price{color:#a9a9a9;font-size:1.2rem;margin:0 4px 0 0}
.product_list .won_tx{font-size:1.2rem;font-weight:400}
.product_list .premium_tx0{position:absolute;left:12px;bottom:17px}
.product_list .premium_tx1 {position: absolute;left: 6px;top: 6px;/* left: auto; */text-indent: -9999px;overflow: hidden;z-index:5;}
.proMaster_ListCon .premium_tx1 {position: absolute;right: 16px;top: 262px;left: auto;text-indent: -9999px;overflow: hidden;z-index: 999;width: 70px;height: 71px;background-size: 68px;}
.master_top_info .title_con .premium_tx1 {display:none;}
.master_top_info .premium_tx1 {top: 6px;left: 6px;/* bottom: 6px; */}

/*라르고 아이콘*/

#mapdraw,.alert{top:0;left:0;width:100%}
#mapdraw,.slideme{position:absolute}
#mapdraw{height:auto;z-index:15}
.linedraw{stroke-dasharray:5000;stroke-dashoffset:5000}




.new_evt_contents{padding:0 15px}
.eventPro .product_list .premium_tx1{position:absolute;left:0;top:auto;bottom:-1px;width:37px;height:37px;background-size:34px;text-indent:9999px;overflow:hidden;z-index:5}
.rl_products .eventPro .product_list_box,.rl_products .eventPro{display:block}
.int_tit{margin-top:60px; text-align:left;}
.int_tit img{width:auto!important;height:8.4vw;display:inline-block!important;margin:0 -1px}
.int_tit .cate{margin-left:10%;color:#fff;font-size:2.1rem!important; line-height:1.6rem!important; font-weight:400;-webkit-animation:tada 2s ease-out forwards;animation:tada 2s ease-out forwards;opacity:0;-webkit-animation-delay:2.5s;animation-delay:2.5s}
.spliter{width:100%;height:1px;display:block;margin-bottom:7px}
.titi_liner{width:90%;height:1px;background:#fff;opacity:.4;position:absolute;top:83px;right:-100%;-webkit-animation:drawline 3s linear forwards;animation:drawline 3s linear forwards;-webkit-animation-delay:.5s;animation-delay:.5s}
@keyframes drawline{to{right:0}}
@-webkit-keyframes drawline{to{right:0}}
.desc{color:#fff;font-size:1.6rem!important;margin-left:10%;line-height:2.1rem!important;-webkit-animation:tada 2s ease-out forwards;animation:tada 2.5s ease-out forwards;opacity:0;-webkit-animation-delay:.5s;animation-delay:.5s}
.desc .spliter2{display:block;width:100%;margin-bottom:10px;font-weight:300}
.txt_anim{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-animation:txtani 1.8s ease-in-out forwards;animation:txtani 1.8s ease-in-out forwards;-webkit-animation-delay:1.8s;animation-delay:1.8s}
.txt_anim.txt_anim02{-webkit-animation-delay:3.2s;animation-delay:3.2s}
.txt_anim.txt_anim03{-webkit-animation-delay:2.4s;animation-delay:2.4s}
.txt_anim.txt_anim04{-webkit-animation-delay:2.8s;animation-delay:2.8s}
.txt_anim.txt_anim05{-webkit-animation-delay:3.4s;animation-delay:3.4s}
.leaves img{width:100%;height:auto;display:block;margin:0}
.leaves{width:100%;position:absolute;top:-10px;left:0;z-index:99}
.leaves .leaf_l{position:absolute;top:293px;left:-120px;-webkit-animation:intro 3.8s ease-in-out forwards;animation:intro 3.8s ease-in-out forwards;-webkit-transform:scale(0);transform:scale(0);-webkit-animation-delay:.4s;animation-delay:.4s}
.leaves .leaf_l p{position:absolute;left:0;-webkit-transform-origin:left center;transform-origin:left center;-webkit-animation:leaves 4s ease-in-out infinite;animation:leaves 4s ease-in-out infinite}
.leaves .leaf_l .leaf01{width:215px;z-index:10;top:40px}
.leaves .leaf_l .leaf02{width:253px;left:-47px}
.leaves .leaf_l .shadow01{width:268px;top:149px}
.leaves .leaf_l .shadow02{width:283px;top:204px}
.leaves .leaf_r{position:absolute;top:0;right:-10px;-webkit-animation:intro 3.5s ease-in-out forwards;animation:intro 3.5s ease-in-out forwards;-webkit-transform:scale(0);transform:scale(0)}
.leaves .leaf_r p{position:absolute;right:0;-webkit-transform-origin:right center;transform-origin:right center;-webkit-animation:leaves 4s ease-in-out infinite;animation:leaves 4s ease-in-out infinite}
.leaves .leaf_r .leaf01{width:197px;z-index:10;top:50px;right:-81px}.leaves .leaf_r .leaf02{width:197px;z-index:10;top:32px;right:-81px}
.leaves .leaf_r .shadow01{width:382px}
@-webkit-keyframes leaves{50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}
@keyframes leaves{50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}
@-webkit-keyframes intro{to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes intro{to{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes txtani{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes txtani{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes tada{to{opacity:1}}
@keyframes tada{to{opacity:1}}
#new_evt_wrapper .swiper-slide {overflow:hidden}


.swiper-slide-active .linedraw{animation:dash 15s linear forwards}
@keyframes dash{to{stroke-dashoffset:0}}
.slideme{width:24px;color:#fff;top:50%;right:20px;transform:translateY(-50%)}
.slideme svg{animation:lrlr 1s ease infinite}
@keyframes lrlr{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}
.eventPro h3 {margin:0;}
.rl_products {background:#fff;}
.slideit {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;width: 82%;}
.plan_cateImg #new_evt_wrapper .pk_balloon {display: block;width: 173px;height: auto;position: absolute;bottom: 113px;right:0; animation: bouncebounce .4s ease infinite alternate;}
@keyframes bouncebounce { 100% { 	bottom: 130px; }}

.pk_contents.wb_cb {background:#fff; color:#333; padding-top:15px;}
.pk_contents.wb_cb p {text-shadow: none;}


.clear {
  float: none !important;
  display: block;
  width: 100%;
  clear: both
}

.mr0 {
  margin-right: 0
}

.mr6 {
  margin-right: 6px
}

#sub_wrap #sub_contents2, #wrap #sub_wrap {
  width: 100%
}

#planning_title, #planning_tabbox {
  width: 980px
}

#planning_tabbox {
  margin: 0 auto
}

.f_width>img {
  width: 100%;
  min-width: 1920px;
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.int_header {
  width: 100%;
  height: 637px;
  -webkit-transition: .55s ease-out all;
  transition: .55s ease-out all;
  -webkit-animation: tada 2s ease-out forwards;
  animation: tada 2s ease-out forwards;
  opacity: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background-size: 4220px;
  -webkit-transition: 3s ease all;
  transition: 3s ease all;
  overflow: hidden;
  position: relative
}

.int_header .cover_img {
  width: 100%
}

.int_header .cover_img img {
  display: block;
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1.3);
  transform: translateX(-50%) scale(1.3);
  -webkit-transition: 3s ease all;
  transition: 3s ease all
}

.int_header.active .cover_img img {
  -webkit-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1)
}

.int_header.active {
  background-size: 1920px
}

div.titi {
  width: 980px;
  margin: 0 auto;
  text-align: left;
  padding-top: 95px;
  padding-left: 94px
}

div.titi .titi_liner {
  width: 1075px;
  height: 1px;
  background: #fff;
  opacity: .4;
  position: absolute;
  top: 127px;
  right: -100%;
  -webkit-animation: drawline 4s linear forwards;
  animation: drawline 4s linear forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

div.titi .titi01 {
  margin-bottom: 48px;
  color: #fff;
  font-size: 22px;
  position: relative;
  opacity: 0
}

div.titi .titi01 span {
  display: inline-block
}

div.titi .titi02 {
  margin-bottom: 40px
}

div.titi .titi03 {
  color: #fff;
  font-size: 17px;
  line-height: 25px;
  letter-spacing: -.1px;
  position: relative;
  opacity: 0
}

div.titi .titi03 span {
  display: inline-block
}

div.titi .titi01, div.titi .titi03 {
  -webkit-animation: tada 2.5s ease forwards;
  animation: tada 2.5s ease forwards
}

div.titi .titi01 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

div.titi .titi03 {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s
}

.int_evt {
  width: 100%;
  height: 117px;
  background: url(/Event/2019/05/0513_bangkok/images/int/bg_evt_txt.jpg) center center no-repeat;
  overflow: hidden;
  text-indent: -9999px
}

.int_charge {
  width: 100%;
  height: 288px;
  padding: 50px 0;
  background: url(/Event/2019/05/0513_bangkok/images/int/bg_charge.jpg) center center no-repeat
}

.int_contents {
  width: 100%;
  padding: 50px 0 0;
  position: relative;
  overflow: hidden
}

.active.int_contents {
  background-size: 1920px
}

.tit_intro {
  width: 642px;
  height: 276px;
  position: relative;
  margin: 0 auto 25px !important;
  text-align: left;
  z-index: 3
}

.tit_intro .int_txt01 {
  margin-left: 75px;
  margin-top: 120px
}

.tit_intro .int_txt02 {
  margin-left: 220px
}

.tit_intro .int_txt01, .tit_intro .int_txt02 {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px)
}

.int_contents.active .tit_intro .int_txt01, .int_contents.active .tit_intro .int_txt02 {
  -webkit-animation: dusit 2s ease forwards;
  animation: dusit 2s ease forwards
}

.int_contents.active .tit_intro .int_txt02 {
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}

.tit_intro .map {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}

.int_contents.active .tit_intro .map {
  -webkit-animation: dusit 2s ease forwards;
  animation: dusit 2s ease forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.conts_dusit {
  width: 1100px;
  margin: 0 auto;
  border-top: 8px solid #c07d25;
  background: #fff;
  position: relative;
  z-index: 3
}

.tit_intro_dusit {
  margin: 85px auto 60px
}

.img_dusit {
  width: 980px;
  margin: 0 auto;
  text-align: left
}

.int_cont_bg {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  z-index: 1;
  -webkit-transition: 3s ease all;
  transition: 3s ease all;
  opacity: 0
}

.int_contents.active .int_cont_bg {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.img_sec_wrap {
  overflow: hidden
}

.img_dusit p {
  overflow: hidden
}

.img_dusit img, .img_sec_wrap img {
  opacity: 0;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: 3s ease all;
  transition: 3s ease all
}

.active.img_dusit img, .img_sec_wrap.active .img_sec_r img, .img_sec_wrap.active .img_sec_l img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

div.img_lr {
  margin-bottom: 8px
}

div.img_lr p {
  float: left
}

.int_conts_tit {
  margin: 104px 0 38px;
  text-align: center
}

div.img_sec_wrap {
  width: 924px;
  margin: 0 auto 132px;
  text-align: left;
  position: relative
}

div.img_sec_wrap .img_sec_l {
  float: left;
  overflow: hidden
}

div.img_sec_wrap .img_sec_r {
  float: right;
  overflow: hidden
}

div.img_sec_wrap div {
  position: relative
}

div.img_sec_wrap div p {
  overflow: hidden
}

.img_sec_wrap .liner {
  width: 533px;
  height: 1px;
  display: block;
  background: #bebebe;
  position: absolute;
  top: 156px;
  left: -100%;
  z-index: 99;
  -webkit-transition: 3s ease all;
  transition: 3s ease all
}

.img_sec_wrap.img_type01 .liner {
  top: 121px;
  right: -100%;
  left: auto
}

.img_sec_wrap.active .liner {
  left: 0
}

.img_sec_wrap.img_type01.active .liner {
  left: auto;
  right: 0
}

div.img_sec_wrap .img_sec_l .liner {
  top: 156px;
  left: 0
}

div.img_sec_wrap .img_sec_r .liner {
  top: 122px;
  right: 0
}

.titi .txt_anim {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-animation: txtani 1.8s ease-in-out forwards;
  animation: txtani 1.8s ease-in-out forwards;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s
}

.titi .txt_anim.txt_anim02 {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s
}

.titi .txt_anim.txt_anim03 {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s
}

.titi .txt_anim.txt_anim04 {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s
}

.titi .txt_anim.txt_anim05 {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s
}

@media screen and (min-width:1300px) {
  div.titi .titi_liner {
    width: 1395px
  }

  .int_header .leaf_l {
    left: -160px
  }

  .int_header .leaf_r {
    right: -100px
  }
}

@-webkit-keyframes txtani {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes txtani {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes dusit {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes dusit {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes tada {
  to {
    opacity: 1
  }
}

@keyframes tada {
  to {
    opacity: 1
  }
}

@-webkit-keyframes intro {
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes intro {
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes leaves {
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
}

@keyframes leaves {
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
}

@-webkit-keyframes drawline {
  to {
    right: 0
  }
}

@keyframes drawline {
  to {
    right: 0
  }
}