/* ############################## * Created on : 2023/08/01 * @version 1.00 * @copyright Heaven-studio.com * @author Myazou3(Toshiyasu.Tkamoto) ############################## */ /* ############################## 初期化 ############################## */ /*### Basic CSS ###*/ @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); body { margin: 0; padding: 0; width: 100%; max-width: 100%; min-height: 100vh; height: auto; font-family: 'Roboto', sans-serif; font-weight: 400; z-index: 0; color: #000; position: absolute;} * { margin: 0; padding: 0; } a { color: #000; text-decoration: none; } img { border-style: none; } .red { color: #f00; } .red_b { color: #f00; font-weight: bold; } .blue { color: #00F; } .blue_b { color: #00F; font-weight: bold; } #no_js { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 5000; } #no_js div { position: fixed; width: 320px; padding: 15px 0; top:50%; left: 50%; transform: translate(-50%,-60%); font-size: 14px; line-height: 22px; text-align: center; color: #f00; background: #fff; border-radius: 10px; } .hide { display: none !important; } .official_color { background: linear-gradient(180deg, rgba(128,0,128,1) 0%, rgba(255,173,255,1) 50%, rgba(128,0,128,1) 100%); } #para_area { position: fixed !important; width: 100%; height: 100vh; top: 0; left: 0; z-index: -1; } /*### Header ###*/ header { z-index: 0; } .inner { width: calc(100% - 20px); height: 50px; margin: 0 auto; } .inner:after { content: ""; clear: both; display: block; } #top-head { top: -100px; left:50%; transform: translate(-50%,0); position: fixed; width: 100%; margin: 100px auto 0; padding: 5px 0 ; line-height: 1; z-index: 999; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); background: #fff; } #top-head a, #top-head { color: #000; text-decoration: none; } #top-head .inner { position: relative; max-width: 1280px; } #top-head .logo { float: left; max-height: 50px; display: block; position: relative; right: 0; top: 0; cursor: pointer; } #top_logo_svg svg { width: 250px; max-height: 50px; display: block; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4)); } #global-nav ul { list-style: none; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); font-size: 14px; line-height: 30px; } #global-nav ul li { float: left; font-size: 14px; line-height: 30px; } #global-nav ul li a { padding: 5px 15px; position: relative; } #global-nav ul li a::after { position: absolute; left: 0; bottom: -3px; content: ''; width: 100%; height: 3px; background: #ffa500; transform: scale(0, 1); transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/ transition: transform 0.3s; /*変形の時間*/ } #global-nav ul li a:hover::after { transform: scale(1, 1); } /* Fixed */ #top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #fff; background: rgba(255,255,255,.7); transition: top 0.65s ease-in; -webkit-transition: top 0.65s ease-in; -moz-transition: top 0.65s ease-in; } #top-head.fixed .logo { font-size: 24px; color: #333; } #top-head.fixed #global-nav ul li a { color: #333; padding: 0 20px; } /* Toggle Button */ #nav-toggle { display: none; position: absolute; right: 12px; top: 17px; width: 34px; height: 36px; cursor: pointer; z-index: 101; } #nav-toggle div { position: relative; } #nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #666; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; } #nav-toggle span:nth-child(1) { top: 0; } #nav-toggle span:nth-child(2) { top: 11px; } #nav-toggle span:nth-child(3) { top: 22px; } /*### Main ###*/ main { position: relative; width: 100%; min-height: calc(100vh - 110px); display: block; padding-top: 60px; margin: 0 auto; background: none; z-index: 0;} main h1 { font-size: 16px; text-align: center; line-height: 30px; background: none; color: #ffa500; } section { width: 100%; max-width: 1280px; margin: 0 auto; } #err_page_head { display: block; width: 100%; font-size: 18px; line-height: 40px; margin: 30px auto; color: #F00; text-align: center;} .text { display: block; padding: 10px; } .text p { font-size: 14px; line-height: 22px; } #top_svg { display: block; width: 100%; max-width: 640px; margin: 0 auto; } #top_svg svg { display: block; width: 100%; margin: 0 auto; background: none; } #anime_logo_svg { display: block; background: rgba(255,255,255,0); margin: 10px auto; width: 100%; max-width: 480px; } #anime_logo_svg svg { background: none; } #top_cont_wrap { display: flex; width: 95%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding: 0; margin: 0 auto; } .image_area_wrap { display: block; width: 50%; box-sizing: border-box; margin-top: 50px; border-radius: 5px; } .image_area_title { display: block; width: 100%; font-size: 14px; line-height: 30px; text-align: center; } .image_area_image { display: block; width: 100%; padding: 0; margin: 0; border-bottom: 3px #ffa500 solid; border-radius: 8px; } .image_area_image img { display: block; width: 100%; border-radius: 10px; } .text_area_wrap { display: block; width: 50%; box-sizing: border-box; margin-top: 50px; border-radius: 5px; } .text_area_title { display: block; width: 100%; font-size: 14px; line-height: 30px; text-align: center; background: #ffa500; } .text_area_text { display: block; width: 100%; height: calc(100% - 30px); font-size: 12px; line-height: 20px; padding: 5px; margin: 0; box-sizing: border-box; border-bottom: 3px #ffa500 solid; border-radius: 8px; } /*### Footer ###*/ footer { width: 100%; height: 49px; display: block; border-top: 1px #333 solid; text-align: center; bottom: 0; position: relative; padding: 0; background: rgba(255,255,255,.5); } footer small { display: block; margin: 5px 0 0; line-height: 16px; font-size: 10px; } footer small a:hover { color: #666; text-decoration: underline; } /*### Back Ground ###*/ #back_ground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: block; } /*### Concting ###*/ #concting_load_animation { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,.8); z-index: 9999; } #concting_load_svg_box { width: 80px; height: 80px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* ### フレキシブル ### */ @media screen and (max-width: 768px) { #top-head, .inner { width: 100%; padding: 0; margin: 0; } #top-head { top: 0; position: fixed; margin-top: 0; } /* Fixed reset */ #top-head.fixed { padding-top: 0; background: transparent; } #mobile-head { background: #fff; width: 100%; height: 60px; z-index: 999; position: fixed; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); } #top-head.fixed .logo, #top-head .logo { position: absolute; left: 0; top: 0; margin: 5px 0 5px 5px; } #global-nav { position: absolute; /* 開いてないときは画面外に配置 */ top: -500px; background: #ffa500; width: 100%; text-align: center; padding: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; } #global-nav ul { list-style: none; position: static; right: 0; bottom: 0; font-size: 14px; transform: none; } #global-nav ul li { float: none; position: static; } #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a { width: 100%; display: block; color: #000; padding: 18px 0; border-bottom: 1px #333 solid; background: #ffa500; } #global-nav ul li a::after { position: absolute; left: 0; bottom: -3px; content: ''; width: 100%; height: 3px; background: #FFF; transform: scale(0, 1); transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/ transition: transform 0.3s; /*変形の時間*/ } #global-nav ul li a:hover::after { transform: scale(1, 1); } #nav-toggle { display: block; } /* #nav-toggle 切り替えアニメーション */ .open #nav-toggle span:nth-child(1) { top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg); } .open #nav-toggle span:nth-child(2) { width: 0; left: 50%; } .open #nav-toggle span:nth-child(3) { top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg); } /* #global-nav スライドアニメーション */ .open #global-nav { /* #global-nav top + #mobile-head height */ -moz-transform: translateY(560px); -webkit-transform: translateY(560px); transform: translateY(560px); } .image_area_wrap { width: 100%; } .text_area_wrap { width: 100%; } } /* SVG Animation */ @-webkit-keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset: 1659.2879638671875px; stroke-dasharray: 1659.2879638671875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 1659.2879638671875px; }} @keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset: 1659.2879638671875px; stroke-dasharray: 1659.2879638671875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 1659.2879638671875px; }} @-webkit-keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-1 { -webkit-animation: animate-svg-stroke-1 2s linear 0s both, animate-svg-fill-1 1s linear 1s both; animation: animate-svg-stroke-1 2s linear 0s both, animate-svg-fill-1 1s linear 1s both;} @-webkit-keyframes animate-svg-stroke-2 { 0% { stroke-dashoffset: 54.7795295715332px; stroke-dasharray: 54.7795295715332px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 54.7795295715332px; }} @keyframes animate-svg-stroke-2 { 0% { stroke-dashoffset: 54.7795295715332px; stroke-dasharray: 54.7795295715332px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 54.7795295715332px; }} @-webkit-keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-2 { -webkit-animation: animate-svg-stroke-2 2s linear 0s both, animate-svg-fill-2 1s linear 1.1s both; animation: animate-svg-stroke-2 2s linear 0s both, animate-svg-fill-2 1s linear 1.1s both;} @-webkit-keyframes animate-svg-stroke-3 { 0% { stroke-dashoffset: 107.55960845947266px; stroke-dasharray: 107.55960845947266px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 107.55960845947266px; }} @keyframes animate-svg-stroke-3 { 0% { stroke-dashoffset: 107.55960845947266px; stroke-dasharray: 107.55960845947266px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 107.55960845947266px; }} @-webkit-keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-3 { -webkit-animation: animate-svg-stroke-3 2s linear 0s both, animate-svg-fill-3 1s linear 1.2s both; animation: animate-svg-stroke-3 2s linear 0s both, animate-svg-fill-3 1s linear 1.2s both;} @-webkit-keyframes animate-svg-stroke-4 { 0% { stroke-dashoffset: 252.5070037841797px; stroke-dasharray: 252.5070037841797px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 252.5070037841797px; }} @keyframes animate-svg-stroke-4 { 0% { stroke-dashoffset: 252.5070037841797px; stroke-dasharray: 252.5070037841797px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 252.5070037841797px; }} @-webkit-keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-4 { -webkit-animation: animate-svg-stroke-4 2s linear 0s both, animate-svg-fill-4 1s linear 1.3s both; animation: animate-svg-stroke-4 2s linear 0s both, animate-svg-fill-4 1s linear 1.3s both;} @-webkit-keyframes animate-svg-stroke-5 { 0% { stroke-dashoffset: 503.3371887207031px; stroke-dasharray: 503.3371887207031px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 503.3371887207031px; }} @keyframes animate-svg-stroke-5 { 0% { stroke-dashoffset: 503.3371887207031px; stroke-dasharray: 503.3371887207031px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 503.3371887207031px; }} @-webkit-keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-5 { -webkit-animation: animate-svg-stroke-5 2s linear 0s both, animate-svg-fill-5 1s linear 1.4s both; animation: animate-svg-stroke-5 2s linear 0s both, animate-svg-fill-5 1s linear 1.4s both;} @-webkit-keyframes animate-svg-stroke-6 { 0% { stroke-dashoffset: 161.84457397460938px; stroke-dasharray: 161.84457397460938px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 161.84457397460938px; }} @keyframes animate-svg-stroke-6 { 0% { stroke-dashoffset: 161.84457397460938px; stroke-dasharray: 161.84457397460938px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 161.84457397460938px; }} @-webkit-keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-6 { -webkit-animation: animate-svg-stroke-6 2s linear 0s both, animate-svg-fill-6 1s linear 1.5s both; animation: animate-svg-stroke-6 2s linear 0s both, animate-svg-fill-6 1s linear 1.5s both;} @-webkit-keyframes animate-svg-stroke-7 { 0% { stroke-dashoffset: 321.6982421875px; stroke-dasharray: 321.6982421875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 321.6982421875px; }} @keyframes animate-svg-stroke-7 { 0% { stroke-dashoffset: 321.6982421875px; stroke-dasharray: 321.6982421875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 321.6982421875px; }} @-webkit-keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-7 { -webkit-animation: animate-svg-stroke-7 2s linear 0s both, animate-svg-fill-7 1s linear 1.6s both; animation: animate-svg-stroke-7 2s linear 0s both, animate-svg-fill-7 1s linear 1.6s both;} @-webkit-keyframes animate-svg-stroke-8 { 0% { stroke-dashoffset: 244.6650848388672px; stroke-dasharray: 244.6650848388672px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 244.6650848388672px; }} @keyframes animate-svg-stroke-8 { 0% { stroke-dashoffset: 244.6650848388672px; stroke-dasharray: 244.6650848388672px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 244.6650848388672px; }} @-webkit-keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-8 { -webkit-animation: animate-svg-stroke-8 2s linear 0s both, animate-svg-fill-8 1s linear 1.7000000000000002s both; animation: animate-svg-stroke-8 2s linear 0s both, animate-svg-fill-8 1s linear 1.7000000000000002s both;} @-webkit-keyframes animate-svg-stroke-9 { 0% { stroke-dashoffset: 486.87481689453125px; stroke-dasharray: 486.87481689453125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 486.87481689453125px; }} @keyframes animate-svg-stroke-9 { 0% { stroke-dashoffset: 486.87481689453125px; stroke-dasharray: 486.87481689453125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 486.87481689453125px; }} @-webkit-keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-9 { -webkit-animation: animate-svg-stroke-9 2s linear 0s both, animate-svg-fill-9 1s linear 1.8s both; animation: animate-svg-stroke-9 2s linear 0s both, animate-svg-fill-9 1s linear 1.8s both;} @-webkit-keyframes animate-svg-stroke-10 { 0% { stroke-dashoffset: 229.9660186767578px; stroke-dasharray: 229.9660186767578px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 229.9660186767578px; }} @keyframes animate-svg-stroke-10 { 0% { stroke-dashoffset: 229.9660186767578px; stroke-dasharray: 229.9660186767578px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 229.9660186767578px; }} @-webkit-keyframes animate-svg-fill-10 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-10 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-10 { -webkit-animation: animate-svg-stroke-10 2s linear 0s both, animate-svg-fill-10 1s linear 1.9s both; animation: animate-svg-stroke-10 2s linear 0s both, animate-svg-fill-10 1s linear 1.9s both;} @-webkit-keyframes animate-svg-stroke-11 { 0% { stroke-dashoffset: 457.9313659667969px; stroke-dasharray: 457.9313659667969px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 457.9313659667969px; }} @keyframes animate-svg-stroke-11 { 0% { stroke-dashoffset: 457.9313659667969px; stroke-dasharray: 457.9313659667969px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 457.9313659667969px; }} @-webkit-keyframes animate-svg-fill-11 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-11 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-11 { -webkit-animation: animate-svg-stroke-11 2s linear 0s both, animate-svg-fill-11 1s linear 2s both; animation: animate-svg-stroke-11 2s linear 0s both, animate-svg-fill-11 1s linear 2s both;} @-webkit-keyframes animate-svg-stroke-12 { 0% { stroke-dashoffset: 84.88916015625px; stroke-dasharray: 84.88916015625px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 84.88916015625px; }} @keyframes animate-svg-stroke-12 { 0% { stroke-dashoffset: 84.88916015625px; stroke-dasharray: 84.88916015625px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 84.88916015625px; }} @-webkit-keyframes animate-svg-fill-12 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-12 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-12 { -webkit-animation: animate-svg-stroke-12 2s linear 0s both, animate-svg-fill-12 1s linear 2.1s both; animation: animate-svg-stroke-12 2s linear 0s both, animate-svg-fill-12 1s linear 2.1s both;} @-webkit-keyframes animate-svg-stroke-13 { 0% { stroke-dashoffset: 167.77227783203125px; stroke-dasharray: 167.77227783203125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 167.77227783203125px; }} @keyframes animate-svg-stroke-13 { 0% { stroke-dashoffset: 167.77227783203125px; stroke-dasharray: 167.77227783203125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 167.77227783203125px; }} @-webkit-keyframes animate-svg-fill-13 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-13 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-13 { -webkit-animation: animate-svg-stroke-13 2s linear 0s both, animate-svg-fill-13 1s linear 2.2s both; animation: animate-svg-stroke-13 2s linear 0s both, animate-svg-fill-13 1s linear 2.2s both;} @-webkit-keyframes animate-svg-stroke-14 { 0% { stroke-dashoffset: 471.2118225097656px; stroke-dasharray: 471.2118225097656px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 471.2118225097656px; }} @keyframes animate-svg-stroke-14 { 0% { stroke-dashoffset: 471.2118225097656px; stroke-dasharray: 471.2118225097656px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 471.2118225097656px; }} @-webkit-keyframes animate-svg-fill-14 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-14 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-14 { -webkit-animation: animate-svg-stroke-14 2s linear 0s both, animate-svg-fill-14 1s linear 2.3s both; animation: animate-svg-stroke-14 2s linear 0s both, animate-svg-fill-14 1s linear 2.3s both;} @-webkit-keyframes animate-svg-stroke-15 { 0% { stroke-dashoffset: 926.8057861328125px; stroke-dasharray: 926.8057861328125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 926.8057861328125px; }} @keyframes animate-svg-stroke-15 { 0% { stroke-dashoffset: 926.8057861328125px; stroke-dasharray: 926.8057861328125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 926.8057861328125px; }} @-webkit-keyframes animate-svg-fill-15 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-15 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-15 { -webkit-animation: animate-svg-stroke-15 2s linear 0s both, animate-svg-fill-15 1s linear 2.4000000000000004s both; animation: animate-svg-stroke-15 2s linear 0s both, animate-svg-fill-15 1s linear 2.4000000000000004s both;} @-webkit-keyframes animate-svg-stroke-16 { 0% { stroke-dashoffset: 240.79074096679688px; stroke-dasharray: 240.79074096679688px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 240.79074096679688px; }} @keyframes animate-svg-stroke-16 { 0% { stroke-dashoffset: 240.79074096679688px; stroke-dasharray: 240.79074096679688px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 240.79074096679688px; }} @-webkit-keyframes animate-svg-fill-16 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-16 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-16 { -webkit-animation: animate-svg-stroke-16 2s linear 0s both, animate-svg-fill-16 1s linear 2.5s both; animation: animate-svg-stroke-16 2s linear 0s both, animate-svg-fill-16 1s linear 2.5s both;} @-webkit-keyframes animate-svg-stroke-17 { 0% { stroke-dashoffset: 479.7862548828125px; stroke-dasharray: 479.7862548828125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 479.7862548828125px; }} @keyframes animate-svg-stroke-17 { 0% { stroke-dashoffset: 479.7862548828125px; stroke-dasharray: 479.7862548828125px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 479.7862548828125px; }} @-webkit-keyframes animate-svg-fill-17 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-17 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-17 { -webkit-animation: animate-svg-stroke-17 2s linear 0s both, animate-svg-fill-17 1s linear 2.6s both; animation: animate-svg-stroke-17 2s linear 0s both, animate-svg-fill-17 1s linear 2.6s both;} @-webkit-keyframes animate-svg-stroke-18 { 0% { stroke-dashoffset: 252.5086212158203px; stroke-dasharray: 252.5086212158203px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 252.5086212158203px; }} @keyframes animate-svg-stroke-18 { 0% { stroke-dashoffset: 252.5086212158203px; stroke-dasharray: 252.5086212158203px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 252.5086212158203px; }} @-webkit-keyframes animate-svg-fill-18 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-18 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-18 { -webkit-animation: animate-svg-stroke-18 2s linear 0s both, animate-svg-fill-18 1s linear 2.7s both; animation: animate-svg-stroke-18 2s linear 0s both, animate-svg-fill-18 1s linear 2.7s both;} @-webkit-keyframes animate-svg-stroke-19 { 0% { stroke-dashoffset: 503.3374328613281px; stroke-dasharray: 503.3374328613281px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 503.3374328613281px; }} @keyframes animate-svg-stroke-19 { 0% { stroke-dashoffset: 503.3374328613281px; stroke-dasharray: 503.3374328613281px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 503.3374328613281px; }} @-webkit-keyframes animate-svg-fill-19 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} @keyframes animate-svg-fill-19 { 0% { fill: transparent; } 100% { fill: rgb(0, 0, 0); }} .svg-elem-19 { -webkit-animation: animate-svg-stroke-19 2s linear 0s both, animate-svg-fill-19 1s linear 2.8s both; animation: animate-svg-stroke-19 2s linear 0s both, animate-svg-fill-19 1s linear 2.8s both;} @-webkit-keyframes animate-svg-stroke-20 { 0% { stroke-dashoffset: 50.887638092041016px; stroke-dasharray: 50.887638092041016px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 50.887638092041016px; }} @keyframes animate-svg-stroke-20 { 0% { stroke-dashoffset: 50.887638092041016px; stroke-dasharray: 50.887638092041016px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 50.887638092041016px; }} @-webkit-keyframes animate-svg-fill-20 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-20 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-20 { -webkit-animation: animate-svg-stroke-20 2s linear 0s both, animate-svg-fill-20 1s linear 2.9000000000000004s both; animation: animate-svg-stroke-20 2s linear 0s both, animate-svg-fill-20 1s linear 2.9000000000000004s both;} @-webkit-keyframes animate-svg-stroke-21 { 0% { stroke-dashoffset: 99.7717056274414px; stroke-dasharray: 99.7717056274414px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 99.7717056274414px; }} @keyframes animate-svg-stroke-21 { 0% { stroke-dashoffset: 99.7717056274414px; stroke-dasharray: 99.7717056274414px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 99.7717056274414px; }} @-webkit-keyframes animate-svg-fill-21 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-21 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-21 { -webkit-animation: animate-svg-stroke-21 2s linear 0s both, animate-svg-fill-21 1s linear 3s both; animation: animate-svg-stroke-21 2s linear 0s both, animate-svg-fill-21 1s linear 3s both;} @-webkit-keyframes animate-svg-stroke-22 { 0% { stroke-dashoffset: 27.25088119506836px; stroke-dasharray: 27.25088119506836px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 27.25088119506836px; }} @keyframes animate-svg-stroke-22 { 0% { stroke-dashoffset: 27.25088119506836px; stroke-dasharray: 27.25088119506836px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 27.25088119506836px; }} @-webkit-keyframes animate-svg-fill-22 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-22 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-22 { -webkit-animation: animate-svg-stroke-22 2s linear 0s both, animate-svg-fill-22 1s linear 3.1s both; animation: animate-svg-stroke-22 2s linear 0s both, animate-svg-fill-22 1s linear 3.1s both;} @-webkit-keyframes animate-svg-stroke-23 { 0% { stroke-dashoffset: 52.503387451171875px; stroke-dasharray: 52.503387451171875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 52.503387451171875px; }} @keyframes animate-svg-stroke-23 { 0% { stroke-dashoffset: 52.503387451171875px; stroke-dasharray: 52.503387451171875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 52.503387451171875px; }} @-webkit-keyframes animate-svg-fill-23 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-23 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-23 { -webkit-animation: animate-svg-stroke-23 2s linear 0s both, animate-svg-fill-23 1s linear 3.2s both; animation: animate-svg-stroke-23 2s linear 0s both, animate-svg-fill-23 1s linear 3.2s both;} @-webkit-keyframes animate-svg-stroke-24 { 0% { stroke-dashoffset: 45.23249816894531px; stroke-dasharray: 45.23249816894531px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 45.23249816894531px; }} @keyframes animate-svg-stroke-24 { 0% { stroke-dashoffset: 45.23249816894531px; stroke-dasharray: 45.23249816894531px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 45.23249816894531px; }} @-webkit-keyframes animate-svg-fill-24 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-24 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-24 { -webkit-animation: animate-svg-stroke-24 2s linear 0s both, animate-svg-fill-24 1s linear 3.3000000000000003s both; animation: animate-svg-stroke-24 2s linear 0s both, animate-svg-fill-24 1s linear 3.3000000000000003s both;} @-webkit-keyframes animate-svg-stroke-25 { 0% { stroke-dashoffset: 88.46073150634766px; stroke-dasharray: 88.46073150634766px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 88.46073150634766px; }} @keyframes animate-svg-stroke-25 { 0% { stroke-dashoffset: 88.46073150634766px; stroke-dasharray: 88.46073150634766px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 88.46073150634766px; }} @-webkit-keyframes animate-svg-fill-25 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-25 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-25 { -webkit-animation: animate-svg-stroke-25 2s linear 0s both, animate-svg-fill-25 1s linear 3.4000000000000004s both; animation: animate-svg-stroke-25 2s linear 0s both, animate-svg-fill-25 1s linear 3.4000000000000004s both;} @-webkit-keyframes animate-svg-stroke-26 { 0% { stroke-dashoffset: 24.83370018005371px; stroke-dasharray: 24.83370018005371px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 24.83370018005371px; }} @keyframes animate-svg-stroke-26 { 0% { stroke-dashoffset: 24.83370018005371px; stroke-dasharray: 24.83370018005371px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 24.83370018005371px; }} @-webkit-keyframes animate-svg-fill-26 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-26 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-26 { -webkit-animation: animate-svg-stroke-26 2s linear 0s both, animate-svg-fill-26 1s linear 3.5s both; animation: animate-svg-stroke-26 2s linear 0s both, animate-svg-fill-26 1s linear 3.5s both;} @-webkit-keyframes animate-svg-stroke-27 { 0% { stroke-dashoffset: 47.6678466796875px; stroke-dasharray: 47.6678466796875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 47.6678466796875px; }} @keyframes animate-svg-stroke-27 { 0% { stroke-dashoffset: 47.6678466796875px; stroke-dasharray: 47.6678466796875px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 47.6678466796875px; }} @-webkit-keyframes animate-svg-fill-27 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-27 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-27 { -webkit-animation: animate-svg-stroke-27 2s linear 0s both, animate-svg-fill-27 1s linear 3.6s both; animation: animate-svg-stroke-27 2s linear 0s both, animate-svg-fill-27 1s linear 3.6s both;} @-webkit-keyframes animate-svg-stroke-28 { 0% { stroke-dashoffset: 45.84840774536133px; stroke-dasharray: 45.84840774536133px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 45.84840774536133px; }} @keyframes animate-svg-stroke-28 { 0% { stroke-dashoffset: 45.84840774536133px; stroke-dasharray: 45.84840774536133px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 45.84840774536133px; }} @-webkit-keyframes animate-svg-fill-28 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-28 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-28 { -webkit-animation: animate-svg-stroke-28 2s linear 0s both, animate-svg-fill-28 1s linear 3.7s both; animation: animate-svg-stroke-28 2s linear 0s both, animate-svg-fill-28 1s linear 3.7s both;} @-webkit-keyframes animate-svg-stroke-29 { 0% { stroke-dashoffset: 89.6982650756836px; stroke-dasharray: 89.6982650756836px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 89.6982650756836px; }} @keyframes animate-svg-stroke-29 { 0% { stroke-dashoffset: 89.6982650756836px; stroke-dasharray: 89.6982650756836px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 89.6982650756836px; }} @-webkit-keyframes animate-svg-fill-29 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-29 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-29 { -webkit-animation: animate-svg-stroke-29 2s linear 0s both, animate-svg-fill-29 1s linear 3.8000000000000003s both; animation: animate-svg-stroke-29 2s linear 0s both, animate-svg-fill-29 1s linear 3.8000000000000003s both;} @-webkit-keyframes animate-svg-stroke-30 { 0% { stroke-dashoffset: 25.763734817504883px; stroke-dasharray: 25.763734817504883px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 25.763734817504883px; }} @keyframes animate-svg-stroke-30 { 0% { stroke-dashoffset: 25.763734817504883px; stroke-dasharray: 25.763734817504883px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 25.763734817504883px; }} @-webkit-keyframes animate-svg-fill-30 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-30 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-30 { -webkit-animation: animate-svg-stroke-30 2s linear 0s both, animate-svg-fill-30 1s linear 3.9000000000000004s both; animation: animate-svg-stroke-30 2s linear 0s both, animate-svg-fill-30 1s linear 3.9000000000000004s both;} @-webkit-keyframes animate-svg-stroke-31 { 0% { stroke-dashoffset: 49.52796173095703px; stroke-dasharray: 49.52796173095703px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 49.52796173095703px; }} @keyframes animate-svg-stroke-31 { 0% { stroke-dashoffset: 49.52796173095703px; stroke-dasharray: 49.52796173095703px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 49.52796173095703px; }} @-webkit-keyframes animate-svg-fill-31 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-31 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-31 { -webkit-animation: animate-svg-stroke-31 2s linear 0s both, animate-svg-fill-31 1s linear 4s both; animation: animate-svg-stroke-31 2s linear 0s both, animate-svg-fill-31 1s linear 4s both;} @-webkit-keyframes animate-svg-stroke-32 { 0% { stroke-dashoffset: 47.89256286621094px; stroke-dasharray: 47.89256286621094px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 47.89256286621094px; }} @keyframes animate-svg-stroke-32 { 0% { stroke-dashoffset: 47.89256286621094px; stroke-dasharray: 47.89256286621094px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 47.89256286621094px; }} @-webkit-keyframes animate-svg-fill-32 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-32 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-32 { -webkit-animation: animate-svg-stroke-32 2s linear 0s both, animate-svg-fill-32 1s linear 4.1s both; animation: animate-svg-stroke-32 2s linear 0s both, animate-svg-fill-32 1s linear 4.1s both;} @-webkit-keyframes animate-svg-stroke-33 { 0% { stroke-dashoffset: 93.7844467163086px; stroke-dasharray: 93.7844467163086px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 93.7844467163086px; }} @keyframes animate-svg-stroke-33 { 0% { stroke-dashoffset: 93.7844467163086px; stroke-dasharray: 93.7844467163086px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 93.7844467163086px; }} @-webkit-keyframes animate-svg-fill-33 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-33 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-33 { -webkit-animation: animate-svg-stroke-33 2s linear 0s both, animate-svg-fill-33 1s linear 4.2s both; animation: animate-svg-stroke-33 2s linear 0s both, animate-svg-fill-33 1s linear 4.2s both;} @-webkit-keyframes animate-svg-stroke-34 { 0% { stroke-dashoffset: 22.785097122192383px; stroke-dasharray: 22.785097122192383px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 22.785097122192383px; }} @keyframes animate-svg-stroke-34 { 0% { stroke-dashoffset: 22.785097122192383px; stroke-dasharray: 22.785097122192383px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 22.785097122192383px; }} @-webkit-keyframes animate-svg-fill-34 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-34 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-34 { -webkit-animation: animate-svg-stroke-34 2s linear 0s both, animate-svg-fill-34 1s linear 4.300000000000001s both; animation: animate-svg-stroke-34 2s linear 0s both, animate-svg-fill-34 1s linear 4.300000000000001s both;} @-webkit-keyframes animate-svg-stroke-35 { 0% { stroke-dashoffset: 43.564884185791016px; stroke-dasharray: 43.564884185791016px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 43.564884185791016px; }} @keyframes animate-svg-stroke-35 { 0% { stroke-dashoffset: 43.564884185791016px; stroke-dasharray: 43.564884185791016px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 43.564884185791016px; }} @-webkit-keyframes animate-svg-fill-35 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-35 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-35 { -webkit-animation: animate-svg-stroke-35 2s linear 0s both, animate-svg-fill-35 1s linear 4.4s both; animation: animate-svg-stroke-35 2s linear 0s both, animate-svg-fill-35 1s linear 4.4s both;} @-webkit-keyframes animate-svg-stroke-36 { 0% { stroke-dashoffset: 47.68928146362305px; stroke-dasharray: 47.68928146362305px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 47.68928146362305px; }} @keyframes animate-svg-stroke-36 { 0% { stroke-dashoffset: 47.68928146362305px; stroke-dasharray: 47.68928146362305px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 47.68928146362305px; }} @-webkit-keyframes animate-svg-fill-36 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-36 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-36 { -webkit-animation: animate-svg-stroke-36 2s linear 0s both, animate-svg-fill-36 1s linear 4.5s both; animation: animate-svg-stroke-36 2s linear 0s both, animate-svg-fill-36 1s linear 4.5s both;} @-webkit-keyframes animate-svg-stroke-37 { 0% { stroke-dashoffset: 93.3793716430664px; stroke-dasharray: 93.3793716430664px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 93.3793716430664px; }} @keyframes animate-svg-stroke-37 { 0% { stroke-dashoffset: 93.3793716430664px; stroke-dasharray: 93.3793716430664px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 93.3793716430664px; }} @-webkit-keyframes animate-svg-fill-37 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-37 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-37 { -webkit-animation: animate-svg-stroke-37 2s linear 0s both, animate-svg-fill-37 1s linear 4.6s both; animation: animate-svg-stroke-37 2s linear 0s both, animate-svg-fill-37 1s linear 4.6s both;} @-webkit-keyframes animate-svg-stroke-38 { 0% { stroke-dashoffset: 29.85939598083496px; stroke-dasharray: 29.85939598083496px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 29.85939598083496px; }} @keyframes animate-svg-stroke-38 { 0% { stroke-dashoffset: 29.85939598083496px; stroke-dasharray: 29.85939598083496px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 29.85939598083496px; }} @-webkit-keyframes animate-svg-fill-38 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-38 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-38 { -webkit-animation: animate-svg-stroke-38 2s linear 0s both, animate-svg-fill-38 1s linear 4.7s both; animation: animate-svg-stroke-38 2s linear 0s both, animate-svg-fill-38 1s linear 4.7s both;} @-webkit-keyframes animate-svg-stroke-39 { 0% { stroke-dashoffset: 57.716487884521484px; stroke-dasharray: 57.716487884521484px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 57.716487884521484px; }} @keyframes animate-svg-stroke-39 { 0% { stroke-dashoffset: 57.716487884521484px; stroke-dasharray: 57.716487884521484px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 57.716487884521484px; }} @-webkit-keyframes animate-svg-fill-39 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-39 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-39 { -webkit-animation: animate-svg-stroke-39 2s linear 0s both, animate-svg-fill-39 1s linear 4.800000000000001s both; animation: animate-svg-stroke-39 2s linear 0s both, animate-svg-fill-39 1s linear 4.800000000000001s both;} @-webkit-keyframes animate-svg-stroke-40 { 0% { stroke-dashoffset: 54.2210693359375px; stroke-dasharray: 54.2210693359375px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 54.2210693359375px; }} @keyframes animate-svg-stroke-40 { 0% { stroke-dashoffset: 54.2210693359375px; stroke-dasharray: 54.2210693359375px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 54.2210693359375px; }} @-webkit-keyframes animate-svg-fill-40 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-40 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-40 { -webkit-animation: animate-svg-stroke-40 2s linear 0s both, animate-svg-fill-40 1s linear 4.9s both; animation: animate-svg-stroke-40 2s linear 0s both, animate-svg-fill-40 1s linear 4.9s both;} @-webkit-keyframes animate-svg-stroke-41 { 0% { stroke-dashoffset: 106.44126892089844px; stroke-dasharray: 106.44126892089844px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 106.44126892089844px; }} @keyframes animate-svg-stroke-41 { 0% { stroke-dashoffset: 106.44126892089844px; stroke-dasharray: 106.44126892089844px; } 100% { stroke-dashoffset: 0; stroke-dasharray: 106.44126892089844px; }} @-webkit-keyframes animate-svg-fill-41 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} @keyframes animate-svg-fill-41 { 0% { fill: transparent; } 100% { fill: rgb(238, 116, 29); }} .svg-elem-41 { -webkit-animation: animate-svg-stroke-41 2s linear 0s both, animate-svg-fill-41 1s linear 5s both; animation: animate-svg-stroke-41 2s linear 0s both, animate-svg-fill-41 1s linear 5s both;}