<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="503029046724-tn4b6jf2s2mr0ffrrd2np9agn3ku9u30.apps.googleusercontent.com">
<script src="https://apis.google.com/js/platform.js" async="" defer="" gapi_processed="true"></script>
<link rel="manifest" href="/manifest.json">
<link rel="shortcut icon" type="image/png" href="https://static.animaker.com/icons/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://static.animaker.com/styles/external-style.css?v=2" rel="stylesheet">
<title>
Untitled Video</title>
<style>#app-start-loading-screen {width: 100%;min-height: 100vh;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;align-self: center;background-color: white;z-index: 99999;position: relative;}.loader_container {width: 175px;height: 182px;flex-direction: column;left: calc(50% - 91px);top: calc(50% - 160px);position: fixed;}.loader_image {width: 175px;height: 175px;}.loaderbar {width: 175px;height: 6px;border-radius: 8px;background-color: #ececec;position: absolute;}.loaderbar2 {width: 0%;height: 6px;border-radius: 8px;background-color: rgba(240, 148, 141,1); -webkit-transition: width 250ms; transition: width 250ms; position: relative;}</style>
<link href="https://static.animaker.com/animapp-static/static/css/main.e8193d6b.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-147963358-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-147963358-1');
</script>
<link id="NotoSansFallback" rel="stylesheet" href="https://library.animaker.com/animaker/admin-fonts/NotoSansFallback.css"><style> .abcRioButton{-webkit-border-radius:1px;border-radius:1px;-webkit-box-shadow 0 2px 4px 0px rgba(0,0,0,.25);box-shadow:0 2px 4px 0 rgba(0,0,0,.25);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;-webkit-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;color:#262626;cursor:pointer;outline:none;overflow:hidden;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.abcRioButton:hover{-webkit-box-shadow:0 0 3px 3px rgba(66,133,244,.3);box-shadow:0 0 3px 3px rgba(66,133,244,.3)}.abcRioButtonBlue{background-color:#4285f4;border:none;color:#fff}.abcRioButtonBlue:hover{background-color:#4285f4}.abcRioButtonBlue:active{background-color:#3367d6}.abcRioButtonLightBlue{background-color:#fff;color:#757575}.abcRioButtonLightBlue:active{background-color:#eee;color:#6d6d6d}.abcRioButtonIcon{float:left}.abcRioButtonBlue .abcRioButtonIcon{background-color:#fff;-webkit-border-radius:1px;border-radius:1px}.abcRioButtonSvg{display:block}.abcRioButtonContents{font-family:Roboto,arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.21px;margin-left:6px;margin-right:6px;vertical-align:top}.abcRioButtonContentWrapper{height:100%;width:100%}.abcRioButtonBlue .abcRioButtonContentWrapper{border:1px solid transparent}.abcRioButtonErrorWrapper,.abcRioButtonWorkingWrapper{display:none;height:100%;width:100%}.abcRioButtonErrorIcon,.abcRioButtonWorkingIcon{margin-left:auto;margin-right:auto}.abcRioButtonErrorState,.abcRioButtonWorkingState{border:1px solid #d5d5d5;border:1px solid rgba(0,0,0,.17);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 0 rgba(0,0,0,.05);color:#262626}.abcRioButtonErrorState:hover,.abcRioButtonWorkingState:hover{border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1)}.abcRioButtonErrorState:active,.abcRioButtonWorkingState:active{border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);-webkit-box-shadow:inset 0 1px 0 #ddd;box-shadow:inset 0 1px 0 #ddd;color:#262626}.abcRioButtonWorkingState,.abcRioButtonWorkingState:hover{background-color:#f5f5f5}.abcRioButtonWorkingState:active{background-color:#e5e5e5}.abcRioButtonErrorState,.abcRioButtonErrorState:hover{background-color:#fff}.abcRioButtonErrorState:active{background-color:#e5e5e5}.abcRioButtonWorkingState .abcRioButtonWorkingWrapper,.abcRioButtonErrorState .abcRioButtonErrorWrapper{display:block}.abcRioButtonErrorState .abcRioButtonContentWrapper,.abcRioButtonWorkingState .abcRioButtonContentWrapper,.abcRioButtonErrorState .abcRioButtonWorkingWrapper{display:none}.-webkit-keyframes abcRioButtonWorkingIconPathSpinKeyframes{0%{-webkit-transform:rotate(0)}}</style><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0;margin:0;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}</style></head>
<body style="overflow: hidden;">
<noscript>
You need to enable JavaScript to run this app.</noscript>
<div id="app-start-loading-screen" style="display: none;">
<div class="loader_container">
<img src="https://static.animaker.com/animapp-static/images/app-loader.gif" class="loader_image">
<div>
<div class="loaderbar">
</div>
<div class="loaderbar2" style="width: 100%;">
</div>
</div>
</div>
</div>
<div id="root" data-id="D04vl06scPsekMIp" data-user="Jesse Antoine" data-userid="drqacudaef" data-img="https://static.animaker.com/animaker/templateicons/profile-image.png" data-teamid="dhuds53724" data-view="full" data-type="video" data-apptype="main" data-language="en"><div> <div class="app full"><div class="app-main-page"><div class="app-page"><div data-html2canvas-ignore="true" class="app-lib-container unselectable library-tool-bar addTransition opened" style="height: 427px;"><div class="lib-moving-div-selection" id="lib-moving-div-selection" style="height: 43.8182px; margin-top: -51%; transform: translate3d(0px, 119.812px, 0px); background-color: transparent; opacity: 0;"></div><div class="lib-menu" style="height: 427px;"><div class="lib-icon hand-cursor icon-SEARCH" detail="left_menu_search" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_search.svg"><div class="icon_tool_tip icon_tool_tip_Search" style="display: none;">Search</div></div><div class="lib-icon hand-cursor icon-PREBUILT bottomSelectedTab" detail="left_menu_prebuilts" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_prebuilts.svg"><div class="icon_tool_tip icon_tool_tip_Prebuilt" style="display: none;">Pre-built templates</div></div><div class="lib-icon hand-cursor icon-CHR selectedTab" detail="left_menu_chr" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image hoverImg" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_chr_hover.svg" iconsrc="left_menu_chr" style="transform: scale(1);"><div class="icon_tool_tip icon_tool_tip_Characters" style="display: none;">Characters</div></div><div class="lib-icon hand-cursor icon-PROP topSelectedTab" detail="left_menu_props" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_props.svg"><div class="icon_tool_tip icon_tool_tip_Property" style="display: none;">Properties</div></div><div class="lib-icon hand-cursor icon-TEXT" detail="left_menu_text" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_text.svg"><div class="icon_tool_tip icon_tool_tip_Text" style="display: none;">Text</div></div><div class="lib-icon hand-cursor icon-BG" detail="left_menu_bg" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_bg.svg"><div class="icon_tool_tip icon_tool_tip_Bg" style="display: none;">Backgrounds</div></div><div class="lib-icon hand-cursor icon-IMG" detail="left_menu_img" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_img.svg"><div class="icon_tool_tip icon_tool_tip_Image" style="display: none;">Images</div></div><div class="lib-icon hand-cursor icon-VIDEO" detail="left_menu_video" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_video.svg"><div class="icon_tool_tip icon_tool_tip_Video" style="display: none;">Videos</div></div><div class="lib-icon hand-cursor icon-MUSIC" detail="left_menu_music" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_music.svg"><div class="icon_tool_tip icon_tool_tip_Music" style="display: none;">Music</div></div><div class="lib-icon hand-cursor icon-SCR" detail="left_menu_effects" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_effects.svg"><div class="icon_tool_tip icon_tool_tip_ScreenEffects" style="display: none;">Special Effects</div></div><div class="lib-icon hand-cursor icon-UPLOADS" detail="left_menu_uploads" style="height: 38.8182px;"><img alt="lib-asset" class="lib-image" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/left_menu_uploads.svg"><div class="icon_tool_tip icon_tool_tip_Uploads" style="display: none;">Uploads</div></div></div><div class="lib-additional-div"><img class="arrow-lib-indication" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_sidebar/right-arrow.svg"><div class="lib_opener_tool_tip" style="display: none;">Open menu</div></div><div class="lib-additional-top-div" style="height: 427px;"><div class="lib-showBlock library-tool-bar slide-enter-done"><span id="dummyUpEle" style="display: none;">Upgrade</span><span id="dummyplele" style="display: none;">Please Wait...</span><span id="dummyddtEle" style="display: none;">Drag and Drop</span><span id="dummyddmEle" style="display: none;">Your file will be uploaded here</span><span id="default_text_1" style="display: none;">Add a heading</span><span id="default_text_2" style="display: none;">Add a subheading</span><span id="default_text_3" style="display: none;">Add a little bit of body text</span><div class="lib-search"><input autocomplete="off" maxlength="50" id="searchTextbox" type="text" placeholder="Search Properties" style="display: none;"><div class="lib-search-close-btn" style="display: none;"><span>+</span></div><div class="line"></div></div><div class="lib-stab-main-div"><ul class="lib-stab-holder" id="selectedCHR"> <li class="lib-stab-tab selected" id="lib-stab-tabCHARACTER" style="width: 72.3333%;"><div id="CHARACTER" class="one"><img alt="tabElements" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_inner/lib-character-hover.svg" style="left: -10px;"><div class="inner-stab-name CHARACTER" style="max-width: 100%;">characters</div></div></li><li class="lib-stab-tab" id="lib-stab-tabMY CHARACTER" style="width: 24.5%;"><div id="MY CHARACTER" class="one"><img alt="tabElements" src="https://static.animaker.com/animapp-static/images/lib_2_0/lib_inner/lib-mycharacter.svg" style="left: 0px;"><div class="inner-stab-name MY CHARACTER" style="max-width: 0%; text-align: center;">my characters</div></div></li> </ul></div><div class="library-pack chr chr horizontal"><div class="asset-content assets_content not_expanded CHR" id="CHR_assest" style="display: block; overflow-y: auto; animation-duration: 800ms; animation-name: animOpacity;"><div class="page-overlay"><div class="save-spinner"><div class="double-bounce1"></div><div class="double-bounce2"></div></div></div><div class="lib-category Casual " id="cat_Casual"><p class="lib-category-name">Casual</p><img class="lib-expand" draggable="false" alt="playIcon" src="https://static.animaker.com/animapp-static/images/lib-icons/library_add_icon.svg" style="float: right;"></div><ul class="lib-holder threeview"><li class="animate-delay Casual animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0001/ch-0001.png" id="ch-0001" class="asset-load " alt="" data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay Casual animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0002/ch-0002.png" id="ch-0002" class="asset-load " alt="" data-type="CHR" data-width="250" data-height="600"></li><li class="spacer" style="top: 336px;"></li></ul><div class="lib-category AllItems " id="cat_AllItems"><p class="lib-category-name">All Items</p></div><ul class="lib-holder threeview" style="height: auto;"><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0001/ch-0001.png" id="ch-0001" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0002/ch-0002.png" id="ch-0002" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0003/ch-0003.png" id="ch-0003" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0004/ch-0004.png" id="ch-0004" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0005/ch-0005.png" id="ch-0005" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0006/ch-0006.png" id="ch-0006" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0007/ch-0007.png" id="ch-0007" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0008/ch-0008.png" id="ch-0008" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0009/ch-0009.png" id="ch-0009" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0017/ch-0017.png" id="ch-0017" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0018/ch-0018.png" id="ch-0018" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0025/ch-0025.png" id="ch-0025" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0026/ch-0026.png" id="ch-0026" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0027/ch-0027.png" id="ch-0027" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0029/ch-0029.png" id="ch-0029" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0030/ch-0030.png" id="ch-0030" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0033/ch-0033.png" id="ch-0033" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0035/ch-0035.png" id="ch-0035" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><img src="https://library.animaker.com/animaker/characters/source/ch-0039/ch-0039.png" id="ch-0039" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0041/ch-0041.png" id="ch-0041" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0049/ch-0049.png" id="ch-0049" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0050/ch-0050.png" id="ch-0050" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="3"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level3.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0051/ch-0051.png" id="ch-0051" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="3"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level3.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0052/ch-0052.png" id="ch-0052" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="animate-delay All Items animate-slide-up"><div class="lib_up_batch" batchno="2"><img class="batch_img" src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/level1.svg"></div><img src="https://library.animaker.com/animaker/characters/source/ch-0053/ch-0053.png" id="ch-0053" class="asset-load " data-type="CHR" data-width="250" data-height="600"></li><li class="spacer" style="top: 4428px;"></li></ul><li class="spacer"></li><div class="spinner" style="opacity: 0;"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div></div><div class="asset-content assets_content expanded_assests CHR" id="CHR_assest" style="display: none;"><div class="page-overlay"><div class="save-spinner"><div class="double-bounce1"></div><div class="double-bounce2"></div></div></div><div class="spinner" style="opacity: 0;"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div></div></div><div id="searchedLibValuesHolder" class="searched_val_holder" style="display: none;"></div></div></div></div></div></div><div data-html2canvas-ignore="true" class="app-menu menu-tool-bar"><div class="header-class unselectable"><div class="logo pad First"><div class="logo-inner"><img id="menu-animaker-logo" alt="AnimakerLogo" src="https://static.animaker.com/animapp-static/images/header_2_0/animaker.svg"></div><div class="logo-inner"><img id="menu-animaker-arrow" alt="menu-arrow" src="https://static.animaker.com/animapp-static/images/header_2_0/down-arrow.svg"></div></div><span></span><div class="first-division"><div class="Second disabled"><img src="https://static.animaker.com/animapp-static/images/header_2_0/header_undo.svg"><div class="tool_tip_header undo_tool_tip" style="display: none;">Undo(⌘+Z)</div></div><div class="Second disabled"><img src="https://static.animaker.com/animapp-static/images/header_2_0/header_redo.svg"><div class="tool_tip_header redo_tool_tip" style="display: none;">Redo(⌘+Y)</div></div><div class="Second"><img src="https://static.animaker.com/animapp-static/images/header_2_0/header_duplicate.svg"><div class="tool_tip_header duplicate_tool_tip" style="display: none;">Copy(⌘+C)</div></div><div class="Second disabled"><img src="https://static.animaker.com/animapp-static/images/header_2_0/paste.svg"><div class="tool_tip_header paste_tool_tip" style="display: none;">Paste(⌘+V)</div></div><div class="autosave_text_div" style="color: rgb(200, 174, 245); line-height: 1.7; margin-left: 9px; cursor: default; white-space: nowrap; font-style: italic; min-width: 150px; margin-top: 27px; font-size: 10px;">All Changes Saved</div></div><div class="middle-division"><div class="animaker-type-selection"><ul class="selection-tabs"><li class="trigger-tab active" rel="full">Full</li><li class="trigger-tab " rel="lite">Lite</li></ul></div></div><div class="end-division"><div class="end-inner editUpgradeMode" id="header-edit-icon"><div style="overflow: hidden;"><input class="edit-project-name" type="text" value="Untitled Video"></div><div class="header-icon-editing" style="visibility: visible;"><div class="tool_tip_header edit_header_tool_tip" style="display: none;">Rename</div></div></div><div class="end-inner header_upgrade_holder" style="opacity: 1;"><span class="header_upgrade_icon">Upgrade to starter</span><img src="https://static.animaker.com/animapp-static/images/lib_upgrade_icons/Star.svg"></div><div class="end-inner color-violet play-button" style="opacity: 1; display: inline-flex;"><div> <img alt="play" src="https://static.animaker.com/animapp-static/images/header_2_0/header_play.svg"> </div><div class="tool_tip_header play_header_tool_tip" style="display: none;">Preview</div></div><div class="end-inner color-violet header-share"><div>Share</div></div><div class="end-inner color-violet header-publish pre_tour_action" style="background-color: rgb(241, 130, 29); color: rgb(255, 255, 255); font-size: 16px;"><div> Publish </div></div><div class="tourguide_icon_wrapper end-inner pre_tour_action"><img class="tour_start_icon" src="https://static.animaker.com/animapp-static/images/tour/tour-guide-icon.svg"><div class="tool_tip_header tour_icon_tool_tip" style="display: none;">Max</div></div></div><span></span></div></div><div data-html2canvas-ignore="true" class="app-timeline timeline-tool-bar unselectable objectTab" style="height: 130px; border-top: 1px solid rgb(241, 241, 241);"><div><div class="timeline-player center-all" style="height: 130px;"><img alt="tabicon" class="timeline-ball" src="https://static.animaker.com/animapp-static/images/timeline_2_0/object_icon.svg"><span></span></div><div class="timelineclass" style="height: 130px;"><div id="dropZone" mainparent="dropZone" class="sliderWrapper" style="height: 88px;"><div id="sliderBaseId" class="SliderCls" style="height: 50px; width: 645px;"></div><div id="timeScale" style="width: 675px;"><svg id="ruler" style="width: 675px;"><text x="28" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: end" font-size="11px" stroke-width="0.1">0s</text><path d="M 15, 0 L 15, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="81.5" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">1s</text><path d="M 79.5, 0 L 79.5, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="146" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">2s</text><path d="M 144, 0 L 144, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="210.5" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">3s</text><path d="M 208.5, 0 L 208.5, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="275" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">4s</text><path d="M 273, 0 L 273, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="339.5" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">5s</text><path d="M 337.5, 0 L 337.5, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="404" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">6s</text><path d="M 402, 0 L 402, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="468.5" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">7s</text><path d="M 466.5, 0 L 466.5, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="533" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">8s</text><path d="M 531, 0 L 531, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="597.5" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: left" font-size="11px" stroke-width="0.1">9s</text><path d="M 595.5, 0 L 595.5, 15" stroke-width="1" stroke="#bbc3c6"></path><text x="660" y="15" fill="#4e4b5d" stroke="#4e4b5d" style="text-anchor: end" font-size="11px" stroke-width="0.1">10s</text><path d="M 660, 0 L 660, 15" stroke-width="1" stroke="#bbc3c6"></path></svg></div><div class="playHeadClassParent"><div class="playHeadCls" style="transform: translate3d(15px, 0px, 0px);"><img src="https://static.animaker.com/animapp-static/images/timeline_2_0/Current-indicator.svg" draggable="false" alt="thumb" class="playHeadThumb" style="width: 29px; position: absolute; left: -4px; top: -7px;"><div class="thumb-line"></div></div><div class="playhead_control_tool_tip" style="display: none;">Play head</div></div></div><div class="objList-container" style="width: 675px;"></div></div><div class="timeline-timer"><div class="timeline-timer-add center-all" style="float: left;"><div class="increase"></div><div class="decrease"></div><div class="increasescene_control_tool_tip" style="display: none;">Increase current scene time</div><div class="decreasescene_control_tool_tip" style="display: none;">Decrease current scene time</div></div></div><div class="slider-holder"><span id="slider-notification" style="top: -22px; font-size: 11px; font-weight: bold; white-space: pre;">- Zoom +</span><input class="slider" step="1" type="range" min="0" max="90" value="0" style="background: linear-gradient(to right, rgb(162, 182, 242) 0%, rgb(162, 182, 242) 0%, rgb(221, 214, 214) 0%, rgba(221, 214, 214, 0.9) 100%);"><div class="slidertl_control_tool_tip" style="display: none;">Timeline zoom</div></div></div></div><div class="slide-panel panel-tool-bar full" style="top: 60px; right: 0px; height: 427px; animation: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running slide-from-settings;"><div><div class="property-header-3"><div><span class="window-name">Scenes</span></div><img class="close-window" src="https://static.animaker.com/animapp-static/images/property-icons/close_button.svg"></div><div class="slides-container" style="height: 385px;"><div class="slide-container active"><div class="col-2"><span class="current_sorter full"></span><div class="scene-thumb-container"><div class="thumb-hold" style="width: 176px; height: 99px; background-color: rgb(255, 255, 255);"><div class="img-wrapper"></div><div class="slide-controls hoverit" style="display: block;"><div class="dots"><img src="https://static.animaker.com/animapp-static/images/slide-icons/add.svg" class="slide_add_scene_img"><img class="slide_duplicate_scene_img" src="https://static.animaker.com/animapp-static/images/slide-icons/duplicate.svg"><img class="slide_delete_scene_img" src="https://static.animaker.com/animapp-static/images/slide-icons/delete.svg"><div class="item_tools_tooltip slide_tool_tips slide_addscene_tool_tip_0" style="display: none;">Add Scene</div><div class="item_tools_tooltip slide_tool_tips slide_duplicatescene_tool_tip_0" style="display: none;">Duplicate Scene</div><div class="item_tools_tooltip slide_tool_tips slide_removescene_tool_tip_0" style="display: none;">Delete Scene</div></div></div><div class="scene-tl-display" style="display: inline-block;"><span>Scene 1</span><span class="duration">00:10</span></div></div></div><div class="panel-bottom"><img class="slide_bottom_add_scene" src="https://static.animaker.com/animapp-static/images/slide-icons/add.svg"><div class="item_tools_tooltip slide_bottom_trans_tooltip slide_bottom_trans_tool_tip_0" style="display: none;">Add transition effect</div><div class="item_tools_tooltip slide_bottom_addscene_tool_tip" style="display: none;">Add Scene</div></div></div></div></div><div class="sort-indicator" style="position: absolute; width: 100%; height: 2px; border: 2px solid rgb(126, 110, 234); display: none;"></div></div></div><div class="workspace-main-page"><div data-html2canvas-ignore="true" class="player-control-container player-tool-bar " style="position: absolute; transform: scale(1); width: 621px; pointer-events: none; left: 116px; bottom: 170px;"><div class="player-control"><img class="play_from_cursor" src="https://static.animaker.com/animapp-static/images/player_2_0/play.svg" alt="PlayAll" style="transform: scale(1); width: 48px; height: 48px; pointer-events: auto;"><div class="playall_scene_tool_tip" style="display: none;">Play from the playhead</div><div class="play-all" style="pointer-events: auto;"><img alt="scene_play" src="https://static.animaker.com/animapp-static/images/player_2_0/scene-play.svg" style="width: 32px; height: 32px;"> <div style="height: 100%; width: 1.5px; background: rgba(0, 0, 0, 0.1);"></div><span class="sceneName" style="transform: scale(1); font-size: 18px;">Scene 1</span></div><div class="scenenos_tool_tip" style="display: none;">Open scene window</div><div class="play_scene_tool_tip" style="display: none;">Play current scene from the beginning</div></div><div id="playing-duration-lite"><div id="playHead-value" style="transform: scale(1); font-size: 18px; letter-spacing: 0px;">[00:00] </div><div class="play-duration" style="transform: scale(1); font-size: 18px; letter-spacing: 0px;">00:10</div></div><div class="duration_scene_tool_tip" style="display: none;">Total time</div><div class="current_dur_tool_tip" style="display: none;">Time at playhead</div><div class="object-settings" style="pointer-events: inherit; transform: scale(1);"><img class="player-icons-right selected character_icon_tab" src="https://static.animaker.com/animapp-static/images/player_2_0/tab_object_selected.svg" alt="Object" style="pointer-events: auto;"><img class="player-icons-right music-icon-tab" src="https://static.animaker.com/animapp-static/images/player_2_0/video_timeline.svg" alt="Music" style="pointer-events: auto;"><img class="player-icons-right camera_timeline_icon" src="https://static.animaker.com/animapp-static/images/player_2_0/tab_camera.svg" alt="Camera" style="pointer-events: auto;"><div class="animchr_scene_tool_tip" style="display: none;">Animation Timeline</div><div class="videotl_scene_tool_tip" style="display: none;">Video Timeline</div><div class="cameratl_scene_tool_tip" style="display: none;">Camera Timeline</div></div></div><div class="workspace-wrapper"><div class="overflowProp" style="left: 0px; top: 0px; width: 811px; height: 241.25px;"></div><div class="overflowProp" style="left: 0px; top: 241.25px; width: 450px; height: 4.5px;"></div><div class="overflowProp" style="left: 403px; top: 241.25px; width: 408px; height: 4.5px;"></div><div class="overflowProp" style="left: 0px; bottom: 0px; width: 811px; height: 371.25px;"></div><div class="overflowProp" style="left: 450px; top: 241.25px; width: 10px; height: 10px; background-color: transparent; background-image: radial-gradient(circle at 100% 100%, transparent 10px, rgba(255, 255, 255, 0.5) 0px);"></div><div class="overflowProp" style="left: 450px; top: 235.75px; width: 10px; height: 10px; background-color: transparent; background-image: radial-gradient(circle at 100% 0px, transparent 10px, rgba(255, 255, 255, 0.5) 0px);"></div><div class="overflowProp" style="left: 393px; top: 241.25px; width: 10px; height: 10px; background-color: transparent; background-image: radial-gradient(circle at 0px 100%, transparent 10px, rgba(255, 255, 255, 0.5) 0px);"></div><div class="overflowProp" style="left: 393px; top: 235.75px; width: 10px; height: 10px; background-color: transparent; background-image: radial-gradient(circle at 0px 0px, transparent 10px, rgba(255, 255, 255, 0.5) 0px);"></div><div id="workspace" class="item level0 workspace work-list" style="left: 450px; top: 241.25px; width: 410.67px; height: 4.5px; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: none 0s ease 0s; border: none; background-color: rgb(237, 237, 239); overflow-x: scroll;"><div class="scenes" id="scene-one" style="left: 0px; top: 0px; position: absolute; width: 8px; height: 4.5px; overflow: hidden;"><div class="bg-container" style="position: absolute; width: 8px; height: 4.5px; overflow: hidden; border-radius: 10px; background-color: rgb(255, 255, 255);"></div><div class="bg-container bg-preview" id="bgWrkspcPreview" style="position: absolute; width: 8px; height: 4.5px; overflow: hidden; border-radius: 10px; background-color: rgb(255, 255, 255);"></div></div><div class="svg-filters" style="display: none;"></div></div><div data-html2canvas-ignore="true" class="scene-tool-bar" style="top: 171.5px; left: 418px;"><ul><li><img class="add_scene_icon" src="https://static.animaker.com/animapp-static/images/slide-icons/add.svg"><div class="add_scene_tool_tip" style="display: none;">Add scene</div></li></ul></div><div class="zoom-controls" style="left: 376.5px;"><span><span class="zoom-display">1%</span><img src="https://static.animaker.com/animapp-static/images/zoom-controls/drop.svg" style="margin: 0px; width: 12px;"></span></div><div class="zoom_control_tool_tip" style="display: none; left: 386.5px;">Zoom</div></div></div><span id="textToDisplayId" style="display: none;">Syncing your Audio</span><div id="app-overlay" data-html2canvas-ignore="true" style="top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; background-color: rgba(0, 0, 0, 0.5); z-index: 9; display: none;"></div><div id="overlays" data-html2canvas-ignore="true"><div class="snap-line vertical-line ver-left"></div><div class="snap-line vertical-line ver-center"></div><div class="snap-line vertical-line ver-right"></div><div class="snap-line horizontal-line hor-top"></div><div class="snap-line horizontal-line hor-center"></div><div class="snap-line horizontal-line hor-bottom"></div><div class="snap-line rotationLine"></div><div class="snap-line rotationDisplay"><span id="rotationAngle"></span></div></div><div id="highlighter" style="position: absolute; box-shadow: rgb(255, 196, 35) 0px 0px 0px 1px; z-index: 15; display: none; pointer-events: none;"></div><div data-html2canvas-ignore="true" class="common-popup tool-bar" style="display: none;"><div class="common-popup-inner"><div class="close-button"><img src="https://static.animaker.com/animapp-static/images/cancel-normal.svg"></div></div></div><div class="app-tooltip" style="display: none;"><div class="tooltip-title" style="display: none;"></div><div class="tooltip-information"></div></div></div> </div></div>
<script type="text/javascript" src="https://static.animaker.com/animapp-static/static/js/main.06cb8a1d.js">
</script>
<script src="https://static.animaker.com/js/externalfile-v12.js"> </script>
<script src="https://static.animaker.com/js/vt.js"> </script>
<script>
var static='https://static.animaker.com/'
</script>
<div style="position: absolute;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);display: none" id="popup-overlay"></div>
<script type="text/javascript" src="/jsi18n/"></script>
<div class="anim-new-modal signup_formInapp modal-tool-bar" data-html2canvas-ignore="true" style="display:none;">
<div class="signup_header">
<h1>Sign Up </h1>
<p class="register_topmsge" style="color:red;text-align: center;font-size: 15px;margin-top: 15px;"></p>
</div>
<div class="signup_body">
<div class="register_username">
<input type="text" defaultvalue="name" name="r_firstname" class="name_field" placeholder="Name" autocomplete="off" onfocus="focusspusername(this)" onkeyup="signupclickinpopup()">
<span class="username_icon"></span>
</div>
<p class="sigin_errormsg"></p>
<div class="register_email">
<input type="text" defaultvalue="email" name="r_email" class="email_field" placeholder="Email" autocomplete="off" onfocus="focusspemail(this)" onkeyup="signupclickinpopup()">
<span class="email_icon"></span>
</div>
<p class="sigin_errormsg"></p>
<div class="register_password">
<input type="password" defaultvalue="password" name="r_password" class="password_field" placeholder="Password" autocomplete="off" onfocus="focussppassword(this)" onkeyup="signupclickinpopup()">
<span class="password_icon"></span>
</div>
<p class="sigin_errormsg"></p>
<button class="register_button" id="register_btn_inappexport">Sign Up</button>
<div class="social_area">
<div class="facebook_login">
<img src="https://static.animaker.com/imagesizes/fb-social-icon.svg" alt="FACEBOOK" class="login-social-icons" id="facebookregisterInapp">
</div>
<div class="google_login g-signin2" data-onsuccess="onSignIn" id="googleregisterInapp" data-gapiscan="true" data-onload="true"><div style="height: 40px; width: 40px;" class="abcRioButton abcRioButtonLightBlue"><div class="abcRioButtonContentWrapper"><img src="https://static.animaker.com/imagesizes/google-social-icon.svg" alt="GOOGLE" class="login-social-icons"></div></div></div>
</div>
</div>
<div class="footer_section">
<p>Already have an account? <span style="color: #FFCE49;font-weight:700;cursor:pointer;" id="openloginblock">Log In</span></p>
</div>
</div>
<div class="anim-new-modal login_formInapp modal-tool-bar" data-html2canvas-ignore="true" style="display:none;">
<div class="login_header">
<h1>Log In </h1>
<p class="login_topmsge" style="color:red;text-align: center;font-size: 15px;margin-top: 15px;"></p>
</div>
<div class="login_body">
<div class="login_email">
<input type="text" defaultvalue="email" name="l_email" class="email_field" placeholder="Email" autocomplete="off" onfocus="focuslpemail(this)" onkeyup="loginclickinpopup()">
<span class="email_icon"></span>
</div>
<p class="login_errormsg"></p>
<div class="login_password">
<input type="password" defaultvalue="password" name="l_password" class="password_field" placeholder="Password" autocomplete="off" onfocus="focuslppassword(this)" onkeyup="loginclickinpopup()">
<span class="password_icon"></span>
</div>
<p class="login_errormsg"></p>
<button class="login_button" id="login_btn_inappexport">Log In</button>
<div class="social_area">
<div class="facebook_login">
<img src="https://static.animaker.com/imagesizes/fb-social-icon.svg" alt="FACEBOOK" class="login-social-icons" id="facebookregisterInapp1">
</div>
<div class="google_login g-signin2" data-onsuccess="onSignIn" id="googleregisterInapp" data-gapiscan="true" data-onload="true"><div style="height: 40px; width: 40px;" class="abcRioButton abcRioButtonLightBlue"><div class="abcRioButtonContentWrapper"><img src="https://static.animaker.com/imagesizes/google-social-icon.svg" alt="GOOGLE" class="login-social-icons"></div></div></div>
</div>
</div>
<div class="footer_section">
<p>New to Animaker? <span style="color: #FFCE49;font-weight:700;cursor:pointer;" id="openregisterblock">Sign Up</span></p>
</div>
</div>
<!-- Two factor block -->
<div class="anim-new-modal twofactorauth_formInapp modal-tool-bar" data-html2canvas-ignore="true" style="display:none;">
<div class="login_header">
<h1>Verify Your Code </h1>
</div>
<div class="login_body">
<div class="login_password">
<input type="password" defaultvalue="password" name="twofa_otp" class="password_field " placeholder="Please enter your 6 - digit code" autocomplete="off" onkeyup="twofactorauthclickinpopup()">
<span class="password_icon"></span>
</div>
<p class="twofactorapp_errormsg"></p>
<button class="login_button" id="twofactorapp_submit">Submit</button>
</div>
</div>
<div class="anim-modal-auth-overlay" style="display: none;" onclick="closeauthenticationpopups(this)"></div>
<div class="lds-animaker-overlay" style="position: fixed;display: none;z-index: 999999"><div class="lds-animaker" style="top: 40%;left: 50%;"><div></div><div></div><div></div></div></div>
<div class="anim-new-modal-overlay" style="display: none;" onclick="closeUpgradePaymentOverlay(this)"></div>
<div class="anim-new-modal upgradePlan_model modal-tool-bar" data-html2canvas-ignore="true" id="upgrade_model" style="display: none;">
<div class="new-modal-header">
<p class="modal-body-text" id="upgradePaymentPlanHeader"> </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="monthly-details onselecting-plan" id="SelectedMonthlyPricingPlan" onclick="cycleChangeClicked(this)">
<div class="plan_select">
<span></span>
</div>
<div class="monthly_plan">
<p>Monthly - <span class="monthly_cost" id="plan-monthly-cost">$35</span><span class="cost_per_month"><sub>/ mo.</sub></span></p>
</div>
</div>
<div class="yearly-details onselecting-plan selected-plan" id="SelectedYearlyPricingPlan" onclick="cycleChangeClicked(this)">
<div class="plan_select">
<span></span>
</div>
<div class="yearly_plan">
<p>Yearly - <span class="yearly_cost" id="plan-yearly-cost">$19</span><span class="cost_per_year"><sub id="monthly-sub">/ mo. (you pay $228 yearly)</sub></span></p>
</div>
<div class="yearly_offer">
<div class="yearly_offer_details">
<p> </p>
</div>
</div>
</div>
<div class="discount_coupen_show">
<div class="coupen_discount_text">Coupon Code</div>
<div class="coupen_code_val_input"> </div>
</div>
<div class="total_cost_purchase">
<div class="cost_per_member">
<p>Total Bill: <span class="total_member_cost" id="total_membersCost_splitUp"> </span></p>
</div>
<div class="total_amount">
<p id="totalCostAmountPay"> </p>
</div>
</div>
<div id="downgradePlaninMyPlans"></div>
<!-- <p class="note-description" id="show_monthly_prorated_amount"></p>
<p class="note-description" id="show_yearly_prorated_amount"></p> -->
<p class="note-description"> Your subscription will auto renew every month. You can unsubscribe anytime via My Plan.</p>
<div class="card-contents">
<div class="purchase_details">
<div class="purchase_icon">
<span class="credit_card_icon"></span>
</div>
<div class="card-details">
<div class="add_card_number" id="add_card_number">
<input type="text" class="credit-card-number" id="cardNumberPlanUpgrade" name="card-number" defaultvalue="" value="" placeholder="Credit card No" autocomplete="off" onkeyup="ccvalidation(this,event,'cn')" onkeypress="return isNumber(event)">
</div>
</div>
</div>
<div class="expiry_cvv_section">
<div class="date_section">
<div class="date_details">
<div class="purchase_icon">
<span class="calender_icon"></span>
</div>
<div class="date_details_input">
<div class="add_date_month" id="add_date_month">
<input type="text" class="credit-card-month" name="exp-date" id="expiryDatePlanUpgrade" defaultvalue="" value="" placeholder="MM/YY" autocomplete="off" maxlength="5" onkeyup="ccvalidation(this,event,'expiry')">
</div>
</div>
</div>
</div>
<div class="cvv_section">
<div class="cvv_details">
<div class="purchase_icon">
<span class="cvv_icon"></span>
</div>
<div class="cvv_details_input">
<div class="add_cvv_number" id="add_cvv_number">
<input type="text" class="credit-card-cvv" id="cardCvvPlanUpgrade" name="card-cvv" defaultvalue="" value="" placeholder="CVV" autocomplete="off" maxlength="4" onkeyup="ccvalidation(this,event,'cvv')" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
</div>
</div>
</div>
</div>
</div>
<div class="zipcode_area">
<input type="text" class="zipcode-number" id="zip-code-val" name="zip-code" defaultvalue="" value="" placeholder="ZIP Code" autocomplete="off" onkeyup="ccvalidation(this,event,'zc')">
</div>
</div>
<p style="color:red;font-size: 14px;text-align:center;margin-top: 5px;" id="displaycarderrors"></p>
<div class="updrade-now">
<button class="upgrade-now-btn" id="updradePlanNow">Pay</button>
</div>
<div class="note_payment_card_details">100% secure with 128 bit SSL encryption</div>
</div>
</div>
<!-- Normal dashboard upgrade free -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="Upgradeupgradefree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text"> Premium Plans</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo </span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Export additional videos at $15/export</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> Build 7 Custom Characters </span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> 15 Stock Assets/mo in Premium bundle </span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> 1080p Quality Videos</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Export additional videos at $10/export</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> Build 20 Custom Characters </span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> 30 Stock Assets/mo in Premium bundle </span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> 2K Quality Videos </span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="detailedUpgradefreetogrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="detailedUpgradefreetobiz">Upgrade </span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want Unlimited exports? <span class="contact_us" id="detailedupgradefreetoenterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="Upgradeupgradestarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Upgrade to Pro </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Export additional videos at $10/export</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Build 20 Custom Characters </span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 30 Stock Assets/mo in Premium bundle</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 2K Quality Videos </span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="detailedUpgradestartertopro">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want Unlimited exports? <span class="contact_us" id="detailedupgradestartertoenterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="Upgradeupgradepro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Go Enterprise</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to export Unlimited videos and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited Custom Characters</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports/mo</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">50 Stock Assets/mo in Premium bundle</span></div>
<div class="upgradeplanPaymentBlock"> <span class="contact_us" id="detailedupgradeprotoenterprise">Contact us</span></div>
</div>
</div>
</div>
</div>
<!-- Cancel Subscription -->
<div class="anim-new-modal downgrade_popup_model modal-tool-bar" id="cancelSubscriptionBlock" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Cancel subscription</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="cancelsubscription_details">
<h2>You will miss out on</h2>
<div class="cancelsubscription_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="cancelsubscription_features_text"> </span> </div>
<div class="cancelsubscription_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="cancelsubscription_features_text"> </span> </div>
<div class="cancelsubscription_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="cancelsubscription_features_text"> </span> </div>
<div class="cancelsubscription_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="cancelsubscription_features_text"> </span> </div>
<div class="cancelsubscription_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="cancelsubscription_features_text"> </span> </div>
<p class="decription_cancelsubscription">Don't lose features and advantage of your current plan of animaker,enjoy the plan</p>
<button class="cancel_subscription_to_free">Cancel</button>
<button class="stay_in_currentplan_not_cancel">Enjoy the plan</button>
</div>
</div>
</div>
<!-- Downgrade Popup -->
<div class="anim-new-modal downgrade_popup_model modal-tool-bar" id="detaileddowngradeMenu" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Downgrade to Starter Plan</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="downgrade_details_section">
<h2>You will miss out on:</h2>
<div class="donwgrade_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="donwgrade_features_text"> </span> </div>
<div class="donwgrade_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="donwgrade_features_text"> </span> </div>
<div class="donwgrade_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="donwgrade_features_text"> </span> </div>
<div class="donwgrade_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="donwgrade_features_text"> </span> </div>
<div class="donwgrade_features"> <img src="https://static.animaker.com/icons/Cross.svg" class="listedmark_icon"> <span class="donwgrade_features_text"> </span> </div>
<!-- <p class="decription_downgrade">Don't lose features and advantage of your current plan of animaker,enjoy the plan</p> -->
<button class="downgrade_subscription_to_free">Switch to Starter</button>
<button class="downgrade_stay_in_currentplan">Stay on Pro</button>
</div>
</div>
</div>
<!-- Quality upgrade -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradequalityFullHD" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Premium Quality Videos</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">1080p video export</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span> </div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Export additional videos at $15/export</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> 2K video export </span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span> </div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Export additional videos at $10 / export</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="VideoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="VideoBiz">Upgrade </span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more than 20 exports per month? <span class="contact_us" id="upgradeQualityFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="Upgradequality2k" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Premium Quality Videos</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 2K video exports</span></div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 6 Premium Exports/mo</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Export additional videos at $10/export </span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeQualitytoBiz">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want Unlimited exports? <span class="contact_us" id="upgradeQualityGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="Upgradequality4k" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">4k Quality videos</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock crystal quality video making and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">4K video exports</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Export Unlimited videos</span></div>
<div class="upgradeplanPaymentBlock"> <span class="contact_us" id="upgradeQualityBiztoEnterprise">Contact us</span></div>
</div>
</div>
</div>
</div>
<!-- Stock Upgrade -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="Upgradestockfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text"> Expand your Premium Assets </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">15 Stock Assets/mo in Premium bundle </span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> 1080p Quality videos </span> </div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> 30 Stock Assets/mo in Premium bundle </span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 2K Quality videos </span> </div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeStockFreeGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeStockFreeBiz">Upgrade </span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want Unlimited exports? <span class="contact_us" id="upgradeStockFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="Upgradestockstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Expand your Premium Assets</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 30 Stock Assets/mo in Premium bundle</span> </div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 2K Quality videos</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeStockGrowthbiz">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want Unlimited exports? <span class="contact_us" id="upgradeStockGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="Upgradestockpro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text"> Expand your Premium Assets </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock extensive access to Premium Assets and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text"> 50 Stock Assets/mo in Premium bundle </span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text"> Unlimited Custom Characters </span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports</span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeStockBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Character upgrade -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="Upgradeccbfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text"> Custom Characters </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Build 7 Custom Characters</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> Build 20 Custom Characters </span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="ccbUpgradeFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="ccbUpgradeFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want to build more than 20 Characters? <span class="contact_us" id="ccbUpgradeFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="Upgradeccbstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Custom Characters</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Build 20 Custom Characters</span></div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="ccbUpgradeGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want to build more than 20 Characters? <span class="contact_us" id="ccbUpgradeGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="Upgradeccbpro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Unlimited Custom Characters</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to build Unlimited custom characters and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited Custom Characters</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports/mo </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="ccbUpgradeBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Inapp upgrade flow -->
<!-- Background -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInappbackgroundfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Backgrounds </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Starter BG Bundle</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Pro BG Bundle</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more backgrounds and exports? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInappbackgroundstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Backgrounds</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Pro BG Bundle</span></div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more backgrounds and exports? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInappbackgroundpro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Backgrounds</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to use the full BG Library and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Enteprise BG Bundle</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports/mo </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Resize In app -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInappresizefree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Resize videos</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Resize your videos easily</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">1080p Quality Videos</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Resize your videos easily</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">2K Quality Videos</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more customization options? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<!-- Folder -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInappfolderfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Create a Folder</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Create Folder</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">1080p Quality Videos</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Create Folder</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">2K Quality Videos</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more customization options? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInappfolderstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Create a Folder</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 2K Quality Videos</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more customization options? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInappfolderpro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Create a Folder</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to create Unlimited Folders and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited Folders</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited Video Exports </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Music -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInappmusicfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Music Tracks </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Starter Music Bundle</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Pro Music Bundle</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more Music tracks? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInappmusicstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Music Tracks</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Pro Music Bundle</span> </div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more Music tracks? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInappmusicpro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Music Tracks</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock Full access to the entire list of Music Tracks in the Animaker library and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Enterprise Music Bundle</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Properties -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInapppropertiesfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Properties </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Starter Property Bundle</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Pro Property Bundle</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more Properties? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInapppropertiesstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Properties</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Pro Property Bundle</span> </div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more Properties? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInapppropertiespro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Properties</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock Full access to the entire list of properties in the Animaker library and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Enterprise Property Bundle</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Screen Effects -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInappscreenEffectsfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Special Effects </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Special Effects - Starter Bundle</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Special Effects - Pro Bundle</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more effects? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInappscreenEffectsstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Special Effects</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Special Effects - Pro Bundle</span> </div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more effects? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInappscreenEffectspro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Special Effects</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to create videos with the entire collection of special effects and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Special Effects - Enterprise Bundle</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports/mo </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Smart Move -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInappsmartmovefree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Smart Move</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Smart Move - Starter Access</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Smart Move - Business Access</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more Smart Move animations? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInappsmartmovestarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Smart Move</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Smart Move - Business Access</span> </div></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more Smart Move animations? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInappsmartmovepro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Smart Move</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to create videos with the entire collection of Smart Move Animations and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Smart Move - Enterprise Access</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports/mo </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Text prebuilts -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInapptextPrebuiltfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Text Pre-Builts </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Text Pre-Builts - Starter Access</span></div> </div>
<div class="growth_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">Text Pre-Builts - Business Access</span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more text Pre-Builts? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInapptextPrebuiltstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Text Pre-Builts</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Text Pre-Builts - Pro Access</span> </div></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 30 Assets/mo in Premium bundle</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more text Pre-Builts? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInapptextPrebuiltpro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Text Pre-Builts</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to create Unlimited Text Pre-builts and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited Text Pre-builts</span></div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited Video Exports </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Character upgrade -->
<div class="anim-new-modal upgradePayment_free_popup modal-tool-bar" id="UpgradeupgradInappccbfree" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text"> Character Library </p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricListingWithPlanNames">
<div class="pricing_growth_section">
<p class="growth_price"><sup>$</sup><span>19</span><sub>/ mo</sub></p>
<div class="growth_title"><span><img src="https://static.animaker.com/icons/growth_star.svg" class="growth_icon"></span><span class="growth_text">Starter</span></div>
</div>
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
</div>
</div>
<div class="plansQualityDescription">
<div class="pricing_growth_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">Starter Character Bundle</span></div> </div>
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text">6 Premium Exports/mo</span></div> </div>
</div>
<div class="pricing_business_section" style="padding:0px 20px">
<div class="growth_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="growth_features_text"> Pro Character Bundle </span></div> </div>
<div class="business_features"><span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text">10 Premium Exports/mo</span></div> </div>
</div>
</div>
<div class="plansUpgradeWholeSection">
<div class="pricing_growth_section">
<span class="upgrade_plan" id="upgradeInappFreetoGrowth">Upgrade</span>
</div>
<div class="pricing_business_section">
<span class="upgrade_plan" id="upgradeInappFreetobiz">Upgrade</span>
</div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more characters and exports? <span class="contact_us" id="upgradeInappFreetoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_starter_popup modal-tool-bar" id="UpgradeupgradInappccbstarter" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Character Library</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<p class="business_price"><sup>$</sup><span>39</span><sub>/ mo</sub></p>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/business_star.svg" class="business_icon"></span><span class="business_text">Pro</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> Pro Character Bundle</span> </div></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span> <div style="display: inline-block;width: calc( 100% - 25px);"> <span class="business_features_text"> 10 Premium Exports/mo</span></div> </div>
<div class="upgradeplanPaymentBlock"> <span class="upgrade_plan" id="upgradeInappGrowthtoBusiness">Upgrade</span></div>
</div>
</div>
<div class="see_plans"><button onclick="seeDetailedPlanSpecifications(this)"> See all Plans </button></div>
<p class="more_exports">Want more characters and exports? <span class="contact_us" id="upgradeInappGrowthtoEnterprise">Contact Us</span></p>
</div>
</div>
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="UpgradeupgradInappccbpro" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Character Library</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to use the full Character Library and other exciting features with <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Enteprise Character Bundle</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports/mo </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="upgradeInappBizEnterprise">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Brand Upgrade flow -->
<div class="anim-new-modal upgradePayment_pro_popup modal-tool-bar" id="upgradInappbrandenterprise" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<p class="modal-body-text">Brand Kit</p>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<div class="pricing_details_section">
<div class="pricing_business_section">
<div class="business_features_unlock">Unlock the ability to save and manage your Brand preferences along with other exciting features on <span style="font-weight:bold;color: #414053;">Animaker Enterprise</span></div>
<div class="business_title" style="padding-bottom: 20px;"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="business_text">Enterprise</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Full access to Brand Kit</span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Enteprise Character Bundle </span></div>
<div class="business_features"> <span style="display: inline-block;width: 25px;"><img src="https://static.animaker.com/icons/Tick.svg" class="growth_icon"></span><span class="business_features_text">Unlimited 4K Video Exports/mo </span></div>
<div class="upgradeplanPaymentBlock"><span class="contact_us" id="brandEnterpriseUpgrade">Contact Us</span></div>
</div>
</div>
</div>
</div>
<!-- Enterprise form popup -->
<div class="anim-new-modal enterprise_modal modal-tool-bar" id="enterprise_modal" data-html2canvas-ignore="true" style="display:none;">
<div class="new-modal-header">
<div class="business_title"><span><img src="https://static.animaker.com/icons/enterprise_star.svg" class="business_icon"></span><span class="modal-body-text" id="plan-header">Enterprise Plan</span></div>
<span class="close" onclick="closeUpgradePaymentPopups(this,event)"></span>
</div>
<div class="new-modal-body template_body">
<p class="enterprsie_feature_text">Enjoy new features and unlock exciting new options with Animaker Enterprise.</p>
<p class="enterprsie_feature_text">Talk with our sales team for more information.</p>
<label class="enterprise_form_labels" for="name">Name <span class="mandatory">*</span></label>
<input class="supportinput" type="text" name="enterpriceUsername" defaultvalue="name" id="enterpriceUsername" autocomplete="off" maxlength="100" onfocus="focusepusername(this)" onkeyup="enterpriseinputfieldkeyup()">
<p class="enterpriseform_error"> </p>
<label class="enterprise_form_labels" for="name">Company Name <span class="mandatory">*</span></label>
<input class="supportinput" type="text" name="enterpricecompanyname" defaultvalue="name" id="enterpricecompanyname" autocomplete="off" maxlength="100" onfocus="focusepusername(this)" onkeyup="enterpriseinputfieldkeyup()">
<p class="enterpriseform_error"> </p>
<label class="enterprise_form_labels" for="email">Company Email <span class="mandatory">*</span></label>
<input class="supportinput" type="text" name="enterpriceCompanyEmail" defaultvalue="Email" id="enterpriceCompanyEmail" autocomplete="off" maxlength="100" onfocus="focusepemail(this)" onkeyup="enterpriseinputfieldkeyup()">
<p class="enterpriseform_error"> </p>
<label class="enterprise_form_labels" for="phonenumber">Phone number <span class="mandatory">*</span></label>
<input class="supportinput" type="text" name="enterpricePhoneNo" defaultvalue="phonenumber" id="enterpricePhoneNo" autocomplete="off" oninput="this.value=this.value.replace(/[^0-9]/g,'');" maxlength="20" onfocus="focusepphneno(this)" onkeyup="enterpriseinputfieldkeyup()">
<p class="enterpriseform_error"> </p>
<label class="enterprise_form_labels" for="nooflicense">Number of licenses <span class="mandatory">*</span></label>
<div style="position:relative">
<div id="enterpriselicencedropdown" onclick="enterpriseinputchangeClick(event,this)">
<input class="supportinput" type="text" name="enterpriceLicense" id="enterpriceLicense" data-val="" value="10 to 50" disabled="" style="cursor: pointer;">
<span class="down_arrow"></span>
</div>
<div class="enterpriselicence_dropdown_block" id="enterpriselicence_dropdown_block" style="display: none;">
<div class="enterpriselicence_dropdown_list">
<div class="drop_inner"><span data-val="Less than 10">Less than 10</span></div>
</div>
<div class="enterpriselicence_dropdown_list selected_licenses">
<div class="drop_inner"><span data-val="10 to 50">10 to 50</span></div>
</div>
<div class="enterpriselicence_dropdown_list">
<div class="drop_inner"><span data-val="50 to 100">50 to 100</span></div>
</div>
<div class="enterpriselicence_dropdown_list">
<div class="drop_inner"><span data-val="More than 100">More than 100</span></div>
</div>
</div>
</div>
<!-- <input class="supportinput" type="text" name="enterpriceLicense" defaultValue="" id="enterpriceLicense" autocomplete="off" oninput="this.value=this.value.replace(/[^0-9]/g,'');" maxlength="10" onfocus="focusepnooflicences(this)" onkeyup="enterpriseinputfieldkeyup()"> -->
<p class="enterpriseform_error"> </p>
<div class="updrade-now">
<input class="upgrade-now-btn" id="enterpriseDataSubmit" type="submit" name="Upgrade Now" value="Submit">
</div>
</div>
</div>
<div class="Notification_popupbar">
<div class="success_div" style="padding:15px;">
<p style="color: #C5C5C5;font-size: 18px;margin-top:10px;text-align: center;" id="NotificationbarMessage"></p>
<span class="success_popup_close" onclick="close_notificationpopupbar(this)"></span>
</div>
</div>
<script>
var static='https://static.animaker.com/'
window.onload = function() {
if(document.getElementsByClassName("abcRioButtonLightBlue")[0] != undefined){
document.getElementsByClassName("abcRioButtonLightBlue")[0].style.width = "40px"
document.getElementsByClassName("abcRioButtonLightBlue")[0].style.height = "40px"
removegoogle = document.getElementsByClassName("abcRioButtonContentWrapper")[0]
removegoogle.removeChild(removegoogle.childNodes[0]);
document.getElementsByClassName("abcRioButtonContentWrapper")[0].innerHTML="<img src="+static+'imagesizes/google-social-icon.svg'+" alt='GOOGLE' class='login-social-icons'>"
document.getElementsByClassName("abcRioButtonLightBlue")[1].style.width = "40px"
document.getElementsByClassName("abcRioButtonLightBlue")[1].style.height = "40px"
removegoogle = document.getElementsByClassName("abcRioButtonContentWrapper")[1]
removegoogle.removeChild(removegoogle.childNodes[1]);
document.getElementsByClassName("abcRioButtonContentWrapper")[1].innerHTML="<img src="+static+'imagesizes/google-social-icon.svg'+" alt='GOOGLE' class='login-social-icons'>"
}
const cardInput = document.getElementById('cardNumberPlanUpgrade');
const dateInput = document.getElementById('expiryDatePlanUpgrade');
const cvvInput = document.getElementById('cardCvvPlanUpgrade');
cardInput.onpaste = function(e) {
e.preventDefault();
}
dateInput.onpaste = function(e) {
e.preventDefault();
}
cvvInput.onpaste = function(e) {
e.preventDefault();
}
}
function close_notificationpopupbar(e){
e.parentNode.parentNode.style.display = "none";
}
function enterpriseinputchangeClick(event,ths) {
event.stopPropagation();
document.getElementById("enterpriselicence_dropdown_block").style.display = "block"
// Add active class to the current button (highlight it)
var profblock = document.getElementById("enterpriselicence_dropdown_block");
var proflist = profblock.getElementsByClassName("enterpriselicence_dropdown_list");
for (var i = 0; i < proflist.length; i++) {
proflist[i].addEventListener("click", function() {
var current = document.getElementsByClassName("selected_licenses");
current[0].className = current[0].className.replace(" selected_licenses", "");
this.className += " selected_licenses";
});
}
profblock.onclick = function() {
profblock.style.display = "none";
document.getElementById("enterpriceLicense").setAttribute("value",document.getElementsByClassName("selected_licenses")[0].childNodes[1].innerText)
document.getElementById("enterpriceLicense").setAttribute("data-val",document.getElementsByClassName("selected_licenses")[0].childNodes[1].getAttribute("data-val"))
}
}
window.onclick = function(event) {
document.getElementById("enterpriselicence_dropdown_block").style.display = "none"
}
</script>
<iframe id="ssIFrame_google" sandbox="allow-scripts allow-same-origin" aria-hidden="true" frame-border="0" style="position: absolute; width: 1px; height: 1px; left: -9999px; top: -9999px; right: -9999px; bottom: -9999px; display: none;" src="https://accounts.google.com/o/oauth2/iframe#origin=https%3A%2F%2Fapp.animaker.com&rpcToken=839760220.9510684"></iframe><div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div></div></div></div></body></html>