CINXE.COM

<!DOCTYPE html>  <html class="no-js" dir="ltr" lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Motion Graphics Company | Creative27</title> <link rel="pingback" href="https://creative27.com/xmlrpc.php"><title>Motion Graphics Company | Creative27</title>   <meta name="description" content="Creative27 is a motion graphics company that will help create your next app video and website marketing video." /> <meta name="robots" content="max-image-preview:large" /> <meta name="google-site-verification" content="google-site-verification=0BYD1t5siZwwnAV7C6dWYLXwfdTZAzwXgFWUs4lzwts" /> <meta name="keywords" content="motion graphics company" /> <link rel="canonical" href="https://creative27.com/motion-graphics-company/" /> <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.7.4" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/creative27.com\/motion-graphics-company\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/creative27.com\/#listItem","position":1,"name":"Home","item":"https:\/\/creative27.com\/","nextItem":"https:\/\/creative27.com\/motion-graphics-company\/#listItem"},{"@type":"ListItem","@id":"https:\/\/creative27.com\/motion-graphics-company\/#listItem","position":2,"name":"Motion Graphics Company","previousItem":"https:\/\/creative27.com\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/creative27.com\/#organization","name":"Creative27","description":"Los Angeles App Design and Development Agency","url":"https:\/\/creative27.com\/"},{"@type":"WebPage","@id":"https:\/\/creative27.com\/motion-graphics-company\/#webpage","url":"https:\/\/creative27.com\/motion-graphics-company\/","name":"Motion Graphics Company | Creative27","description":"Creative27 is a motion graphics company that will help create your next app video and website marketing video.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/creative27.com\/#website"},"breadcrumb":{"@id":"https:\/\/creative27.com\/motion-graphics-company\/#breadcrumblist"},"datePublished":"2018-08-11T03:47:31+00:00","dateModified":"2018-08-26T21:43:14+00:00"},{"@type":"WebSite","@id":"https:\/\/creative27.com\/#website","url":"https:\/\/creative27.com\/","name":"Creative27","description":"Los Angeles App Design and Development Agency","inLanguage":"en-US","publisher":{"@id":"https:\/\/creative27.com\/#organization"}}]} </script>  <link rel="alternate" type="application/rss+xml" title="Creative27 » Feed" href="https://creative27.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Creative27 » Comments Feed" href="https://creative27.com/comments/feed/" /> <meta property="og:site_name" content="Creative27"><meta property="og:title" content="Motion Graphics Company"><meta property="og:description" content="Los Angeles App Design and Development Agency"><meta property="og:image" content=""><meta property="og:url" content="https://creative27.com/motion-graphics-company/"><meta property="og:type" content="article"> <link rel="stylesheet" type="text/css" href="//creative27.com/wp-content/cache/wpfc-minified/2c5jp8ar/6aqe7.css" media="all"/> <style id='wp-block-library-theme-inline-css' type='text/css'> .wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style>  <link rel="stylesheet" type="text/css" href="//creative27.com/wp-content/cache/wpfc-minified/9k8cud21/6aqe7.css" media="all"/>  <link rel="stylesheet" type="text/css" href="//creative27.com/wp-content/cache/wpfc-minified/2ztbgt0y/6aqe7.css" media="screen"/> <style id='pps_style-inline-css' type='text/css'> .pps-popup { } .pps-popup .pps-wrap { } .pps-popup .pps-wrap .pps-close { } .pps-popup .pps-wrap .pps-content { } </style>          <link rel="stylesheet" type="text/css" href="//creative27.com/wp-content/cache/wpfc-minified/f5r4xdn9/hx2o7.css" media="all"/> <link rel='stylesheet' id='elementor-post-77749-css' href='https://creative27.com/wp-content/uploads/elementor/css/post-77749.css?ver=1725362548' type='text/css' media='all' />    <link rel="stylesheet" type="text/css" href="//creative27.com/wp-content/cache/wpfc-minified/g0j0ijau/2500z.css" media="all"/> <link rel='stylesheet' id='elementor-post-79291-css' href='https://creative27.com/wp-content/uploads/elementor/css/post-79291.css?ver=1725362548' type='text/css' media='all' />  <link rel="stylesheet" type="text/css" href="//creative27.com/wp-content/cache/wpfc-minified/8lipldx2/6aqe7.css" media="all"/> <style id='cs-inline-css' type='text/css'> @media (min-width:1200px){.x-hide-xl{display:none !important;}}@media (min-width:979px) and (max-width:1199px){.x-hide-lg{display:none !important;}}@media (min-width:767px) and (max-width:978px){.x-hide-md{display:none !important;}}@media (min-width:480px) and (max-width:766px){.x-hide-sm{display:none !important;}}@media (max-width:479px){.x-hide-xs{display:none !important;}} a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.x-comment-time:hover,#reply-title small a,.comment-reply-link:hover,.x-comment-author a:hover,.x-recent-posts a:hover .h-recent-posts{color:#1289ff;}a:hover,#reply-title small a:hover{color:#0a0000;}.entry-title i,.entry-title svg{color:hsl(210,3%,77%);}a.x-img-thumbnail:hover,li.bypostauthor > article.comment{border-color:#1289ff;}.flex-direction-nav a,.flex-control-nav a:hover,.flex-control-nav a.flex-active,.x-dropcap,.x-skill-bar .bar,.x-pricing-column.featured h2,.h-comments-title small,.x-pagination a:hover,.woocommerce-pagination a:hover,.x-entry-share .x-share:hover,.entry-thumb,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,.x-highlight,.x-recent-posts .x-recent-posts-img:after,.x-portfolio-filters{background-color:#1289ff;}.x-portfolio-filters:hover{background-color:#0a0000;}.x-main{width:calc(72% - 3.20197%);}.x-sidebar{width:calc(100% - 3.20197% - 72%);}.h-landmark{font-weight:300;}.x-comment-author a{color:#0a0a0a;}.x-comment-author a,.comment-form-author label,.comment-form-email label,.comment-form-url label,.comment-form-rating label,.comment-form-comment label,.widget_calendar #wp-calendar caption,.widget_calendar #wp-calendar th,.x-accordion-heading .x-accordion-toggle,.x-nav-tabs > li > a:hover,.x-nav-tabs > .active > a,.x-nav-tabs > .active > a:hover{color:hsl(0,0%,0%);}.widget_calendar #wp-calendar th{border-bottom-color:hsl(0,0%,0%);}.x-pagination span.current,.woocommerce-pagination span[aria-current],.x-portfolio-filters-menu,.widget_tag_cloud .tagcloud a,.h-feature-headline span i,.widget_price_filter .ui-slider .ui-slider-handle{background-color:hsl(0,0%,0%);}@media (max-width:978.98px){}html{font-size:12px;}@media (min-width:479px){html{font-size:14px;}}@media (min-width:766px){html{font-size:16px;}}@media (min-width:978px){html{font-size:18px;}}@media (min-width:1199px){html{font-size:20px;}}body{font-style:normal;font-weight:300;color:#0a0a0a;background-color:#ffffff;}.w-b{font-weight:300 !important;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Lato",sans-serif;font-style:normal;font-weight:900;}h1,.h1{letter-spacing:-0.002em;}h2,.h2{letter-spacing:-0.008em;}h3,.h3{letter-spacing:-0.001em;}h4,.h4{letter-spacing:-0.005em;}h5,.h5{letter-spacing:-0.008em;}h6,.h6{letter-spacing:-0.008em;}.w-h{font-weight:900 !important;}.x-container.width{width:88%;}.x-container.max{max-width:1200px;}.x-bar-content.x-container.width{flex-basis:88%;}.x-main.full{float:none;clear:both;display:block;width:auto;}@media (max-width:978.98px){.x-main.full,.x-main.left,.x-main.right,.x-sidebar.left,.x-sidebar.right{float:none;display:block;width:auto !important;}}.entry-header,.entry-content{font-size:1.083rem;}body,input,button,select,textarea{font-family:"Open Sans",sans-serif;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,blockquote{color:hsl(0,0%,0%);}.cfc-h-tx{color:hsl(0,0%,0%) !important;}.cfc-h-bd{border-color:hsl(0,0%,0%) !important;}.cfc-h-bg{background-color:hsl(0,0%,0%) !important;}.cfc-b-tx{color:#0a0a0a !important;}.cfc-b-bd{border-color:#0a0a0a !important;}.cfc-b-bg{background-color:#0a0a0a !important;}.x-btn,.button,[type="submit"]{color:#ffffff;border-color:hsla(0,0%,4%,0);background-color:hsl(0,0%,0%);text-shadow:0 0.075em 0.075em rgba(0,0,0,0.5);padding:0.579em 1.105em 0.842em;font-size:19px;}.x-btn:hover,.button:hover,[type="submit"]:hover{color:hsl(0,0%,100%);border-color:hsla(0,0%,33%,0);background-color:hsla(0,0%,0%,0.44);text-shadow:0 0.075em 0.075em rgba(0,0,0,0.5);}.x-btn.x-btn-real,.x-btn.x-btn-real:hover{margin-bottom:0.25em;text-shadow:0 0.075em 0.075em rgba(0,0,0,0.65);}.x-btn.x-btn-real{box-shadow:0 0.25em 0 0 #0a0a0a,0 4px 9px rgba(0,0,0,0.75);}.x-btn.x-btn-real:hover{box-shadow:0 0.25em 0 0 #2a2a2a,0 4px 9px rgba(0,0,0,0.75);}.x-btn.x-btn-flat,.x-btn.x-btn-flat:hover{margin-bottom:0;text-shadow:0 0.075em 0.075em rgba(0,0,0,0.65);box-shadow:none;}.x-btn.x-btn-transparent,.x-btn.x-btn-transparent:hover{margin-bottom:0;border-width:3px;text-shadow:none;text-transform:uppercase;background-color:transparent;box-shadow:none;}.x-topbar .p-info,.x-topbar .p-info a,.x-topbar .x-social-global a{color:#ffffff;}.x-topbar .p-info a:hover{color:rgb(0,0,0);}.x-topbar{background-color:rgb(242,17,55);}.x-navbar .desktop .x-nav > li:before{padding-top:40px;}.x-navbar .desktop .x-nav > li > a,.x-navbar .desktop .sub-menu li > a,.x-navbar .mobile .x-nav li a{color:rgb(177,188,200);}.x-navbar .desktop .x-nav > li > a:hover,.x-navbar .desktop .x-nav > .x-active > a,.x-navbar .desktop .x-nav > .current-menu-item > a,.x-navbar .desktop .sub-menu li > a:hover,.x-navbar .desktop .sub-menu li.x-active > a,.x-navbar .desktop .sub-menu li.current-menu-item > a,.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a,.x-navbar .mobile .x-nav li > a:hover,.x-navbar .mobile .x-nav li.x-active > a,.x-navbar .mobile .x-nav li.current-menu-item > a{color:hsl(0,0%,100%);}.x-btn-navbar,.x-btn-navbar:hover{color:#ffffff;}.x-navbar .desktop .sub-menu li:before,.x-navbar .desktop .sub-menu li:after{background-color:rgb(177,188,200);}.x-navbar,.x-navbar .sub-menu{background-color:#161a1f !important;}.x-btn-navbar,.x-btn-navbar.collapsed:hover{background-color:#2176F5;}.x-btn-navbar.collapsed{background-color:#0a0a0a;}.x-navbar .desktop .x-nav > li > a:hover > span,.x-navbar .desktop .x-nav > li.x-active > a > span,.x-navbar .desktop .x-nav > li.current-menu-item > a > span{box-shadow:0 2px 0 0 hsl(0,0%,100%);}.x-navbar .desktop .x-nav > li > a{height:80px;padding-top:40px;}.x-navbar .desktop .x-nav > li ul{top:80px;}.x-colophon.bottom{background-color:#161a1f;}.x-colophon.bottom,.x-colophon.bottom a,.x-colophon.bottom .x-social-global a{color:#ffffff;}body.x-navbar-fixed-top-active .x-navbar-wrap{height:80px;}.x-navbar-inner{min-height:80px;}.x-brand{margin-top:-21px;font-family:"Pacifico",handwriting;font-size:44px;font-style:normal;font-weight:400;letter-spacing:-3em;color:hsl(0,0%,0%);}.x-brand:hover,.x-brand:focus{color:hsl(0,0%,0%);}.x-brand img{width:calc(167px / 2);}.x-navbar .x-nav-wrap .x-nav > li > a{font-family:"Lato",sans-serif;font-style:normal;font-weight:400;letter-spacing:0.041em;}.x-navbar .desktop .x-nav > li > a{font-size:15px;}.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce){padding-left:10px;padding-right:10px;}.x-navbar .desktop .x-nav > li > a > span{margin-right:-0.041em;}.x-btn-navbar{margin-top:12px;}.x-btn-navbar,.x-btn-navbar.collapsed{font-size:22px;}@media (max-width:979px){body.x-navbar-fixed-top-active .x-navbar-wrap{height:auto;}.x-widgetbar{left:0;right:0;}}.x-colophon.bottom{background-color:#161a1f;}.x-colophon.bottom,.x-colophon.bottom a,.x-colophon.bottom .x-social-global a{color:#ffffff;}.bg .mejs-container,.x-video .mejs-container{position:unset !important;} @font-face{font-family:'FontAwesomePro';font-style:normal;font-weight:900;font-display:block;src:url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-solid-900.woff2?ver=6.5.2') format('woff2'),url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-solid-900.ttf?ver=6.5.2') format('truetype');}[data-x-fa-pro-icon]{font-family:"FontAwesomePro" !important;}[data-x-fa-pro-icon]:before{content:attr(data-x-fa-pro-icon);}[data-x-icon],[data-x-icon-o],[data-x-icon-l],[data-x-icon-s],[data-x-icon-b],[data-x-icon-sr],[data-x-icon-ss],[data-x-icon-sl],[data-x-fa-pro-icon],[class*="cs-fa-"]{display:inline-flex;font-style:normal;font-weight:400;text-decoration:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}[data-x-icon].left,[data-x-icon-o].left,[data-x-icon-l].left,[data-x-icon-s].left,[data-x-icon-b].left,[data-x-icon-sr].left,[data-x-icon-ss].left,[data-x-icon-sl].left,[data-x-fa-pro-icon].left,[class*="cs-fa-"].left{margin-right:0.5em;}[data-x-icon].right,[data-x-icon-o].right,[data-x-icon-l].right,[data-x-icon-s].right,[data-x-icon-b].right,[data-x-icon-sr].right,[data-x-icon-ss].right,[data-x-icon-sl].right,[data-x-fa-pro-icon].right,[class*="cs-fa-"].right{margin-left:0.5em;}[data-x-icon]:before,[data-x-icon-o]:before,[data-x-icon-l]:before,[data-x-icon-s]:before,[data-x-icon-b]:before,[data-x-icon-sr]:before,[data-x-icon-ss]:before,[data-x-icon-sl]:before,[data-x-fa-pro-icon]:before,[class*="cs-fa-"]:before{line-height:1;}@font-face{font-family:'FontAwesome';font-style:normal;font-weight:900;font-display:block;src:url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-solid-900.woff2?ver=6.5.2') format('woff2'),url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-solid-900.ttf?ver=6.5.2') format('truetype');}[data-x-icon],[data-x-icon-s],[data-x-icon][class*="cs-fa-"]{font-family:"FontAwesome" !important;font-weight:900;}[data-x-icon]:before,[data-x-icon][class*="cs-fa-"]:before{content:attr(data-x-icon);}[data-x-icon-s]:before{content:attr(data-x-icon-s);}@font-face{font-family:'FontAwesomeRegular';font-style:normal;font-weight:400;font-display:block;src:url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-regular-400.woff2?ver=6.5.2') format('woff2'),url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-regular-400.ttf?ver=6.5.2') format('truetype');}@font-face{font-family:'FontAwesomePro';font-style:normal;font-weight:400;font-display:block;src:url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-regular-400.woff2?ver=6.5.2') format('woff2'),url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-regular-400.ttf?ver=6.5.2') format('truetype');}[data-x-icon-o]{font-family:"FontAwesomeRegular" !important;}[data-x-icon-o]:before{content:attr(data-x-icon-o);}@font-face{font-family:'FontAwesomeLight';font-style:normal;font-weight:300;font-display:block;src:url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-light-300.woff2?ver=6.5.2') format('woff2'),url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-light-300.ttf?ver=6.5.2') format('truetype');}@font-face{font-family:'FontAwesomePro';font-style:normal;font-weight:300;font-display:block;src:url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-light-300.woff2?ver=6.5.2') format('woff2'),url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-light-300.ttf?ver=6.5.2') format('truetype');}[data-x-icon-l]{font-family:"FontAwesomeLight" !important;font-weight:300;}[data-x-icon-l]:before{content:attr(data-x-icon-l);}@font-face{font-family:'FontAwesomeBrands';font-style:normal;font-weight:normal;font-display:block;src:url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-brands-400.woff2?ver=6.5.2') format('woff2'),url('https://creative27.com/wp-content/plugins/cornerstone/assets/fonts/fa-brands-400.ttf?ver=6.5.2') format('truetype');}[data-x-icon-b]{font-family:"FontAwesomeBrands" !important;}[data-x-icon-b]:before{content:attr(data-x-icon-b);}.widget.widget_rss li .rsswidget:before{content:"\f35d";padding-right:0.4em;font-family:"FontAwesome";}.x-colophon.top{background:#30393E;}.x-colophon.bottom{background:#262E31;}.x-colophon.top .h-widget,.x-colophon.top a,.x-colophon.top .widget{color:white;}.x-navbar-fixed-top{opacity:0.95;}h2,.h2{font-size:24px !important;font-family:open sans;font-weight:200;}hr.x-hr{border-top:1px solid #e4e4e4;}.entry-featured{border:0;}.x-header-landmark{display:none !important;}h1{line-height:.7em;}p{margin:0 0 1em;}.x-navbar .desktop .x-nav > li > a:hover > span,.x-navbar .desktop .x-nav > li.x-active > a > span,.x-navbar .desktop .x-nav > li.current-menu-item > a > span{box-shadow:none !important;}.x-btn-navbar,.x-btn-navbar.collapsed:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}body .x-navbar .x-nav-wrap.desktop .x-nav > li{float:none;display:inline-block;}.x-video.embed.with-container{background-color:#1a2022;border-color:#1a2022;padding:5px;}a.x-img:not(.x-img-thumbnail):hover{opacity:1;}.ilightbox-holder.light{padding:0;}.x-video.embed.with-container{border:none;box-shadow:none;}.ilightbox-overlay.light{background:#000000;}.x-brand img{top:21px;position:relative;}.x-dropcap{font-size:70px;line-height:35px;}.page-template-template-layout-blog-php .x-header-landmark .x-landmark h1.h-landmark{color:#000000;letter-spacing:1px;font-weight:400;}.page-template-template-layout-videos-php .x-header-landmark .x-landmark h1.h-landmark,.page-template-template-layout-podcasts-php .x-header-landmark .x-landmark h1.h-landmark{color:#ffffff;letter-spacing:1px;font-weight:400;}.blog .entry-content.excerpt p,.blogs-template-default .entry-content p,.page-template-template-layout-blog .entry-content.excerpt p,.post-template-default .entry-content p,.videos-template-default .entry-content p,.podcasts-template-default .entry-content p{font-size:19px;}.page-template-template-layout-blog .entry-title,.blogs-template-default .entry-title,.blog .entry-title,.page-template-template-layout-videos .entry-title,.videos-template-default .entry-title,.page-template-template-layout-podcasts .entry-title,.podcasts-template-default .entry-title,.post-template-default .entry-title{font-size:29px !important;font-weight:400;}.page-template-template-layout-blog .x-header-landmark,.page-template-template-layout-videos .x-header-landmark,.page-template-template-layout-podcasts .x-header-landmark{padding-top:180px;padding-bottom:0px;}.x-sidebar .h-widget{font-size:30px;font-weight:700;}.x-sidebar .widget_recent_entries,.x-sidebar .widget_recent_entries{font-size:18px;}.x-sidebar a,.x-sidebar a{color:#231d3b;}.x-sidebar a:hover,.x-sidebar a:hover{color:#1289ff;}.page-template-template-layout-videos .videos .entry-header .p-meta,.videos-template-default .videos .entry-header .p-meta,.page-template-template-layout-blog .blogs .entry-header .p-meta,.blogs-template-default .blogs .entry-header .p-meta{display:none;}.x-navbar-fixed-top-active .desktop .x-nav .x-megamenu.first-menu>.sub-menu{width:50%;left:7%}.x-navbar-fixed-top-active .desktop .x-nav .x-megamenu.second-menu>.sub-menu{width:83%;left:7%}.first-menu .sub-menu li.menu-item-has-children > a{display:none;}}.x-topbar .x-social-global{display:none;}.p-info,.p-info a{font-size:15px;font-weight:bold;text-align:center;}.x-topbar .x-social-global{display:none;}.x-topbar{text-align:center;}.x-topbar .p-info{float:none;margin:10px auto;}@media (max-width:1024px){#rev_slider_21_1_wrapper rs-sbg{background-size:auto 100% !important;}}@media (max-width:767px){#rev_slider_21_1_wrapper rs-sbg{background-size:100% auto !important;}} </style> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CLato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COpen+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.6.2' type='text/css' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script type="text/javascript" src="https://creative27.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://creative27.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.25.3" id="font-awesome-4-shim-js"></script> <script></script><link rel="https://api.w.org/" href="https://creative27.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://creative27.com/wp-json/wp/v2/pages/5021" /><link rel='shortlink' href='https://creative27.com/?p=5021' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://creative27.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcreative27.com%2Fmotion-graphics-company%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://creative27.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcreative27.com%2Fmotion-graphics-company%2F&format=xml" /> <script> var bs_math_captcha_plus_sign = false; var bs_math_captcha_minus_sign = false; var bs_math_captcha_multiply_sign = false; bs_math_captcha_plus_sign = true; bs_math_captcha_minus_sign = true; bs_math_captcha_multiply_sign = true; jQuery(document).ready(function($) { $(document).on('click', '.bs-submit-button-event', function (e) { e.stopPropagation(); if ($(".elementor-field-type-submit .elementor-button").is(":disabled")) { $('#errorcaptcha').show(); $('#bs_ebcaptchainput').css('border-color', 'red'); if ($("#errorcaptcha").length == 0) { $('<p id="errorcaptcha">Error Label</p>').insertBefore('.elementor-field-type-submit'); $('#bs_ebcaptchainput').css('border-color', 'red'); } } else { $('#errorcaptcha').hide(); $('#bs_ebcaptchainput').css('border-color', ''); } }); }); </script> <meta name="generator" content="Elementor 3.25.3; features: e_font_icon_svg, additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-swap"> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <meta name="generator" content="Powered by Slider Revolution 8.7.14 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MMX53FP');</script> <link rel="icon" href="https://creative27.com/wp-content/uploads/2024/02/cropped-Faficon-c27-32x32.png" sizes="32x32" /> <link rel="icon" href="https://creative27.com/wp-content/uploads/2024/02/cropped-Faficon-c27-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://creative27.com/wp-content/uploads/2024/02/cropped-Faficon-c27-180x180.png" /> <meta name="msapplication-TileImage" content="https://creative27.com/wp-content/uploads/2024/02/cropped-Faficon-c27-270x270.png" /> <script>function setREVStartSize(e){ //window.requestAnimationFrame(function() { window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW; window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH; try { var pw = document.getElementById(e.c).parentNode.offsetWidth, newh; pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw; e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw); e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw); e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh); e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh); e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide); e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide); e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0); if(e.layout==="fullscreen" || e.l==="fullscreen") newh = Math.max(e.mh,window.RSIH); else{ e.gw = Array.isArray(e.gw) ? e.gw : [e.gw]; for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1]; e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el; e.gh = Array.isArray(e.gh) ? e.gh : [e.gh]; for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1]; var nl = new Array(e.rl.length), ix = 0, sl; e.tabw = e.tabhide>=pw ? 0 : e.tabw; e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw; e.tabh = e.tabhide>=pw ? 0 : e.tabh; e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh; for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i]; sl = nl[0]; for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;} var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]); newh = (e.gh[ix] * m) + (e.tabh + e.thumbh); } var el = document.getElementById(e.c); if (el!==null && el) el.style.height = newh+"px"; el = document.getElementById(e.c+"_wrapper"); if (el!==null && el) { el.style.height = newh+"px"; el.style.display = "block"; } } catch(e){ console.log("Failure at Presize of Slider:" + e) } //}); };</script> <style type="text/css" id="wp-custom-css"> /* You can add your own CSS here. Click the help icon above to learn more. */ .wpforms-field-container .floatinglabel .wpforms-field-label { font-family: Helvetica; font-size: 18px; font-weight: normal; color: #728AAD; white-space: nowrap; position: absolute; top: 27px; left: 0; margin: 0; transition: all .3s; } .wpforms-field-container .wpforms-field-textarea.floatinglabel .wpforms-field-label { top: 15px; } .wpforms-field-container .floatinglabel.active .wpforms-field-label { font-size: 12px; top: 0; } .wpforms-field-container .floatinglabel .wpforms-field-label .wpforms-required-label { color: #728AAD; } .wpforms-field-container .floatinglabel input[type="text"], .wpforms-field-container .floatinglabel textarea, div.wpforms-container-full .wpforms-form .floatinglabel textarea { padding: 0; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #CED7E5; border-radius: 0; width: 100%; float: left; max-width: 100%; font-size: 18px; font-family: 'Helvetica'; color: #000; } .wpforms-field-container .floatinglabel.wpforms-has-error input[type="text"]:focus, .wpforms-field-container .floatinglabel.wpforms-has-error textarea, div.wpforms-container-full .wpforms-form .floatinglabel textarea:focus { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #CED7E5; box-shadow: none; } .wpforms-field-container .floatinglabel input[type="text"]:focus, .wpforms-field-container .wpforms-form.floatinglabel textarea:focus { box-shadow: none; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #2176F5; } .wpforms-field-container .floatinglabel input[type="text"]:active, .wpforms-field-container .wpforms-form.floatinglabel textarea:active { border-bottom: 1px solid #2176F5; } .floatinglabel div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error { float: left; margin: 0; } .floatinglabelbtn div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) { background-color: #2176F5; color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'Helvetica'; float: left; width: 25%; margin: 30px 0 0 0; } .floatinglabelbtn div.wpforms-container-full input[type="submit"]:hover, div.wpforms-container-full input[type="submit"]:active, div.wpforms-container-full button[type="submit"]:hover, div.wpforms-container-full button[type="submit"]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active { background: #000; text-transform: uppercase; font-size: 18px; font-family: 'Helvetica'; color: #fff; float: left; width: 25%; margin: 30px 0 0 0; } .wpforms-field-container .floatinglabel.wpforms-has-error input[type="text"], .wpforms-field-container .floatinglabel.wpforms-has-error textarea, div.wpforms-container-full .wpforms-form .floatinglabel textarea { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #2176F5; } /* * You can add your own CSS here. For Creative 27 App Design Academy. */ .wpforms-field-container .creativeaformone .wpforms-field-label { font-family: Helvetica; font-size: 18px; font-weight: normal; color: #728AAD; white-space: nowrap; position: absolute; top: 27px; left: 0; margin: 0; transition: all .3s; } .wpforms-field-container .creativeaformone .wpforms-field-label.wpforms-label-hide { position: absolute; top: -99999px; left: -99999px; } .wpforms-field-container .wpforms-field-textarea.creativeaformone .wpforms-field-label { top: 15px; } .wpforms-field-container .creativeaformone.active .wpforms-field-label { font-size: 12px; top: 0; } .wpforms-field-container .creativeaformone .wpforms-field-label .wpforms-required-label { color: #728AAD; } .wpforms-field-container .creativeaformone input[type="text"], .wpforms-field-container .creativeaformone textarea, div.wpforms-container-full .wpforms-form .creativeaformone textarea { padding: 0; border-top: 1px dotted #fff; border-left: 1px dotted #fff; border-right: 1px dotted #fff; border-bottom: 1px dotted #fff; border-radius: 0; width: 100%; display: inline-block; max-width: 100%; font-size: 18px; font-family: 'Helvetica'; color: #fff; padding: 0 0px 0 15px; background-color: #1d89fc; } .wpforms-field-container .creativeaformone input[type="text"]:focus, .wpforms-field-container .creativeaformone textarea:focus { box-shadow: none; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #2176F5; } .wpforms-field-container .creativeaformone input[type="text"]:active, .wpforms-field-container .creativeaformone textarea:active { border-bottom: 1px solid #2176F5; } .creativeaformone div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error { float: left; margin: 0; } .floatinglabelbtn div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) { background-color: #2176F5; color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'Helvetica'; float: left; width: 25%; margin: 0px 0 0 0; } .floatinglabelbtn div.wpforms-container-full input[type="submit"]:hover, div.wpforms-container-full input[type="submit"]:active, div.wpforms-container-full button[type="submit"]:hover, div.wpforms-container-full button[type="submit"]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active { background: #000; text-transform: uppercase; font-size: 18px; font-family: 'Helvetica'; color: #fff; float: left; width: 25%; margin: 0px 0 0 0; } .wpforms-field-container .creativeaformone.wpforms-has-error input[type="text"], .wpforms-field-container .floatinglabel.wpforms-has-error textarea, div.wpforms-container-full .wpforms-form .floatinglabel textarea { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #CED7E5; } .creativeaformone .wpforms-field-sublabel.after { display: none; } .wpforms-field .wpforms-field-text .creativeaformone input::placeholder { font-size: 58px; font-family: 'Helvetica'; color: #CED7E5; } .wpforms-field-container .creativeaformone.wpforms-has-error input[type="text"]:focus, .wpforms-field-container .creativeaformone.wpforms-has-error textarea, div.wpforms-container-full .wpforms-form .floatinglabel textarea:focus { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #2176F5; box-shadow: none; } div.wpforms-container-full .creativeaformone input[type="text"]::placeholder, div.wpforms-container-full .creativeaformone textarea::placeholder { color: #fff; opacity: 1; pointer-events: none; resize: none; } </style> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-47858763-1', 'auto'); ga('send', 'pageview'); </script> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,700,700i%7CLato:900,400%7CPacifico:400&subset=latin,latin-ext&display=auto" type="text/css" media="all" crossorigin="anonymous" data-x-google-fonts/><style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style></head> <body data-rsssl=1 class="page-template page-template-template-blank-4 page-template-template-blank-4-php page page-id-5021 x-renew x-child-theme-active x-full-width-layout-active x-full-width-active x-post-meta-disabled wpb-js-composer js-comp-ver-10.8 vc_non_responsive elementor-default elementor-kit-77749 x-navbar-fixed-top-active cornerstone-v7_5_9 x-v10_5_6">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMX53FP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="pageloader"> <div class="pageloaderoverlay"> <i class="fa-solid fa-circle-notch fa-spin"></i> </div> </div> <div id="top" class="site"> <header class="masthead masthead-inline" role="banner">  <div class="menumobilearea_wrap"> <div class="x-container max width wpb_row"> <div class="logo"> <a href="https://creative27.com"> <img src="https://creative27.com/wp-content/themes/x_child/img/mobile_logo.svg" alt="Logo"/> </a> </div> <div class="closemenu"> <img src="https://creative27.com/wp-content/themes/x_child/img/closeicon.svg" alt="Close"/> </div> <div class="mobilemenu_wrap"> <ul> <li><a href="https://creative27.com/work/">Work</a></li> <li><a href="https://creative27.com/about/">About</a></li> <li><a href="https://creative27.com/blogs/">Design Talk</a></li> <li><button class="contactpopup">Contact</button></li> </ul> </div> <div class="navbtnmobile"> <a href="https://calendly.com/creative27/30-minute-meeting-with-vasile-clone" class="navbtnmb"><span><img src="https://creative27.com/wp-content/themes/x_child/img/blue_calander.svg" alt="Calander"/></span> Innovate with us</a> </div> </div> </div> <div class="headerwrap"> <div class="topheader"> <div class="x-container max width wpb_row"> <div class="contactarea"> <ul> <li><a href="mailto:hello@creative27.com"><span><img src="https://creative27.com/wp-content/themes/x_child/img/email.svg"/></span> hello@creative27.com</a></li> <li><a href="tel:3109062727"><span><img src="https://creative27.com/wp-content/themes/x_child/img/phone.svg"/></span> (310) 906-2727</a></li> <li><button class="contactpopup"><span><img src="https://creative27.com/wp-content/themes/x_child/img/contact.svg"/></span> Contact</button></li> </ul> </div> </div> </div> <div class="bottomheader"> <div class="x-container max width wpb_row"> <div class="logo"> <a href="https://creative27.com"> <img src="https://creative27.com/wp-content/themes/x_child/img/logo.svg" alt="Logo"/> </a> </div> <div class="menuarea"> <div class="desktopmenu"> <ul> <li><a href="https://creative27.com/work/">Work</a></li> <li><a href="https://creative27.com/about/">About</a></li> <li><a href="https://creative27.com/blogs/">Design Talk</a></li> <li><a href="https://calendly.com/creative27/30-minute-meeting-with-vasile-clone" class="navbtn"><span><img src="https://creative27.com/wp-content/themes/x_child/img/calendar.svg" alt="Calander"/></span> Innovate with us</a></li> </ul> </div> <div class="mobilemenu"> <img src="https://creative27.com/wp-content/themes/x_child/img/mobileicon.svg" alt="Logo"/> </div> </div> </div> </div> </div> </header> <div class="x-main full" role="main"> <article id="post-5021" class="post-5021 page type-page status-publish hentry no-post-thumbnail"> <div class="entry-content content"> <div id="x-content-band-1" class="x-content-band vc bg-image man" data-x-element="content_band" data-x-params="{"type":"image","parallax":false}" style="background-image: url(https://creative27.com/wp-content/uploads/2018/08/creative27-motion-graphics.jpg); background-color: transparent; padding-top: 0px; padding-bottom: 100px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><div id="x-content-band-2" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 500px 0 0 0;"><h1 class="responsive-headline" style="text-align: left;"><span style="line-height: 1.1em; color: #ffffff;">A MOTION GRAPHICS COMPANY</span></h1> <span id="x-responsive-text-1" data-x-element-responsive-text="{"selector":".responsive-headline","compression":".6","minFontSize":"36","maxFontSize":"85"}"></span><h2 class="p1"><span class="s1" style="font-size: 35px; line-height: 50px; color: #ffffff;">Our company possesses extensive experience in providing motion graphics services.</span></h2> </div></div></div><hr class="x-gap" style="margin: 150px 0 0 0;"></div></div></div><div id="x-content-band-3" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 100px 0 0 0;"></div></div></div><div id="x-content-band-4" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000; font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b>More effectively capture attention and connect with audiences… </b></span></span></p> <hr class="x-gap" style="margin: 20px 0 0 0;"><p class="p1"><span class="s1"><b><i><span style="color: #000000; font-size: 30px;">Motion Graphics have become a powerful tool in advertising your app online. They’re a staple in the start-up community and being adopted rapidly amongst established and Fortune 500 companies worldwide as a tool to more effectively capture attention and connect with audiences. Creative27, as an experienced motion graphics company, will support you in effectively integrating this tool in your marketing efforts.</span></i></b></span></p> <hr class="x-gap" style="margin: 50px 0 0 0;"><img decoding="async" class="x-img" src="https://creative27.com/wp-content/uploads/2018/08/creative27-motion-graphics-2.jpg" alt="Motion Graphics Company illustration"></div></div></div><div id="x-content-band-5" class="x-content-band vc man" style="background-color: transparent; padding-top: 50px; padding-bottom: 50px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">With impressive statistics suggesting that viewers retain 95 percent of a message with video, compared to only 10 percent with text alone, it’s no wonder businesses are quickly jumping on board with motion graphics. </span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">Creative27 is聽 a motion graphics company that offers comprehensive promo video services that cover everything from inception to completion. Using a collaborative process we identify defined and achievable goals which can be used as a yardstick to measure progress. </span></p> </div><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">The goal is ordinarily dependent on the nature of video that is being produced. Our expertise lies in videos pertaining to products, services, business overviews, YouTube adverts, interviews, recruitment, trade shows, location and several other niches.</span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">They say a picture is worth 1000 words, according to McQuivey’s Forrester study, a video is worth 1.8 million words.</span></p> </div></div></div><div id="x-content-band-6" class="x-content-band vc man" style="background-color: #ffffff; padding-top: 30px; padding-bottom: 30px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><img decoding="async" class="x-img" src="https://creative27.com/wp-content/uploads/2018/08/separator-black-5px.svg" ></div></div></div><div id="x-content-band-7" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000; font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b>Our Motion Graphics Company, offers these services: </b></span></span></p> </div></div></div><div id="x-content-band-8" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 40px 0 0 0;"></div></div></div><div id="x-content-band-9" class="x-content-band vc marginless-columns man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-3" style="" ><div id="x-content-band-10" class="x-content-band vc bg-pattern man" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/c27-academy-dark-gray-dots-3.svg); background-color: transparent; padding-top: 150px; padding-bottom: 150px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="padding-right: 20px;" ><p class="p1" style="text-align: center;"><span style="color: #ffffff;"><span style="font-size: 33px; line-height: 30px;"><span style="font-size: 33px; line-height: 20px;"><b><i>Scripting</i></b></span></span></span></p> </div></div></div></div><div class="x-column x-sm vc x-1-3" style="" ><div id="x-content-band-11" class="x-content-band vc bg-pattern man" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/light-blue-dots-bkg-repeat.svg); background-color: transparent; padding-top: 150px; padding-bottom: 150px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="padding-right: 20px;" ><p class="p1" style="text-align: center;"><span style="color: #ffffff;"><span style="font-size: 33px; line-height: 30px;"><span style="font-size: 33px; line-height: 20px;"><b><i>Storyboards</i></b></span></span></span></p> </div></div></div></div><div class="x-column x-sm vc x-1-3" style="" ><div id="x-content-band-12" class="x-content-band vc bg-pattern man" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/c27-academy-dark-gray-dots-3.svg); background-color: transparent; padding-top: 150px; padding-bottom: 150px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="padding-right: 20px;" ><p class="p1" style="text-align: center;"><span style="color: #ffffff;"><span style="font-size: 33px; line-height: 30px;"><span style="font-size: 33px; line-height: 20px;"><b><i>Design</i></b></span></span></span></p> </div></div></div></div></div></div><div id="x-content-band-13" class="x-content-band vc marginless-columns man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-3" style="" ><div id="x-content-band-14" class="x-content-band vc bg-pattern man" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/light-blue-dots-bkg-repeat.svg); background-color: transparent; padding-top: 150px; padding-bottom: 150px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="padding-right: 20px;" ><p class="p1" style="text-align: center;"><span style="color: #ffffff;"><span style="font-size: 33px; line-height: 30px;"><span style="font-size: 33px; line-height: 20px;"><b><i>Animation & Video</i></b></span></span></span></p> </div></div></div></div><div class="x-column x-sm vc x-1-3" style="" ><div id="x-content-band-15" class="x-content-band vc bg-pattern man" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/c27-academy-dark-gray-dots-3.svg); background-color: transparent; padding-top: 150px; padding-bottom: 150px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="padding-right: 20px;" ><p class="p1" style="text-align: center;"><span style="color: #ffffff; font-size: 33px; line-height: 30px;"><span style="font-size: 33px; line-height: 20px;"><b><i>Sound Design</i></b></span></span></p> </div></div></div></div><div class="x-column x-sm vc x-1-3" style="" ><div id="x-content-band-16" class="x-content-band vc bg-pattern man" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/light-blue-dots-bkg-repeat.svg); background-color: transparent; padding-top: 150px; padding-bottom: 150px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="padding-right: 20px;" ><p class="p1" style="text-align: center;"><span style="color: #ffffff; font-size: 33px; line-height: 30px;"><span style="font-size: 33px; line-height: 20px;"><b><i>Final Rendering</i></b></span></span></p> </div></div></div></div></div></div><div id="x-content-band-17" class="x-content-band vc man" style="background-color: #ffffff; padding-top: 30px; padding-bottom: 30px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 50px 0 0 0;"><div id="x-content-band-18" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000;"><span style="font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b>Scripting</b></span></span></span></p> </div><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">The scripting stage is one of the most important in the creation of motion graphics. This step is all about detailing the words and the accompanying imagery that will go into your video. Scripting is written with the audience in mind. </span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">It involves writing out all that you want to get across in your motion graphic — words and imagery — in a way that is going to best connect with your audience.</span></p> </div></div></div></div></div></div><div id="x-content-band-19" class="x-content-band vc man" style="background-color: #ffffff; padding-top: 30px; padding-bottom: 30px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 50px 0 0 0;"><img decoding="async" class="x-img" src="https://creative27.com/wp-content/uploads/2018/08/separator-black-5px.svg" ><hr class="x-gap" style="margin: 55px 0 0 0;"><div id="x-content-band-20" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000;"><span style="font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b>Storyboards</b></span></span></span></p> </div><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">Once the storyboard is finalized, it’s time to design some actual graphics. This involves designing the motion graphic video and getting it ready for the next stages. </span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">We put together the design for what the audio, lights, cameras, animations, voiceovers, graphics and other important elements will look like. </span></p> </div></div></div></div></div></div><div id="x-content-band-21" class="x-content-band vc man" style="background-color: #ffffff; padding-top: 30px; padding-bottom: 30px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 50px 0 0 0;"><img decoding="async" class="x-img" src="https://creative27.com/wp-content/uploads/2018/08/separator-black-5px.svg" ><hr class="x-gap" style="margin: 55px 0 0 0;"><div id="x-content-band-22" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000;"><span style="font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b>Design</b></span></span></span></p> </div><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">Once the storyboard is finalized, it’s time to design some actual graphics. This involves designing the motion graphic video and getting it ready for the next stages. </span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">We put together the design for what the audio, lights, cameras, animations, voiceovers, graphics and other important elements will look like. </span></p> </div></div></div></div></div></div><div id="x-content-band-23" class="x-content-band vc man" style="background-color: #ffffff; padding-top: 30px; padding-bottom: 30px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 50px 0 0 0;"><img decoding="async" class="x-img" src="https://creative27.com/wp-content/uploads/2018/08/separator-black-5px.svg" ><hr class="x-gap" style="margin: 55px 0 0 0;"><div id="x-content-band-24" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000;"><span style="font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b>Animation & Video</b></span></span></span></p> </div><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">Animation and video is the foundation of your new motion graphics. To the audience, this is the most compelling part. </span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">At this stage, it is all about getting the animation right and ensuring it represents the script and design to achieve the goals set out in the beginning. </span></p> </div></div></div></div></div></div><div id="x-content-band-25" class="x-content-band vc man" style="background-color: #ffffff; padding-top: 30px; padding-bottom: 30px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 50px 0 0 0;"><img decoding="async" class="x-img" src="https://creative27.com/wp-content/uploads/2018/08/separator-black-5px.svg" alt="divider"><hr class="x-gap" style="margin: 55px 0 0 0;"><div id="x-content-band-26" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000; font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b><span style="color: #000000;">Sound Design </span></b></span></span></p> </div><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">Once the animation and video is complete, it is time to move to sound design. In this stage, we engage with voiceovers to bring the narrative to life over the imagery. We review the audio messaging multiple times in conjunction with the animation to ensure it hits the mark. </span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">Sound design is the last step before final approval and moving forward to rendering and getting your video online. </span></p> </div></div></div></div></div></div><div id="x-content-band-27" class="x-content-band vc man" style="background-color: #ffffff; padding-top: 30px; padding-bottom: 155px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 50px 0 0 0;"><img decoding="async" class="x-img" src="https://creative27.com/wp-content/uploads/2018/08/separator-black-5px.svg" alt="divider"><hr class="x-gap" style="margin: 55px 0 0 0;"><div id="x-content-band-28" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000; font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b><span style="color: #000000;">Final Rendering </span></b></span></span></p> </div><div class="x-column x-sm vc x-1-2" style="" ><p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">After moving successfully through scripting, storyboards, design, animation and video, sound design, and client approval, the video is ready to be rendered, compressed and uploaded for final delivery. </span></p> <p class="p1"><span class="s1" style="color: #000000; font-size: 20px;">By now you will have a first-class motion graphic that represents your brand, captures your audience, connects with them and moves them to take action. </span></p> </div></div></div></div></div></div><div id="x-content-band-29" class="x-content-band vc bg-pattern man" data-x-element="content_band" data-x-params="{"type":"pattern","parallax":false}" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/c27-academy-dark-gray-dots-3.svg); background-color: transparent; padding-top: 0px; padding-bottom: 125px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><hr class="x-gap" style="margin: 185px 0 0 0;"><div id="x-content-band-30" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><p class="p1" style="text-align: left;"><span style="color: #000000; font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b><span style="color: #000000;"><span style="color: #ffffff;">Motion Graphics Video Projects</span> </span></b></span></span></p> <p class="p1"><span class="s1" style="color: #ffffff; font-size: 30px;"><b><i>Here are a few samples of motion graphics work we’ve done</i></b></span></p> <hr class="x-gap" style="margin: 45px 0 0 0;"></div></div></div><div id="x-content-band-31" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><p style="text-align: center;"><span style="text-decoration: underline;"><span style="color: #ffffff;"><a style="color: #ffffff;" href="https://creative27.com/vabotu/"><strong><span style="font-size: 20px;">Vabotu</span></strong></a></span></span></p> <hr class="x-gap" style="margin: 30px 0 0 0;"><div class="x-video embed" ><div class="x-video-inner"><iframe src="https://player.vimeo.com/video/233694213?title=0&byline=0&portrait=0" width="1920" height="1080" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div><hr class="x-gap" style="margin: 55px 0 0 0;"></div></div></div><div id="x-content-band-32" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p style="text-align: center;"><span style="text-decoration: underline;"><span style="color: #ffffff;"><a style="color: #ffffff;" href="https://creative27.com/upmyle/"><strong><span style="font-size: 20px;">Upmyle</span></strong></a></span></span></p> <hr class="x-gap" style="margin: 30px 0 0 0;"><div class="x-video embed" ><div class="x-video-inner"><iframe src="https://player.vimeo.com/video/223581346?title=0&byline=0&portrait=0" width="1920" height="1080" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div></div><div class="x-column x-sm vc x-1-2" style="" ><p style="text-align: center;"><span style="text-decoration: underline;"><span style="color: #ffffff;"><a style="color: #ffffff;" href="https://creative27.com/stashimi/"><strong><span style="font-size: 20px;">Stashimi</span></strong></a></span></span></p> <hr class="x-gap" style="margin: 30px 0 0 0;"><div class="x-video embed" ><div class="x-video-inner"><iframe src="https://player.vimeo.com/video/168681122?title=0&byline=0&portrait=0" width="1920" height="1080" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div></div></div></div><div id="x-content-band-33" class="x-content-band vc man" style="background-color: transparent; padding-top: 50px; padding-bottom: 50px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p style="text-align: center;"><span style="color: #ffffff;"><strong><span style="text-decoration: underline;"><a style="color: #ffffff;" href="https://creative27.com/assuaged/"><span style="font-size: 20px;">Assuaged Project</span></a></span></strong></span></p> <hr class="x-gap" style="margin: 30px 0 0 0;"><div class="x-video embed" ><div class="x-video-inner"><iframe src="https://player.vimeo.com/video/230974958?title=0&byline=0&portrait=0" width="1920" height="1080" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div></div><div class="x-column x-sm vc x-1-2" style="" ><p style="text-align: center;"><span style="color: #ffffff;"><strong><span style="text-decoration: underline;"><a style="color: #ffffff;" href="https://creative27.com/wonet/"><span style="font-size: 20px;">Wonet Project</span></a></span></strong></span></p> <hr class="x-gap" style="margin: 30px 0 0 0;"><div class="x-video embed" ><div class="x-video-inner"><iframe src="https://player.vimeo.com/video/225641992?title=0&byline=0&portrait=0" width="1920" height="1080" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div></div></div></div><div id="x-content-band-34" class="x-content-band vc man" style="background-color: transparent; padding-top: 0px; padding-bottom: 50px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-2" style="" ><p style="text-align: center;"><span style="text-decoration: underline;"><span style="color: #ffffff;"><a style="color: #ffffff;" href="https://creative27.com/district27/"><strong><span style="font-size: 20px;">District27</span></strong></a></span></span></p> <hr class="x-gap" style="margin: 30px 0 0 0;"><div class="x-video embed" ><div class="x-video-inner"><iframe src="https://player.vimeo.com/video/188076541?title=0&byline=0&portrait=0" width="1920" height="1080" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div></div><div class="x-column x-sm vc x-1-2" style="" ><p style="text-align: center;"><span style="color: #ffffff;"><strong><span style="font-size: 20px;">Samsung WatchOn</span></strong></span></p> <hr class="x-gap" style="margin: 30px 0 0 0;"><div class="x-video embed" ><div class="x-video-inner"><iframe src="https://player.vimeo.com/video/89174901?title=0&byline=0&portrait=0" width="1920" height="1080" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div></div></div></div></div></div></div><div id="x-content-band-35" class="x-content-band vc bg-pattern man" data-x-element="content_band" data-x-params="{"type":"pattern","parallax":false}" style="background-image: url(https://creative27.com/wp-content/uploads/2018/07/light-blue-dots-bkg-repeat.svg); background-color: transparent; padding-top: 150px; padding-bottom: 150px;"><div class="x-container wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><div id="x-content-band-36" class="x-content-band vc" style="background-color: transparent; padding-top: 0px; padding-bottom: 0px;"><div class="x-container max width wpb_row"><div class="x-column x-sm vc x-1-1" style="" ><p class="p1" style="text-align: center;"><span style="color: #000000; font-size: 85px; line-height: 100px; font-family: serif;"><span class="s1"><b><span style="color: #ffffff;">Creative27 is a motion graphics company that knows what it takes to create a video which will make a wow first impression. <span style="text-decoration: underline;"><a style="color: #ffffff; text-decoration: underline;" href="https://creative27.com/contact/">Contact us</a></span> today to help wow your customers with a motion graphics video. </span></b></span></span></p> <hr class="x-gap" style="margin: 85px 0 0 0;"><a class="x-img aligncenter x-img-link" href="https://creative27.com/contact/" data-options="thumbnail: 'https://creative27.com/wp-content/uploads/2018/07/Get-Started-today-App-Strategy.svg'"><img decoding="async" src="https://creative27.com/wp-content/uploads/2018/07/Get-Started-today-App-Strategy.svg" alt="get started today"></a></div></div></div></div></div></div> </div> </article> </div>   <footer> <div class="footerarea" role="contentinfo"> <div class="x-container max width"> <div class="verticalsarea"> <div class="verticaltitle">VERTICALS</div> <div class="verticalmenu"><div class="menu-footer-menu-1-container"><ul id="menu-footer-menu-1" class="menu"><li id="menu-item-77965" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77965"><a href="https://creative27.com/consumer-electronics-app-development/">Consumer Electronics</a></li> <li id="menu-item-77963" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77963"><a href="https://creative27.com/technology-communications-app-design/">Technology and Communications</a></li> <li id="menu-item-77964" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77964"><a href="https://creative27.com/travel-leisure-app-development/">Travel & Leisure</a></li> <li id="menu-item-77975" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77975"><a href="https://creative27.com/gaming/">Gaming</a></li> <li id="menu-item-77966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77966"><a href="https://creative27.com/entertainment-media-app-development/">Entertainment and Media</a></li> <li id="menu-item-77967" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77967"><a href="https://creative27.com/healthcare-app-development/">Medical</a></li> <li id="menu-item-77968" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77968"><a href="https://creative27.com/social-media-app-development/">Social</a></li> <li id="menu-item-77972" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77972"><a href="https://creative27.com/real-estate-app-development/">Real Estate</a></li> <li id="menu-item-77969" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77969"><a href="https://creative27.com/education-app-development-and-design/">Education</a></li> <li id="menu-item-77970" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77970"><a href="https://creative27.com/food-delivery-app-development/">Food Industry</a></li> <li id="menu-item-77973" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77973"><a href="https://creative27.com/retail-and-e-commerce-app-development/">Retail and E-Commerce</a></li> <li id="menu-item-77971" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77971"><a href="https://creative27.com/financial-app-development/">Financial</a></li> </ul></div></div> </div> <div class="expertisearea"> <div class="expertisetitle">EXPERTISE</div> <div class="mobiledesign_area"> <div class="expertise_sub_title"> <a href="https://creative27.com/services/">Mobile App Design</a> </div> <div class="verticalmenu"> <div class="menu-footer-menu-2-container"><ul id="menu-footer-menu-2" class="menu"><li id="menu-item-78081" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78081"><a href="https://creative27.com/app-strategy/">App Strategy</a></li> <li id="menu-item-78082" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78082"><a href="https://creative27.com/app-research-discovery-insights/">Research Discovery and Insights</a></li> <li id="menu-item-78083" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78083"><a href="https://creative27.com/ux-design-agency/">User Experience Design</a></li> <li id="menu-item-78085" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78085"><a href="https://creative27.com/interactive-prototyping/">Interactive Prototyping</a></li> <li id="menu-item-78084" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78084"><a href="https://creative27.com/wearable-app-development/">Wearable App Development</a></li> </ul></div> </div> </div> <div class="mobiledesign_area"> <div class="expertise_sub_title"> <a href="https://creative27.com/mobile-app-development-company/">Mobile App Development</a> </div> <div class="verticalmenu"> <div class="menu-footer-menu-3-container"><ul id="menu-footer-menu-3" class="menu"><li id="menu-item-78365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78365"><a href="https://creative27.com/app-development/">App Development</a></li> <li id="menu-item-78368" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78368"><a href="https://creative27.com/testing-and-quality-assurance/">Testing and Quality Assurance</a></li> <li id="menu-item-78366" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78366"><a href="https://creative27.com/support-maintenance/">Support & Maintenance</a></li> </ul></div> </div> </div> <div class="mobiledesign_area"> <div class="expertise_sub_title"> <a href="https://creative27.com/mobile-app-marketing/">Mobile App Marketing</a> </div> <div class="verticalmenu"> <div class="menu-footer-menu-4-container"><ul id="menu-footer-menu-4" class="menu"><li id="menu-item-78110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78110"><a href="https://creative27.com/social-media-marketing-campaign-editorial/">Social Media Marketing Campaign & Editorial</a></li> <li id="menu-item-78109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78109"><a href="https://creative27.com/search-engine-optimization-seo/">Search Engine Optimization (SEO)</a></li> <li id="menu-item-78108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78108"><a href="https://creative27.com/promo-product-landing-pages/">Promo Product Landing Pages</a></li> <li id="menu-item-78107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78107"><a href="https://creative27.com/video-production-and-motion-graphics/">Video Production and Motion Graphics</a></li> <li id="menu-item-78106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78106"><a href="https://creative27.com/content-marketing/">Content Marketing</a></li> </ul></div> </div> </div> </div> <div class="responsivearea"> <div class="mobiledesign_area"> <div class="expertise_sub_title"> <a href="https://creative27.com/responsive-web-development/">Responsive Website & E-commerce</a> </div> <div class="verticalmenu"> <div class="menu-footer-menu-5-container"><ul id="menu-footer-menu-5" class="menu"><li id="menu-item-78121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78121"><a href="https://creative27.com/consulting/">Consulting</a></li> <li id="menu-item-78120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78120"><a href="https://creative27.com/design-ux-and-ui/">Design UX and UI</a></li> <li id="menu-item-78119" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78119"><a href="https://creative27.com/development/">Development</a></li> <li id="menu-item-78118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78118"><a href="https://creative27.com/support-maintenance/">Support & Maintenance</a></li> </ul></div> </div> </div> <div class="mobiledesign_area"> <div class="expertise_sub_title"> <a href="https://creative27.com/motion-graphics-company/">Motion Graphics</a> </div> <div class="verticalmenu"> <div class="menu-footer-menu-6-container"><ul id="menu-footer-menu-6" class="menu"><li id="menu-item-78136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78136"><a href="https://creative27.com/scripting/">Scripting</a></li> <li id="menu-item-78143" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78143"><a href="https://creative27.com/storyboard-design/">Storyboards</a></li> <li id="menu-item-78139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78139"><a href="https://creative27.com/design-license/">Design</a></li> <li id="menu-item-78137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78137"><a href="https://creative27.com/animation-and-video/">Animation and Video</a></li> <li id="menu-item-78142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78142"><a href="https://creative27.com/sound-design-services/">Sound Design</a></li> <li id="menu-item-78140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78140"><a href="https://creative27.com/final-rendering/">Final Rendering</a></li> </ul></div> </div> </div> <div class="mobiledesign_area"> <div class="expertise_sub_title"> <a href="https://creative27.com/identity-and-branding/">Identity and Branding</a> </div> <div class="verticalmenu"> <div class="menu-footer-menu-7-container"><ul id="menu-footer-menu-7" class="menu"><li id="menu-item-78147" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78147"><a href="https://creative27.com/messaging-and-positioning/">Messaging and Positioning</a></li> <li id="menu-item-78148" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78148"><a href="https://creative27.com/logo-design-agency/">Logo Design</a></li> <li id="menu-item-78149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78149"><a href="https://creative27.com/stationery-design-company/">Stationary</a></li> <li id="menu-item-78150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78150"><a href="https://creative27.com/digital-signature-company/">Digital Signature</a></li> <li id="menu-item-78155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78155"><a href="https://creative27.com/branding-guidelines/">Branding Guidelines</a></li> <li id="menu-item-78152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78152"><a href="https://creative27.com/product-photography-services/">Product Photography</a></li> </ul></div> </div> </div> </div> <div class="logoarea"> <div class="footerlogo_area"> <img src="https://creative27.com/wp-content/uploads/2024/01/footer_logo.png" alt="footer_logo"> <script defer src="https://assets.goodfirms.co/assets/js/widget.min.js"></script> <div class="goodfirms_wrapper"> <div class="goodfirms"> <div class="goodfirm-widget" data-widget-type="goodfirms-widget-t6" data-widget-pattern="star-no-review" data-height="100" data-company-id="175"></div> </div> </div> <div class="clutchreviews"> <script defer src="https://widget.clutch.co/static/js/widget.js"></script> <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="9" data-height="140" data-nofollow="true" data-expandifr="true" data-scale="100" data-clutchcompany-id="34682"></div> </div> </div> </div> </div> </div> <div class="footerar"> <div class="x-container max width"> <div class="footerbottom"> <div class="footer_27_logo"> <svg width="252" height="31" viewBox="0 0 252 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M213.609 19.6713H214.414V13.3009H213.609C212.964 13.3009 212.333 13.1095 211.796 12.7508C211.259 12.3921 210.841 11.8823 210.593 11.2858C210.346 10.6893 210.282 10.033 210.408 9.39975C210.534 8.76653 210.845 8.18488 211.301 7.72836C211.758 7.27183 212.339 6.96093 212.973 6.83498C213.606 6.70902 214.262 6.77367 214.859 7.02074C215.455 7.26781 215.965 7.68621 216.324 8.22302C216.682 8.75984 216.874 9.39097 216.874 10.0366V10.8415H223.244V10.0366C223.244 8.13102 222.679 6.26825 221.62 4.68382C220.562 3.0994 219.057 1.86449 217.296 1.13526C215.536 0.406031 213.599 0.21523 211.73 0.586988C209.861 0.958747 208.144 1.87637 206.797 3.22381C205.449 4.57125 204.532 6.28799 204.16 8.15695C203.788 10.0259 203.979 11.9631 204.708 13.7236C205.437 15.4842 206.672 16.9889 208.257 18.0476C209.841 19.1063 211.704 19.6713 213.609 19.6713Z" fill="#B6C7E9"/> <path d="M202.5 30.3682L223.486 30.3088L223.5 21.3682H206.992L202.5 30.3682Z" fill="#B6C7E9"/> <path d="M226.321 0.368164V9.17011H237.956L226.263 30.3059H237.014L251.828 0.368164H226.321Z" fill="#B6C7E9"/> <path d="M145.968 0.720215L160.704 30.324L168.577 14.4884L161.759 0.720215H145.968Z" fill="#B6C7E9"/> <path d="M52.3174 11.2771C52.3174 5.4267 47.5667 0.676025 41.7164 0.676025H32.0391V4.37099V18.2271V21.9221V30.5437L54.5608 30.4117L47.0389 20.4705C50.206 18.579 52.3174 15.192 52.3174 11.2771ZM44.7955 17.4793L34.8103 4.32701H41.7164C45.5433 4.32701 48.6224 7.45014 48.6224 11.2331C48.6224 14.0043 47.0829 16.3357 44.7955 17.4793Z" fill="#B6C7E9"/> <path d="M30.1037 14.3123C29.5319 6.65844 23.1537 0.588135 15.3239 0.588135C7.14215 0.588135 0.5 7.23028 0.5 15.412C0.5 23.5937 7.14215 30.2359 15.3239 30.2359C23.1537 30.2359 29.5319 24.1656 30.1037 16.4677H15.3239V14.4003H30.1037V14.3123Z" fill="#B6C7E9"/> <path d="M196.817 0.76416H177.683V9.34177H196.817V0.76416Z" fill="#B6C7E9"/> <path d="M196.817 21.7024H177.683V30.28H196.817V21.7024Z" fill="#B6C7E9"/> <path d="M75.5868 0.76416H56.4521V9.34177H75.5868V0.76416Z" fill="#B6C7E9"/> <path d="M75.5868 21.7024H56.4521V30.28H75.5868V21.7024Z" fill="#B6C7E9"/> <path d="M100.748 11.7172H110.029V30.4999H121.07V11.7172H130.352V0.720215H100.748V11.7172Z" fill="#B6C7E9"/> <path d="M143.9 0.632324H132.903V9.38589H143.9V0.632324Z" fill="#B6C7E9"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M144.12 30.6318H133.035V10.8813H144.12V30.6318Z" fill="#B6C7E9"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M175.527 0.76416L169.676 12.4649L163.87 0.76416H175.527Z" fill="#B6C7E9"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M177.683 19.7229V11.3652H196.817V19.7229H177.683Z" fill="#B6C7E9"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M92.1705 0.544189L77.4346 30.1479H85.7922L96.3493 8.94585L92.1705 0.544189ZM87.4197 30.1919H107.126L97.273 10.3974L87.4197 30.1919Z" fill="#B6C7E9"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M75.5868 19.7229H56.4521V11.3652H75.5868V19.7229Z" fill="#B6C7E9"/> </svg> </div> <div class="footer_27_title"> We do not sell or share your personal information<br> <span>漏 2023 Creative27 / Privacy / Terms</span> </div> <div class="footer_27_icon_area"> <ul> <li> <a href="https://www.behance.net/creative27" target="_blank"> <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.398438" width="32.2" height="32.2" rx="16.1" fill="#42526E"/> <path d="M14.7998 16.0222C15.7898 15.5522 16.2998 14.8322 16.2998 13.7222C16.2998 11.5322 14.6698 10.9922 12.7798 10.9922H7.58984V21.9922H12.9198C14.9198 21.9922 16.7998 21.0322 16.7998 18.8022C16.7998 17.4222 16.1498 16.4022 14.7898 16.0222H14.7998ZM10.0298 12.6022H12.3098C13.1898 12.6022 13.9798 12.8522 13.9798 13.8722C13.9798 14.8122 13.3598 15.1922 12.4998 15.1922H10.0298V12.6122V12.6022ZM12.6298 19.9022H10.0298V16.8522H12.6798C13.7498 16.8522 14.4298 17.3022 14.4298 18.4322C14.4298 19.5622 13.6198 19.9022 12.6298 19.9022ZM23.8298 12.3822H19.3398V11.2922H23.8298V12.3822ZM25.5898 17.8922C25.5898 15.5222 24.1998 13.5422 21.6898 13.5422C19.1798 13.5422 17.5898 15.3822 17.5898 17.7822C17.5898 20.1822 19.1598 21.9922 21.6898 21.9922C23.5998 21.9922 24.8398 21.1322 25.4398 19.3022H23.4998C23.2898 19.9822 22.4298 20.3522 21.7598 20.3522C20.4698 20.3522 19.7898 19.5922 19.7898 18.3122H25.5698C25.5698 18.1822 25.5898 18.0422 25.5898 17.9022V17.8922ZM19.7898 16.9122C19.8598 15.8622 20.5598 15.2022 21.6198 15.2022C22.6798 15.2022 23.2798 15.8522 23.3798 16.9122H19.7998H19.7898Z" fill="white"/> </svg> </a> </li> <li> <a href="https://dribbble.com/creative27" target="_blank"> <svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.901367" y="0.398438" width="32.2" height="32.2" rx="16.1" fill="#42526E"/> <path opacity="0.4" d="M17.001 26.5C11.481 26.5 7.00098 22.02 7.00098 16.5C7.00098 10.98 11.481 6.5 17.001 6.5C22.521 6.5 27.001 10.98 27.001 16.5C27.001 22.02 22.521 26.5 17.001 26.5Z" fill="white"/> <path d="M27.0015 16.4422C24.6615 15.7022 22.1414 15.5622 19.7214 16.0222C19.4714 15.3922 19.2015 14.7722 18.8915 14.1522C21.0615 13.1322 23.0315 11.8122 24.7515 10.1822L24.7015 10.1322L23.7115 9.10219C22.1015 10.6322 20.2415 11.8722 18.2015 12.8222C17.0215 10.7122 15.6014 8.74219 13.9214 6.99219L12.5115 7.57219H12.4814C12.5114 7.66219 12.5615 7.73218 12.6215 7.79218C14.2715 9.47218 15.6615 11.3722 16.8115 13.4122C13.7815 14.5622 10.6115 15.0022 7.19147 14.6122L7.02148 16.0622V16.1022C7.85148 16.2022 8.69146 16.2522 9.50146 16.2522C12.2615 16.2522 14.9515 15.7322 17.5115 14.7422C17.7815 15.2822 18.0315 15.8322 18.2515 16.3822C14.6215 17.4322 11.4614 19.8222 9.48145 23.0722L10.5715 24.1422C10.5715 24.1422 10.6314 24.0622 10.6614 24.0222C12.4614 20.9622 15.3915 18.7322 18.7715 17.7922C19.6615 20.3222 20.1614 22.9822 20.2314 25.6922C20.2314 25.7822 20.2514 25.8622 20.2914 25.9422L21.7115 25.3122C21.6215 22.6122 21.1015 19.9722 20.2415 17.4422C22.4115 17.0822 24.6515 17.2422 26.7415 17.9222C26.7915 17.9422 26.8415 17.9522 26.8915 17.9522L27.0015 16.4422Z" fill="white"/> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/creative27" target="_blank"> <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1812_3517)"> <path d="M16.4021 32.5979C25.293 32.5979 32.5004 25.3904 32.5004 16.4995C32.5004 7.60861 25.293 0.401123 16.4021 0.401123C7.51119 0.401123 0.303711 7.60861 0.303711 16.4995C0.303711 25.3904 7.51119 32.5979 16.4021 32.5979Z" fill="#42526E"/> <path d="M26.0206 17.7951V24.4321H22.1726V18.2399C22.1726 16.6851 21.6171 15.6234 20.2238 15.6234C19.1606 15.6234 18.529 16.3382 18.2501 17.0304C18.1488 17.2777 18.1227 17.6212 18.1227 17.9682V24.4319H14.2744C14.2744 24.4319 14.3261 13.9443 14.2744 12.8587H18.1229V14.4987C18.1152 14.5116 18.1043 14.5243 18.0974 14.5366H18.1229V14.4987C18.6343 13.7119 19.5463 12.5869 21.591 12.5869C24.1226 12.5869 26.0206 14.241 26.0206 17.7951ZM10.2488 7.28003C8.93248 7.28003 8.07129 8.14409 8.07129 9.27934C8.07129 10.3905 8.90752 11.2795 10.1983 11.2795H10.2233C11.5654 11.2795 12.3999 10.3905 12.3999 9.27934C12.3744 8.14409 11.5654 7.28003 10.2488 7.28003ZM8.3 24.4321H12.1468V12.8587H8.3V24.4321Z" fill="white"/> </g> <defs> <clipPath id="clip0_1812_3517"> <rect width="32.1967" height="32.1967" fill="white" transform="translate(0.303711 0.401611)"/> </clipPath> </defs> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer>  </div>  <script> window.RS_MODULES = window.RS_MODULES || {}; window.RS_MODULES.modules = window.RS_MODULES.modules || {}; window.RS_MODULES.waiting = window.RS_MODULES.waiting || []; window.RS_MODULES.defered = false; window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {}; window.RS_MODULES.type = 'compiled'; </script> <script> // Used by Gallery Custom Links to handle tenacious Lightboxes //jQuery(document).ready(function () { function mgclInit() { // In jQuery: // if (jQuery.fn.off) { // jQuery('.no-lightbox, .no-lightbox img').off('click'); // jQuery 1.7+ // } // else { // jQuery('.no-lightbox, .no-lightbox img').unbind('click'); // < jQuery 1.7 // } // 2022/10/24: In Vanilla JS var elements = document.querySelectorAll('.no-lightbox, .no-lightbox img'); for (var i = 0; i < elements.length; i++) { elements[i].onclick = null; } // In jQuery: //jQuery('a.no-lightbox').click(mgclOnClick); // 2022/10/24: In Vanilla JS: var elements = document.querySelectorAll('a.no-lightbox'); for (var i = 0; i < elements.length; i++) { elements[i].onclick = mgclOnClick; } // in jQuery: // if (jQuery.fn.off) { // jQuery('a.set-target').off('click'); // jQuery 1.7+ // } // else { // jQuery('a.set-target').unbind('click'); // < jQuery 1.7 // } // jQuery('a.set-target').click(mgclOnClick); // 2022/10/24: In Vanilla JS: var elements = document.querySelectorAll('a.set-target'); for (var i = 0; i < elements.length; i++) { elements[i].onclick = mgclOnClick; } } function mgclOnClick() { if (!this.target || this.target == '' || this.target == '_self') window.location = this.href; else window.open(this.href,this.target); return false; } // From WP Gallery Custom Links // Reduce the number of conflicting lightboxes function mgclAddLoadEvent(func) { var oldOnload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldOnload(); func(); } } } mgclAddLoadEvent(mgclInit); mgclInit(); //}); </script> <script> jQuery(document).ready(function(){ jQuery(".floatinglabel input, .floatinglabel textarea").focus(function(){ jQuery(this).parent().addClass("active"); }); jQuery(".floatinglabel input, .floatinglabel textarea").blur(function(){ if(jQuery(this).val() == ""){ jQuery(this).parent().removeClass("active"); } }); }); </script> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1951064,hjsv:5}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); </script> <div data-elementor-type="popup" data-elementor-id="79291" class="elementor elementor-79291 elementor-location-popup" data-elementor-settings="{"entrance_animation":"fadeIn","exit_animation":"fadeIn","entrance_animation_duration":{"unit":"px","size":0.3,"sizes":[]},"open_selector":".contactpopup","a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-11a2ae5 e-flex e-con-boxed e-con e-parent" data-id="11a2ae5" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-5ae7643 elementor-widget elementor-widget-text-editor" data-id="5ae7643" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Contact Us</p> </div> </div> <div class="elementor-element elementor-element-b2a62f0 elementor-button-align-center elementor-widget elementor-widget-form" data-id="b2a62f0" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" name="New Form"> <input type="hidden" name="post_id" value="79291"/> <input type="hidden" name="form_id" value="b2a62f0"/> <input type="hidden" name="referer_title" value="Motion Graphics Company | Creative27" /> <input type="hidden" name="queried_id" value="5021"/> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required"> <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Name*" required="required" aria-required="true"> </div> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required"> <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Email*" required="required" aria-required="true"> </div> <div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_f516897 elementor-col-100 elementor-field-required"> <input size="1" type="tel" name="form_fields[field_f516897]" id="form-field-field_f516897" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Phone*" required="required" aria-required="true" pattern="[0-9()#&+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted."> </div> <div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_77baa34 elementor-col-100 elementor-field-required"> <input size="1" type="text" name="form_fields[field_77baa34]" id="form-field-field_77baa34" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Budget*" required="required" aria-required="true"> </div> <div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_b4621f3 elementor-col-100 elementor-field-required"> <input size="1" type="text" name="form_fields[field_b4621f3]" id="form-field-field_b4621f3" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="How did you find us?*" required="required" aria-required="true"> </div> <div class="elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required"> <textarea class="elementor-field-textual elementor-field elementor-size-sm" name="form_fields[message]" id="form-field-message" rows="4" placeholder="Message*" required="required" aria-required="true"></textarea> </div> <div class="elementor-field-type-text"> <input size="1" type="text" name="form_fields[field_b381055]" id="form-field-field_b381055" class="elementor-field elementor-size-sm " style="display:none !important;"> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons"> <button type="submit" class="elementor-button elementor-size-sm"> <span > <span class=" elementor-button-icon"> </span> <span class="elementor-button-text">Submit</span> </span> </button> </div> </div> </form> </div> </div> </div> </div> </div> <script type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script>    <link rel="stylesheet" type="text/css" href="//creative27.com/wp-content/cache/wpfc-minified/8k9xx6jj/hx2o7.css" media="all"/> <style id='rs-plugin-settings-inline-css' type='text/css'> .tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902} </style> <script type="text/javascript" id="cs-js-extra"> /* <![CDATA[ */ var csJsData = {"linkSelector":"#x-root a[href*=\"#\"]","bp":{"base":4,"ranges":[0,480,767,979,1200],"count":4}}; /* ]]> */ </script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/cornerstone/assets/js/site/cs-classic.7.5.9.js?ver=7.5.9" id="cs-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/math-captcha-for-elementor-forms//assets/js/main.js?ver=6.6.2" id="mainjs-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/math-captcha-for-elementor-forms//assets/js/jquery.ebcaptcha.js?ver=6.6.2" id="ebrecaptcha-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/math-captcha-for-elementor-forms//assets/js/arrive.min.js?ver=6.6.2" id="arrivejs-js"></script> <script type="text/javascript" src="//creative27.com/wp-content/plugins/revslider/sr6/assets/js/rbtools.min.js?ver=6.7.14" async id="tp-tools-js"></script> <script type="text/javascript" src="//creative27.com/wp-content/plugins/revslider/sr6/assets/js/rs6.min.js?ver=8.7.14" async id="revmin-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/themes/x_child/script/html2canvas.js?ver=6.6.2" id="html2canvas-js-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/themes/x_child/script/custom.js?ver=6.6.2" id="custom-js-js"></script> <script type="text/javascript" id="x-site-js-extra"> /* <![CDATA[ */ var xJsData = {"icons":{"down":"<i class='x-framework-icon x-icon-angle-double-down' data-x-icon-s='' aria-hidden=true><\/i>","subindicator":"<i class=\"x-icon x-framework-icon x-icon-angle-double-down\" aria-hidden=\"true\" data-x-icon-s=\"\"><\/i>","previous":"<i class='x-framework-icon x-icon-previous' data-x-icon-s='' aria-hidden=true><\/i>","next":"<i class='x-framework-icon x-icon-next' data-x-icon-s='' aria-hidden=true><\/i>","star":"<i class='x-framework-icon x-icon-star' data-x-icon-s='' aria-hidden=true><\/i>"}}; /* ]]> */ </script> <script type="text/javascript" src="https://creative27.com/wp-content/themes/x/framework/dist/js/site/x.js?ver=10.5.6" id="x-site-js"></script> <script type="text/javascript" src="https://creative27.com/wp-includes/js/comment-reply.min.js?ver=6.6.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/popup-press/js/libs/bpopup.js?ver=0.10" id="pps_bPopup-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/popup-press/js/libs/jquery.popupslider.js?ver=2.5.0" id="pps_popupslider-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/popup-press/js/libs/jquery.cookie.js?ver=1.4.1" id="pps_jCookie-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/popup-press/js/libs/jquery.easing.1.3.js?ver=1.3" id="pps_easing-js"></script> <script type="text/javascript" id="pps_js_script-js-extra"> /* <![CDATA[ */ var PPS = {"ajaxurlPps":"https:\/\/creative27.com\/wp-admin\/admin-ajax.php","loader_text":"","version":"3.0.5"}; /* ]]> */ </script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/popup-press/js/pps_script.js?ver=3.0.5" id="pps_js_script-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=10.8" id="wpb_composer_front_js-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/themes/x_child/script/owl.carousel.min.js?ver=10.5.6" id="owlslider-js-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.31.2" id="elementor-pro-webpack-runtime-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.25.3" id="elementor-webpack-runtime-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.25.3" id="elementor-frontend-modules-js"></script> <script type="text/javascript" src="https://creative27.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://creative27.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" id="elementor-pro-frontend-js-before"> /* <![CDATA[ */ var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/creative27.com\/wp-admin\/admin-ajax.php","nonce":"1a244543f3","urls":{"assets":"https:\/\/creative27.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/creative27.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/creative27.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; /* ]]> */ </script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.31.2" id="elementor-pro-frontend-js"></script> <script type="text/javascript" src="https://creative27.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" id="elementor-frontend-js-before"> /* <![CDATA[ */ var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.25.3","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_optimized_control_loading":true,"e_onboarding":true,"e_css_smooth_scroll":true,"theme_builder_v2":true,"home_screen":true,"landing-pages":true,"nested-elements":true,"editor_v2":true,"link-in-bio":true,"floating-buttons":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/creative27.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/creative27.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/creative27.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"b774f9dc8a"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":5021,"title":"Motion%20Graphics%20Company%20%7C%20Creative27","excerpt":"","featuredImage":false}}; /* ]]> */ </script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.25.3" id="elementor-frontend-js"></script> <script type="text/javascript" src="https://creative27.com/wp-content/plugins/elementor-pro/assets/js/preloaded-elements-handlers.min.js?ver=3.31.2" id="pro-preloaded-elements-handlers-js"></script> <script></script> <script type='text/javascript'> jQuery(document).ready(function($) { $(".pps-popup").on("ppsOnOpen", function(e){ //Do something when you open any popups }); $("#popuppress-5").on("ppsOnClose", function(e){ //Do something when you close the popup id = 5 }); });</script><script id="cornerstone-custom-js" type="text/javascript"> /* <![CDATA[ */ jQuery(".pd-home").wrap("<a href='https://creative27.com/pensterdocs/'>"); jQuery(".ls-home").wrap("<a href='https://creative27.com/life-speed/'>"); jQuery(".beats-home").wrap("<a href='https://creative27.com/beats/'>"); jQuery(".ccs-port").wrap("<a href='https://creative27.com/ccs/'>"); jQuery(".reop-port").wrap("<a href='https://creative27.com/reop/'>") jQuery(".justours-port").wrap("<a href='https://creative27.com/justours/'>") jQuery(".somabar-port").wrap("<a href='https://creative27.com/somabar/'>") jQuery(".iherb-port").wrap("<a href='https://creative27.com/iherb/'>") jQuery(".ntt-port").wrap("<a href='https://creative27.com/ntt/'>") jQuery(".awards").wrap("<a href='https://creative27.com/awards-2/'>") jQuery(".homectowork").wrap("<a href='https://creative27.com/projects/'>") jQuery(".cla").wrap("<a href='https://creative27.com/cla'>") jQuery(".md-circle").wrap("<a href='https://creative27.com/mdcircle'>") jQuery(".d27-port").wrap("<a href='https://creative27.com/district27/'>"); jQuery(".sth-home").wrap("<a href='https://creative27.com/stashimi/'>"); jQuery(".mdhndwrk").wrap("<a href='https://www.mediahound.com/'>"); jQuery(".reophm").wrap("<a href='https://creative27.com/reop/'>"); /* ]]> */ </script> <script> jQuery(document).ready(function(){ jQuery(".mobilemenu").click(function(){ jQuery(".menumobilearea_wrap").addClass("in"); }); jQuery(".closemenu").click(function(){ jQuery(".menumobilearea_wrap").removeClass("in"); }); var testimonialslidercount = jQuery(".testimonialslider").length; if(testimonialslidercount > 0){ for(var i=0; i < testimonialslidercount; i++){ if(i == 1){ var rtl = true; }else{ var rtl = false; } jQuery(".testimonialslider").eq(i).owlCarousel({ rtl: rtl, autoplay:true, loop:true, dots:false, center:true, margin:30, nav:false, autoHeight: false, responsive:{ 0:{ items:1, }, 480:{ items:1, }, 680:{ items:2 }, 1000:{ items:2 } } }); } } var lastscrolltop = 0; jQuery(window).scroll(function() { var currentscrolltop = jQuery(this).scrollTop(); if (jQuery(document).scrollTop() > 50) { jQuery(".headerwrap").addClass("scrolled"); if(currentscrolltop > lastscrolltop){ jQuery(".headerwrap").removeClass('upscroll').addClass("downscroll"); }else{ jQuery(".headerwrap").removeClass('downscroll').addClass("upscroll"); } lastscrolltop = currentscrolltop; } else { jQuery(".headerwrap").removeClass("scrolled"); jQuery(".headerwrap").removeClass('downscroll').addClass("upscroll"); } }); var betterslider = jQuery('.betterslider').owlCarousel({ items: 1, loop: true, autoplay: true, autoplayTimeout: 5000, // Adjust as needed autoplayHoverPause: false, onInitialized: startProgressBar }); betterslider.on('changed.owl.carousel', function(event){ resetProgressBar(event); startProgressBar(event); }); function startProgressBar(event) { var slide = event.item.index; var progressBar = jQuery('.betterslider .owl-item').eq(slide).find('.progress-bar'); progressBar.css('width', '100%'); progressBar.css('background-color', '#007bff'); // Set blue background color } function resetProgressBar(event) { var progressBar = jQuery('.betterslider .progress-bar'); progressBar.css('width', '1px'); progressBar.css('background-color', 'white'); } function resetProgressBarOnTranslate(event) { var slide = event.item.index; var progressBar = jQuery('.betterslider .owl-item').eq(slide).find('.progress-bar'); progressBar.css('width', '1px'); progressBar.css('background-color', 'white'); } jQuery(".tab_wrap ul li").click(function(){ jQuery('.pageloader').show(); if(jQuery(this).hasClass('termid')){ var termid = jQuery(this).attr('data-id'); jQuery(".searchcat").val(termid); jQuery(".searchform").submit(); }else{ jQuery(".searchcat").val(""); jQuery(".searchform").submit(); } }); jQuery(".searchfield").keyup(function(){ var keyword = jQuery(this).val(); if(keyword.length == 0){ jQuery(".submitformbtn").removeClass("active"); }else{ jQuery(".submitformbtn").addClass("active"); } }); jQuery(".worktabs li").click(function(){ jQuery(".worktabs li").removeClass("active"); jQuery(this).addClass("active"); var tab = jQuery(this).data("tab"); if(tab == "all"){ jQuery(".elementor-element.workc").fadeIn(); }else{ jQuery(".elementor-element.workc[data-tabc]").each(function() { const divTags = jQuery(this).data('tabc').split(',').map(tag => tag.trim()); if (divTags.includes(tab)) { jQuery(this).fadeIn(); } else { jQuery(this).fadeOut(); } }); } }); jQuery(".submitformbtn").click(function(event){ event.preventDefault(); jQuery('.pageloader').addClass("in"); jQuery('.searchform').submit(); }); jQuery("body a").click(function(event){ event.preventDefault(); var href = jQuery(this).attr("href"); if(!href.includes("mailto") && !href.includes("tel") && href !== "#"){ jQuery('.pageloader').addClass("in"); setTimeout(function(){ window.location.href = href; }, 150); }else{ window.location.href = href; } }); jQuery('.pageloader').removeClass("in"); }); window.addEventListener('pageshow', function() { var pageloader = document.querySelector('.pageloader'); if (pageloader) { pageloader.classList.remove('in'); } }); </script> </body> </html>