.subsc-list li .data{
  display: flex;
  justify-content: space-between;
}
.subsc-list li .data .table_btn{
  padding: 5px 10px;
  border-radius: 5px;
  background: white;
  color: var(--clr-nvy);
  font-weight: bold;
}

.page-faq-item{
  padding-bottom: 6em;
}
.faq-title{
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 1em;
}
.faq-list > *{
  /*padding: 20px;*/
}
.ac_title{
  padding: 30px;
  padding-left: 0;
  font-weight: bold;
}
.ac_answer{
  line-height: 1.6;
  padding-bottom: 40px;
}

.sec-fanclub-head .logo{
  width: 100%;
}

.foot-logo .logo{
  width: 100%;
}
.foot-logo{
  justify-content: center;
}

.contents-nav{
  justify-content: end;
}

.top_page .lang-switch.open{
  padding-top: 100px;
}

.top-error{
  text-align: center;
  padding: 20px;
  margin-bottom: 3em;
  background: #efefef;
  border-radius: 5px;
  font-size: 0.95em;
  font-weight: bold;
}

.page-fun_head .logo{
  width: auto;
}

.mypage-nav .rect-btn {
  display: flex;
  justify-content: center;
  text-align: center;
}


.round-btn input {
  height: 100%;
  font-size: 1em;
  display: block;
  width: 100%;
}

.select-wrap-done{
  margin-right: 1em;
 }
.select-wrap-done p{
 margin-right: 5px;
}


.input.birth .inp-select.year{
  width: auto;
}
.input.birth .inp-select:not(.year){
  width: auto;
}
@media screen and (max-width: 480px){
  .input.birth{
    justify-content: start;
  }
    .mypage-nav .rect-btn {
      width: 100%;
  }
  .input.birth .inp-select .select-wrap{
    width: 70px;
  }
  .select-wrap::after{
    right: 5px;
  }
  .key-btn-wrap {
    gap: none;
    justify-content: space-around;
  }
  .top_page .lang-switch.open{
    padding-top: 0;
  }
}


/***************************************************
 * Generated by SVG Artista on 2/9/2023, 5:23:17 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 143.2879180908203px;
    stroke-dasharray: 143.2879180908203px;
  }

  100% {
    stroke-dashoffset: 286.5758361816406px;
    stroke-dasharray: 143.2879180908203px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 143.2879180908203px;
    stroke-dasharray: 143.2879180908203px;
  }

  100% {
    stroke-dashoffset: 286.5758361816406px;
    stroke-dasharray: 143.2879180908203px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 97.91645812988281px;
    stroke-dasharray: 97.91645812988281px;
  }

  100% {
    stroke-dashoffset: 195.83291625976562px;
    stroke-dasharray: 97.91645812988281px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 97.91645812988281px;
    stroke-dasharray: 97.91645812988281px;
  }

  100% {
    stroke-dashoffset: 195.83291625976562px;
    stroke-dasharray: 97.91645812988281px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 147.95887756347656px;
    stroke-dasharray: 147.95887756347656px;
  }

  100% {
    stroke-dashoffset: 295.9177551269531px;
    stroke-dasharray: 147.95887756347656px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 147.95887756347656px;
    stroke-dasharray: 147.95887756347656px;
  }

  100% {
    stroke-dashoffset: 295.9177551269531px;
    stroke-dasharray: 147.95887756347656px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 126.23037719726562px;
    stroke-dasharray: 126.23037719726562px;
  }

  100% {
    stroke-dashoffset: 252.46075439453125px;
    stroke-dasharray: 126.23037719726562px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 126.23037719726562px;
    stroke-dasharray: 126.23037719726562px;
  }

  100% {
    stroke-dashoffset: 252.46075439453125px;
    stroke-dasharray: 126.23037719726562px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 118.21358489990234px;
    stroke-dasharray: 118.21358489990234px;
  }

  100% {
    stroke-dashoffset: 236.4271697998047px;
    stroke-dasharray: 118.21358489990234px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 118.21358489990234px;
    stroke-dasharray: 118.21358489990234px;
  }

  100% {
    stroke-dashoffset: 236.4271697998047px;
    stroke-dasharray: 118.21358489990234px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 103.5473403930664px;
    stroke-dasharray: 103.5473403930664px;
  }

  100% {
    stroke-dashoffset: 207.0946807861328px;
    stroke-dasharray: 103.5473403930664px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 103.5473403930664px;
    stroke-dasharray: 103.5473403930664px;
  }

  100% {
    stroke-dashoffset: 207.0946807861328px;
    stroke-dasharray: 103.5473403930664px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 147.95626831054688px;
    stroke-dasharray: 147.95626831054688px;
  }

  100% {
    stroke-dashoffset: 295.91253662109375px;
    stroke-dasharray: 147.95626831054688px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 147.95626831054688px;
    stroke-dasharray: 147.95626831054688px;
  }

  100% {
    stroke-dashoffset: 295.91253662109375px;
    stroke-dasharray: 147.95626831054688px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 90.78477478027344px;
    stroke-dasharray: 90.78477478027344px;
  }

  100% {
    stroke-dashoffset: 181.56954956054688px;
    stroke-dasharray: 90.78477478027344px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 90.78477478027344px;
    stroke-dasharray: 90.78477478027344px;
  }

  100% {
    stroke-dashoffset: 181.56954956054688px;
    stroke-dasharray: 90.78477478027344px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 97.9332504272461px;
    stroke-dasharray: 97.9332504272461px;
  }

  100% {
    stroke-dashoffset: 195.8665008544922px;
    stroke-dasharray: 97.9332504272461px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 97.9332504272461px;
    stroke-dasharray: 97.9332504272461px;
  }

  100% {
    stroke-dashoffset: 195.8665008544922px;
    stroke-dasharray: 97.9332504272461px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 117.33303833007812px;
    stroke-dasharray: 117.33303833007812px;
  }

  100% {
    stroke-dashoffset: 234.66607666015625px;
    stroke-dasharray: 117.33303833007812px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 117.33303833007812px;
    stroke-dasharray: 117.33303833007812px;
  }

  100% {
    stroke-dashoffset: 234.66607666015625px;
    stroke-dasharray: 117.33303833007812px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 147.9563446044922px;
    stroke-dasharray: 147.9563446044922px;
  }

  100% {
    stroke-dashoffset: 295.9126892089844px;
    stroke-dasharray: 147.9563446044922px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 147.9563446044922px;
    stroke-dasharray: 147.9563446044922px;
  }

  100% {
    stroke-dashoffset: 295.9126892089844px;
    stroke-dasharray: 147.9563446044922px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 126.23052215576172px;
    stroke-dasharray: 126.23052215576172px;
  }

  100% {
    stroke-dashoffset: 252.46104431152344px;
    stroke-dasharray: 126.23052215576172px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 126.23052215576172px;
    stroke-dasharray: 126.23052215576172px;
  }

  100% {
    stroke-dashoffset: 252.46104431152344px;
    stroke-dasharray: 126.23052215576172px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 44.35026931762695px;
    stroke-dasharray: 44.35026931762695px;
  }

  100% {
    stroke-dashoffset: 88.7005386352539px;
    stroke-dasharray: 44.35026931762695px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 44.35026931762695px;
    stroke-dasharray: 44.35026931762695px;
  }

  100% {
    stroke-dashoffset: 88.7005386352539px;
    stroke-dasharray: 44.35026931762695px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 38.259124755859375px;
    stroke-dasharray: 38.259124755859375px;
  }

  100% {
    stroke-dashoffset: 76.51824951171875px;
    stroke-dasharray: 38.259124755859375px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 38.259124755859375px;
    stroke-dasharray: 38.259124755859375px;
  }

  100% {
    stroke-dashoffset: 76.51824951171875px;
    stroke-dasharray: 38.259124755859375px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 38.259132385253906px;
    stroke-dasharray: 38.259132385253906px;
  }

  100% {
    stroke-dashoffset: 76.51826477050781px;
    stroke-dasharray: 38.259132385253906px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 38.259132385253906px;
    stroke-dasharray: 38.259132385253906px;
  }

  100% {
    stroke-dashoffset: 76.51826477050781px;
    stroke-dasharray: 38.259132385253906px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 29.22283363342285px;
    stroke-dasharray: 29.22283363342285px;
  }

  100% {
    stroke-dashoffset: 58.4456672668457px;
    stroke-dasharray: 29.22283363342285px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 29.22283363342285px;
    stroke-dasharray: 29.22283363342285px;
  }

  100% {
    stroke-dashoffset: 58.4456672668457px;
    stroke-dasharray: 29.22283363342285px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 33.09820747375488px;
    stroke-dasharray: 33.09820747375488px;
  }

  100% {
    stroke-dashoffset: 66.19641494750977px;
    stroke-dasharray: 33.09820747375488px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 33.09820747375488px;
    stroke-dasharray: 33.09820747375488px;
  }

  100% {
    stroke-dashoffset: 66.19641494750977px;
    stroke-dasharray: 33.09820747375488px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 29.22932243347168px;
    stroke-dasharray: 29.22932243347168px;
  }

  100% {
    stroke-dashoffset: 58.45864486694336px;
    stroke-dasharray: 29.22932243347168px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 29.22932243347168px;
    stroke-dasharray: 29.22932243347168px;
  }

  100% {
    stroke-dashoffset: 58.45864486694336px;
    stroke-dasharray: 29.22932243347168px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 36.37384033203125px;
    stroke-dasharray: 36.37384033203125px;
  }

  100% {
    stroke-dashoffset: 72.7476806640625px;
    stroke-dasharray: 36.37384033203125px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 36.37384033203125px;
    stroke-dasharray: 36.37384033203125px;
  }

  100% {
    stroke-dashoffset: 72.7476806640625px;
    stroke-dasharray: 36.37384033203125px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 27.639814376831055px;
    stroke-dasharray: 27.639814376831055px;
  }

  100% {
    stroke-dashoffset: 55.27962875366211px;
    stroke-dasharray: 27.639814376831055px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 27.639814376831055px;
    stroke-dasharray: 27.639814376831055px;
  }

  100% {
    stroke-dashoffset: 55.27962875366211px;
    stroke-dasharray: 27.639814376831055px;
  }
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 46.580474853515625px;
    stroke-dasharray: 46.580474853515625px;
  }

  100% {
    stroke-dashoffset: 93.16094970703125px;
    stroke-dasharray: 46.580474853515625px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 46.580474853515625px;
    stroke-dasharray: 46.580474853515625px;
  }

  100% {
    stroke-dashoffset: 93.16094970703125px;
    stroke-dasharray: 46.580474853515625px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 36.390193939208984px;
    stroke-dasharray: 36.390193939208984px;
  }

  100% {
    stroke-dashoffset: 72.78038787841797px;
    stroke-dasharray: 36.390193939208984px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 36.390193939208984px;
    stroke-dasharray: 36.390193939208984px;
  }

  100% {
    stroke-dashoffset: 72.78038787841797px;
    stroke-dasharray: 36.390193939208984px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 34.30404281616211px;
    stroke-dasharray: 34.30404281616211px;
  }

  100% {
    stroke-dashoffset: 68.60808563232422px;
    stroke-dasharray: 34.30404281616211px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 34.30404281616211px;
    stroke-dasharray: 34.30404281616211px;
  }

  100% {
    stroke-dashoffset: 68.60808563232422px;
    stroke-dasharray: 34.30404281616211px;
  }
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 39.853118896484375px;
    stroke-dasharray: 39.853118896484375px;
  }

  100% {
    stroke-dashoffset: 79.70623779296875px;
    stroke-dasharray: 39.853118896484375px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 39.853118896484375px;
    stroke-dasharray: 39.853118896484375px;
  }

  100% {
    stroke-dashoffset: 79.70623779296875px;
    stroke-dasharray: 39.853118896484375px;
  }
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
          animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 27.858783721923828px;
    stroke-dasharray: 27.858783721923828px;
  }

  100% {
    stroke-dashoffset: 55.717567443847656px;
    stroke-dasharray: 27.858783721923828px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 27.858783721923828px;
    stroke-dasharray: 27.858783721923828px;
  }

  100% {
    stroke-dashoffset: 55.717567443847656px;
    stroke-dasharray: 27.858783721923828px;
  }
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
          animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 34.24166488647461px;
    stroke-dasharray: 34.24166488647461px;
  }

  100% {
    stroke-dashoffset: 68.48332977294922px;
    stroke-dasharray: 34.24166488647461px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 34.24166488647461px;
    stroke-dasharray: 34.24166488647461px;
  }

  100% {
    stroke-dashoffset: 68.48332977294922px;
    stroke-dasharray: 34.24166488647461px;
  }
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
          animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 44.84164047241211px;
    stroke-dasharray: 44.84164047241211px;
  }

  100% {
    stroke-dashoffset: 89.68328094482422px;
    stroke-dasharray: 44.84164047241211px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 44.84164047241211px;
    stroke-dasharray: 44.84164047241211px;
  }

  100% {
    stroke-dashoffset: 89.68328094482422px;
    stroke-dasharray: 44.84164047241211px;
  }
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
          animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}


.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content{
  position: relative;
}