CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />  <title>Tilda Zero Block web design editor</title> <meta name="description" content="Create your own new blocks with a unique adaptive design. You control the appearance of each element according to your ideas." /> <meta property="og:url" content="https://zero.tilda.cc" /> <meta property="og:title" content="Tilda Zero Block web design editor" /> <meta property="og:description" content="Create your own new blocks with a unique adaptive design. You control the appearance of each element according to your ideas." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6561-6366-4137-b338-326536353333/fbzerobadge0.png" /> <link rel="canonical" href="https://zero.tilda.cc">  <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/img/tildafavicon.ico" type="image/x-icon" />  <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project73601/tilda-blocks-page260348.min.css?t=1729493671" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/fonts-tildasans.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}} function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t396_initialScale(t){t=document.getElementById("rec"+t);if(t){t=t.querySelector(".t396__artboard");if(t){var e,r=document.documentElement.clientWidth,a=[];if(i=t.getAttribute("data-artboard-screens"))for(var i=i.split(","),l=0;l<i.length;l++)a[l]=parseInt(i[l],10);else a=[320,480,640,960,1200];for(l=0;l<a.length;l++){var n=a[l];n<=r&&(e=n)}var o="edit"===window.allrecords.getAttribute("data-tilda-mode"),d="center"===t396_getFieldValue(t,"valign",e,a),c="grid"===t396_getFieldValue(t,"upscale",e,a),s=t396_getFieldValue(t,"height_vh",e,a),u=t396_getFieldValue(t,"height",e,a),g=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!o&&d&&!c&&!s&&u&&!g){for(var _=parseFloat((r/e).toFixed(3)),f=[t,t.querySelector(".t396__carrier"),t.querySelector(".t396__filter")],l=0;l<f.length;l++)f[l].style.height=Math.floor(parseInt(u,10)*_)+"px";t396_scaleInitial__getElementsToScale(t).forEach(function(t){t.style.zoom=_})}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter(function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))}):[]}function t396_getFieldValue(t,e,r,a){var i=a[a.length-1],l=r===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+r);if(!l)for(var n=0;n<a.length;n++){var o=a[n];if(!(o<=r)&&(l=o===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return l}window.onerror=function(m,f,l,c,e) {if(!window.t_jserrors)window.t_jserrors=[];window.t_jserrors.push({message:m,filename:f,lineno:l,colno:c,error:e});}</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project73601/tilda-blocks-page260348.min.js?t=1729493671" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-ext-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-sbs-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-tooltip-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <meta name="facebook-domain-verification" content="81wm2wm3oovgg0h4ea0b6kkvh7sj76" /><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);} document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;">  <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="73601" data-tilda-page-id="260348" data-tilda-formskey="cbe98719707eb94d32bd1d908d38fb3a" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-page-headcode="yes"> <div id="rec56083197" class="r t-rec" style=" " data-animationappear="off" data-record-type="360">  <style>@media screen and (min-width:980px){.t-records{opacity:0;}.t-records_animated{-webkit-transition:opacity ease-in-out .5s;-moz-transition:opacity ease-in-out .5s;-o-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s;}.t-records.t-records_visible,.t-records .t-records{opacity:1;}}</style> <script>t_onReady(function() {var allRecords=document.querySelector('.t-records');window.addEventListener('pageshow',function(event) {if(event.persisted) {allRecords.classList.add('t-records_visible');}});var rec=document.querySelector('#rec56083197');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity='1';allRecords.classList.add('t-records_animated');setTimeout(function() {allRecords.classList.add('t-records_visible');},200);});</script> <script>t_onReady(function() {var selects='button:not(.t-submit):not(.t835__btn_next):not(.t835__btn_prev):not(.t835__btn_result):not(.t862__btn_next):not(.t862__btn_prev):not(.t862__btn_result):not(.t854__news-btn):not(.t862__btn_next),' + 'a:not([href*="#"]):not(.carousel-control):not(.t-carousel__control):not(.t807__btn_reply):not([href^="#price"]):not([href^="javascript"]):not([href^="mailto"]):not([href^="tel"]):not([href^="link_sub"]):not(.js-feed-btn-show-more):not(.t367__opener):not([href^="https://www.dropbox.com/"])';var elements=document.querySelectorAll(selects);Array.prototype.forEach.call(elements,function(element) {if(element.getAttribute('data-menu-submenu-hook')) return;element.addEventListener('click',function(event) {var goTo=this.getAttribute('href');if(goTo!==null) {var ctrl=event.ctrlKey;var cmd=event.metaKey&&navigator.platform.indexOf('Mac')!==-1;if(!ctrl&&!cmd) {var target=this.getAttribute('target');if(target!=='_blank') {event.preventDefault();var allRecords=document.querySelector('.t-records');if(allRecords) {allRecords.classList.remove('t-records_visible');} setTimeout(function() {window.location=goTo;},500);}}}});});});</script> </div> <div id="rec56036376" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec56036376 .t396__artboard {height:1018px;background-color:#000000;overflow:visible;}#rec56036376 .t396__filter {height:1018px;}#rec56036376 .t396__carrier{height:1018px;background-position:center bottom;background-attachment:scroll;background-image:url('https://static.tildacdn.com/tild3038-6137-4132-b333-656434316362/fon1.png');background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56036376 .t396__artboard,#rec56036376 .t396__filter,#rec56036376 .t396__carrier {height:1058px;}#rec56036376 .t396__filter {}#rec56036376 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56036376 .t396__artboard,#rec56036376 .t396__filter,#rec56036376 .t396__carrier {height:1397px;}#rec56036376 .t396__filter {}#rec56036376 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56036376 .t396__artboard,#rec56036376 .t396__filter,#rec56036376 .t396__carrier {height:1297px;}#rec56036376 .t396__artboard {background-color:#000000;}#rec56036376 .t396__filter{}#rec56036376 .t396__carrier {background-position:center bottom;background-image:url('https://static.tildacdn.com/tild3038-6137-4132-b333-656434316362/fon1.png');background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56036376 .t396__artboard,#rec56036376 .t396__filter,#rec56036376 .t396__carrier {height:1078px;}#rec56036376 .t396__filter {}#rec56036376 .t396__carrier {background-attachment:scroll;}}#rec56036376 .tn-elem[data-elem-id="1467041430343"]{z-index:3;top:124px;left:calc(50% - 600px + 640px);width:160px;}#rec56036376 .tn-elem[data-elem-id="1467041430343"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1467041430343"] {top:134px;left:calc(50% - 480px + 550px);}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1467041430343"] {top:44px;left:calc(50% - 320px + 110px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1467041430343"] {top:44px;left:calc(50% - 240px + 35px);}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1467041430343"] {top:54px;left:calc(50% - 160px + 35px);}}#rec56036376 .tn-elem[data-elem-id="1467383815098"]{color:#ffffff;z-index:4;top:415px;left:calc(50% - 600px + 690px);width:300px;}#rec56036376 .tn-elem[data-elem-id="1467383815098"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.4;font-weight:500;opacity:0.6;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1467383815098"] {top:434px;left:calc(50% - 480px + 600px);}#rec56036376 .tn-elem[data-elem-id="1467383815098"] .tn-atom{font-size:15px;}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1467383815098"] {top:604px;left:calc(50% - 320px + 160px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1467383815098"] {top:585px;left:calc(50% - 240px + 84px);}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1467383815098"] {top:477px;left:calc(50% - 160px + 40px);width:240px;}#rec56036376 .tn-elem[data-elem-id="1467383815098"] .tn-atom{font-size:15px;}}#rec56036376 .tn-elem[data-elem-id="1467384780804"]{z-index:5;top:558px;left:calc(50% - 600px + 550px);width:384px;}#rec56036376 .tn-elem[data-elem-id="1467384780804"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1467384780804"] {top:738px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1467384780804"] {top:741px;left:calc(50% - 240px + 40px);width:294px;}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1467384780804"] {top:628px;left:calc(50% - 160px + 10px);}}#rec56036376 .tn-elem[data-elem-id="1467818882478"]{z-index:6;top:760px;left:calc(50% - 380px + 0px);width:760px;}#rec56036376 .tn-elem[data-elem-id="1467818882478"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 25px 5px rgba(0,0,0,0.2);}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1467818882478"] {top:720px;left:calc(50% - 380px + 0px);}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1467818882478"] {top:892px;left:calc(50% - 380px + 0.5px);width:627px;}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1467818882478"] {top:847px;left:calc(50% - 380px + -0.5px);width:457px;}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1467818882478"] {top:727px;left:calc(50% - 380px + -0.5px);width:297px;}}#rec56036376 .tn-elem[data-elem-id="1467818833219"]{z-index:7;top:640px;left:calc(50% - 600px + 380px);width:384px;}#rec56036376 .tn-elem[data-elem-id="1467818833219"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1467818833219"] {top:680px;left:calc(50% - 480px + 380px);}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1467818833219"] {top:820px;left:calc(50% - 320px + 120px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1467818833219"] {top:790px;left:calc(50% - 240px + 50px);width:344px;}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1467818833219"] {top:700px;left:calc(50% - 160px + 70px);width:234px;}#rec56036376 .tn-elem[data-elem-id="1467818833219"] .tn-atom{opacity:0;}}#rec56036376 .tn-elem[data-elem-id="1466084597249"]{color:#ffffff;z-index:8;top:276px;left:calc(50% - 600px + 690px);width:270px;}#rec56036376 .tn-elem[data-elem-id="1466084597249"] .tn-atom{color:#ffffff;font-size:34px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1466084597249"] {top:304px;left:calc(50% - 480px + 600px);}#rec56036376 .tn-elem[data-elem-id="1466084597249"] .tn-atom{font-size:34px;}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1466084597249"] {top:464px;left:calc(50% - 320px + 160px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1466084597249"] {top:463px;left:calc(50% - 240px + 84px);}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1466084597249"] {top:372px;left:calc(50% - 160px + 40px);}#rec56036376 .tn-elem[data-elem-id="1466084597249"] .tn-atom{font-size:34px;}}#rec56036376 .tn-elem[data-elem-id="1467911710937"]{color:#ffffff;text-align:center;z-index:9;top:310px;left:calc(50% - 600px + 110px);width:130px;}#rec56036376 .tn-elem[data-elem-id="1467911710937"] .tn-atom{color:#ffffff;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.3;font-weight:500;letter-spacing:1px;opacity:0.2;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1467911710937"] {top:350px;left:calc(50% - 480px + 84px);}#rec56036376 .tn-elem[data-elem-id="1467911710937"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1467911710937"] {top:75px;left:calc(50% - 320px + 430px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1467911710937"] {top:75px;left:calc(50% - 240px + 300px);}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1467911710937"] {top:21px;left:calc(50% - 160px + 121px);width:240px;}#rec56036376 .tn-elem[data-elem-id="1467911710937"] .tn-atom{font-size:13px;}}#rec56036376 .tn-elem[data-elem-id="1525966316322"]{z-index:10;top:1087px;left:calc(50% - 600px + 420px);width:501px;}#rec56036376 .tn-elem[data-elem-id="1525966316322"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1525966316322"] {top:1138px;left:calc(50% - 480px + 351px);width:501px;}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1525966316322"] {top:1208px;left:calc(50% - 320px + 41px);width:481px;}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1525966316322"] {top:1078px;left:calc(50% - 240px + 1px);width:401px;}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1525966316322"] {top:884px;left:calc(50% - 160px + 1px);width:351px;}}#rec56036376 .tn-elem[data-elem-id="1624030459850"]{color:#000000;z-index:11;top:1171px;left:calc(50% - 600px + 1020px);width:142px;}#rec56036376 .tn-elem[data-elem-id="1624030459850"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.6;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1624030459850"] {top:1214px;left:calc(50% - 480px + 100px);}#rec56036376 .tn-elem[data-elem-id="1624030459850"] .tn-atom{font-size:15px;}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1624030459850"] {top:1340px;left:calc(50% - 320px + 10px);}#rec56036376 .tn-elem[data-elem-id="1624030459850"]{color:#ffffff;}#rec56036376 .tn-elem[data-elem-id="1624030459850"] .tn-atom{color:#ffffff;opacity:0.6;}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1624030459850"] {top:1235px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1624030459850"] {top:1024px;left:calc(50% - 160px + 11px);width:143px;}#rec56036376 .tn-elem[data-elem-id="1624030459850"] .tn-atom{font-size:15px;}}#rec56036376 .tn-elem[data-elem-id="1624030459861"]{z-index:12;top:1201px;left:calc(50% - 600px + 1162px);width:24px;}#rec56036376 .tn-elem[data-elem-id="1624030459861"] .tn-atom{opacity:0.6;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1624030459861"] {top:1242px;left:calc(50% - 480px + 233px);}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1624030459861"] {top:1369px;left:calc(50% - 320px + 142px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1624030459861"] {top:1263px;left:calc(50% - 240px + 142px);}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1624030459861"] {top:1053px;left:calc(50% - 160px + 145px);}}#rec56036376 .tn-elem[data-elem-id="1729493632796"]{color:#ffffff;z-index:13;top:105px;left:calc(50% - 600px + 114px);width:490px;}#rec56036376 .tn-elem[data-elem-id="1729493632796"] .tn-atom{color:#ffffff;font-size:98px;font-family:'TildaSans',Arial,sans-serif;line-height:0.95;font-weight:700;letter-spacing:7px;text-transform:uppercase;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036376 .tn-elem[data-elem-id="1729493632796"] {top:154px;left:calc(50% - 480px + 86px);}#rec56036376 .tn-elem[data-elem-id="1729493632796"] .tn-atom{font-size:95px;}}@media screen and (max-width:959px) {#rec56036376 .tn-elem[data-elem-id="1729493632796"] {top:206px;left:calc(50% - 320px + 160px);}}@media screen and (max-width:639px) {#rec56036376 .tn-elem[data-elem-id="1729493632796"] {top:165px;left:calc(50% - 240px + 79px);}}@media screen and (max-width:479px) {#rec56036376 .tn-elem[data-elem-id="1729493632796"] {top:193px;left:calc(50% - 160px + 38px);width:170px;}#rec56036376 .tn-elem[data-elem-id="1729493632796"] .tn-atom{font-size:65px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56036376" data-artboard-screens="320,480,640,960,1200" data-artboard-height="1018" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-height-res-320="1078" data-artboard-height-res-480="1297" data-artboard-height-res-640="1397" data-artboard-height-res-960="1058"> <div class="t396__carrier" data-artboard-recid="56036376"></div> <div class="t396__filter" data-artboard-recid="56036376"></div> <div class='t396__elem tn-elem tn-elem__560363761467041430343' data-elem-id='1467041430343' data-elem-type='image' data-field-top-value="124" data-field-left-value="640" data-field-width-value="160" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="516" data-field-fileheight-value="516" data-field-top-res-320-value="54" data-field-left-res-320-value="35" data-field-top-res-480-value="44" data-field-left-res-480-value="35" data-field-top-res-640-value="44" data-field-left-res-640-value="110" data-field-top-res-960-value="134" data-field-left-res-960-value="550"> <a class='tn-atom' href="https://tilda.cc/registration/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3134-3666-4639-b665-303164306362/Tilda_logo.png' alt='' imgfield='tn_img_1467041430343' /> </a> </div> <div class='t396__elem tn-elem tn-elem__560363761467383815098 t-animate' data-elem-id='1467383815098' data-elem-type='text' data-field-top-value="415" data-field-left-value="690" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-top-res-320-value="477" data-field-left-res-320-value="40" data-field-width-res-320-value="240" data-field-top-res-480-value="585" data-field-left-res-480-value="84" data-field-top-res-640-value="604" data-field-left-res-640-value="160" data-field-top-res-960-value="434" data-field-left-res-960-value="600"> <div class='tn-atom'field='tn_text_1467383815098'>Create your own unique block where you can edit every element. Design a website from blocks on Tilda. If something's missing, just add Zero Block.</div> </div> <div class='t396__elem tn-elem tn-elem__560363761467384780804' data-elem-id='1467384780804' data-elem-type='image' data-field-top-value="558" data-field-left-value="550" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="384" data-field-fileheight-value="102" data-field-top-res-320-value="628" data-field-left-res-320-value="10" data-field-top-res-480-value="741" data-field-left-res-480-value="40" data-field-width-res-480-value="294" data-field-top-res-640-value="738" data-field-left-res-640-value="90"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3939-3334-4538-b965-393234666165/pattern01.png' alt='' imgfield='tn_img_1467384780804' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560363761467818882478 t-animate' data-elem-id='1467818882478' data-elem-type='image' data-field-top-value="760" data-field-left-value="0" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.7" data-animate-distance="100" data-animate-prx="scroll" data-animate-prx-s="115" data-field-filewidth-value="1620" data-field-fileheight-value="975" data-field-top-res-320-value="727" data-field-left-res-320-value="-0.5" data-field-width-res-320-value="297" data-field-top-res-480-value="847" data-field-left-res-480-value="-0.5" data-field-width-res-480-value="457" data-field-top-res-640-value="892" data-field-left-res-640-value="0.5" data-field-width-res-640-value="627" data-field-top-res-960-value="720" data-field-left-res-960-value="0"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3931-3961-4266-b934-333731363537/blockzero.gif' alt='' imgfield='tn_img_1467818882478' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560363761467818833219' data-elem-id='1467818833219' data-elem-type='image' data-field-top-value="640" data-field-left-value="380" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="384" data-field-fileheight-value="102" data-field-top-res-320-value="700" data-field-left-res-320-value="70" data-field-width-res-320-value="234" data-field-top-res-480-value="790" data-field-left-res-480-value="50" data-field-width-res-480-value="344" data-field-top-res-640-value="820" data-field-left-res-640-value="120" data-field-top-res-960-value="680" data-field-left-res-960-value="380"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6139-3038-4431-b438-363962636538/pattern02.png' alt='' imgfield='tn_img_1467818833219' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560363761466084597249 t-animate' data-elem-id='1466084597249' data-elem-type='text' data-field-top-value="276" data-field-left-value="690" data-field-width-value="270" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.2" data-animate-distance="100" data-field-top-res-320-value="372" data-field-left-res-320-value="40" data-field-top-res-480-value="463" data-field-left-res-480-value="84" data-field-top-res-640-value="464" data-field-left-res-640-value="160" data-field-top-res-960-value="304" data-field-left-res-960-value="600"> <div class='tn-atom'field='tn_text_1466084597249'>Manage Every Detail</div> </div> <div class='t396__elem tn-elem tn-elem__560363761467911710937' data-elem-id='1467911710937' data-elem-type='text' data-field-top-value="310" data-field-left-value="110" data-field-width-value="130" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="21" data-field-left-res-320-value="121" data-field-width-res-320-value="240" data-field-top-res-480-value="75" data-field-left-res-480-value="300" data-field-top-res-640-value="75" data-field-left-res-640-value="430" data-field-top-res-960-value="350" data-field-left-res-960-value="84"> <div class='tn-atom'><a href="https://tilda.cc/registration/"style="color: inherit">Tilda Publishing</a></div> </div> <div class='t396__elem tn-elem tn-elem__560363761525966316322' data-elem-id='1525966316322' data-elem-type='image' data-field-top-value="1087" data-field-left-value="420" data-field-width-value="501" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="525" data-field-fileheight-value="190" data-field-top-res-320-value="884" data-field-left-res-320-value="1" data-field-width-res-320-value="351" data-field-top-res-480-value="1078" data-field-left-res-480-value="1" data-field-width-res-480-value="401" data-field-top-res-640-value="1208" data-field-left-res-640-value="41" data-field-width-res-640-value="481" data-field-top-res-960-value="1138" data-field-left-res-960-value="351" data-field-width-res-960-value="501"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3438-3638-4030-b139-306466653162/pattern03.png' alt='' imgfield='tn_img_1525966316322' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560363761624030459850 t-animate' data-elem-id='1624030459850' data-elem-type='text' data-field-top-value="1171" data-field-left-value="1020" data-field-width-value="142" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-top-res-320-value="1024" data-field-left-res-320-value="11" data-field-width-res-320-value="143" data-field-top-res-480-value="1235" data-field-left-res-480-value="10" data-field-top-res-640-value="1340" data-field-left-res-640-value="10" data-field-top-res-960-value="1214" data-field-left-res-960-value="100"> <div class='tn-atom'><a href="https://tilda.education/en/articles-zero-block"target="_blank"style="color: inherit">Read a Complete Guide to Zero Block</a></div> </div> <div class='t396__elem tn-elem tn-elem__560363761624030459861 t-animate' data-elem-id='1624030459861' data-elem-type='image' data-field-top-value="1201" data-field-left-value="1162" data-field-width-value="24" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-filewidth-value="32" data-field-fileheight-value="22" data-field-top-res-320-value="1053" data-field-left-res-320-value="145" data-field-top-res-480-value="1263" data-field-left-res-480-value="142" data-field-top-res-640-value="1369" data-field-left-res-640-value="142" data-field-top-res-960-value="1242" data-field-left-res-960-value="233"> <a class='tn-atom' href="https://tilda.education/en/articles-zero-block"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3534-3264-4661-a664-663563643737/Group_11.svg' alt='' imgfield='tn_img_1624030459861' /> </a> </div> <div class='t396__elem tn-elem tn-elem__560363761729493632796' data-elem-id='1729493632796' data-elem-type='text' data-field-top-value="105" data-field-left-value="114" data-field-width-value="490" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="193" data-field-left-res-320-value="38" data-field-width-res-320-value="170" data-field-top-res-480-value="165" data-field-left-res-480-value="79" data-field-top-res-640-value="206" data-field-left-res-640-value="160" data-field-top-res-960-value="154" data-field-left-res-960-value="86"> <h1 class='tn-atom'field='tn_text_1729493632796'><span style="color: rgb(238, 95, 40);">Zero</span> Block</h1> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56036376');});});</script>  </div> <div id="rec228878485" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="396">  <style>#rec228878485 .t396__artboard {height:790px;background-color:#ffffff;}#rec228878485 .t396__filter {height:790px;}#rec228878485 .t396__carrier{height:790px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec228878485 .t396__artboard,#rec228878485 .t396__filter,#rec228878485 .t396__carrier {height:740px;}#rec228878485 .t396__filter {}#rec228878485 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec228878485 .t396__artboard,#rec228878485 .t396__filter,#rec228878485 .t396__carrier {height:670px;}#rec228878485 .t396__filter {}#rec228878485 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec228878485 .t396__artboard,#rec228878485 .t396__filter,#rec228878485 .t396__carrier {height:620px;}#rec228878485 .t396__filter {}#rec228878485 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec228878485 .t396__artboard,#rec228878485 .t396__filter,#rec228878485 .t396__carrier {height:540px;}#rec228878485 .t396__filter {}#rec228878485 .t396__carrier {background-attachment:scroll;}}#rec228878485 .tn-elem[data-elem-id="1467385817559"]{z-index:4;top:calc(395px - 0px + 83.5px);left:calc(50% - 152.5px + 35.5px);width:305px;}#rec228878485 .tn-elem[data-elem-id="1467385817559"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec228878485 .tn-elem[data-elem-id="1467385817559"] {top:calc(395px - 0px + 76px);left:calc(50% - 152.5px + 121px);}}@media screen and (max-width:959px) {#rec228878485 .tn-elem[data-elem-id="1467385817559"] {top:calc(395px - 0px + 53.5px);left:calc(50% - 152.5px + -78.5px);}}@media screen and (max-width:639px) {#rec228878485 .tn-elem[data-elem-id="1467385817559"] {top:calc(395px - 0px + -13.5px);left:calc(50% - 152.5px + -58.5px);}}@media screen and (max-width:479px) {#rec228878485 .tn-elem[data-elem-id="1467385817559"] {top:calc(395px - 0px + -22px);left:calc(50% - 152.5px + 1.5px);}}#rec228878485 .tn-elem[data-elem-id="1466084312673"]{color:#000000;z-index:6;top:401px;left:calc(50% - 600px + 22px);width:550px;}#rec228878485 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec228878485 .tn-elem[data-elem-id="1466084312673"] {top:357px;left:calc(50% - 480px + 90px);width:580px;}#rec228878485 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:30px;}}@media screen and (max-width:959px) {#rec228878485 .tn-elem[data-elem-id="1466084312673"] {top:135px;left:calc(50% - 320px + 90px);width:480px;}}@media screen and (max-width:639px) {#rec228878485 .tn-elem[data-elem-id="1466084312673"] {top:168px;left:calc(50% - 240px + 10px);}#rec228878485 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:29px;}}@media screen and (max-width:479px) {#rec228878485 .tn-elem[data-elem-id="1466084312673"] {top:171px;left:calc(50% - 160px + 10px);width:300px;}#rec228878485 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:24px;line-height:1.3;}}#rec228878485 .tn-elem[data-elem-id="1467386518937"]{color:#000000;z-index:7;top:539px;left:calc(50% - 600px + 304px);width:380px;}#rec228878485 .tn-elem[data-elem-id="1467386518937"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec228878485 .tn-elem[data-elem-id="1467386518937"] {top:495px;left:calc(50% - 480px + 375px);width:330px;}#rec228878485 .tn-elem[data-elem-id="1467386518937"] .tn-atom{font-size:30px;}}@media screen and (max-width:959px) {#rec228878485 .tn-elem[data-elem-id="1467386518937"] {top:319px;left:calc(50% - 320px + 92px);}}@media screen and (max-width:639px) {#rec228878485 .tn-elem[data-elem-id="1467386518937"] {top:343px;left:calc(50% - 240px + 11px);}#rec228878485 .tn-elem[data-elem-id="1467386518937"] .tn-atom{font-size:29px;}}@media screen and (max-width:479px) {#rec228878485 .tn-elem[data-elem-id="1467386518937"] {top:325px;left:calc(50% - 160px + 119px);width:231px;}#rec228878485 .tn-elem[data-elem-id="1467386518937"] .tn-atom{font-size:24px;}}#rec228878485 .tn-elem[data-elem-id="1526024324148"]{z-index:8;top:-348px;left:calc(50% - 600px + 381px);width:116px;}#rec228878485 .tn-elem[data-elem-id="1526024324148"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec228878485 .tn-elem[data-elem-id="1526024324148"] {top:501px;left:calc(50% - 480px + 272px);}}@media screen and (max-width:959px) {#rec228878485 .tn-elem[data-elem-id="1526024324148"] {top:280px;left:calc(50% - 320px + 434px);}}@media screen and (max-width:639px) {#rec228878485 .tn-elem[data-elem-id="1526024324148"] {top:305px;left:calc(50% - 240px + 349px);}}@media screen and (max-width:479px) {#rec228878485 .tn-elem[data-elem-id="1526024324148"] {top:330px;left:calc(50% - 160px + 13px);width:106px;}}#rec228878485 .tn-elem[data-elem-id="1526024332793"]{z-index:9;top:549px;left:calc(50% - 600px + 201px);width:90px;height:30px;}#rec228878485 .tn-elem[data-elem-id="1526024332793"] .tn-atom{border-width:4px;background-position:center center;border-color:#000000 ;border-style:solid;}@media screen and (max-width:1199px) {#rec228878485 .tn-elem[data-elem-id="1526024332793"] {top:-99px;left:calc(50% - 480px + 256px);}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec228878485 .tn-elem[data-elem-id="1526024399132"]{z-index:10;top:575px;left:calc(50% - 600px + 288px);width:34px;}#rec228878485 .tn-elem[data-elem-id="1526024399132"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec228878485 .tn-elem[data-elem-id="1526024399132"] {top:-120px;left:calc(50% - 480px + 370px);}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="228878485" data-artboard-screens="320,480,640,960,1200" data-artboard-height="790" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="540" data-artboard-height-res-480="620" data-artboard-height-res-640="670" data-artboard-height-res-960="740"> <div class="t396__carrier" data-artboard-recid="228878485"></div> <div class="t396__filter" data-artboard-recid="228878485"></div> <div class='t396__elem tn-elem tn-elem__2288784851467385817559' data-elem-id='1467385817559' data-elem-type='image' data-field-top-value="83.5" data-field-left-value="35.5" data-field-width-value="305" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="385" data-field-fileheight-value="445" data-field-top-res-320-value="-22" data-field-left-res-320-value="1.5" data-field-top-res-480-value="-13.5" data-field-left-res-480-value="-58.5" data-field-top-res-640-value="53.5" data-field-left-res-640-value="-78.5" data-field-top-res-960-value="76" data-field-left-res-960-value="121"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6435-3438-4032-a261-326361633536/forma1.png' alt='' imgfield='tn_img_1467385817559' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2288784851466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="401" data-field-left-value="22" data-field-width-value="550" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="171" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="168" data-field-left-res-480-value="10" data-field-top-res-640-value="135" data-field-left-res-640-value="90" data-field-width-res-640-value="480" data-field-top-res-960-value="357" data-field-left-res-960-value="90" data-field-width-res-960-value="580"> <div class='tn-atom'field='tn_text_1466084312673'>Tilda Publishing's Zero Block is a tool for professional designers that gives you the freedom to create unique designs and customize all</div> </div> <div class='t396__elem tn-elem tn-elem__2288784851467386518937' data-elem-id='1467386518937' data-elem-type='text' data-field-top-value="539" data-field-left-value="304" data-field-width-value="380" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="325" data-field-left-res-320-value="119" data-field-width-res-320-value="231" data-field-top-res-480-value="343" data-field-left-res-480-value="11" data-field-top-res-640-value="319" data-field-left-res-640-value="92" data-field-top-res-960-value="495" data-field-left-res-960-value="375" data-field-width-res-960-value="330"> <div class='tn-atom'field='tn_text_1467386518937'>website elements.</div> </div> <div class='t396__elem tn-elem tn-elem__2288784851526024324148 t-animate' data-elem-id='1526024324148' data-elem-type='image' data-field-top-value="-348" data-field-left-value="381" data-field-width-value="116" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-delay="0.2" data-animate-distance="100" data-field-filewidth-value="116" data-field-fileheight-value="72" data-field-top-res-320-value="330" data-field-left-res-320-value="13" data-field-width-res-320-value="106" data-field-top-res-480-value="305" data-field-left-res-480-value="349" data-field-top-res-640-value="280" data-field-left-res-640-value="434" data-field-top-res-960-value="501" data-field-left-res-960-value="272"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3161-3838-4238-b136-623962366664/strelka.png' alt='' imgfield='tn_img_1526024324148' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2288784851526024332793' data-elem-id='1526024332793' data-elem-type='shape' data-field-top-value="549" data-field-left-value="201" data-field-height-value="30" data-field-width-value="90" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-960-value="-99" data-field-left-res-960-value="256"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2288784851526024399132' data-elem-id='1526024399132' data-elem-type='image' data-field-top-value="575" data-field-left-value="288" data-field-width-value="34" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="104" data-field-fileheight-value="145" data-field-top-res-960-value="-120" data-field-left-res-960-value="370"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6461-3035-4138-b134-323666393863/-1-07.svg' alt='' imgfield='tn_img_1526024399132' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('228878485');});});</script>  </div> <div id="rec7523648" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec7523648 .t396__artboard {height:550px;background-color:#000000;}#rec7523648 .t396__filter {height:550px;}#rec7523648 .t396__carrier{height:550px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec7523648 .t396__artboard,#rec7523648 .t396__filter,#rec7523648 .t396__carrier {}#rec7523648 .t396__filter {}#rec7523648 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec7523648 .t396__artboard,#rec7523648 .t396__filter,#rec7523648 .t396__carrier {}#rec7523648 .t396__filter {}#rec7523648 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec7523648 .t396__artboard,#rec7523648 .t396__filter,#rec7523648 .t396__carrier {}#rec7523648 .t396__filter {}#rec7523648 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec7523648 .t396__artboard,#rec7523648 .t396__filter,#rec7523648 .t396__carrier {}#rec7523648 .t396__filter {}#rec7523648 .t396__carrier {background-attachment:scroll;}}#rec7523648 .tn-elem[data-elem-id="1528131099461"]{z-index:4;top:calc(275px - 0px + -3px);left:calc(50% - 156px + 20px);width:312px;}#rec7523648 .tn-elem[data-elem-id="1528131099461"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523648 .tn-elem[data-elem-id="1528131099461"] {top:calc(275px - 0px + -23px);left:calc(50% - 156px + 20px);width:312px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec7523648 .tn-elem[data-elem-id="1528131099461"] {top:calc(275px - 0px + -28px);left:calc(50% - 156px + 5px);width:282px;}}#rec7523648 .tn-elem[data-elem-id="1466084312673"]{color:#ffffff;z-index:5;top:calc(275px - 0px + -70px);left:calc(50% - 100px + 0px);width:200px;}#rec7523648 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#ffffff;font-size:26px;font-family:'TildaSans',Arial,sans-serif;line-height:1.6;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523648 .tn-elem[data-elem-id="1466084312673"] {top:calc(275px - 0px + -92px);left:calc(50% - 100px + -3px);width:200px;}#rec7523648 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:26px;}}@media screen and (max-width:959px) {#rec7523648 .tn-elem[data-elem-id="1466084312673"] {top:calc(275px - 0px + -93px);left:calc(50% - 100px + 0px);}}@media screen and (max-width:639px) {#rec7523648 .tn-elem[data-elem-id="1466084312673"] {top:calc(275px - 0px + -95px);left:calc(50% - 100px + 0px);}}@media screen and (max-width:479px) {#rec7523648 .tn-elem[data-elem-id="1466084312673"] {top:calc(275px - 0px + -89px);left:calc(50% - 100px + -10px);width:180px;}#rec7523648 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:20px;}}#rec7523648 .tn-elem[data-elem-id="1467387839291"]{z-index:6;top:343px;left:calc(50% - 600px + 300px);width:778px;}#rec7523648 .tn-elem[data-elem-id="1467387839291"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523648 .tn-elem[data-elem-id="1467387839291"] {top:333px;left:calc(50% - 480px + 130px);}}@media screen and (max-width:959px) {#rec7523648 .tn-elem[data-elem-id="1467387839291"] {top:323px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec7523648 .tn-elem[data-elem-id="1467387839291"] {top:333px;left:calc(50% - 240px + 20px);}}@media screen and (max-width:479px) {#rec7523648 .tn-elem[data-elem-id="1467387839291"] {top:323px;left:calc(50% - 160px + 50px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="7523648" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="7523648"></div> <div class="t396__filter" data-artboard-recid="7523648"></div> <div class='t396__elem tn-elem tn-elem__75236481528131099461 t-animate' data-elem-id='1528131099461' data-elem-type='image' data-field-top-value="-3" data-field-left-value="20" data-field-width-value="312" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.5" data-animate-delay="0.1" data-animate-distance="100" data-field-filewidth-value="312" data-field-fileheight-value="288" data-field-top-res-320-value="-28" data-field-left-res-320-value="5" data-field-width-res-320-value="282" data-field-top-res-960-value="-23" data-field-left-res-960-value="20" data-field-width-res-960-value="312"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3766-3366-4134-b137-363036313266/ramka.png' alt='' imgfield='tn_img_1528131099461' /> </div> </div> <div class='t396__elem tn-elem tn-elem__75236481466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="-70" data-field-left-value="0" data-field-width-value="200" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="-89" data-field-left-res-320-value="-10" data-field-width-res-320-value="180" data-field-top-res-480-value="-95" data-field-left-res-480-value="0" data-field-top-res-640-value="-93" data-field-left-res-640-value="0" data-field-top-res-960-value="-92" data-field-left-res-960-value="-3" data-field-width-res-960-value="200"> <div class='tn-atom'field='tn_text_1466084312673'>BREAK<br> BOUNDARIES</div> </div> <div class='t396__elem tn-elem tn-elem__75236481467387839291' data-elem-id='1467387839291' data-elem-type='image' data-field-top-value="343" data-field-left-value="300" data-field-width-value="778" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="778" data-field-fileheight-value="203" data-field-top-res-320-value="323" data-field-left-res-320-value="50" data-field-top-res-480-value="333" data-field-left-res-480-value="20" data-field-top-res-640-value="323" data-field-left-res-640-value="40" data-field-top-res-960-value="333" data-field-left-res-960-value="130"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6665-3562-4835-b837-613636306164/pattern05.png' alt='' imgfield='tn_img_1467387839291' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('7523648');});});</script>  </div> <div id="rec56036894" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec56036894 .t396__artboard {height:500px;background-color:#000000;}#rec56036894 .t396__filter {height:500px;}#rec56036894 .t396__carrier{height:500px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56036894 .t396__artboard,#rec56036894 .t396__filter,#rec56036894 .t396__carrier {height:500px;}#rec56036894 .t396__filter {}#rec56036894 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56036894 .t396__artboard,#rec56036894 .t396__filter,#rec56036894 .t396__carrier {}#rec56036894 .t396__filter {}#rec56036894 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56036894 .t396__artboard,#rec56036894 .t396__filter,#rec56036894 .t396__carrier {height:470px;}#rec56036894 .t396__filter {}#rec56036894 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56036894 .t396__artboard,#rec56036894 .t396__filter,#rec56036894 .t396__carrier {height:440px;}#rec56036894 .t396__filter {}#rec56036894 .t396__carrier {background-attachment:scroll;}}#rec56036894 .tn-elem[data-elem-id="1467387839291"]{z-index:1;top:50px;left:50px;width:1121px;}#rec56036894 .tn-elem[data-elem-id="1467387839291"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036894 .tn-elem[data-elem-id="1467387839291"] {top:0px;left:20px;}}@media screen and (max-width:959px) {#rec56036894 .tn-elem[data-elem-id="1467387839291"] {top:56px;left:70px;width:1091px;}}@media screen and (max-width:639px) {#rec56036894 .tn-elem[data-elem-id="1467387839291"] {top:100px;left:-30px;}}@media screen and (max-width:479px) {#rec56036894 .tn-elem[data-elem-id="1467387839291"] {top:50px;left:-20px;}}#rec56036894 .tn-elem[data-elem-id="1466084312673"]{color:#ffffff;z-index:5;top:118px;left:calc(50% - 600px + 598px);width:390px;}#rec56036894 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#ffffff;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.6;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036894 .tn-elem[data-elem-id="1466084312673"] {top:135px;left:calc(50% - 480px + 500px);width:370px;}#rec56036894 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec56036894 .tn-elem[data-elem-id="1466084312673"] {top:95px;left:calc(50% - 320px + 250px);}}@media screen and (max-width:639px) {#rec56036894 .tn-elem[data-elem-id="1466084312673"] {top:145px;left:calc(50% - 240px + 80px);}}@media screen and (max-width:479px) {#rec56036894 .tn-elem[data-elem-id="1466084312673"] {top:141px;left:calc(50% - 160px + 30px);width:260px;}#rec56036894 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:20px;}}#rec56036894 .tn-elem[data-elem-id="1467388269475"]{z-index:6;top:123px;left:calc(50% - 600px + 21px);width:213px;}@media (min-width:1200px) {#rec56036894 .tn-elem.t396__elem--anim-hidden[data-elem-id="1467388269475"] {opacity:0;}}#rec56036894 .tn-elem[data-elem-id="1467388269475"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036894 .tn-elem[data-elem-id="1467388269475"] {top:143px;left:calc(50% - 480px + 261px);}}@media screen and (max-width:959px) {#rec56036894 .tn-elem[data-elem-id="1467388269475"] {top:104px;left:calc(50% - 320px + 41px);width:183px;}}@media screen and (max-width:639px) {#rec56036894 .tn-elem[data-elem-id="1467388269475"] {top:93px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec56036894 .tn-elem[data-elem-id="1467388269475"] {top:93px;left:calc(50% - 160px + 31px);}}#rec56036894 .tn-elem[data-elem-id="1526026208049"]{z-index:9;top:118px;left:calc(50% - 600px + 571px);width:13px;}#rec56036894 .tn-elem[data-elem-id="1526026208049"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036894 .tn-elem[data-elem-id="1526026208049"] {top:138px;left:calc(50% - 480px + 471px);}}@media screen and (max-width:959px) {#rec56036894 .tn-elem[data-elem-id="1526026208049"] {top:98px;left:calc(50% - 320px + 221px);}}@media screen and (max-width:639px) {#rec56036894 .tn-elem[data-elem-id="1526026208049"] {top:88px;left:calc(50% - 240px + 221px);}}@media screen and (max-width:479px) {#rec56036894 .tn-elem[data-elem-id="1526026208049"] {top:87px;left:calc(50% - 160px + 212px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56036894" data-artboard-screens="320,480,640,960,1200" data-artboard-height="500" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="440" data-artboard-height-res-480="470" data-artboard-height-res-960="500"> <div class="t396__carrier" data-artboard-recid="56036894"></div> <div class="t396__filter" data-artboard-recid="56036894"></div> <div class='t396__elem tn-elem tn-elem__560368941467387839291' data-elem-id='1467387839291' data-elem-type='image' data-field-top-value="50" data-field-left-value="50" data-field-width-value="1121" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1121" data-field-fileheight-value="495" data-field-top-res-320-value="50" data-field-left-res-320-value="-20" data-field-top-res-480-value="100" data-field-left-res-480-value="-30" data-field-top-res-640-value="56" data-field-left-res-640-value="70" data-field-width-res-640-value="1091" data-field-top-res-960-value="0" data-field-left-res-960-value="20"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6665-3538-4663-b064-346134663436/pattern06.png' alt='' imgfield='tn_img_1467387839291' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560368941466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="118" data-field-left-value="598" data-field-width-value="390" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="141" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="145" data-field-left-res-480-value="80" data-field-top-res-640-value="95" data-field-left-res-640-value="250" data-field-top-res-960-value="135" data-field-left-res-960-value="500" data-field-width-res-960-value="370"> <div class='tn-atom'field='tn_text_1466084312673'>DETERMINE THE POSITION OF EACH ELEMENT</div> </div> <div class='t396__elem tn-elem tn-elem__560368941467388269475 ' data-elem-id='1467388269475' data-elem-type='image' data-field-top-value="123" data-field-left-value="21" data-field-width-value="213" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-sbs-event="scroll" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'di':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':''},{'di':500,'mx':340,'my':0,'sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':''}]" data-field-filewidth-value="205" data-field-fileheight-value="32" data-field-top-res-320-value="93" data-field-left-res-320-value="31" data-field-top-res-480-value="93" data-field-left-res-480-value="41" data-field-top-res-640-value="104" data-field-left-res-640-value="41" data-field-width-res-640-value="183" data-field-top-res-960-value="143" data-field-left-res-960-value="261"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3035-3265-4336-b762-323665386336/strela.png' alt='' imgfield='tn_img_1467388269475' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560368941526026208049' data-elem-id='1526026208049' data-elem-type='image' data-field-top-value="118" data-field-left-value="571" data-field-width-value="13" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="13" data-field-fileheight-value="42" data-field-top-res-320-value="87" data-field-left-res-320-value="212" data-field-top-res-480-value="88" data-field-left-res-480-value="221" data-field-top-res-640-value="98" data-field-left-res-640-value="221" data-field-top-res-960-value="138" data-field-left-res-960-value="471"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3463-3534-4432-b063-373333393764/-1-04.svg' alt='' imgfield='tn_img_1526026208049' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56036894');});});</script>  </div> <div id="rec56036947" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec56036947 .t396__artboard {height:430px;background-color:#000000;}#rec56036947 .t396__filter {height:430px;}#rec56036947 .t396__carrier{height:430px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56036947 .t396__artboard,#rec56036947 .t396__filter,#rec56036947 .t396__carrier {}#rec56036947 .t396__filter {}#rec56036947 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56036947 .t396__artboard,#rec56036947 .t396__filter,#rec56036947 .t396__carrier {}#rec56036947 .t396__filter {}#rec56036947 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56036947 .t396__artboard,#rec56036947 .t396__filter,#rec56036947 .t396__carrier {}#rec56036947 .t396__filter {}#rec56036947 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56036947 .t396__artboard,#rec56036947 .t396__filter,#rec56036947 .t396__carrier {height:460px;}#rec56036947 .t396__filter {}#rec56036947 .t396__carrier {background-attachment:scroll;}}#rec56036947 .tn-elem[data-elem-id="1466084312673"]{color:#ffffff;z-index:5;top:148px;left:calc(50% - 165px + -130px);width:330px;}#rec56036947 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#ffffff;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.6;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036947 .tn-elem[data-elem-id="1466084312673"] {top:145px;left:calc(50% - 165px + -60px);width:350px;}#rec56036947 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec56036947 .tn-elem[data-elem-id="1466084312673"] {top:95px;left:calc(50% - 165px + 62px);width:304px;}}@media screen and (max-width:639px) {#rec56036947 .tn-elem[data-elem-id="1466084312673"] {top:55px;left:calc(50% - 165px + 40px);}}@media screen and (max-width:479px) {#rec56036947 .tn-elem[data-elem-id="1466084312673"] {top:61px;left:calc(50% - 165px + 0px);width:210px;}#rec56036947 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:20px;}}#rec56036947 .tn-elem[data-elem-id="1467388269475"]{z-index:6;top:143px;left:calc(50% - 60.5px + -380.5px);width:121px;}@media (min-width:1200px) {#rec56036947 .tn-elem.t396__elem--anim-hidden[data-elem-id="1467388269475"] {opacity:0;}}#rec56036947 .tn-elem[data-elem-id="1467388269475"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036947 .tn-elem[data-elem-id="1467388269475"] {top:163px;left:calc(50% - 60.5px + -290.5px);}}@media screen and (max-width:959px) {#rec56036947 .tn-elem[data-elem-id="1467388269475"] {top:93px;left:calc(50% - 60.5px + -130.5px);}}@media screen and (max-width:639px) {#rec56036947 .tn-elem[data-elem-id="1467388269475"] {top:163px;left:calc(50% - 60.5px + -50.5px);}}@media screen and (max-width:479px) {#rec56036947 .tn-elem[data-elem-id="1467388269475"] {top:283px;left:calc(50% - 60.5px + -80.5px);}}#rec56036947 .tn-elem[data-elem-id="1467388473534"]{z-index:7;top:248px;left:0px;width:146px;}#rec56036947 .tn-elem[data-elem-id="1467388473534"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec56036947 .tn-elem[data-elem-id="1467388473534"] {top:248px;left:0px;width:136px;}}@media screen and (max-width:479px) {#rec56036947 .tn-elem[data-elem-id="1467388473534"] {top:140px;left:0px;}}#rec56036947 .tn-elem[data-elem-id="1467388852095"]{z-index:8;top:-11px;left:calc(100% - 203px + 0px);width:203px;}#rec56036947 .tn-elem[data-elem-id="1467388852095"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56036947 .tn-elem[data-elem-id="1467388852095"] {top:86px;left:calc(100% - 203px + 0px);}}@media screen and (max-width:959px) {#rec56036947 .tn-elem[data-elem-id="1467388852095"] {top:106px;left:calc(100% - 203px + 0px);}}@media screen and (max-width:639px) {#rec56036947 .tn-elem[data-elem-id="1467388852095"] {top:146px;left:calc(100% - 203px + 0px);width:183px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56036947" data-artboard-screens="320,480,640,960,1200" data-artboard-height="430" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="460"> <div class="t396__carrier" data-artboard-recid="56036947"></div> <div class="t396__filter" data-artboard-recid="56036947"></div> <div class='t396__elem tn-elem tn-elem__560369471466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="148" data-field-left-value="-130" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="61" data-field-left-res-320-value="0" data-field-width-res-320-value="210" data-field-top-res-480-value="55" data-field-left-res-480-value="40" data-field-top-res-640-value="95" data-field-left-res-640-value="62" data-field-width-res-640-value="304" data-field-top-res-960-value="145" data-field-left-res-960-value="-60" data-field-width-res-960-value="350"> <div class='tn-atom'field='tn_text_1466084312673'>MANAGE SPACE</div> </div> <div class='t396__elem tn-elem tn-elem__560369471467388269475 ' data-elem-id='1467388269475' data-elem-type='image' data-field-top-value="143" data-field-left-value="-380.5" data-field-width-value="121" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-sbs-event="scroll" data-animate-sbs-trg="0.5" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'di':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':''},{'di':120,'mx':'0','my':100,'sx':'1','sy':'1','op':'1','ro':0,'bl':'0','fi':''},{'di':180,'mx':'0','my':100,'sx':1,'sy':1,'op':1,'ro':180,'bl':'0','fi':''}]" data-field-filewidth-value="121" data-field-fileheight-value="159" data-field-top-res-320-value="283" data-field-left-res-320-value="-80.5" data-field-top-res-480-value="163" data-field-left-res-480-value="-50.5" data-field-top-res-640-value="93" data-field-left-res-640-value="-130.5" data-field-top-res-960-value="163" data-field-left-res-960-value="-290.5"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3064-6336-4436-a538-646161386230/magic.png' alt='' imgfield='tn_img_1467388269475' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560369471467388473534' data-elem-id='1467388473534' data-elem-type='image' data-field-top-value="248" data-field-left-value="0" data-field-width-value="146" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="116" data-field-fileheight-value="199" data-field-top-res-320-value="140" data-field-left-res-320-value="0" data-field-top-res-480-value="248" data-field-left-res-480-value="0" data-field-width-res-480-value="136"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6666-3032-4465-b761-383939356530/forma2a.png' alt='' imgfield='tn_img_1467388473534' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560369471467388852095' data-elem-id='1467388852095' data-elem-type='image' data-field-top-value="-11" data-field-left-value="0" data-field-width-value="203" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="163" data-field-fileheight-value="199" data-field-top-res-480-value="146" data-field-left-res-480-value="0" data-field-width-res-480-value="183" data-field-top-res-640-value="106" data-field-left-res-640-value="0" data-field-top-res-960-value="86" data-field-left-res-960-value="0"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3633-3731-4030-b263-653034613432/forma2b.png' alt='' imgfield='tn_img_1467388852095' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56036947');});});</script>  </div> <div id="rec56037006" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="396">  <style>#rec56037006 .t396__artboard {height:680px;background-color:#000000;}#rec56037006 .t396__filter {height:680px;}#rec56037006 .t396__carrier{height:680px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56037006 .t396__artboard,#rec56037006 .t396__filter,#rec56037006 .t396__carrier {}#rec56037006 .t396__filter {}#rec56037006 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56037006 .t396__artboard,#rec56037006 .t396__filter,#rec56037006 .t396__carrier {}#rec56037006 .t396__filter {}#rec56037006 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56037006 .t396__artboard,#rec56037006 .t396__filter,#rec56037006 .t396__carrier {}#rec56037006 .t396__filter {}#rec56037006 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56037006 .t396__artboard,#rec56037006 .t396__filter,#rec56037006 .t396__carrier {}#rec56037006 .t396__filter {}#rec56037006 .t396__carrier {background-attachment:scroll;}}#rec56037006 .tn-elem[data-elem-id="1466084312673"]{color:#ffffff;z-index:5;top:236px;left:calc(50% - 195px + 190px);width:390px;}#rec56037006 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#ffffff;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.6;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037006 .tn-elem[data-elem-id="1466084312673"] {top:244px;left:calc(50% - 195px + 180px);width:360px;}#rec56037006 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec56037006 .tn-elem[data-elem-id="1466084312673"] {top:215px;left:calc(50% - 195px + 148px);width:310px;}}@media screen and (max-width:639px) {#rec56037006 .tn-elem[data-elem-id="1466084312673"] {top:215px;left:calc(50% - 195px + 90px);width:260px;}}@media screen and (max-width:479px) {#rec56037006 .tn-elem[data-elem-id="1466084312673"] {top:311px;left:calc(50% - 195px + 10px);width:270px;}#rec56037006 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:20px;}}#rec56037006 .tn-elem[data-elem-id="1467388269475"]{z-index:6;top:208px;left:calc(50% - 600px + 283px);width:195px;}@media (min-width:1200px) {#rec56037006 .tn-elem.t396__elem--anim-hidden[data-elem-id="1467388269475"] {opacity:0;}}#rec56037006 .tn-elem[data-elem-id="1467388269475"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037006 .tn-elem[data-elem-id="1467388269475"] {top:212px;left:calc(50% - 480px + 223px);}}@media screen and (max-width:959px) {#rec56037006 .tn-elem[data-elem-id="1467388269475"] {top:213px;left:calc(50% - 320px + 93px);width:175px;}}@media screen and (max-width:639px) {#rec56037006 .tn-elem[data-elem-id="1467388269475"] {top:231px;left:calc(50% - 240px + 23px);width:135px;}}@media screen and (max-width:479px) {#rec56037006 .tn-elem[data-elem-id="1467388269475"] {top:156px;left:calc(50% - 160px + 11px);width:118px;}}#rec56037006 .tn-elem[data-elem-id="1467389221686"]{z-index:7;top:54px;left:calc(50% - 55px + 0px);width:110px;height:110px;}#rec56037006 .tn-elem[data-elem-id="1467389221686"] .tn-atom {border-radius:70px;background-color:#f9865a;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec56037006 .tn-elem[data-elem-id="1467389512897"]{z-index:8;top:430px;left:calc(50% - 23px + 0px);width:46px;height:46px;}#rec56037006 .tn-elem[data-elem-id="1467389512897"] .tn-atom {border-radius:70px;background-color:#f9865a;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec56037006 .tn-elem[data-elem-id="1467389512897"] {top:457px;left:calc(50% - 23px + 1px);}}#rec56037006 .tn-elem[data-elem-id="1467389529001"]{z-index:9;top:575px;left:calc(50% - 12px + 0px);width:24px;height:24px;}#rec56037006 .tn-elem[data-elem-id="1467389529001"] .tn-atom {border-radius:70px;background-color:#f9865a;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec56037006 .tn-elem[data-elem-id="1467389529001"] {top:590px;left:calc(50% - 12px + 0px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56037006" data-artboard-screens="320,480,640,960,1200" data-artboard-height="680" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="56037006"></div> <div class="t396__filter" data-artboard-recid="56037006"></div> <div class='t396__elem tn-elem tn-elem__560370061466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="236" data-field-left-value="190" data-field-width-value="390" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="311" data-field-left-res-320-value="10" data-field-width-res-320-value="270" data-field-top-res-480-value="215" data-field-left-res-480-value="90" data-field-width-res-480-value="260" data-field-top-res-640-value="215" data-field-left-res-640-value="148" data-field-width-res-640-value="310" data-field-top-res-960-value="244" data-field-left-res-960-value="180" data-field-width-res-960-value="360"> <div class='tn-atom'field='tn_text_1466084312673'>CONTROL HOW YOUR WEBSITE LOOKS ON ANY DEVICE</div> </div> <div class='t396__elem tn-elem tn-elem__560370061467388269475 ' data-elem-id='1467388269475' data-elem-type='image' data-field-top-value="208" data-field-left-value="283" data-field-width-value="195" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-sbs-event="scroll" data-animate-sbs-trg="1" data-animate-sbs-trgofst="-200" data-animate-sbs-opts="[{'di':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':''},{'di':200,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':90,'bl':'0','fi':'','dd':'0'},{'di':200,'mx':20,'my':0,'sx':'1','sy':'1','op':'1','ro':180,'bl':'0','fi':'','dd':'0'}]" data-field-filewidth-value="85" data-field-fileheight-value="86" data-field-top-res-320-value="156" data-field-left-res-320-value="11" data-field-width-res-320-value="118" data-field-top-res-480-value="231" data-field-left-res-480-value="23" data-field-width-res-480-value="135" data-field-top-res-640-value="213" data-field-left-res-640-value="93" data-field-width-res-640-value="175" data-field-top-res-960-value="212" data-field-left-res-960-value="223"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6636-3234-4366-b635-623037366439/-1-08.svg' alt='' imgfield='tn_img_1467388269475' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560370061467389221686' data-elem-id='1467389221686' data-elem-type='shape' data-field-top-value="54" data-field-left-value="0" data-field-height-value="110" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__560370061467389512897' data-elem-id='1467389512897' data-elem-type='shape' data-field-top-value="430" data-field-left-value="0" data-field-height-value="46" data-field-width-value="46" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="457" data-field-left-res-320-value="1"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__560370061467389529001' data-elem-id='1467389529001' data-elem-type='shape' data-field-top-value="575" data-field-left-value="0" data-field-height-value="24" data-field-width-value="24" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="590" data-field-left-res-320-value="0"> <div class='tn-atom'> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56037006');});});</script>  </div> <div id="rec56037122" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-animationappear="off" data-record-type="396">  <style>#rec56037122 .t396__artboard {height:674px;background-color:#ffffff;}#rec56037122 .t396__filter {height:674px;}#rec56037122 .t396__carrier{height:674px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56037122 .t396__artboard,#rec56037122 .t396__filter,#rec56037122 .t396__carrier {height:674px;}#rec56037122 .t396__filter {}#rec56037122 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56037122 .t396__artboard,#rec56037122 .t396__filter,#rec56037122 .t396__carrier {}#rec56037122 .t396__filter {}#rec56037122 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56037122 .t396__artboard,#rec56037122 .t396__filter,#rec56037122 .t396__carrier {}#rec56037122 .t396__filter {}#rec56037122 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56037122 .t396__artboard,#rec56037122 .t396__filter,#rec56037122 .t396__carrier {height:634px;}#rec56037122 .t396__filter {}#rec56037122 .t396__carrier {background-attachment:scroll;}}#rec56037122 .tn-elem[data-elem-id="1466084312673"]{color:#000000;z-index:1;top:55px;left:calc(50% - 600px + 20px);width:560pxpx;}#rec56037122 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#000000;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1466084312673"] {top:45px;left:calc(50% - 480px + 90px);width:530px;}#rec56037122 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1466084312673"] {top:65px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1466084312673"] {top:35px;left:calc(50% - 240px + 10px);width:460px;}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1466084312673"] {top:21px;left:calc(50% - 160px + 10px);width:300px;}#rec56037122 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:18px;}}#rec56037122 .tn-elem[data-elem-id="1466084597249"]{color:#000000;z-index:2;top:172px;left:calc(50% - 600px + 317px);width:560pxpx;}#rec56037122 .tn-elem[data-elem-id="1466084597249"] .tn-atom{color:#000000;font-size:36px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:300;letter-spacing:1px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1466084597249"] {top:178px;left:calc(50% - 480px + 170px);}#rec56037122 .tn-elem[data-elem-id="1466084597249"] .tn-atom{font-size:36px;}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1466084597249"] {top:154px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1466084597249"] {top:134px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1466084597249"] {top:152px;left:calc(50% - 160px + 50px);width:40px;}#rec56037122 .tn-elem[data-elem-id="1466084597249"] .tn-atom{font-size:27px;}}#rec56037122 .tn-elem[data-elem-id="1467620881145"]{color:#000000;z-index:3;top:223px;left:calc(50% - 600px + 320px);width:190px;}#rec56037122 .tn-elem[data-elem-id="1467620881145"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467620881145"] {top:223px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467620881145"] {top:203px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467620881145"] {top:193px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467620881145"] {top:193px;left:calc(50% - 160px + 50px);}}#rec56037122 .tn-elem[data-elem-id="1467621071914"]{z-index:4;top:201px;left:calc(50% - 600px + 210px);width:91px;}#rec56037122 .tn-elem[data-elem-id="1467621071914"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467621071914"] {top:201px;left:calc(50% - 480px + 60px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467621071914"] {top:181px;left:calc(50% - 320px + 260px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467621071914"] {top:171px;left:calc(50% - 240px + 180px);}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467621071914"] {top:183px;left:calc(50% - 160px + 220px);width:61px;}}#rec56037122 .tn-elem[data-elem-id="1467621662007"]{z-index:5;top:270px;left:calc(50% - 600px + 324px);width:408px;}#rec56037122 .tn-elem[data-elem-id="1467621662007"] .tn-atom{opacity:0.17;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467621662007"] {top:270px;left:calc(50% - 480px + 174px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467621662007"] {top:250px;left:calc(50% - 320px + 94px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467621662007"] {top:240px;left:calc(50% - 240px + 14px);width:378px;}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467621662007"] {top:250px;left:calc(50% - 160px + -1338px);width:228px;}}#rec56037122 .tn-elem[data-elem-id="1467621768424"]{color:#000000;z-index:6;top:359px;left:calc(50% - 600px + 719px);width:560pxpx;}#rec56037122 .tn-elem[data-elem-id="1467621768424"] .tn-atom{color:#000000;font-size:36px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:300;letter-spacing:1px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467621768424"] {top:362px;left:calc(50% - 480px + 570px);}#rec56037122 .tn-elem[data-elem-id="1467621768424"] .tn-atom{font-size:36px;}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467621768424"] {top:337px;left:calc(50% - 320px + 490px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467621768424"] {top:324px;left:calc(50% - 240px + 380px);}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467621768424"] {top:312px;left:calc(50% - 160px + 50px);width:40px;}#rec56037122 .tn-elem[data-elem-id="1467621768424"] .tn-atom{font-size:27px;}}#rec56037122 .tn-elem[data-elem-id="1467621776191"]{color:#000000;z-index:7;top:413px;left:calc(50% - 600px + 720px);width:220px;}#rec56037122 .tn-elem[data-elem-id="1467621776191"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467621776191"] {top:413px;left:calc(50% - 480px + 570px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467621776191"] {top:390px;left:calc(50% - 320px + 490px);width:140px;}#rec56037122 .tn-elem[data-elem-id="1467621776191"] .tn-atom{line-height:1.2;}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467621776191"] {top:380px;left:calc(50% - 240px + 330px);width:140px;}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467621776191"] {top:360px;left:calc(50% - 160px + 50px);width:140px;}}#rec56037122 .tn-elem[data-elem-id="1467621895944"]{z-index:8;top:462px;left:calc(50% - 600px + 320px);width:408px;}#rec56037122 .tn-elem[data-elem-id="1467621895944"] .tn-atom{opacity:0.17;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467621895944"] {top:462px;left:calc(50% - 480px + 171px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467621895944"] {top:462px;left:calc(50% - 320px + 91px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467621895944"] {top:462px;left:calc(50% - 240px + 11px);width:378px;}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467621895944"] {top:479px;left:calc(50% - 160px + -1339px);width:228px;}}#rec56037122 .tn-elem[data-elem-id="1467621991584"]{color:#000000;z-index:9;top:549px;left:calc(50% - 600px + 319px);width:560pxpx;}#rec56037122 .tn-elem[data-elem-id="1467621991584"] .tn-atom{color:#000000;font-size:36px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:300;letter-spacing:1px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467621991584"] {top:552px;left:calc(50% - 480px + 170px);}#rec56037122 .tn-elem[data-elem-id="1467621991584"] .tn-atom{font-size:36px;}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467621991584"] {top:544px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467621991584"] {top:544px;left:calc(50% - 240px + 10px);width:40px;}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467621991584"] {top:488px;left:calc(50% - 160px + 50px);}#rec56037122 .tn-elem[data-elem-id="1467621991584"] .tn-atom{font-size:27px;}}#rec56037122 .tn-elem[data-elem-id="1467621998503"]{color:#000000;z-index:10;top:599px;left:calc(50% - 600px + 320px);width:170px;}#rec56037122 .tn-elem[data-elem-id="1467621998503"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467621998503"] {top:599px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467621998503"] {top:599px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467621998503"] {top:599px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467621998503"] {top:535px;left:calc(50% - 160px + 50px);width:150px;}}#rec56037122 .tn-elem[data-elem-id="1467622172743"]{z-index:10;top:605px;left:calc(50% - 600px + 209px);width:95px;}#rec56037122 .tn-elem[data-elem-id="1467622172743"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467622172743"] {top:605px;left:calc(50% - 480px + 59px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467622172743"] {top:605px;left:calc(50% - 320px + 279px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467622172743"] {top:605px;left:calc(50% - 240px + 209px);}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467622172743"] {top:545px;left:calc(50% - 160px + 209px);width:85px;}}#rec56037122 .tn-elem[data-elem-id="1467629799696"]{z-index:10;top:321px;left:calc(50% - 600px + 830px);width:101px;}#rec56037122 .tn-elem[data-elem-id="1467629799696"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037122 .tn-elem[data-elem-id="1467629799696"] {top:321px;left:calc(50% - 480px + 680px);}}@media screen and (max-width:959px) {#rec56037122 .tn-elem[data-elem-id="1467629799696"] {top:341px;left:calc(50% - 320px + 360px);}}@media screen and (max-width:639px) {#rec56037122 .tn-elem[data-elem-id="1467629799696"] {top:341px;left:calc(50% - 240px + 230px);width:81px;}}@media screen and (max-width:479px) {#rec56037122 .tn-elem[data-elem-id="1467629799696"] {top:338px;left:calc(50% - 160px + 220px);width:61px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56037122" data-artboard-screens="320,480,640,960,1200" data-artboard-height="674" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="634" data-artboard-height-res-960="674"> <div class="t396__carrier" data-artboard-recid="56037122"></div> <div class="t396__filter" data-artboard-recid="56037122"></div> <div class='t396__elem tn-elem tn-elem__560371221466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="55" data-field-left-value="20" data-field-width-value="560px" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="21" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="35" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="65" data-field-left-res-640-value="90" data-field-top-res-960-value="45" data-field-left-res-960-value="90" data-field-width-res-960-value="530"> <div class='tn-atom'field='tn_text_1466084312673'>HERE'S HOW ZERO BLOCK WORKS</div> </div> <div class='t396__elem tn-elem tn-elem__560371221466084597249' data-elem-id='1466084597249' data-elem-type='text' data-field-top-value="172" data-field-left-value="317" data-field-width-value="560px" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="152" data-field-left-res-320-value="50" data-field-width-res-320-value="40" data-field-top-res-480-value="134" data-field-left-res-480-value="10" data-field-top-res-640-value="154" data-field-left-res-640-value="90" data-field-top-res-960-value="178" data-field-left-res-960-value="170"> <div class='tn-atom'field='tn_text_1466084597249'>1.</div> </div> <div class='t396__elem tn-elem tn-elem__560371221467620881145' data-elem-id='1467620881145' data-elem-type='text' data-field-top-value="223" data-field-left-value="320" data-field-width-value="190" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="193" data-field-left-res-320-value="50" data-field-top-res-480-value="193" data-field-left-res-480-value="10" data-field-top-res-640-value="203" data-field-left-res-640-value="90" data-field-top-res-960-value="223" data-field-left-res-960-value="170"> <div class='tn-atom'field='tn_text_1467620881145'>Create a website</div> </div> <div class='t396__elem tn-elem tn-elem__560371221467621071914 t-animate' data-elem-id='1467621071914' data-elem-type='image' data-field-top-value="201" data-field-left-value="210" data-field-width-value="91" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="2" data-animate-scale="0.9" data-animate-trigger-offset="100" data-field-filewidth-value="91" data-field-fileheight-value="64" data-field-top-res-320-value="183" data-field-left-res-320-value="220" data-field-width-res-320-value="61" data-field-top-res-480-value="171" data-field-left-res-480-value="180" data-field-top-res-640-value="181" data-field-left-res-640-value="260" data-field-top-res-960-value="201" data-field-left-res-960-value="60"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3535-3561-4163-b632-623166616633/sait.png' alt='' imgfield='tn_img_1467621071914' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560371221467621662007' data-elem-id='1467621662007' data-elem-type='image' data-field-top-value="270" data-field-left-value="324" data-field-width-value="408" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="408" data-field-fileheight-value="80" data-field-top-res-320-value="250" data-field-left-res-320-value="-1338" data-field-width-res-320-value="228" data-field-top-res-480-value="240" data-field-left-res-480-value="14" data-field-width-res-480-value="378" data-field-top-res-640-value="250" data-field-left-res-640-value="94" data-field-top-res-960-value="270" data-field-left-res-960-value="174"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3430-6438-4466-a137-616666313636/strelka1.png' alt='' imgfield='tn_img_1467621662007' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560371221467621768424' data-elem-id='1467621768424' data-elem-type='text' data-field-top-value="359" data-field-left-value="719" data-field-width-value="560px" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="312" data-field-left-res-320-value="50" data-field-width-res-320-value="40" data-field-top-res-480-value="324" data-field-left-res-480-value="380" data-field-top-res-640-value="337" data-field-left-res-640-value="490" data-field-top-res-960-value="362" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1467621768424'>2.</div> </div> <div class='t396__elem tn-elem tn-elem__560371221467621776191' data-elem-id='1467621776191' data-elem-type='text' data-field-top-value="413" data-field-left-value="720" data-field-width-value="220" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="360" data-field-left-res-320-value="50" data-field-width-res-320-value="140" data-field-top-res-480-value="380" data-field-left-res-480-value="330" data-field-width-res-480-value="140" data-field-top-res-640-value="390" data-field-left-res-640-value="490" data-field-width-res-640-value="140" data-field-top-res-960-value="413" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1467621776191'>Add Zero Block</div> </div> <div class='t396__elem tn-elem tn-elem__560371221467621895944' data-elem-id='1467621895944' data-elem-type='image' data-field-top-value="462" data-field-left-value="320" data-field-width-value="408" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="408" data-field-fileheight-value="80" data-field-top-res-320-value="479" data-field-left-res-320-value="-1339" data-field-width-res-320-value="228" data-field-top-res-480-value="462" data-field-left-res-480-value="11" data-field-width-res-480-value="378" data-field-top-res-640-value="462" data-field-left-res-640-value="91" data-field-top-res-960-value="462" data-field-left-res-960-value="171"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3035-3264-4365-b830-653335333435/strelka2.png' alt='' imgfield='tn_img_1467621895944' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560371221467621991584' data-elem-id='1467621991584' data-elem-type='text' data-field-top-value="549" data-field-left-value="319" data-field-width-value="560px" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="488" data-field-left-res-320-value="50" data-field-top-res-480-value="544" data-field-left-res-480-value="10" data-field-width-res-480-value="40" data-field-top-res-640-value="544" data-field-left-res-640-value="90" data-field-top-res-960-value="552" data-field-left-res-960-value="170"> <div class='tn-atom'field='tn_text_1467621991584'>3.</div> </div> <div class='t396__elem tn-elem tn-elem__560371221467621998503' data-elem-id='1467621998503' data-elem-type='text' data-field-top-value="599" data-field-left-value="320" data-field-width-value="170" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="535" data-field-left-res-320-value="50" data-field-width-res-320-value="150" data-field-top-res-480-value="599" data-field-left-res-480-value="10" data-field-top-res-640-value="599" data-field-left-res-640-value="90" data-field-top-res-960-value="599" data-field-left-res-960-value="170"> <div class='tn-atom'field='tn_text_1467621998503'><strong>Create a unique website design</strong></div> </div> <div class='t396__elem tn-elem tn-elem__560371221467622172743 t-animate' data-elem-id='1467622172743' data-elem-type='image' data-field-top-value="605" data-field-left-value="209" data-field-width-value="95" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="2" data-animate-scale="0.9" data-animate-trigger-offset="100" data-field-filewidth-value="95" data-field-fileheight-value="33" data-field-top-res-320-value="545" data-field-left-res-320-value="209" data-field-width-res-320-value="85" data-field-top-res-480-value="605" data-field-left-res-480-value="209" data-field-top-res-640-value="605" data-field-left-res-640-value="279" data-field-top-res-960-value="605" data-field-left-res-960-value="59"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6533-3665-4239-a139-346234616263/redact.png' alt='' imgfield='tn_img_1467622172743' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560371221467629799696 t-animate' data-elem-id='1467629799696' data-elem-type='image' data-field-top-value="321" data-field-left-value="830" data-field-width-value="101" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="2" data-animate-scale="0.9" data-animate-trigger-offset="100" data-field-filewidth-value="101" data-field-fileheight-value="121" data-field-top-res-320-value="338" data-field-left-res-320-value="220" data-field-width-res-320-value="61" data-field-top-res-480-value="341" data-field-left-res-480-value="230" data-field-width-res-480-value="81" data-field-top-res-640-value="341" data-field-left-res-640-value="360" data-field-top-res-960-value="321" data-field-left-res-960-value="680"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3034-6462-4438-b536-663166336630/zero.png' alt='' imgfield='tn_img_1467629799696' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56037122');});});</script>  </div> <div id="rec56037291" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec56037291 .t396__artboard {height:660px;background-color:#ffffff;}#rec56037291 .t396__filter {height:660px;}#rec56037291 .t396__carrier{height:660px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56037291 .t396__artboard,#rec56037291 .t396__filter,#rec56037291 .t396__carrier {}#rec56037291 .t396__filter {}#rec56037291 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56037291 .t396__artboard,#rec56037291 .t396__filter,#rec56037291 .t396__carrier {}#rec56037291 .t396__filter {}#rec56037291 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56037291 .t396__artboard,#rec56037291 .t396__filter,#rec56037291 .t396__carrier {height:720px;}#rec56037291 .t396__filter {}#rec56037291 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56037291 .t396__artboard,#rec56037291 .t396__filter,#rec56037291 .t396__carrier {height:690px;}#rec56037291 .t396__filter {}#rec56037291 .t396__carrier {background-attachment:scroll;}}#rec56037291 .tn-elem[data-elem-id="1466084312673"]{color:#000000;z-index:1;top:87px;left:calc(50% - 600px + 720px);width:110px;}#rec56037291 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#000000;font-size:36px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:300;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1466084312673"] {top:85px;left:calc(50% - 480px + 570px);width:460pxpx;}#rec56037291 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:36px;}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1466084312673"] {top:85px;left:calc(50% - 320px + 490px);}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1466084312673"] {top:75px;left:calc(50% - 240px + 380px);}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1466084312673"] {top:51px;left:calc(50% - 160px + 50px);width:300pxpx;}#rec56037291 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:36px;}}#rec56037291 .tn-elem[data-elem-id="1467623706628"]{z-index:4;top:-2px;left:calc(50% - 204px + -71px);width:408px;}#rec56037291 .tn-elem[data-elem-id="1467623706628"] .tn-atom{opacity:0.17;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467623706628"] {top:-2px;left:calc(50% - 204px + -101px);}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467623706628"] {top:-2px;left:calc(50% - 204px + -21px);}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467623706628"] {top:-2px;left:calc(50% - 204px + -36px);width:378px;}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467623706628"] {top:-2px;left:calc(50% - 204px + -1385px);width:228px;}}#rec56037291 .tn-elem[data-elem-id="1467623795431"]{color:#000000;z-index:5;top:139px;left:calc(50% - 600px + 720px);width:350px;}#rec56037291 .tn-elem[data-elem-id="1467623795431"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467623795431"] {top:138px;left:calc(50% - 480px + 570px);width:230px;}#rec56037291 .tn-elem[data-elem-id="1467623795431"] .tn-atom{font-size:20px;}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467623795431"] {top:145px;left:calc(50% - 320px + 490px);width:130px;}#rec56037291 .tn-elem[data-elem-id="1467623795431"] .tn-atom{line-height:1.25;}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467623795431"] {top:135px;left:calc(50% - 240px + 330px);}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467623795431"] {top:111px;left:calc(50% - 160px + 50px);width:120px;}#rec56037291 .tn-elem[data-elem-id="1467623795431"] .tn-atom{font-size:18px;}}#rec56037291 .tn-elem[data-elem-id="1467623853087"]{color:#000000;z-index:6;top:205px;left:calc(50% - 600px + 720px);width:350px;}#rec56037291 .tn-elem[data-elem-id="1467623853087"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467623853087"] {top:145pxpx;left:calc(50% - 480px + 250pxpx);width:460pxpx;}#rec56037291 .tn-elem[data-elem-id="1467623853087"] .tn-atom{font-size:20px;}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467623853087"] {top:145pxpx;left:calc(50% - 320px + 90pxpx);}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467623853087"] {top:145pxpx;left:calc(50% - 240px + 10pxpx);}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467623853087"] {top:141pxpx;left:calc(50% - 160px + 10pxpx);width:300pxpx;}#rec56037291 .tn-elem[data-elem-id="1467623853087"] .tn-atom{font-size:18px;}}#rec56037291 .tn-elem[data-elem-id="1467623947927"]{color:#000000;z-index:7;top:234px;left:calc(50% - 600px + 720px);width:250px;}#rec56037291 .tn-elem[data-elem-id="1467623947927"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467623947927"] {top:235px;left:calc(50% - 480px + 570px);width:250px;}#rec56037291 .tn-elem[data-elem-id="1467623947927"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467623947927"] {top:215px;left:calc(50% - 320px + 490px);width:130px;}#rec56037291 .tn-elem[data-elem-id="1467623947927"] .tn-atom{font-size:14px;}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467623947927"] {top:246px;left:calc(50% - 240px + 330px);}#rec56037291 .tn-elem[data-elem-id="1467623947927"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467623947927"] {top:241px;left:calc(50% - 160px + 50px);width:170px;}#rec56037291 .tn-elem[data-elem-id="1467623947927"] .tn-atom{font-size:14px;}}#rec56037291 .tn-elem[data-elem-id="1467624072830"]{z-index:8;top:184px;left:calc(50% - 600px + 623px);width:195px;}#rec56037291 .tn-elem[data-elem-id="1467624072830"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467624072830"] {top:184px;left:calc(50% - 480px + 473px);}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467624072830"] {top:144px;left:calc(50% - 320px + 273px);}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467624072830"] {top:204px;left:calc(50% - 240px + 273px);}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467624072830"] {top:184px;left:calc(50% - 160px + 52px);}}#rec56037291 .tn-elem[data-elem-id="1467624261140"]{z-index:9;top:322px;left:calc(50% - 204px + -74px);width:408px;}#rec56037291 .tn-elem[data-elem-id="1467624261140"] .tn-atom{opacity:0.17;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467624261140"] {top:322px;left:calc(50% - 204px + -104px);}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467624261140"] {top:338px;left:calc(50% - 204px + -25px);}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467624261140"] {top:368px;left:calc(50% - 204px + -40px);width:378px;}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467624261140"] {top:388px;left:calc(50% - 204px + -1375px);width:228px;}}#rec56037291 .tn-elem[data-elem-id="1467624299744"]{color:#000000;z-index:10;top:405px;left:calc(50% - 600px + 321px);width:110px;}#rec56037291 .tn-elem[data-elem-id="1467624299744"] .tn-atom{color:#000000;font-size:36px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:300;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467624299744"] {top:405px;left:calc(50% - 480px + 170px);width:90px;}#rec56037291 .tn-elem[data-elem-id="1467624299744"] .tn-atom{font-size:36px;}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467624299744"] {top:418px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467624299744"] {top:435px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467624299744"] {top:399px;left:calc(50% - 160px + 50px);width:80px;}#rec56037291 .tn-elem[data-elem-id="1467624299744"] .tn-atom{font-size:36px;}}#rec56037291 .tn-elem[data-elem-id="1467624309343"]{color:#000000;z-index:10;top:458px;left:calc(50% - 600px + 321px);width:350px;}#rec56037291 .tn-elem[data-elem-id="1467624309343"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467624309343"] {top:456px;left:calc(50% - 480px + 170px);width:460pxpx;}#rec56037291 .tn-elem[data-elem-id="1467624309343"] .tn-atom{font-size:20px;}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467624309343"] {top:471px;left:calc(50% - 320px + 90px);width:220px;}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467624309343"] {top:505px;left:calc(50% - 240px + 10px);width:180px;}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467624309343"] {top:459px;left:calc(50% - 160px + 50px);width:170px;}#rec56037291 .tn-elem[data-elem-id="1467624309343"] .tn-atom{font-size:18px;}}#rec56037291 .tn-elem[data-elem-id="1467624405549"]{z-index:10;top:511px;left:calc(50% - 600px + 320px);width:70px;}@media (min-width:1200px) {#rec56037291 .tn-elem.t396__elem--anim-hidden[data-elem-id="1467624405549"] {opacity:0;}}#rec56037291 .tn-elem[data-elem-id="1467624405549"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037291 .tn-elem[data-elem-id="1467624405549"] {top:506px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec56037291 .tn-elem[data-elem-id="1467624405549"] {top:542px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec56037291 .tn-elem[data-elem-id="1467624405549"] {top:596px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec56037291 .tn-elem[data-elem-id="1467624405549"] {top:534px;left:calc(50% - 160px + 50px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56037291" data-artboard-screens="320,480,640,960,1200" data-artboard-height="660" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="690" data-artboard-height-res-480="720"> <div class="t396__carrier" data-artboard-recid="56037291"></div> <div class="t396__filter" data-artboard-recid="56037291"></div> <div class='t396__elem tn-elem tn-elem__560372911466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="87" data-field-left-value="720" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="51" data-field-left-res-320-value="50" data-field-width-res-320-value="300px" data-field-top-res-480-value="75" data-field-left-res-480-value="380" data-field-top-res-640-value="85" data-field-left-res-640-value="490" data-field-top-res-960-value="85" data-field-left-res-960-value="570" data-field-width-res-960-value="460px"> <div class='tn-atom'field='tn_text_1466084312673'>4.</div> </div> <div class='t396__elem tn-elem tn-elem__560372911467623706628' data-elem-id='1467623706628' data-elem-type='image' data-field-top-value="-2" data-field-left-value="-71" data-field-width-value="408" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="408" data-field-fileheight-value="80" data-field-top-res-320-value="-2" data-field-left-res-320-value="-1385" data-field-width-res-320-value="228" data-field-top-res-480-value="-2" data-field-left-res-480-value="-36" data-field-width-res-480-value="378" data-field-top-res-640-value="-2" data-field-left-res-640-value="-21" data-field-top-res-960-value="-2" data-field-left-res-960-value="-101"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3166-3533-4833-a138-363064366339/strelka1.png' alt='' imgfield='tn_img_1467623706628' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560372911467623795431' data-elem-id='1467623795431' data-elem-type='text' data-field-top-value="139" data-field-left-value="720" data-field-width-value="350" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="111" data-field-left-res-320-value="50" data-field-width-res-320-value="120" data-field-top-res-480-value="135" data-field-left-res-480-value="330" data-field-top-res-640-value="145" data-field-left-res-640-value="490" data-field-width-res-640-value="130" data-field-top-res-960-value="138" data-field-left-res-960-value="570" data-field-width-res-960-value="230"> <div class='tn-atom'field='tn_text_1467623795431'><strong>Make it adaptive</strong></div> </div> <div class='t396__elem tn-elem tn-elem__560372911467623853087' data-elem-id='1467623853087' data-elem-type='text' data-field-top-value="205" data-field-left-value="720" data-field-width-value="350" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="141px" data-field-left-res-320-value="10px" data-field-width-res-320-value="300px" data-field-top-res-480-value="145px" data-field-left-res-480-value="10px" data-field-top-res-640-value="145px" data-field-left-res-640-value="90px" data-field-top-res-960-value="145px" data-field-left-res-960-value="250px" data-field-width-res-960-value="460px"> <div class='tn-atom'field='tn_text_1467623853087'></div> </div> <div class='t396__elem tn-elem tn-elem__560372911467623947927' data-elem-id='1467623947927' data-elem-type='text' data-field-top-value="234" data-field-left-value="720" data-field-width-value="250" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="241" data-field-left-res-320-value="50" data-field-width-res-320-value="170" data-field-top-res-480-value="246" data-field-left-res-480-value="330" data-field-top-res-640-value="215" data-field-left-res-640-value="490" data-field-width-res-640-value="130" data-field-top-res-960-value="235" data-field-left-res-960-value="570" data-field-width-res-960-value="250"> <div class='tn-atom'field='tn_text_1467623947927'>Adapt your design to a variety of devices by switching between 5 most common screen resolutions.</div> </div> <div class='t396__elem tn-elem tn-elem__560372911467624072830 t-animate' data-elem-id='1467624072830' data-elem-type='image' data-field-top-value="184" data-field-left-value="623" data-field-width-value="195" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="2" data-animate-scale="0.9" data-animate-trigger-offset="50" data-field-filewidth-value="195" data-field-fileheight-value="33" data-field-top-res-320-value="184" data-field-left-res-320-value="52" data-field-top-res-480-value="204" data-field-left-res-480-value="273" data-field-top-res-640-value="144" data-field-left-res-640-value="273" data-field-top-res-960-value="184" data-field-left-res-960-value="473"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6434-3761-4436-b366-373862333330/adaptivnost.png' alt='' imgfield='tn_img_1467624072830' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560372911467624261140' data-elem-id='1467624261140' data-elem-type='image' data-field-top-value="322" data-field-left-value="-74" data-field-width-value="408" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="408" data-field-fileheight-value="80" data-field-top-res-320-value="388" data-field-left-res-320-value="-1375" data-field-width-res-320-value="228" data-field-top-res-480-value="368" data-field-left-res-480-value="-40" data-field-width-res-480-value="378" data-field-top-res-640-value="338" data-field-left-res-640-value="-25" data-field-top-res-960-value="322" data-field-left-res-960-value="-104"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6663-6436-4838-a638-623538356237/strelka2.png' alt='' imgfield='tn_img_1467624261140' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560372911467624299744' data-elem-id='1467624299744' data-elem-type='text' data-field-top-value="405" data-field-left-value="321" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="399" data-field-left-res-320-value="50" data-field-width-res-320-value="80" data-field-top-res-480-value="435" data-field-left-res-480-value="10" data-field-top-res-640-value="418" data-field-left-res-640-value="90" data-field-top-res-960-value="405" data-field-left-res-960-value="170" data-field-width-res-960-value="90"> <div class='tn-atom'field='tn_text_1467624299744'>5.</div> </div> <div class='t396__elem tn-elem tn-elem__560372911467624309343' data-elem-id='1467624309343' data-elem-type='text' data-field-top-value="458" data-field-left-value="321" data-field-width-value="350" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="459" data-field-left-res-320-value="50" data-field-width-res-320-value="170" data-field-top-res-480-value="505" data-field-left-res-480-value="10" data-field-width-res-480-value="180" data-field-top-res-640-value="471" data-field-left-res-640-value="90" data-field-width-res-640-value="220" data-field-top-res-960-value="456" data-field-left-res-960-value="170" data-field-width-res-960-value="460px"> <div class='tn-atom'field='tn_text_1467624309343'><strong>Your top-notch website is ready!</strong></div> </div> <div class='t396__elem tn-elem tn-elem__560372911467624405549 ' data-elem-id='1467624405549' data-elem-type='image' data-field-top-value="511" data-field-left-value="320" data-field-width-value="70" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-sbs-event="intoview" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':''},{'ti':1700,'mx':'0','my':'0','sx':0.6,'sy':0.6,'op':1,'ro':'0','bl':'0','ea':''},{'ti':1300,'mx':'0','my':'0','sx':1,'sy':1,'op':1,'ro':'0','bl':'0','ea':''}]" data-field-filewidth-value="59" data-field-fileheight-value="47" data-field-top-res-320-value="534" data-field-left-res-320-value="50" data-field-top-res-480-value="596" data-field-left-res-480-value="10" data-field-top-res-640-value="542" data-field-left-res-640-value="90" data-field-top-res-960-value="506" data-field-left-res-960-value="170"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3730-3161-4062-b561-313732643833/-1-09.svg' alt='' imgfield='tn_img_1467624405549' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56037291');});});</script>  </div> <div id="rec56037795" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec56037795 .t396__artboard {height:972px;background-color:#dddddd;}#rec56037795 .t396__filter {height:972px;}#rec56037795 .t396__carrier{height:972px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56037795 .t396__artboard,#rec56037795 .t396__filter,#rec56037795 .t396__carrier {}#rec56037795 .t396__filter {}#rec56037795 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56037795 .t396__artboard,#rec56037795 .t396__filter,#rec56037795 .t396__carrier {height:942px;}#rec56037795 .t396__filter {}#rec56037795 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56037795 .t396__artboard,#rec56037795 .t396__filter,#rec56037795 .t396__carrier {height:1342px;}#rec56037795 .t396__filter {}#rec56037795 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56037795 .t396__artboard,#rec56037795 .t396__filter,#rec56037795 .t396__carrier {height:1202px;}#rec56037795 .t396__filter {}#rec56037795 .t396__carrier {background-attachment:scroll;}}#rec56037795 .tn-elem[data-elem-id="1466084312673"]{color:#000000;z-index:1;top:65px;left:calc(50% - 600px + 20px);width:130px;}#rec56037795 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#000000;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1466084312673"] {top:65px;left:calc(50% - 480px + 90px);width:460pxpx;}#rec56037795 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1466084312673"] {top:45px;left:calc(50% - 320px + 30px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1466084312673"] {top:25px;left:calc(50% - 240px + 20px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1466084312673"] {top:31px;left:calc(50% - 160px + 20px);width:300pxpx;}#rec56037795 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:18px;}}#rec56037795 .tn-elem[data-elem-id="1466084597249"]{color:#000000;z-index:2;top:272px;left:calc(50% - 110px + -170px);width:220px;}#rec56037795 .tn-elem[data-elem-id="1466084597249"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1466084597249"] {top:264px;left:calc(50% - 110px + -172px);}#rec56037795 .tn-elem[data-elem-id="1466084597249"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1466084597249"] {top:274px;left:calc(50% - 110px + -171px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1466084597249"] {top:224px;left:calc(50% - 110px + -80px);width:140px;}#rec56037795 .tn-elem[data-elem-id="1466084597249"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1466084597249"] {top:223px;left:calc(50% - 110px + -70px);width:100px;}#rec56037795 .tn-elem[data-elem-id="1466084597249"] .tn-atom{font-size:14px;line-height:1.4;}}#rec56037795 .tn-elem[data-elem-id="1467622578357"]{z-index:3;top:180px;left:calc(50% - 32px + -249px);width:64px;}#rec56037795 .tn-elem[data-elem-id="1467622578357"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467622578357"] {top:180px;left:calc(50% - 32px + -249px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467622578357"] {top:130px;left:calc(50% - 32px + -117px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467622578357"] {top:130px;left:calc(50% - 32px + -87px);}}#rec56037795 .tn-elem[data-elem-id="1467623116007"]{z-index:4;top:378px;left:calc(50% - 31px + 10px);width:62px;}#rec56037795 .tn-elem[data-elem-id="1467623116007"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623116007"] {top:378px;left:calc(50% - 31px + -10px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623116007"] {top:368px;left:calc(50% - 31px + -120px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623116007"] {top:346px;left:calc(50% - 31px + -90px);}}#rec56037795 .tn-elem[data-elem-id="1467623126560"]{z-index:5;top:183px;left:calc(50% - 31px + 250px);width:62px;}#rec56037795 .tn-elem[data-elem-id="1467623126560"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623126560"] {top:183px;left:calc(50% - 31px + 202px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623126560"] {top:367px;left:calc(50% - 31px + 80px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623126560"] {top:344px;left:calc(50% - 31px + 60px);}}#rec56037795 .tn-elem[data-elem-id="1467623158016"]{z-index:7;top:380px;left:calc(50% - 46px + 250px);width:92px;}#rec56037795 .tn-elem[data-elem-id="1467623158016"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1467623158016"] {top:380px;left:calc(50% - 46px + 247px);}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623158016"] {top:380px;left:calc(50% - 46px + 200px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623158016"] {top:580px;left:calc(50% - 46px + 80px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623158016"] {top:520px;left:calc(50% - 46px + 63px);}}#rec56037795 .tn-elem[data-elem-id="1467623231856"]{z-index:8;top:378px;left:calc(50% - 31px + -255px);width:62px;}#rec56037795 .tn-elem[data-elem-id="1467623231856"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623231856"] {top:378px;left:calc(50% - 31px + -255px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623231856"] {top:578px;left:calc(50% - 31px + -126px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623231856"] {top:518px;left:calc(50% - 31px + -96px);}}#rec56037795 .tn-elem[data-elem-id="1467623335568"]{color:#000000;z-index:9;top:272px;left:calc(50% - 100px + 80px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1467623335568"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1467623335568"] {top:264px;left:calc(50% - 100px + 80px);}#rec56037795 .tn-elem[data-elem-id="1467623335568"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623335568"] {top:274px;left:calc(50% - 100px + 39px);width:160px;}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623335568"] {top:224px;left:calc(50% - 100px + 106px);width:110px;}#rec56037795 .tn-elem[data-elem-id="1467623335568"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623335568"] {top:223px;left:calc(50% - 100px + 86px);}#rec56037795 .tn-elem[data-elem-id="1467623335568"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1467623356720"]{color:#000000;z-index:10;top:272px;left:calc(50% - 100px + 320px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1467623356720"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1467623356720"] {top:264px;left:calc(50% - 100px + 320px);}#rec56037795 .tn-elem[data-elem-id="1467623356720"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623356720"] {top:274px;left:calc(50% - 100px + 196px);width:50px;}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623356720"] {top:454px;left:calc(50% - 100px + 100px);width:100px;}#rec56037795 .tn-elem[data-elem-id="1467623356720"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623356720"] {top:424px;left:calc(50% - 100px + 82px);}#rec56037795 .tn-elem[data-elem-id="1467623356720"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1467623377999"]{color:#000000;z-index:10;top:464px;left:calc(50% - 100px + -180px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1467623377999"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1467623377999"] {top:459px;left:calc(50% - 100px + -180px);}#rec56037795 .tn-elem[data-elem-id="1467623377999"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623377999"] {top:464px;left:calc(50% - 100px + -181px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623377999"] {top:664px;left:calc(50% - 100px + -84px);width:130px;}#rec56037795 .tn-elem[data-elem-id="1467623377999"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623377999"] {top:602px;left:calc(50% - 100px + -55px);}#rec56037795 .tn-elem[data-elem-id="1467623377999"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1467623395488"]{color:#000000;z-index:10;top:464px;left:calc(50% - 100px + 80px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1467623395488"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1467623395488"] {top:461px;left:calc(50% - 100px + 80px);}#rec56037795 .tn-elem[data-elem-id="1467623395488"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623395488"] {top:464px;left:calc(50% - 100px + 19px);width:120px;}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623395488"] {top:454px;left:calc(50% - 100px + -89px);}#rec56037795 .tn-elem[data-elem-id="1467623395488"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623395488"] {top:425px;left:calc(50% - 100px + -60px);}#rec56037795 .tn-elem[data-elem-id="1467623395488"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1467623399975"]{color:#000000;z-index:10;top:464px;left:calc(50% - 100px + 320px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1467623399975"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1467623399975"] {top:460px;left:calc(50% - 100px + 320px);}#rec56037795 .tn-elem[data-elem-id="1467623399975"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1467623399975"] {top:464px;left:calc(50% - 100px + 231px);width:120px;}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1467623399975"] {top:664px;left:calc(50% - 100px + 117px);width:130px;}#rec56037795 .tn-elem[data-elem-id="1467623399975"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1467623399975"] {top:602px;left:calc(50% - 100px + 96px);}#rec56037795 .tn-elem[data-elem-id="1467623399975"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1526032457839"]{z-index:12;top:150px;left:calc(50% - 600px + 580px);width:46px;}#rec56037795 .tn-elem[data-elem-id="1526032457839"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1526032457839"] {top:144px;left:calc(50% - 480px + 460px);}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1526032457839"] {top:154px;left:calc(50% - 320px + 279px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1526032457839"] {top:104px;left:calc(50% - 240px + 290px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1526032457839"] {top:100px;left:calc(50% - 160px + 190px);}}#rec56037795 .tn-elem[data-elem-id="1527762020075"]{z-index:16;top:568px;left:calc(50% - 31px + 10px);width:62px;}#rec56037795 .tn-elem[data-elem-id="1527762020075"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1527762020075"] {top:568px;left:calc(50% - 31px + -10px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1527762020075"] {top:778px;left:calc(50% - 31px + -120px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1527762020075"] {top:696px;left:calc(50% - 31px + -90px);}}#rec56037795 .tn-elem[data-elem-id="1527762020099"]{z-index:18;top:568px;left:calc(50% - 31px + -248px);width:62px;}#rec56037795 .tn-elem[data-elem-id="1527762020099"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1527762020099"] {top:568px;left:calc(50% - 31px + -250px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1527762020099"] {top:978px;left:calc(50% - 31px + -116px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1527762020099"] {top:868px;left:calc(50% - 31px + -93px);}}#rec56037795 .tn-elem[data-elem-id="1527762020112"]{color:#000000;z-index:19;top:654px;left:calc(50% - 100px + -180px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1527762020112"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1527762020112"] {top:639px;left:calc(50% - 100px + -180px);}#rec56037795 .tn-elem[data-elem-id="1527762020112"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1527762020112"] {top:644px;left:calc(50% - 100px + -181px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1527762020112"] {top:1052px;left:calc(50% - 100px + -107px);width:80px;}#rec56037795 .tn-elem[data-elem-id="1527762020112"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1527762020112"] {top:940px;left:calc(50% - 100px + -80px);}#rec56037795 .tn-elem[data-elem-id="1527762020112"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1527762020119"]{color:#000000;z-index:20;top:654px;left:calc(50% - 100px + 80px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1527762020119"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1527762020119"] {top:641px;left:calc(50% - 100px + 80px);}#rec56037795 .tn-elem[data-elem-id="1527762020119"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1527762020119"] {top:644px;left:calc(50% - 100px + 19px);width:120px;}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1527762020119"] {top:864px;left:calc(50% - 100px + -89px);}#rec56037795 .tn-elem[data-elem-id="1527762020119"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1527762020119"] {top:775px;left:calc(50% - 100px + -60px);}#rec56037795 .tn-elem[data-elem-id="1527762020119"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1527762020124"]{color:#000000;z-index:21;top:654px;left:calc(50% - 100px + 320px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1527762020124"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1527762020124"] {top:640px;left:calc(50% - 100px + 320px);}#rec56037795 .tn-elem[data-elem-id="1527762020124"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1527762020124"] {top:644px;left:calc(50% - 100px + 231px);width:120px;}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1527762020124"] {top:864px;left:calc(50% - 100px + 117px);width:130px;}#rec56037795 .tn-elem[data-elem-id="1527762020124"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1527762020124"] {top:775px;left:calc(50% - 100px + 106px);}#rec56037795 .tn-elem[data-elem-id="1527762020124"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1527762165650"]{z-index:22;top:568px;left:calc(50% - 31px + 252px);width:62px;}#rec56037795 .tn-elem[data-elem-id="1527762165650"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1527762165650"] {top:568px;left:calc(50% - 31px + 200px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1527762165650"] {top:788px;left:calc(50% - 31px + 83px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1527762165650"] {top:703px;left:calc(50% - 31px + 70px);}}#rec56037795 .tn-elem[data-elem-id="1579696589409"]{z-index:23;top:768px;left:calc(50% - 31px + -248px);width:62px;}#rec56037795 .tn-elem[data-elem-id="1579696589409"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1579696589409"] {top:756px;left:calc(50% - 31px + -249px);}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1579696589409"] {top:760px;left:calc(50% - 31px + -250px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1579696589409"] {top:985px;left:calc(50% - 31px + 83px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1579696589409"] {top:870px;left:calc(50% - 31px + 71px);}}#rec56037795 .tn-elem[data-elem-id="1579696589422"]{color:#000000;z-index:24;top:854px;left:calc(50% - 100px + -180px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1579696589422"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1579696589422"] {top:834px;left:calc(50% - 100px + -180px);}#rec56037795 .tn-elem[data-elem-id="1579696589422"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1579696589422"] {top:834px;left:calc(50% - 100px + -251px);width:60px;}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1579696589422"] {top:1052px;left:calc(50% - 100px + 82px);}#rec56037795 .tn-elem[data-elem-id="1579696589422"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1579696589422"] {top:940px;left:calc(50% - 100px + 70px);}#rec56037795 .tn-elem[data-elem-id="1579696589422"] .tn-atom{font-size:14px;}}#rec56037795 .tn-elem[data-elem-id="1579696589429"]{z-index:25;top:775px;left:calc(50% - 46px + 27px);width:92px;}#rec56037795 .tn-elem[data-elem-id="1579696589429"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1579696589429"] {top:758px;left:calc(50% - 46px + 26px);}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1579696589429"] {top:770px;left:calc(50% - 46px + 5px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1579696589429"] {top:1180px;left:calc(50% - 46px + -104px);}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1579696589429"] {top:1036px;left:calc(50% - 46px + -74px);}}#rec56037795 .tn-elem[data-elem-id="1579696589438"]{color:#000000;z-index:26;top:854px;left:calc(50% - 100px + 80px);width:200px;}#rec56037795 .tn-elem[data-elem-id="1579696589438"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56037795 .tn-elem[data-elem-id="1579696589438"] {top:827px;left:calc(50% - 100px + 80px);}#rec56037795 .tn-elem[data-elem-id="1579696589438"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56037795 .tn-elem[data-elem-id="1579696589438"] {top:846px;left:calc(50% - 100px + 59px);}}@media screen and (max-width:639px) {#rec56037795 .tn-elem[data-elem-id="1579696589438"] {top:1245px;left:calc(50% - 100px + -50px);}#rec56037795 .tn-elem[data-elem-id="1579696589438"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec56037795 .tn-elem[data-elem-id="1579696589438"] {top:1096px;left:calc(50% - 100px + -20px);}#rec56037795 .tn-elem[data-elem-id="1579696589438"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56037795" data-artboard-screens="320,480,640,960,1200" data-artboard-height="972" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1202" data-artboard-height-res-480="1342" data-artboard-height-res-640="942"> <div class="t396__carrier" data-artboard-recid="56037795"></div> <div class="t396__filter" data-artboard-recid="56037795"></div> <div class='t396__elem tn-elem tn-elem__560377951466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="65" data-field-left-value="20" data-field-width-value="130" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="31" data-field-left-res-320-value="20" data-field-width-res-320-value="300px" data-field-top-res-480-value="25" data-field-left-res-480-value="20" data-field-top-res-640-value="45" data-field-left-res-640-value="30" data-field-top-res-960-value="65" data-field-left-res-960-value="90" data-field-width-res-960-value="460px"> <div class='tn-atom'field='tn_text_1466084312673'>TOOLS</div> </div> <div class='t396__elem tn-elem tn-elem__560377951466084597249 t-animate' data-elem-id='1466084597249' data-elem-type='text' data-field-top-value="272" data-field-left-value="-170" data-field-width-value="220" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-top-res-320-value="223" data-field-left-res-320-value="-70" data-field-width-res-320-value="100" data-field-top-res-480-value="224" data-field-left-res-480-value="-80" data-field-width-res-480-value="140" data-field-top-res-640-value="274" data-field-left-res-640-value="-171" data-field-top-res-960-value="264" data-field-left-res-960-value="-172"> <div class='tn-atom'field='tn_text_1466084597249'>Bind to screen corners</div> </div> <div class='t396__elem tn-elem tn-elem__560377951467622578357 t-animate' data-elem-id='1467622578357' data-elem-type='image' data-field-top-value="180" data-field-left-value="-249" data-field-width-value="64" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-filewidth-value="64" data-field-fileheight-value="65" data-field-top-res-320-value="130" data-field-left-res-320-value="-87" data-field-top-res-480-value="130" data-field-left-res-480-value="-117" data-field-top-res-640-value="180" data-field-left-res-640-value="-249"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6465-3837-4239-b138-316264663861/privyazka1.png' alt='' imgfield='tn_img_1467622578357' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623116007 t-animate' data-elem-id='1467623116007' data-elem-type='image' data-field-top-value="378" data-field-left-value="10" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.3" data-animate-distance="100" data-field-filewidth-value="62" data-field-fileheight-value="61" data-field-top-res-320-value="346" data-field-left-res-320-value="-90" data-field-top-res-480-value="368" data-field-left-res-480-value="-120" data-field-top-res-640-value="378" data-field-left-res-640-value="-10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6330-3132-4861-b233-356134333762/sheipi.png' alt='' imgfield='tn_img_1467623116007' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623126560 t-animate' data-elem-id='1467623126560' data-elem-type='image' data-field-top-value="183" data-field-left-value="250" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-filewidth-value="62" data-field-fileheight-value="61" data-field-top-res-320-value="344" data-field-left-res-320-value="60" data-field-top-res-480-value="367" data-field-left-res-480-value="80" data-field-top-res-640-value="183" data-field-left-res-640-value="202"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6637-3935-4231-b335-336133646231/sloi.png' alt='' imgfield='tn_img_1467623126560' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623158016 t-animate' data-elem-id='1467623158016' data-elem-type='image' data-field-top-value="380" data-field-left-value="250" data-field-width-value="92" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-filewidth-value="92" data-field-fileheight-value="61" data-field-top-res-320-value="520" data-field-left-res-320-value="63" data-field-top-res-480-value="580" data-field-left-res-480-value="80" data-field-top-res-640-value="380" data-field-left-res-640-value="200" data-field-top-res-960-value="380" data-field-left-res-960-value="247"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3638-3436-4835-b262-383065353365/opacity.png' alt='' imgfield='tn_img_1467623158016' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623231856 t-animate' data-elem-id='1467623231856' data-elem-type='image' data-field-top-value="378" data-field-left-value="-255" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-filewidth-value="62" data-field-fileheight-value="61" data-field-top-res-320-value="518" data-field-left-res-320-value="-96" data-field-top-res-480-value="578" data-field-left-res-480-value="-126" data-field-top-res-640-value="378" data-field-left-res-640-value="-255"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6566-3132-4138-a663-633662376237/typography.png' alt='' imgfield='tn_img_1467623231856' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623335568 t-animate' data-elem-id='1467623335568' data-elem-type='text' data-field-top-value="272" data-field-left-value="80" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.3" data-animate-distance="100" data-field-top-res-320-value="223" data-field-left-res-320-value="86" data-field-top-res-480-value="224" data-field-left-res-480-value="106" data-field-width-res-480-value="110" data-field-top-res-640-value="274" data-field-left-res-640-value="39" data-field-width-res-640-value="160" data-field-top-res-960-value="264" data-field-left-res-960-value="80"> <div class='tn-atom'field='tn_text_1467623335568'>Animation</div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623356720 t-animate' data-elem-id='1467623356720' data-elem-type='text' data-field-top-value="272" data-field-left-value="320" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-top-res-320-value="424" data-field-left-res-320-value="82" data-field-top-res-480-value="454" data-field-left-res-480-value="100" data-field-width-res-480-value="100" data-field-top-res-640-value="274" data-field-left-res-640-value="196" data-field-width-res-640-value="50" data-field-top-res-960-value="264" data-field-left-res-960-value="320"> <div class='tn-atom'field='tn_text_1467623356720'>Layers</div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623377999 t-animate' data-elem-id='1467623377999' data-elem-type='text' data-field-top-value="464" data-field-left-value="-180" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-top-res-320-value="602" data-field-left-res-320-value="-55" data-field-top-res-480-value="664" data-field-left-res-480-value="-84" data-field-width-res-480-value="130" data-field-top-res-640-value="464" data-field-left-res-640-value="-181" data-field-top-res-960-value="459" data-field-left-res-960-value="-180"> <div class='tn-atom'field='tn_text_1467623377999'>Typography</div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623395488 t-animate' data-elem-id='1467623395488' data-elem-type='text' data-field-top-value="464" data-field-left-value="80" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.3" data-animate-distance="100" data-field-top-res-320-value="425" data-field-left-res-320-value="-60" data-field-top-res-480-value="454" data-field-left-res-480-value="-89" data-field-top-res-640-value="464" data-field-left-res-640-value="19" data-field-width-res-640-value="120" data-field-top-res-960-value="461" data-field-left-res-960-value="80"> <div class='tn-atom'field='tn_text_1467623395488'>Shapes</div> </div> <div class='t396__elem tn-elem tn-elem__560377951467623399975 t-animate' data-elem-id='1467623399975' data-elem-type='text' data-field-top-value="464" data-field-left-value="320" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-top-res-320-value="602" data-field-left-res-320-value="96" data-field-top-res-480-value="664" data-field-left-res-480-value="117" data-field-width-res-480-value="130" data-field-top-res-640-value="464" data-field-left-res-640-value="231" data-field-width-res-640-value="120" data-field-top-res-960-value="460" data-field-left-res-960-value="320"> <div class='tn-atom'field='tn_text_1467623399975'>Transparency</div> </div> <div class='t396__elem tn-elem tn-elem__560377951526032457839 t-animate' data-elem-id='1526032457839' data-elem-type='image' data-field-top-value="150" data-field-left-value="580" data-field-width-value="46" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.3" data-animate-distance="100" data-field-filewidth-value="46" data-field-fileheight-value="99" data-field-top-res-320-value="100" data-field-left-res-320-value="190" data-field-top-res-480-value="104" data-field-left-res-480-value="290" data-field-top-res-640-value="154" data-field-left-res-640-value="279" data-field-top-res-960-value="144" data-field-left-res-960-value="460"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3034-3534-4666-a463-396434613731/animation2.png' alt='' imgfield='tn_img_1526032457839' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951527762020075 t-animate' data-elem-id='1527762020075' data-elem-type='image' data-field-top-value="568" data-field-left-value="10" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.3" data-animate-distance="100" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="696" data-field-left-res-320-value="-90" data-field-top-res-480-value="778" data-field-left-res-480-value="-120" data-field-top-res-640-value="568" data-field-left-res-640-value="-10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6632-3735-4966-b138-646265353264/-3-02.svg' alt='' imgfield='tn_img_1527762020075' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951527762020099 t-animate' data-elem-id='1527762020099' data-elem-type='image' data-field-top-value="568" data-field-left-value="-248" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="868" data-field-left-res-320-value="-93" data-field-top-res-480-value="978" data-field-left-res-480-value="-116" data-field-top-res-640-value="568" data-field-left-res-640-value="-250"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3831-3731-4438-b962-613339613866/-3-01.svg' alt='' imgfield='tn_img_1527762020099' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951527762020112 t-animate' data-elem-id='1527762020112' data-elem-type='text' data-field-top-value="654" data-field-left-value="-180" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-top-res-320-value="940" data-field-left-res-320-value="-80" data-field-top-res-480-value="1052" data-field-left-res-480-value="-107" data-field-width-res-480-value="80" data-field-top-res-640-value="644" data-field-left-res-640-value="-181" data-field-top-res-960-value="639" data-field-left-res-960-value="-180"> <div class='tn-atom'field='tn_text_1527762020112'>Video</div> </div> <div class='t396__elem tn-elem tn-elem__560377951527762020119 t-animate' data-elem-id='1527762020119' data-elem-type='text' data-field-top-value="654" data-field-left-value="80" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.3" data-animate-distance="100" data-field-top-res-320-value="775" data-field-left-res-320-value="-60" data-field-top-res-480-value="864" data-field-left-res-480-value="-89" data-field-top-res-640-value="644" data-field-left-res-640-value="19" data-field-width-res-640-value="120" data-field-top-res-960-value="641" data-field-left-res-960-value="80"> <div class='tn-atom'field='tn_text_1527762020119'>Insert HTML</div> </div> <div class='t396__elem tn-elem tn-elem__560377951527762020124 t-animate' data-elem-id='1527762020124' data-elem-type='text' data-field-top-value="654" data-field-left-value="320" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-top-res-320-value="775" data-field-left-res-320-value="106" data-field-top-res-480-value="864" data-field-left-res-480-value="117" data-field-width-res-480-value="130" data-field-top-res-640-value="644" data-field-left-res-640-value="231" data-field-width-res-640-value="120" data-field-top-res-960-value="640" data-field-left-res-960-value="320"> <div class='tn-atom'field='tn_text_1527762020124'>Tooltip</div> </div> <div class='t396__elem tn-elem tn-elem__560377951527762165650 t-animate' data-elem-id='1527762165650' data-elem-type='image' data-field-top-value="568" data-field-left-value="252" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="703" data-field-left-res-320-value="70" data-field-top-res-480-value="788" data-field-left-res-480-value="83" data-field-top-res-640-value="568" data-field-left-res-640-value="200"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3937-3539-4635-a632-333432636231/-3-03.svg' alt='' imgfield='tn_img_1527762165650' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951579696589409 t-animate' data-elem-id='1579696589409' data-elem-type='image' data-field-top-value="768" data-field-left-value="-248" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-filewidth-value="60" data-field-fileheight-value="47" data-field-top-res-320-value="870" data-field-left-res-320-value="71" data-field-top-res-480-value="985" data-field-left-res-480-value="83" data-field-top-res-640-value="760" data-field-left-res-640-value="-250" data-field-top-res-960-value="756" data-field-left-res-960-value="-249"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3537-3037-4035-a564-356231306339/Group_68.svg' alt='' imgfield='tn_img_1579696589409' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951579696589422 t-animate' data-elem-id='1579696589422' data-elem-type='text' data-field-top-value="854" data-field-left-value="-180" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-top-res-320-value="940" data-field-left-res-320-value="70" data-field-top-res-480-value="1052" data-field-left-res-480-value="82" data-field-top-res-640-value="834" data-field-left-res-640-value="-251" data-field-width-res-640-value="60" data-field-top-res-960-value="834" data-field-left-res-960-value="-180"> <div class='tn-atom'field='tn_text_1579696589422'>Forms</div> </div> <div class='t396__elem tn-elem tn-elem__560377951579696589429 t-animate' data-elem-id='1579696589429' data-elem-type='image' data-field-top-value="775" data-field-left-value="27" data-field-width-value="92" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-filewidth-value="86" data-field-fileheight-value="37" data-field-top-res-320-value="1036" data-field-left-res-320-value="-74" data-field-top-res-480-value="1180" data-field-left-res-480-value="-104" data-field-top-res-640-value="770" data-field-left-res-640-value="5" data-field-top-res-960-value="758" data-field-left-res-960-value="26"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6535-3064-4030-a535-313238373230/Group_69.svg' alt='' imgfield='tn_img_1579696589429' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560377951579696589438 t-animate' data-elem-id='1579696589438' data-elem-type='text' data-field-top-value="854" data-field-left-value="80" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-distance="100" data-field-top-res-320-value="1096" data-field-left-res-320-value="-20" data-field-top-res-480-value="1245" data-field-left-res-480-value="-50" data-field-top-res-640-value="846" data-field-left-res-640-value="59" data-field-top-res-960-value="827" data-field-left-res-960-value="80"> <div class='tn-atom'field='tn_text_1579696589438'>Gallery</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56037795');});});</script>  </div> <div id="rec56083385" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec56083385 .t396__artboard {height:1010px;background-color:#ffffff;}#rec56083385 .t396__filter {height:1010px;}#rec56083385 .t396__carrier{height:1010px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec56083385 .t396__artboard,#rec56083385 .t396__filter,#rec56083385 .t396__carrier {height:900px;}#rec56083385 .t396__filter {}#rec56083385 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec56083385 .t396__artboard,#rec56083385 .t396__filter,#rec56083385 .t396__carrier {height:1530px;}#rec56083385 .t396__filter {}#rec56083385 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec56083385 .t396__artboard,#rec56083385 .t396__filter,#rec56083385 .t396__carrier {height:1420px;}#rec56083385 .t396__filter {}#rec56083385 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec56083385 .t396__artboard,#rec56083385 .t396__filter,#rec56083385 .t396__carrier {height:2100px;}#rec56083385 .t396__filter {}#rec56083385 .t396__carrier {background-attachment:scroll;}}#rec56083385 .tn-elem[data-elem-id="1527774562200"]{z-index:5;top:121px;left:calc(50% - 600px + 880px);width:240px;}#rec56083385 .tn-elem[data-elem-id="1527774562200"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1);}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527774562200"] {top:81px;left:calc(50% - 480px + 730px);width:210px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527774562200"] {top:664px;left:calc(50% - 320px + 314px);width:230px;}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527774562200"] {top:674px;left:calc(50% - 240px + 264px);width:190px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527774562200"] {top:1034px;left:calc(50% - 160px + 34px);width:230px;}}#rec56083385 .tn-elem[data-elem-id="1527774838603"]{color:#000000;z-index:6;top:432px;left:calc(50% - 95px + -485px);width:190px;}#rec56083385 .tn-elem[data-elem-id="1527774838603"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527774838603"] {top:394px;left:calc(50% - 95px + -372px);}#rec56083385 .tn-elem[data-elem-id="1527774838603"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527774838603"] {top:354px;left:calc(50% - 95px + -186px);}#rec56083385 .tn-elem[data-elem-id="1527774838603"] .tn-atom{font-size:15px;}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527774838603"] {top:329px;left:calc(50% - 95px + -94px);width:110px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527774838603"] {top:253px;left:calc(50% - 95px + -70px);}#rec56083385 .tn-elem[data-elem-id="1527774838603"] .tn-atom{font-size:14px;line-height:1.4;}}#rec56083385 .tn-elem[data-elem-id="1527774838610"]{z-index:7;top:357px;left:calc(50% - 32px + -547px);width:64px;}#rec56083385 .tn-elem[data-elem-id="1527774838610"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527774838610"] {top:310px;left:calc(50% - 32px + -437px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527774838610"] {top:260px;left:calc(50% - 32px + -249px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527774838610"] {top:240px;left:calc(50% - 32px + -117px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527774838610"] {top:170px;left:calc(50% - 32px + -98px);}}#rec56083385 .tn-elem[data-elem-id="1527774838657"]{z-index:11;top:552px;left:calc(50% - 31px + -547px);width:62px;}#rec56083385 .tn-elem[data-elem-id="1527774838657"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527774838657"] {top:502px;left:calc(50% - 31px + -447px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527774838657"] {top:448px;left:calc(50% - 31px + -255px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527774838657"] {top:453px;left:calc(50% - 31px + -118px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527774838657"] {top:358px;left:calc(50% - 31px + -109px);}}#rec56083385 .tn-elem[data-elem-id="1527774838683"]{color:#000000;z-index:14;top:632px;left:calc(50% - 100px + -479px);width:200px;}#rec56083385 .tn-elem[data-elem-id="1527774838683"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527774838683"] {top:589px;left:calc(50% - 100px + -370px);}#rec56083385 .tn-elem[data-elem-id="1527774838683"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527774838683"] {top:534px;left:calc(50% - 100px + -181px);}#rec56083385 .tn-elem[data-elem-id="1527774838683"] .tn-atom{font-size:15px;}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527774838683"] {top:544px;left:calc(50% - 100px + -89px);width:120px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527774838683"] {top:452px;left:calc(50% - 100px + -70px);}#rec56083385 .tn-elem[data-elem-id="1527774838683"] .tn-atom{font-size:14px;}}#rec56083385 .tn-elem[data-elem-id="1527774838723"]{z-index:19;top:551px;left:calc(50% - 31px + -317px);width:62px;}#rec56083385 .tn-elem[data-elem-id="1527774838723"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527774838723"] {top:491px;left:calc(50% - 31px + -222px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527774838723"] {top:458px;left:calc(50% - 31px + -40px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527774838723"] {top:453px;left:calc(50% - 31px + 103px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527774838723"] {top:348px;left:calc(50% - 31px + 61px);}}#rec56083385 .tn-elem[data-elem-id="1527774838735"]{color:#000000;z-index:20;top:632px;left:calc(50% - 100px + -248px);width:200px;}#rec56083385 .tn-elem[data-elem-id="1527774838735"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527774838735"] {top:589px;left:calc(50% - 100px + -148px);}#rec56083385 .tn-elem[data-elem-id="1527774838735"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527774838735"] {top:534px;left:calc(50% - 100px + 29px);}#rec56083385 .tn-elem[data-elem-id="1527774838735"] .tn-atom{font-size:15px;}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527774838735"] {top:544px;left:calc(50% - 100px + 117px);width:90px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527774838735"] {top:452px;left:calc(50% - 100px + 75px);}#rec56083385 .tn-elem[data-elem-id="1527774838735"] .tn-atom{font-size:14px;}}#rec56083385 .tn-elem[data-elem-id="1527775156788"]{z-index:21;top:461px;left:calc(50% - 600px + 880px);width:240px;}#rec56083385 .tn-elem[data-elem-id="1527775156788"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1);}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527775156788"] {top:371px;left:calc(50% - 480px + 730px);width:210px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527775156788"] {top:984px;left:calc(50% - 320px + 314px);width:230px;}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527775156788"] {top:944px;left:calc(50% - 240px + 264px);width:190px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527775156788"] {top:584px;left:calc(50% - 160px + 34px);width:230px;}}#rec56083385 .tn-elem[data-elem-id="1527775456963"]{color:#000000;z-index:22;top:115px;left:calc(50% - 600px + 20px);width:400px;}#rec56083385 .tn-elem[data-elem-id="1527775456963"] .tn-atom{color:#000000;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527775456963"] {top:75px;left:calc(50% - 480px + 10px);width:400px;}#rec56083385 .tn-elem[data-elem-id="1527775456963"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527775456963"] {top:55pxpx;left:calc(50% - 320px + 40pxpx);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527775456963"] {top:35pxpx;left:calc(50% - 240px + 30pxpx);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527775456963"] {top:41pxpx;left:calc(50% - 160px + 30pxpx);width:300pxpx;}#rec56083385 .tn-elem[data-elem-id="1527775456963"] .tn-atom{font-size:18px;}}#rec56083385 .tn-elem[data-elem-id="1527775850139"]{z-index:23;top:350px;left:calc(50% - 31px + -317px);width:62px;}#rec56083385 .tn-elem[data-elem-id="1527775850139"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527775850139"] {top:310px;left:calc(50% - 31px + -219px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527775850139"] {top:260px;left:calc(50% - 31px + -40px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527775850139"] {top:238px;left:calc(50% - 31px + 103px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527775850139"] {top:178px;left:calc(50% - 31px + 61px);}}#rec56083385 .tn-elem[data-elem-id="1527776180071"]{color:#000000;z-index:25;top:432px;left:calc(50% - 95px + -255px);width:190px;}#rec56083385 .tn-elem[data-elem-id="1527776180071"] .tn-atom{color:#000000;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527776180071"] {top:394px;left:calc(50% - 95px + -153px);}#rec56083385 .tn-elem[data-elem-id="1527776180071"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527776180071"] {top:354px;left:calc(50% - 95px + 26px);}#rec56083385 .tn-elem[data-elem-id="1527776180071"] .tn-atom{font-size:15px;}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527776180071"] {top:329px;left:calc(50% - 95px + 122px);width:99px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527776180071"] {top:253px;left:calc(50% - 95px + 70px);}#rec56083385 .tn-elem[data-elem-id="1527776180071"] .tn-atom{font-size:14px;line-height:1.4;}}#rec56083385 .tn-elem[data-elem-id="1527776345290"]{z-index:26;top:121px;left:calc(50% - 600px + 580px);width:240px;}#rec56083385 .tn-elem[data-elem-id="1527776345290"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1);}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527776345290"] {top:81px;left:calc(50% - 480px + 480px);width:210px;}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527776345290"] {top:664px;left:calc(50% - 320px + 34px);width:230px;}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527776345290"] {top:674px;left:calc(50% - 240px + 24px);width:190px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527776345290"] {top:1364px;left:calc(50% - 160px + 34px);width:230px;}}#rec56083385 .tn-elem[data-elem-id="1527776866280"]{z-index:29;top:948px;left:calc(50% - 600px + 17px);width:13px;}#rec56083385 .tn-elem[data-elem-id="1527776866280"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527776866280"] {top:858px;left:calc(50% - 480px + 17px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527776866280"] {top:1458px;left:calc(50% - 320px + 17px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527776866280"] {top:1348px;left:calc(50% - 240px + 17px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527776866280"] {top:2048px;left:calc(50% - 160px + 17px);}}#rec56083385 .tn-elem[data-elem-id="1527781035631"]{color:#000000;text-align:center;z-index:30;top:170px;left:calc(50% - 600px + 1085px);width:25px;height:25px;}#rec56083385 .tn-elem[data-elem-id="1527781035631"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.4;font-weight:400;background-color:#ff7300;background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}#rec56083385 .tn-elem[data-elem-id="1527781035631"] .tn-atom__tip{background-color:#ffffff;border-radius:10px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);width:210px;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527781035631"] {top:120px;left:calc(50% - 480px + 909px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527781035631"] {top:707px;left:calc(50% - 320px + 514px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527781035631"] {top:714px;left:calc(50% - 240px + 423px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527781035631"] {top:1084px;left:calc(50% - 160px + 258px);}}#rec56083385 .tn-elem[data-elem-id="1527781627768"]{color:#000000;text-align:center;z-index:31;top:309px;left:calc(50% - 600px + 862px);width:25px;height:25px;}#rec56083385 .tn-elem[data-elem-id="1527781627768"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.4;font-weight:400;background-color:#ff7300;background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}#rec56083385 .tn-elem[data-elem-id="1527781627768"] .tn-atom__tip{background-color:#ffffff;border-radius:10px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);width:200px;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527781627768"] {top:255px;left:calc(50% - 480px + 714px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527781627768"] {top:838px;left:calc(50% - 320px + 298px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527781627768"] {top:829px;left:calc(50% - 240px + 248px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527781627768"] {top:1214px;left:calc(50% - 160px + 149px);}}#rec56083385 .tn-elem[data-elem-id="1527781710882"]{color:#000000;text-align:center;z-index:32;top:250px;left:calc(50% - 600px + 651px);width:25px;height:25px;}#rec56083385 .tn-elem[data-elem-id="1527781710882"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.4;font-weight:400;background-color:#ff7300;background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}#rec56083385 .tn-elem[data-elem-id="1527781710882"] .tn-atom__tip{background-color:#ffffff;border-radius:10px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);width:210px;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527781710882"] {top:193px;left:calc(50% - 480px + 542px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527781710882"] {top:785px;left:calc(50% - 320px + 106px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527781710882"] {top:756px;left:calc(50% - 240px + 118px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527781710882"] {top:1454px;left:calc(50% - 160px + 125px);}}#rec56083385 .tn-elem[data-elem-id="1527781874548"]{color:#000000;text-align:center;z-index:33;top:498px;left:calc(50% - 600px + 1085px);width:25px;height:25px;}#rec56083385 .tn-elem[data-elem-id="1527781874548"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.4;font-weight:400;background-color:#ff7300;background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}#rec56083385 .tn-elem[data-elem-id="1527781874548"] .tn-atom__tip{background-color:#ffffff;border-radius:10px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);width:210px;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527781874548"] {top:401px;left:calc(50% - 480px + 911px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527781874548"] {top:1018px;left:calc(50% - 320px + 512px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527781874548"] {top:977px;left:calc(50% - 240px + 422px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527781874548"] {top:623px;left:calc(50% - 160px + 255px);}}#rec56083385 .tn-elem[data-elem-id="1527782067048"]{color:#000000;text-align:center;z-index:34;top:720px;left:calc(50% - 600px + 1085px);width:25px;height:25px;}#rec56083385 .tn-elem[data-elem-id="1527782067048"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.4;font-weight:400;background-color:#ff7300;background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}#rec56083385 .tn-elem[data-elem-id="1527782067048"] .tn-atom__tip{background-color:#ffffff;border-radius:10px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);width:200px;}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1527782067048"] {top:594px;left:calc(50% - 480px + 909px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1527782067048"] {top:1230px;left:calc(50% - 320px + 513px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1527782067048"] {top:1153px;left:calc(50% - 240px + 423px);}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1527782067048"] {top:837px;left:calc(50% - 160px + 256px);}}#rec56083385 .tn-elem[data-elem-id="1529679955215"]{color:#000000;text-align:center;z-index:35;top:calc(505px - 31px + 290px);left:calc(50% - 65px + -513px);width:130px;height:62px;}#rec56083385 .tn-elem[data-elem-id="1529679955215"] .tn-atom{color:#000000;font-size:18px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;border-width:3px;border-radius:60px;background-color:#dddddd;background-position:center center;border-color:transparent ;border-style:solid;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out;}@media (hover),(min-width:0\0) {#rec56083385 .tn-elem[data-elem-id="1529679955215"] .tn-atom:hover {background-color:#ededed;background-image:none;}#rec56083385 .tn-elem[data-elem-id="1529679955215"] .tn-atom:hover {color:#000000;}}@media screen and (max-width:1199px) {#rec56083385 .tn-elem[data-elem-id="1529679955215"] {top:calc(505px - 31px + 280px);left:calc(50% - 65px + -404px);}}@media screen and (max-width:959px) {#rec56083385 .tn-elem[data-elem-id="1529679955215"] {top:calc(505px - 31px + 590px);left:calc(50% - 65px + -220px);}}@media screen and (max-width:639px) {#rec56083385 .tn-elem[data-elem-id="1529679955215"] {top:calc(505px - 31px + 535px);left:calc(50% - 65px + -160px);width:110px;height:52px;}#rec56083385 .tn-elem[data-elem-id="1529679955215"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec56083385 .tn-elem[data-elem-id="1529679955215"] {top:calc(505px - 31px + 917px);left:calc(50% - 65px + 49.5px);width:117px;height:54px;}#rec56083385 .tn-elem[data-elem-id="1529679955215"] .tn-atom{font-size:16px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="56083385" data-artboard-screens="320,480,640,960,1200" data-artboard-height="1010" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="2100" data-artboard-height-res-480="1420" data-artboard-height-res-640="1530" data-artboard-height-res-960="900"> <div class="t396__carrier" data-artboard-recid="56083385"></div> <div class="t396__filter" data-artboard-recid="56083385"></div> <div class='t396__elem tn-elem tn-elem__560833851527774562200' data-elem-id='1527774562200' data-elem-type='image' data-field-top-value="121" data-field-left-value="880" data-field-width-value="240" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="308" data-field-fileheight-value="350" data-field-top-res-320-value="1034" data-field-left-res-320-value="34" data-field-width-res-320-value="230" data-field-top-res-480-value="674" data-field-left-res-480-value="264" data-field-width-res-480-value="190" data-field-top-res-640-value="664" data-field-left-res-640-value="314" data-field-width-res-640-value="230" data-field-top-res-960-value="81" data-field-left-res-960-value="730" data-field-width-res-960-value="210"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6163-6337-4838-b465-346161356361/__2018-05-31__163146.png' alt='' imgfield='tn_img_1527774562200' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527774838603' data-elem-id='1527774838603' data-elem-type='text' data-field-top-value="432" data-field-left-value="-485" data-field-width-value="190" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="253" data-field-left-res-320-value="-70" data-field-top-res-480-value="329" data-field-left-res-480-value="-94" data-field-width-res-480-value="110" data-field-top-res-640-value="354" data-field-left-res-640-value="-186" data-field-top-res-960-value="394" data-field-left-res-960-value="-372"> <div class='tn-atom'field='tn_text_1527774838603'>Fade in & fade out animation</div> </div> <div class='t396__elem tn-elem tn-elem__560833851527774838610' data-elem-id='1527774838610' data-elem-type='image' data-field-top-value="357" data-field-left-value="-547" data-field-width-value="64" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="170" data-field-left-res-320-value="-98" data-field-top-res-480-value="240" data-field-left-res-480-value="-117" data-field-top-res-640-value="260" data-field-left-res-640-value="-249" data-field-top-res-960-value="310" data-field-left-res-960-value="-437"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3930-3863-4231-b233-656365353533/-3-04.svg' alt='' imgfield='tn_img_1527774838610' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527774838657' data-elem-id='1527774838657' data-elem-type='image' data-field-top-value="552" data-field-left-value="-547" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="358" data-field-left-res-320-value="-109" data-field-top-res-480-value="453" data-field-left-res-480-value="-118" data-field-top-res-640-value="448" data-field-left-res-640-value="-255" data-field-top-res-960-value="502" data-field-left-res-960-value="-447"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3530-6661-4834-b764-333436386461/-3-06.svg' alt='' imgfield='tn_img_1527774838657' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527774838683' data-elem-id='1527774838683' data-elem-type='text' data-field-top-value="632" data-field-left-value="-479" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-prx="scroll" data-field-top-res-320-value="452" data-field-left-res-320-value="-70" data-field-top-res-480-value="544" data-field-left-res-480-value="-89" data-field-width-res-480-value="120" data-field-top-res-640-value="534" data-field-left-res-640-value="-181" data-field-top-res-960-value="589" data-field-left-res-960-value="-370"> <div class='tn-atom'field='tn_text_1527774838683'>Parallax effect</div> </div> <div class='t396__elem tn-elem tn-elem__560833851527774838723' data-elem-id='1527774838723' data-elem-type='image' data-field-top-value="551" data-field-left-value="-317" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="348" data-field-left-res-320-value="61" data-field-top-res-480-value="453" data-field-left-res-480-value="103" data-field-top-res-640-value="458" data-field-left-res-640-value="-40" data-field-top-res-960-value="491" data-field-left-res-960-value="-222"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3561-3363-4339-b063-663233663432/-3-05.svg' alt='' imgfield='tn_img_1527774838723' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527774838735' data-elem-id='1527774838735' data-elem-type='text' data-field-top-value="632" data-field-left-value="-248" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="452" data-field-left-res-320-value="75" data-field-top-res-480-value="544" data-field-left-res-480-value="117" data-field-width-res-480-value="90" data-field-top-res-640-value="534" data-field-left-res-640-value="29" data-field-top-res-960-value="589" data-field-left-res-960-value="-148"> <div class='tn-atom'field='tn_text_1527774838735'>Fixed positioning</div> </div> <div class='t396__elem tn-elem tn-elem__560833851527775156788' data-elem-id='1527775156788' data-elem-type='image' data-field-top-value="461" data-field-left-value="880" data-field-width-value="240" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="306" data-field-fileheight-value="514" data-field-top-res-320-value="584" data-field-left-res-320-value="34" data-field-width-res-320-value="230" data-field-top-res-480-value="944" data-field-left-res-480-value="264" data-field-width-res-480-value="190" data-field-top-res-640-value="984" data-field-left-res-640-value="314" data-field-width-res-640-value="230" data-field-top-res-960-value="371" data-field-left-res-960-value="730" data-field-width-res-960-value="210"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3739-3534-4736-a235-653531633631/__2018-05-31__165846.png' alt='' imgfield='tn_img_1527775156788' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527775456963' data-elem-id='1527775456963' data-elem-type='text' data-field-top-value="115" data-field-left-value="20" data-field-width-value="400" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="41px" data-field-left-res-320-value="30px" data-field-width-res-320-value="300px" data-field-top-res-480-value="35px" data-field-left-res-480-value="30px" data-field-top-res-640-value="55px" data-field-left-res-640-value="40px" data-field-top-res-960-value="75" data-field-left-res-960-value="10" data-field-width-res-960-value="400"> <div class='tn-atom'field='tn_text_1527775456963'>BRING ELEMENTS TO LIFE WITH ANIMATION</div> </div> <div class='t396__elem tn-elem tn-elem__560833851527775850139' data-elem-id='1527775850139' data-elem-type='image' data-field-top-value="350" data-field-left-value="-317" data-field-width-value="62" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="178" data-field-left-res-320-value="61" data-field-top-res-480-value="238" data-field-left-res-480-value="103" data-field-top-res-640-value="260" data-field-left-res-640-value="-40" data-field-top-res-960-value="310" data-field-left-res-960-value="-219"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3736-3530-4339-a434-333031386266/-3-07.svg' alt='' imgfield='tn_img_1527775850139' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527776180071' data-elem-id='1527776180071' data-elem-type='text' data-field-top-value="432" data-field-left-value="-255" data-field-width-value="190" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="253" data-field-left-res-320-value="70" data-field-top-res-480-value="329" data-field-left-res-480-value="122" data-field-width-res-480-value="99" data-field-top-res-640-value="354" data-field-left-res-640-value="26" data-field-top-res-960-value="394" data-field-left-res-960-value="-153"> <div class='tn-atom'field='tn_text_1527776180071'>Step-by-step animation</div> </div> <div class='t396__elem tn-elem tn-elem__560833851527776345290' data-elem-id='1527776345290' data-elem-type='image' data-field-top-value="121" data-field-left-value="580" data-field-width-value="240" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="306" data-field-fileheight-value="676" data-field-top-res-320-value="1364" data-field-left-res-320-value="34" data-field-width-res-320-value="230" data-field-top-res-480-value="674" data-field-left-res-480-value="24" data-field-width-res-480-value="190" data-field-top-res-640-value="664" data-field-left-res-640-value="34" data-field-width-res-640-value="230" data-field-top-res-960-value="81" data-field-left-res-960-value="480" data-field-width-res-960-value="210"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3935-3131-4337-b838-386231383362/image.png' alt='' imgfield='tn_img_1527776345290' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527776866280' data-elem-id='1527776866280' data-elem-type='image' data-field-top-value="948" data-field-left-value="17" data-field-width-value="13" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="13" data-field-fileheight-value="88" data-field-top-res-320-value="2048" data-field-left-res-320-value="17" data-field-top-res-480-value="1348" data-field-left-res-480-value="17" data-field-top-res-640-value="1458" data-field-left-res-640-value="17" data-field-top-res-960-value="858" data-field-left-res-960-value="17"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6530-3336-4339-b139-366139653863/-1-06.svg' alt='' imgfield='tn_img_1527776866280' /> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527781035631 t-animate' data-elem-id='1527781035631' data-elem-type='tooltip' data-field-top-value="170" data-field-left-value="1085" data-field-height-value="25" data-field-width-value="25" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-style="zoomin" data-animate-duration="1.1" data-animate-scale="0.5" data-animate-trigger-offset="200" data-field-tipposition-value="left" data-field-top-res-320-value="1084" data-field-left-res-320-value="258" data-field-top-res-480-value="714" data-field-left-res-480-value="423" data-field-top-res-640-value="707" data-field-left-res-640-value="514" data-field-top-res-960-value="120" data-field-left-res-960-value="909"> <div class='tn-atom tn-atom__pin'> <div class="tn-atom__pin-icon"> <svg role="presentation" width="100%" height="100%" style="display:block;" viewBox="0 0 25 25"> <g stroke="none" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g stroke="#ffffff"> <g transform="translate(7.500000, 7.700000)"> <path d="M5,0 L5,9.28571429"></path> <path d="M0.357142857,4.64285714 L9.64285714,4.64285714"></path> </g> </g> </g> </svg> </div> <div class='tn-atom__tip'> <div class='tn-atom__tip-text'>Choose between 5 types of step-by-step animation: element/block on screen, element on scroll, on hover, or on click</div> </div> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527781627768 t-animate' data-elem-id='1527781627768' data-elem-type='tooltip' data-field-top-value="309" data-field-left-value="862" data-field-height-value="25" data-field-width-value="25" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-style="zoomin" data-animate-duration="1.1" data-animate-scale="0.5" data-animate-trigger-offset="200" data-field-tipposition-value="top" data-field-top-res-320-value="1214" data-field-left-res-320-value="149" data-field-top-res-480-value="829" data-field-left-res-480-value="248" data-field-top-res-640-value="838" data-field-left-res-640-value="298" data-field-top-res-960-value="255" data-field-left-res-960-value="714"> <div class='tn-atom tn-atom__pin'> <div class="tn-atom__pin-icon"> <svg role="presentation" width="100%" height="100%" style="display:block;" viewBox="0 0 25 25"> <g stroke="none" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g stroke="#ffffff"> <g transform="translate(7.500000, 7.700000)"> <path d="M5,0 L5,9.28571429"></path> <path d="M0.357142857,4.64285714 L9.64285714,4.64285714"></path> </g> </g> </g> </svg> </div> <div class='tn-atom__tip'> <div class='tn-atom__tip-text'>Create infinite animation effects</div> </div> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527781710882 t-animate' data-elem-id='1527781710882' data-elem-type='tooltip' data-field-top-value="250" data-field-left-value="651" data-field-height-value="25" data-field-width-value="25" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-style="zoomin" data-animate-duration="1.1" data-animate-scale="0.5" data-animate-trigger-offset="200" data-field-tipposition-value="top" data-field-top-res-320-value="1454" data-field-left-res-320-value="125" data-field-top-res-480-value="756" data-field-left-res-480-value="118" data-field-top-res-640-value="785" data-field-left-res-640-value="106" data-field-top-res-960-value="193" data-field-left-res-960-value="542"> <div class='tn-atom tn-atom__pin'> <div class="tn-atom__pin-icon"> <svg role="presentation" width="100%" height="100%" style="display:block;" viewBox="0 0 25 25"> <g stroke="none" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g stroke="#ffffff"> <g transform="translate(7.500000, 7.700000)"> <path d="M5,0 L5,9.28571429"></path> <path d="M0.357142857,4.64285714 L9.64285714,4.64285714"></path> </g> </g> </g> </svg> </div> <div class='tn-atom__tip'> <div class='tn-atom__tip-text'>Add animation steps, modify the distance, position, size, and transparency</div> </div> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527781874548 t-animate' data-elem-id='1527781874548' data-elem-type='tooltip' data-field-top-value="498" data-field-left-value="1085" data-field-height-value="25" data-field-width-value="25" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-style="zoomin" data-animate-duration="1.1" data-animate-scale="0.5" data-animate-trigger-offset="200" data-field-tipposition-value="left" data-field-top-res-320-value="623" data-field-left-res-320-value="255" data-field-top-res-480-value="977" data-field-left-res-480-value="422" data-field-top-res-640-value="1018" data-field-left-res-640-value="512" data-field-top-res-960-value="401" data-field-left-res-960-value="911"> <div class='tn-atom tn-atom__pin'> <div class="tn-atom__pin-icon"> <svg role="presentation" width="100%" height="100%" style="display:block;" viewBox="0 0 25 25"> <g stroke="none" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g stroke="#ffffff"> <g transform="translate(7.500000, 7.700000)"> <path d="M5,0 L5,9.28571429"></path> <path d="M0.357142857,4.64285714 L9.64285714,4.64285714"></path> </g> </g> </g> </svg> </div> <div class='tn-atom__tip'> <div class='tn-atom__tip-text'>Elements can fade in from transparency (top, bottom, right, and left), zoom in or zoom out</div> </div> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851527782067048 t-animate' data-elem-id='1527782067048' data-elem-type='tooltip' data-field-top-value="720" data-field-left-value="1085" data-field-height-value="25" data-field-width-value="25" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-style="zoomin" data-animate-duration="1.1" data-animate-scale="0.5" data-animate-trigger-offset="200" data-field-tipposition-value="left" data-field-top-res-320-value="837" data-field-left-res-320-value="256" data-field-top-res-480-value="1153" data-field-left-res-480-value="423" data-field-top-res-640-value="1230" data-field-left-res-640-value="513" data-field-top-res-960-value="594" data-field-left-res-960-value="909"> <div class='tn-atom tn-atom__pin'> <div class="tn-atom__pin-icon"> <svg role="presentation" width="100%" height="100%" style="display:block;" viewBox="0 0 25 25"> <g stroke="none" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g stroke="#ffffff"> <g transform="translate(7.500000, 7.700000)"> <path d="M5,0 L5,9.28571429"></path> <path d="M0.357142857,4.64285714 L9.64285714,4.64285714"></path> </g> </g> </g> </svg> </div> <div class='tn-atom__tip'> <div class='tn-atom__tip-text'>Set the parallax of elements relative to the scroll or mouse, with increased or decreased speed</div> </div> </div> </div> <div class='t396__elem tn-elem tn-elem__560833851529679955215 t-animate' data-elem-id='1529679955215' data-elem-type='button' data-field-top-value="290" data-field-left-value="-513" data-field-height-value="62" data-field-width-value="130" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-style="fadeinup" data-animate-duration="1.5" data-animate-distance="100" data-animate-trigger-offset="50" data-field-top-res-320-value="917" data-field-left-res-320-value="49.5" data-field-height-res-320-value="54" data-field-width-res-320-value="117" data-field-top-res-480-value="535" data-field-left-res-480-value="-160" data-field-height-res-480-value="52" data-field-width-res-480-value="110" data-field-top-res-640-value="590" data-field-left-res-640-value="-220" data-field-top-res-960-value="280" data-field-left-res-960-value="-404"> <a class='tn-atom' href="https://tilda.cc/lp/step-by-step-animation/" target="_blank">More</a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('56083385');});});</script>  </div> <div id="rec419730585" class="r t-rec t-rec_pt_0 t-rec_pb_150" style="padding-top:0px;padding-bottom:150px;background-color:#dddddd; " data-animationappear="off" data-record-type="396" data-bg-color="#dddddd">  <style>#rec419730585 .t396__artboard {height:1303px;background-color:#dddddd;}#rec419730585 .t396__filter {height:1303px;}#rec419730585 .t396__carrier{height:1303px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec419730585 .t396__artboard,#rec419730585 .t396__filter,#rec419730585 .t396__carrier {height:1423px;}#rec419730585 .t396__filter {}#rec419730585 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec419730585 .t396__artboard,#rec419730585 .t396__filter,#rec419730585 .t396__carrier {height:1502px;}#rec419730585 .t396__filter {}#rec419730585 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec419730585 .t396__artboard,#rec419730585 .t396__filter,#rec419730585 .t396__carrier {height:1452px;}#rec419730585 .t396__filter {}#rec419730585 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec419730585 .t396__artboard,#rec419730585 .t396__filter,#rec419730585 .t396__carrier {height:1242px;}#rec419730585 .t396__filter {}#rec419730585 .t396__carrier {background-attachment:scroll;}}#rec419730585 .tn-elem[data-elem-id="1576856390005"]{z-index:1;top:calc(651.5px - 0px + -190px);left:calc(50% - 25.5% + 0px);width:51%;}#rec419730585 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576856390005"] {opacity:0;}#rec419730585 .tn-elem[data-elem-id="1576856390005"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;box-shadow:0px 0px 0px 0px rgba(0,0,0,1);}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576856390005"] {top:calc(651.5px - 0px + -194px);left:calc(50% - 25.5% + 183px);width:51%;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576856390005"] {top:calc(651.5px - 0px + -301px);left:calc(50% - 25.5% + -5px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576856390005"] {top:calc(651.5px - 0px + -111px);left:calc(50% - 25.5% + 0px);width:81%;}}#rec419730585 .tn-elem[data-elem-id="1576852521630"]{z-index:5;top:-25px;left:calc(50% - 600px + 259px);width:784px;}#rec419730585 .tn-elem[data-elem-id="1576852521630"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576852521630"] {top:0px;left:calc(50% - 240px + 29px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576852521630"] {top:-30px;left:calc(50% - 160px + 29px);}}#rec419730585 .tn-elem[data-elem-id="1576765627836"]{z-index:6;top:-15px;left:calc(50% - 600px + 19px);width:784px;}#rec419730585 .tn-elem[data-elem-id="1576765627836"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576765627836"] {top:-10px;left:calc(50% - 240px + 19px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576765627836"] {top:-40px;left:calc(50% - 160px + 19px);}}#rec419730585 .tn-elem[data-elem-id="1466084312673"]{color:#000000;z-index:7;top:75px;left:calc(50% - 600px + 20px);width:394px;}#rec419730585 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#000000;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1466084312673"] {top:65px;left:calc(50% - 480px + 90px);width:431px;}#rec419730585 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1466084312673"] {top:45px;left:calc(50% - 320px + 30px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1466084312673"] {top:95px;left:calc(50% - 240px + 20px);width:410px;}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1466084312673"] {top:41px;left:calc(50% - 160px + 20px);width:300pxpx;}#rec419730585 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:18px;}}#rec419730585 .tn-elem[data-elem-id="1576850447244"]{z-index:10;top:990px;left:calc(50% - 600px + 850px);width:384px;}#rec419730585 .tn-elem[data-elem-id="1576850447244"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576850447244"] {top:738px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576850447244"] {top:741px;left:calc(50% - 240px + 40px);width:294px;}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576850447244"] {top:724px;left:calc(50% - 160px + 10px);}}#rec419730585 .tn-elem[data-elem-id="1576850447256"]{z-index:11;top:1105px;left:calc(50% - 600px + 680px);width:384px;}#rec419730585 .tn-elem[data-elem-id="1576850447256"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576850447256"] {top:680px;left:calc(50% - 480px + 380px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576850447256"] {top:655px;left:calc(50% - 320px + 130px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576850447256"] {top:790px;left:calc(50% - 240px + 50px);width:344px;}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576850447256"] {top:700px;left:calc(50% - 160px + 70px);width:234px;}#rec419730585 .tn-elem[data-elem-id="1576850447256"] .tn-atom{opacity:0;}}#rec419730585 .tn-elem[data-elem-id="1576853417557"]{color:#000000;text-align:center;z-index:12;top:1220px;left:calc(50% - 600px + 21px);width:330px;height:75px;}#rec419730585 .tn-elem[data-elem-id="1576853417557"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;border-width:1px;border-radius:100px;background-color:#dddddd;background-position:center center;border-color:#000000 ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576853417557"] {top:1325px;left:calc(50% - 480px + 315px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576853417557"] {top:1390px;left:calc(50% - 320px + 210px);width:220px;height:55px;}#rec419730585 .tn-elem[data-elem-id="1576853417557"] .tn-atom{font-size:17px;}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576853417557"] {top:1375px;left:calc(50% - 240px + 130px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576853417557"] {top:1135px;left:calc(50% - 160px + 45px);width:230px;height:45px;}#rec419730585 .tn-elem[data-elem-id="1576853417557"] .tn-atom{font-size:16px;}}#rec419730585 .tn-elem[data-elem-id="1576855059372"]{z-index:15;top:252px;left:calc(50% - 600px + 20px);width:585px;}#rec419730585 .tn-elem[data-elem-id="1576855059372"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:10px 0px 25px 5px rgba(0,0,0,0.2);}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855059372"] {top:205px;left:calc(50% - 480px + 100px);width:537px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855059372"] {top:205px;left:calc(50% - 320px + 52px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576855059372"] {top:245px;left:calc(50% - 240px + 22px);width:437px;}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576855059372"] {top:140px;left:calc(50% - 160px + 10px);width:307px;}}#rec419730585 .tn-elem[data-elem-id="1576855441858"]{z-index:16;top:372px;left:calc(50% - 600px + 630px);width:537px;}#rec419730585 .tn-elem[data-elem-id="1576855441858"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:10px 0px 25px 5px rgba(0,0,0,0.2);}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855441858"] {top:525px;left:calc(50% - 480px + 100px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855441858"] {top:525px;left:calc(50% - 320px + 52px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576855441858"] {top:495px;left:calc(50% - 240px + 22px);width:437px;}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576855441858"] {top:335px;left:calc(50% - 160px + 10px);width:307px;}}#rec419730585 .tn-elem[data-elem-id="1576855646102"]{color:#000000;z-index:17;top:1022px;left:calc(50% - 600px + 55px);width:408px;}#rec419730585 .tn-elem[data-elem-id="1576855646102"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855646102"] {top:1095px;left:calc(50% - 480px + 70px);}#rec419730585 .tn-elem[data-elem-id="1576855646102"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855646102"] {top:1097px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576855646102"] {top:1105px;left:calc(50% - 240px + 91px);width:368px;}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576855646102"] {top:869px;left:calc(50% - 160px + 70px);width:136px;}#rec419730585 .tn-elem[data-elem-id="1576855646102"] .tn-atom{font-size:14px;line-height:1.25;}}#rec419730585 .tn-elem[data-elem-id="1576855747608"]{color:#000000;z-index:18;top:1064px;left:calc(50% - 600px + 55px);width:414px;}#rec419730585 .tn-elem[data-elem-id="1576855747608"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855747608"] {top:1138px;left:calc(50% - 480px + 70px);}#rec419730585 .tn-elem[data-elem-id="1576855747608"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855747608"] {top:1052px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576855747608"] {top:1060px;left:calc(50% - 240px + 91px);width:364px;}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576855747608"] {top:824px;left:calc(50% - 160px + 70px);width:220px;}#rec419730585 .tn-elem[data-elem-id="1576855747608"] .tn-atom{font-size:14px;line-height:1.25;}}#rec419730585 .tn-elem[data-elem-id="1576855780423"]{color:#000000;z-index:19;top:1105px;left:calc(50% - 600px + 55px);width:330px;}#rec419730585 .tn-elem[data-elem-id="1576855780423"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855780423"] {top:1181px;left:calc(50% - 480px + 70px);}#rec419730585 .tn-elem[data-elem-id="1576855780423"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855780423"] {top:1142px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576855780423"] {top:1150px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576855780423"] {top:915px;left:calc(50% - 160px + 70px);width:240px;}#rec419730585 .tn-elem[data-elem-id="1576855780423"] .tn-atom{font-size:14px;line-height:1.25;}}#rec419730585 .tn-elem[data-elem-id="1576855805576"]{color:#000000;z-index:20;top:1022px;left:calc(50% - 600px + 525px);width:330px;}#rec419730585 .tn-elem[data-elem-id="1576855805576"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855805576"] {top:1097px;left:calc(50% - 480px + 540px);}#rec419730585 .tn-elem[data-elem-id="1576855805576"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855805576"] {top:1187px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576855805576"] {top:1195px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576855805576"] {top:960px;left:calc(50% - 160px + 70px);width:240px;}#rec419730585 .tn-elem[data-elem-id="1576855805576"] .tn-atom{font-size:14px;line-height:1.25;}}#rec419730585 .tn-elem[data-elem-id="1576855824440"]{color:#000000;z-index:21;top:1064px;left:calc(50% - 600px + 525px);width:330px;}#rec419730585 .tn-elem[data-elem-id="1576855824440"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855824440"] {top:1140px;left:calc(50% - 480px + 540px);}#rec419730585 .tn-elem[data-elem-id="1576855824440"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855824440"] {top:1232px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576855824440"] {top:1240px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576855824440"] {top:1005px;left:calc(50% - 160px + 70px);width:240px;}#rec419730585 .tn-elem[data-elem-id="1576855824440"] .tn-atom{font-size:14px;line-height:1.25;}}#rec419730585 .tn-elem[data-elem-id="1576855914267"]{z-index:22;top:-53px;left:calc(50% - 600px + 247px);width:100px;height:134px;}#rec419730585 .tn-elem[data-elem-id="1576855914267"] .tn-atom{background-color:#dddddd;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576855914267"] {top:-78px;left:calc(50% - 480px + 218px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576855914267"] {top:13px;left:calc(50% - 320px + 704px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec419730585 .tn-elem[data-elem-id="1576858993376"]{z-index:23;top:1023px;left:calc(50% - 600px + 20px);width:20px;}#rec419730585 .tn-elem[data-elem-id="1576858993376"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576858993376"] {top:1098px;left:calc(50% - 480px + 20px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576858993376"] {top:1053px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576858993376"] {top:1065px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576858993376"] {top:823px;left:calc(50% - 160px + 31px);}}#rec419730585 .tn-elem[data-elem-id="1576859824361"]{z-index:24;top:1023px;left:calc(50% - 600px + 490px);width:20px;}#rec419730585 .tn-elem[data-elem-id="1576859824361"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576859824361"] {top:1098px;left:calc(50% - 480px + 490px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576859824361"] {top:1188px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576859824361"] {top:1197px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576859824361"] {top:959px;left:calc(50% - 160px + 31px);}}#rec419730585 .tn-elem[data-elem-id="1576859845506"]{z-index:29;top:1065px;left:calc(50% - 600px + 20px);width:20px;}#rec419730585 .tn-elem[data-elem-id="1576859845506"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576859845506"] {top:1140px;left:calc(50% - 480px + 20px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576859845506"] {top:1098px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576859845506"] {top:1109px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576859845506"] {top:869px;left:calc(50% - 160px + 31px);}}#rec419730585 .tn-elem[data-elem-id="1576859854982"]{z-index:30;top:1065px;left:calc(50% - 600px + 490px);width:20px;}#rec419730585 .tn-elem[data-elem-id="1576859854982"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576859854982"] {top:1140px;left:calc(50% - 480px + 490px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576859854982"] {top:1233px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576859854982"] {top:1241px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576859854982"] {top:1004px;left:calc(50% - 160px + 31px);}}#rec419730585 .tn-elem[data-elem-id="1576859864390"]{z-index:31;top:1105px;left:calc(50% - 600px + 20px);width:20px;}#rec419730585 .tn-elem[data-elem-id="1576859864390"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576859864390"] {top:1180px;left:calc(50% - 480px + 20px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576859864390"] {top:1143px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576859864390"] {top:1153px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576859864390"] {top:914px;left:calc(50% - 160px + 31px);}}#rec419730585 .tn-elem[data-elem-id="1576860228571"]{color:#000000;z-index:32;top:1105px;left:calc(50% - 600px + 526px);width:330px;}#rec419730585 .tn-elem[data-elem-id="1576860228571"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576860228571"] {top:1183px;left:calc(50% - 480px + 540px);}#rec419730585 .tn-elem[data-elem-id="1576860228571"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576860228571"] {top:1277px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576860228571"] {top:1285px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576860228571"] {top:1050px;left:calc(50% - 160px + 70px);width:240px;}#rec419730585 .tn-elem[data-elem-id="1576860228571"] .tn-atom{font-size:14px;line-height:1.25;}}#rec419730585 .tn-elem[data-elem-id="1576860228578"]{z-index:33;top:1106px;left:calc(50% - 600px + 490px);width:20px;}#rec419730585 .tn-elem[data-elem-id="1576860228578"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576860228578"] {top:1181px;left:calc(50% - 480px + 490px);}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576860228578"] {top:1278px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576860228578"] {top:1285px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576860228578"] {top:1049px;left:calc(50% - 160px + 31px);}}#rec419730585 .tn-elem[data-elem-id="1576765813278"]{color:#000000;z-index:34;top:871px;left:calc(50% - 600px + 20px);width:290px;}#rec419730585 .tn-elem[data-elem-id="1576765813278"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730585 .tn-elem[data-elem-id="1576765813278"] {top:970px;left:calc(50% - 480px + 70px);width:341px;}#rec419730585 .tn-elem[data-elem-id="1576765813278"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730585 .tn-elem[data-elem-id="1576765813278"] {top:930px;left:calc(50% - 320px + 40px);}}@media screen and (max-width:639px) {#rec419730585 .tn-elem[data-elem-id="1576765813278"] {top:935px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730585 .tn-elem[data-elem-id="1576765813278"] {top:665px;left:calc(50% - 160px + 40px);width:240px;}#rec419730585 .tn-elem[data-elem-id="1576765813278"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="419730585" data-artboard-screens="320,480,640,960,1200" data-artboard-height="1303" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1242" data-artboard-height-res-480="1452" data-artboard-height-res-640="1502" data-artboard-height-res-960="1423"> <div class="t396__carrier" data-artboard-recid="419730585"></div> <div class="t396__filter" data-artboard-recid="419730585"></div> <div class='t396__elem tn-elem tn-elem__4197305851576856390005 ' data-elem-id='1576856390005' data-elem-type='image' data-field-top-value="-190" data-field-left-value="0" data-field-width-value="51" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':''},{'ti':25000,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':360,'bl':'0','ea':''}]" data-field-filewidth-value="700" data-field-fileheight-value="700" data-field-top-res-320-value="-111" data-field-left-res-320-value="0" data-field-width-res-320-value="81" data-field-top-res-640-value="-301" data-field-left-res-640-value="-5" data-field-top-res-960-value="-194" data-field-left-res-960-value="183" data-field-width-res-960-value="51"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6537-3331-4637-a563-353234633735/circle.svg' alt='' imgfield='tn_img_1576856390005' /> </div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576852521630' data-elem-id='1576852521630' data-elem-type='image' data-field-top-value="-25" data-field-left-value="259" data-field-width-value="784" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="784" data-field-fileheight-value="203" data-field-top-res-320-value="-30" data-field-left-res-320-value="29" data-field-top-res-480-value="0" data-field-left-res-480-value="29"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3835-3364-4465-b465-323565386532/pattern08.png' alt='' imgfield='tn_img_1576852521630' /> </div> </div> <div class='t396__elem tn-elem tn-elem__4197305851466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="75" data-field-left-value="20" data-field-width-value="394" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="41" data-field-left-res-320-value="20" data-field-width-res-320-value="300px" data-field-top-res-480-value="95" data-field-left-res-480-value="20" data-field-width-res-480-value="410" data-field-top-res-640-value="45" data-field-left-res-640-value="30" data-field-top-res-960-value="65" data-field-left-res-960-value="90" data-field-width-res-960-value="431"> <div class='tn-atom'field='tn_text_1466084312673'>DISCOVER TILDA'S GUIDE TO WEB ANIMATION:</div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576850447244' data-elem-id='1576850447244' data-elem-type='image' data-field-top-value="990" data-field-left-value="850" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="384" data-field-fileheight-value="102" data-field-top-res-320-value="724" data-field-left-res-320-value="10" data-field-top-res-480-value="741" data-field-left-res-480-value="40" data-field-width-res-480-value="294" data-field-top-res-640-value="738" data-field-left-res-640-value="90"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3939-3334-4538-b965-393234666165/pattern01.png' alt='' imgfield='tn_img_1576850447244' /> </div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576850447256' data-elem-id='1576850447256' data-elem-type='image' data-field-top-value="1105" data-field-left-value="680" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="384" data-field-fileheight-value="102" data-field-top-res-320-value="700" data-field-left-res-320-value="70" data-field-width-res-320-value="234" data-field-top-res-480-value="790" data-field-left-res-480-value="50" data-field-width-res-480-value="344" data-field-top-res-640-value="655" data-field-left-res-640-value="130" data-field-top-res-960-value="680" data-field-left-res-960-value="380"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6139-3038-4431-b438-363962636538/pattern02.png' alt='' imgfield='tn_img_1576850447256' /> </div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576853417557' data-elem-id='1576853417557' data-elem-type='button' data-field-top-value="1220" data-field-left-value="21" data-field-height-value="75" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="1135" data-field-left-res-320-value="45" data-field-height-res-320-value="45" data-field-width-res-320-value="230" data-field-top-res-480-value="1375" data-field-left-res-480-value="130" data-field-top-res-640-value="1390" data-field-left-res-640-value="210" data-field-height-res-640-value="55" data-field-width-res-640-value="220" data-field-top-res-960-value="1325" data-field-left-res-960-value="315"> <a class='tn-atom' href="https://tilda.education/en/web-animation-course" target="_blank">Open the Guide</a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855059372 t-animate' data-elem-id='1576855059372' data-elem-type='image' data-field-top-value="252" data-field-left-value="20" data-field-width-value="585" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadein" data-animate-duration="1" data-field-filewidth-value="800" data-field-fileheight-value="416" data-field-top-res-320-value="140" data-field-left-res-320-value="10" data-field-width-res-320-value="307" data-field-top-res-480-value="245" data-field-left-res-480-value="22" data-field-width-res-480-value="437" data-field-top-res-640-value="205" data-field-left-res-640-value="52" data-field-top-res-960-value="205" data-field-left-res-960-value="100" data-field-width-res-960-value="537"> <a class='tn-atom' href="https://tilda.education/en/web-animation-course" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3438-3737-4663-b631-396465323366/Fixanimat-tildagif.gif' alt='' imgfield='tn_img_1576855059372' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855441858 t-animate' data-elem-id='1576855441858' data-elem-type='image' data-field-top-value="372" data-field-left-value="630" data-field-width-value="537" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadein" data-animate-duration="1" data-field-filewidth-value="1152" data-field-fileheight-value="660" data-field-top-res-320-value="335" data-field-left-res-320-value="10" data-field-width-res-320-value="307" data-field-top-res-480-value="495" data-field-left-res-480-value="22" data-field-width-res-480-value="437" data-field-top-res-640-value="525" data-field-left-res-640-value="52" data-field-top-res-960-value="525" data-field-left-res-960-value="100"> <a class='tn-atom' href="https://tilda.education/en/web-animation-course" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3263-6166-4232-b231-393066396265/cover-coffee.gif' alt='' imgfield='tn_img_1576855441858' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855646102 t-animate' data-elem-id='1576855646102' data-elem-type='text' data-field-top-value="1022" data-field-left-value="55" data-field-width-value="408" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-top-res-320-value="869" data-field-left-res-320-value="70" data-field-width-res-320-value="136" data-field-top-res-480-value="1105" data-field-left-res-480-value="91" data-field-width-res-480-value="368" data-field-top-res-640-value="1097" data-field-left-res-640-value="70" data-field-top-res-960-value="1095" data-field-left-res-960-value="70"> <div class='tn-atom'><a href="https://tilda.education/en/courses/webanimation/textfix/"target="_blank"style="color: inherit">Text fixation on scroll</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855747608 t-animate' data-elem-id='1576855747608' data-elem-type='text' data-field-top-value="1064" data-field-left-value="55" data-field-width-value="414" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-top-res-320-value="824" data-field-left-res-320-value="70" data-field-width-res-320-value="220" data-field-top-res-480-value="1060" data-field-left-res-480-value="91" data-field-width-res-480-value="364" data-field-top-res-640-value="1052" data-field-left-res-640-value="70" data-field-top-res-960-value="1138" data-field-left-res-960-value="70"> <div class='tn-atom'><a href="https://tilda.education/en/courses/webanimation/buttonshape/"target="_blank"style="color: inherit">Button shape change on hover </a></div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855780423 t-animate' data-elem-id='1576855780423' data-elem-type='text' data-field-top-value="1105" data-field-left-value="55" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.8" data-animate-distance="100" data-field-top-res-320-value="915" data-field-left-res-320-value="70" data-field-width-res-320-value="240" data-field-top-res-480-value="1150" data-field-left-res-480-value="91" data-field-top-res-640-value="1142" data-field-left-res-640-value="70" data-field-top-res-960-value="1181" data-field-left-res-960-value="70"> <div class='tn-atom'><a href="https://tilda.education/en/courses/webanimation/looped-rotation/"target="_blank"style="color: inherit">Looped element animation</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855805576 t-animate' data-elem-id='1576855805576' data-elem-type='text' data-field-top-value="1022" data-field-left-value="525" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-top-res-320-value="960" data-field-left-res-320-value="70" data-field-width-res-320-value="240" data-field-top-res-480-value="1195" data-field-left-res-480-value="91" data-field-top-res-640-value="1187" data-field-left-res-640-value="70" data-field-top-res-960-value="1097" data-field-left-res-960-value="540"> <div class='tn-atom'><a href="https://tilda.education/en/courses/webanimation/scroll-parallax/"target="_blank"style="color: inherit">Parallax effect on scroll </a></div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855824440 t-animate' data-elem-id='1576855824440' data-elem-type='text' data-field-top-value="1064" data-field-left-value="525" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-top-res-320-value="1005" data-field-left-res-320-value="70" data-field-width-res-320-value="240" data-field-top-res-480-value="1240" data-field-left-res-480-value="91" data-field-top-res-640-value="1232" data-field-left-res-640-value="70" data-field-top-res-960-value="1140" data-field-left-res-960-value="540"> <div class='tn-atom'><a href="https://tilda.education/en/courses/webanimation/transparent/"target="_blank"style="color: inherit">Element transparency animation</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576855914267' data-elem-id='1576855914267' data-elem-type='shape' data-field-top-value="-53" data-field-left-value="247" data-field-height-value="134" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-640-value="13" data-field-left-res-640-value="704" data-field-top-res-960-value="-78" data-field-left-res-960-value="218"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576858993376 t-animate' data-elem-id='1576858993376' data-elem-type='image' data-field-top-value="1023" data-field-left-value="20" data-field-width-value="20" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="823" data-field-left-res-320-value="31" data-field-top-res-480-value="1065" data-field-left-res-480-value="41" data-field-top-res-640-value="1053" data-field-left-res-640-value="40" data-field-top-res-960-value="1098" data-field-left-res-960-value="20"> <a class='tn-atom' href="https://tilda.education/en/courses/webanimation/textfix/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6465-3731-4863-b538-393137393230/Group_75.svg' alt='' imgfield='tn_img_1576858993376' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576859824361 t-animate' data-elem-id='1576859824361' data-elem-type='image' data-field-top-value="1023" data-field-left-value="490" data-field-width-value="20" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="959" data-field-left-res-320-value="31" data-field-top-res-480-value="1197" data-field-left-res-480-value="41" data-field-top-res-640-value="1188" data-field-left-res-640-value="40" data-field-top-res-960-value="1098" data-field-left-res-960-value="490"> <a class='tn-atom' href="https://tilda.education/en/courses/webanimation/scroll-parallax/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6465-3731-4863-b538-393137393230/Group_75.svg' alt='' imgfield='tn_img_1576859824361' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576859845506 t-animate' data-elem-id='1576859845506' data-elem-type='image' data-field-top-value="1065" data-field-left-value="20" data-field-width-value="20" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="869" data-field-left-res-320-value="31" data-field-top-res-480-value="1109" data-field-left-res-480-value="41" data-field-top-res-640-value="1098" data-field-left-res-640-value="40" data-field-top-res-960-value="1140" data-field-left-res-960-value="20"> <a class='tn-atom' href="https://tilda.education/en/courses/webanimation/buttonshape/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6465-3731-4863-b538-393137393230/Group_75.svg' alt='' imgfield='tn_img_1576859845506' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576859854982 t-animate' data-elem-id='1576859854982' data-elem-type='image' data-field-top-value="1065" data-field-left-value="490" data-field-width-value="20" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.6" data-animate-distance="100" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="1004" data-field-left-res-320-value="31" data-field-top-res-480-value="1241" data-field-left-res-480-value="41" data-field-top-res-640-value="1233" data-field-left-res-640-value="40" data-field-top-res-960-value="1140" data-field-left-res-960-value="490"> <a class='tn-atom' href="https://tilda.education/en/courses/webanimation/transparent/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6465-3731-4863-b538-393137393230/Group_75.svg' alt='' imgfield='tn_img_1576859854982' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576859864390 t-animate' data-elem-id='1576859864390' data-elem-type='image' data-field-top-value="1105" data-field-left-value="20" data-field-width-value="20" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.8" data-animate-distance="100" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="914" data-field-left-res-320-value="31" data-field-top-res-480-value="1153" data-field-left-res-480-value="41" data-field-top-res-640-value="1143" data-field-left-res-640-value="40" data-field-top-res-960-value="1180" data-field-left-res-960-value="20"> <a class='tn-atom' href="https://tilda.education/en/courses/webanimation/looped-rotation/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6465-3731-4863-b538-393137393230/Group_75.svg' alt='' imgfield='tn_img_1576859864390' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576860228571 t-animate' data-elem-id='1576860228571' data-elem-type='text' data-field-top-value="1105" data-field-left-value="526" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.8" data-animate-distance="100" data-field-top-res-320-value="1050" data-field-left-res-320-value="70" data-field-width-res-320-value="240" data-field-top-res-480-value="1285" data-field-left-res-480-value="91" data-field-top-res-640-value="1277" data-field-left-res-640-value="70" data-field-top-res-960-value="1183" data-field-left-res-960-value="540"> <div class='tn-atom'><a href="https://tilda.education/en/courses/webanimation/fix-on-scroll/"target="_blank"style="color: inherit">Fixing elements on scroll</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197305851576860228578 t-animate' data-elem-id='1576860228578' data-elem-type='image' data-field-top-value="1106" data-field-left-value="490" data-field-width-value="20" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.8" data-animate-distance="100" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="1049" data-field-left-res-320-value="31" data-field-top-res-480-value="1285" data-field-left-res-480-value="41" data-field-top-res-640-value="1278" data-field-left-res-640-value="40" data-field-top-res-960-value="1181" data-field-left-res-960-value="490"> <a class='tn-atom' href="https://tilda.education/en/courses/webanimation/fix-on-scroll/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6465-3731-4863-b538-393137393230/Group_75.svg' alt='' imgfield='tn_img_1576860228578' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197305851576765813278 t-animate' data-elem-id='1576765813278' data-elem-type='text' data-field-top-value="871" data-field-left-value="20" data-field-width-value="290" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-top-res-320-value="665" data-field-left-res-320-value="40" data-field-width-res-320-value="240" data-field-top-res-480-value="935" data-field-left-res-480-value="41" data-field-top-res-640-value="930" data-field-left-res-640-value="40" data-field-top-res-960-value="970" data-field-left-res-960-value="70" data-field-width-res-960-value="341"> <div class='tn-atom'field='tn_text_1576765813278'>This guide introduces popular web animation techniques with examples and practical tips on how to create such animations on Tilda</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('419730585');});});</script>  </div> <div id="rec419730669" class="r t-rec t-rec_pt_75 t-rec_pb_90 t-rec_pb-res-480_15" style="padding-top:75px;padding-bottom:90px; " data-animationappear="off" data-record-type="396">  <style>#rec419730669 .t396__artboard {height:574px;}#rec419730669 .t396__filter {height:574px;}#rec419730669 .t396__carrier{height:574px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec419730669 .t396__artboard,#rec419730669 .t396__filter,#rec419730669 .t396__carrier {height:864px;}#rec419730669 .t396__filter {}#rec419730669 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec419730669 .t396__artboard,#rec419730669 .t396__filter,#rec419730669 .t396__carrier {height:1022px;}#rec419730669 .t396__filter {}#rec419730669 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec419730669 .t396__artboard,#rec419730669 .t396__filter,#rec419730669 .t396__carrier {height:872px;}#rec419730669 .t396__filter {}#rec419730669 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec419730669 .t396__artboard,#rec419730669 .t396__filter,#rec419730669 .t396__carrier {height:902px;}#rec419730669 .t396__filter {}#rec419730669 .t396__carrier {background-attachment:scroll;}}#rec419730669 .tn-elem[data-elem-id="1466084312673"]{color:#000000;z-index:2;top:15px;left:calc(50% - 600px + 20px);width:484px;}#rec419730669 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#000000;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1466084312673"] {top:65px;left:calc(50% - 480px + 90px);width:457px;}#rec419730669 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:28px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1466084312673"] {top:45px;left:calc(50% - 320px + 30px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1466084312673"] {top:25px;left:calc(50% - 240px + 20px);}#rec419730669 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:27px;}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1466084312673"] {top:31px;left:calc(50% - 160px + 20px);width:290px;}#rec419730669 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:18px;}}#rec419730669 .tn-elem[data-elem-id="1576765813278"]{color:#000000;z-index:4;top:161px;left:calc(50% - 600px + 20px);width:338px;}#rec419730669 .tn-elem[data-elem-id="1576765813278"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.4;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576765813278"] {top:175px;left:calc(50% - 480px + 90px);}#rec419730669 .tn-elem[data-elem-id="1576765813278"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576765813278"] {top:265px;left:calc(50% - 320px + 170px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576765813278"] {top:280px;left:calc(50% - 240px + 90px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576765813278"] {top:210px;left:calc(50% - 160px + 40px);width:255px;}#rec419730669 .tn-elem[data-elem-id="1576765813278"] .tn-atom{font-size:15px;}}#rec419730669 .tn-elem[data-elem-id="1576767261191"]{color:#000000;z-index:6;top:379px;left:calc(50% - 600px + 367px);width:352px;}#rec419730669 .tn-elem[data-elem-id="1576767261191"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576767261191"] {top:345px;left:calc(50% - 480px + 380px);}#rec419730669 .tn-elem[data-elem-id="1576767261191"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576767261191"] {top:410px;left:calc(50% - 320px + 170px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576767261191"] {top:410px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576767261191"] {top:407px;left:calc(50% - 160px + 80px);width:210px;}#rec419730669 .tn-elem[data-elem-id="1576767261191"] .tn-atom{font-size:15px;}}#rec419730669 .tn-elem[data-elem-id="1576769107606"]{color:#000000;z-index:9;top:456px;left:calc(50% - 600px + 365px);width:313px;}#rec419730669 .tn-elem[data-elem-id="1576769107606"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576769107606"] {top:420px;left:calc(50% - 480px + 380px);}#rec419730669 .tn-elem[data-elem-id="1576769107606"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576769107606"] {top:487px;left:calc(50% - 320px + 170px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576769107606"] {top:487px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576769107606"] {top:487px;left:calc(50% - 160px + 80px);width:210px;}#rec419730669 .tn-elem[data-elem-id="1576769107606"] .tn-atom{font-size:15px;}}#rec419730669 .tn-elem[data-elem-id="1576769398126"]{z-index:10;top:451px;left:calc(50% - 600px + 322px);width:30px;}#rec419730669 .tn-elem[data-elem-id="1576769398126"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576769398126"] {top:416px;left:calc(50% - 480px + 331px);}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576769398126"] {top:483px;left:calc(50% - 320px + 110px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576769398126"] {top:483px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576769398126"] {top:482px;left:calc(50% - 160px + 31px);}}#rec419730669 .tn-elem[data-elem-id="1576769533881"]{color:#000000;z-index:11;top:530px;left:calc(50% - 600px + 366px);width:311px;}#rec419730669 .tn-elem[data-elem-id="1576769533881"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576769533881"] {top:497px;left:calc(50% - 480px + 380px);}#rec419730669 .tn-elem[data-elem-id="1576769533881"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576769533881"] {top:561px;left:calc(50% - 320px + 170px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576769533881"] {top:562px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576769533881"] {top:562px;left:calc(50% - 160px + 80px);width:210px;}#rec419730669 .tn-elem[data-elem-id="1576769533881"] .tn-atom{font-size:15px;}}#rec419730669 .tn-elem[data-elem-id="1576837840857"]{color:#000000;z-index:13;top:456px;left:calc(50% - 600px + 860px);width:319px;}#rec419730669 .tn-elem[data-elem-id="1576837840857"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576837840857"] {top:655px;left:calc(50% - 480px + 380px);}#rec419730669 .tn-elem[data-elem-id="1576837840857"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576837840857"] {top:720px;left:calc(50% - 320px + 170px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576837840857"] {top:718px;left:calc(50% - 240px + 91px);width:359px;}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576837840857"] {top:717px;left:calc(50% - 160px + 80px);width:210px;}#rec419730669 .tn-elem[data-elem-id="1576837840857"] .tn-atom{font-size:15px;}}#rec419730669 .tn-elem[data-elem-id="1576837878774"]{z-index:14;top:451px;left:calc(50% - 600px + 820px);width:30px;}#rec419730669 .tn-elem[data-elem-id="1576837878774"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576837878774"] {top:651px;left:calc(50% - 480px + 331px);}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576837878774"] {top:716px;left:calc(50% - 320px + 110px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576837878774"] {top:714px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576837878774"] {top:712px;left:calc(50% - 160px + 31px);}}#rec419730669 .tn-elem[data-elem-id="1576837916505"]{color:#000000;z-index:15;top:532px;left:calc(50% - 600px + 860px);width:279px;}#rec419730669 .tn-elem[data-elem-id="1576837916505"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576837916505"] {top:732px;left:calc(50% - 480px + 380px);}#rec419730669 .tn-elem[data-elem-id="1576837916505"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576837916505"] {top:796px;left:calc(50% - 320px + 170px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576837916505"] {top:795px;left:calc(50% - 240px + 91px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576837916505"] {top:794px;left:calc(50% - 160px + 80px);width:200px;}#rec419730669 .tn-elem[data-elem-id="1576837916505"] .tn-atom{font-size:15px;}}#rec419730669 .tn-elem[data-elem-id="1576837956233"]{z-index:16;top:527px;left:calc(50% - 600px + 820px);width:30px;}#rec419730669 .tn-elem[data-elem-id="1576837956233"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576837956233"] {top:728px;left:calc(50% - 480px + 331px);}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576837956233"] {top:791px;left:calc(50% - 320px + 110px);}#rec419730669 .tn-elem[data-elem-id="1576837956233"] .tn-atom {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576837956233"] {top:790px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576837956233"] {top:789px;left:calc(50% - 160px + 31px);}}#rec419730669 .tn-elem[data-elem-id="1576847916063"]{z-index:17;top:374px;left:calc(50% - 600px + 322px);width:30px;}#rec419730669 .tn-elem[data-elem-id="1576847916063"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576847916063"] {top:341px;left:calc(50% - 480px + 331px);}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576847916063"] {top:405px;left:calc(50% - 320px + 110px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576847916063"] {top:406px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576847916063"] {top:402px;left:calc(50% - 160px + 31px);}}#rec419730669 .tn-elem[data-elem-id="1576847942218"]{color:#000000;z-index:18;top:379px;left:calc(50% - 600px + 860px);width:321px;}#rec419730669 .tn-elem[data-elem-id="1576847942218"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576847942218"] {top:575px;left:calc(50% - 480px + 380px);}#rec419730669 .tn-elem[data-elem-id="1576847942218"] .tn-atom{font-size:16px;}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576847942218"] {top:640px;left:calc(50% - 320px + 170px);width:341px;}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576847942218"] {top:645px;left:calc(50% - 240px + 91px);width:374px;}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576847942218"] {top:640px;left:calc(50% - 160px + 80px);width:200px;}#rec419730669 .tn-elem[data-elem-id="1576847942218"] .tn-atom{font-size:15px;}}#rec419730669 .tn-elem[data-elem-id="1576847942224"]{z-index:19;top:374px;left:calc(50% - 600px + 820px);width:30px;}#rec419730669 .tn-elem[data-elem-id="1576847942224"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1576847942224"] {top:571px;left:calc(50% - 480px + 331px);}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1576847942224"] {top:636px;left:calc(50% - 320px + 110px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1576847942224"] {top:641px;left:calc(50% - 240px + 41px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1576847942224"] {top:635px;left:calc(50% - 160px + 31px);}}#rec419730669 .tn-elem[data-elem-id="1646235632366"]{z-index:22;top:533px;left:calc(50% - 600px + 327px);width:20px;}#rec419730669 .tn-elem[data-elem-id="1646235632366"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec419730669 .tn-elem[data-elem-id="1646235632366"] {top:499px;left:calc(50% - 480px + 336px);}}@media screen and (max-width:959px) {#rec419730669 .tn-elem[data-elem-id="1646235632366"] {top:563px;left:calc(50% - 320px + 116px);}}@media screen and (max-width:639px) {#rec419730669 .tn-elem[data-elem-id="1646235632366"] {top:563px;left:calc(50% - 240px + 46px);}}@media screen and (max-width:479px) {#rec419730669 .tn-elem[data-elem-id="1646235632366"] {top:563px;left:calc(50% - 160px + 36px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="419730669" data-artboard-screens="320,480,640,960,1200" data-artboard-height="574" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="902" data-artboard-height-res-480="872" data-artboard-height-res-640="1022" data-artboard-height-res-960="864"> <div class="t396__carrier" data-artboard-recid="419730669"></div> <div class="t396__filter" data-artboard-recid="419730669"></div> <div class='t396__elem tn-elem tn-elem__4197306691466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="15" data-field-left-value="20" data-field-width-value="484" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="31" data-field-left-res-320-value="20" data-field-width-res-320-value="290" data-field-top-res-480-value="25" data-field-left-res-480-value="20" data-field-top-res-640-value="45" data-field-left-res-640-value="30" data-field-top-res-960-value="65" data-field-left-res-960-value="90" data-field-width-res-960-value="457"> <div class='tn-atom'field='tn_text_1466084312673'>SKILL UP WITH VIDEO TUTORIALS AND GUIDES:</div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576765813278 t-animate' data-elem-id='1576765813278' data-elem-type='text' data-field-top-value="161" data-field-left-value="20" data-field-width-value="338" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.2" data-animate-delay="0.4" data-animate-distance="100" data-field-top-res-320-value="210" data-field-left-res-320-value="40" data-field-width-res-320-value="255" data-field-top-res-480-value="280" data-field-left-res-480-value="90" data-field-top-res-640-value="265" data-field-left-res-640-value="170" data-field-top-res-960-value="175" data-field-left-res-960-value="90"> <div class='tn-atom'field='tn_text_1576765813278'>Video tutorials and webinars will help you quickly get to know Tilda's Zero Block and learn its advanced design and animation features</div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576767261191' data-elem-id='1576767261191' data-elem-type='text' data-field-top-value="379" data-field-left-value="367" data-field-width-value="352" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="407" data-field-left-res-320-value="80" data-field-width-res-320-value="210" data-field-top-res-480-value="410" data-field-left-res-480-value="91" data-field-top-res-640-value="410" data-field-left-res-640-value="170" data-field-top-res-960-value="345" data-field-left-res-960-value="380"> <div class='tn-atom'><a href="https://youtu.be/JpI-8wbKFzM"target="_blank"style="color: inherit">Video guide to designing with Zero Block editor</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576769107606' data-elem-id='1576769107606' data-elem-type='text' data-field-top-value="456" data-field-left-value="365" data-field-width-value="313" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="487" data-field-left-res-320-value="80" data-field-width-res-320-value="210" data-field-top-res-480-value="487" data-field-left-res-480-value="91" data-field-top-res-640-value="487" data-field-left-res-640-value="170" data-field-top-res-960-value="420" data-field-left-res-960-value="380"> <div class='tn-atom'><a href="https://youtu.be/slagKVc3b5U"target="_blank"style="color: inherit">Web Animation Tutorial on Tilda (live event)</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576769398126' data-elem-id='1576769398126' data-elem-type='image' data-field-top-value="451" data-field-left-value="322" data-field-width-value="30" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="482" data-field-left-res-320-value="31" data-field-top-res-480-value="483" data-field-left-res-480-value="41" data-field-top-res-640-value="483" data-field-left-res-640-value="110" data-field-top-res-960-value="416" data-field-left-res-960-value="331"> <a class='tn-atom' href="https://youtu.be/slagKVc3b5U"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6137-6535-4138-a262-366638386263/Group_73.svg' alt='' imgfield='tn_img_1576769398126' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197306691576769533881' data-elem-id='1576769533881' data-elem-type='text' data-field-top-value="530" data-field-left-value="366" data-field-width-value="311" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="562" data-field-left-res-320-value="80" data-field-width-res-320-value="210" data-field-top-res-480-value="562" data-field-left-res-480-value="91" data-field-top-res-640-value="561" data-field-left-res-640-value="170" data-field-top-res-960-value="497" data-field-left-res-960-value="380"> <div class='tn-atom'><a href="https://blog-en.tilda.cc/import-from-figma-to-zero-block"target="_blank"style="color: inherit">How to Automatically Import Figma Designs to Tilda's Zero Block</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576837840857' data-elem-id='1576837840857' data-elem-type='text' data-field-top-value="456" data-field-left-value="860" data-field-width-value="319" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="717" data-field-left-res-320-value="80" data-field-width-res-320-value="210" data-field-top-res-480-value="718" data-field-left-res-480-value="91" data-field-width-res-480-value="359" data-field-top-res-640-value="720" data-field-left-res-640-value="170" data-field-top-res-960-value="655" data-field-left-res-960-value="380"> <div class='tn-atom'><a href="https://youtu.be/vDNhp7f1qZM"target="_blank"style="color: inherit">How to Loop Elements on a Website</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576837878774' data-elem-id='1576837878774' data-elem-type='image' data-field-top-value="451" data-field-left-value="820" data-field-width-value="30" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="712" data-field-left-res-320-value="31" data-field-top-res-480-value="714" data-field-left-res-480-value="41" data-field-top-res-640-value="716" data-field-left-res-640-value="110" data-field-top-res-960-value="651" data-field-left-res-960-value="331"> <a class='tn-atom' href="https://youtu.be/vDNhp7f1qZM"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3730-6131-4130-b336-343762653662/Group_73.svg' alt='' imgfield='tn_img_1576837878774' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197306691576837916505' data-elem-id='1576837916505' data-elem-type='text' data-field-top-value="532" data-field-left-value="860" data-field-width-value="279" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="794" data-field-left-res-320-value="80" data-field-width-res-320-value="200" data-field-top-res-480-value="795" data-field-left-res-480-value="91" data-field-top-res-640-value="796" data-field-left-res-640-value="170" data-field-top-res-960-value="732" data-field-left-res-960-value="380"> <div class='tn-atom'><a href="https://youtu.be/jwA-4fkWcuE"target="_blank"style="color: inherit">How to Create a Parallax Effect on Scroll</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576837956233' data-elem-id='1576837956233' data-elem-type='image' data-field-top-value="527" data-field-left-value="820" data-field-width-value="30" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="789" data-field-left-res-320-value="31" data-field-top-res-480-value="790" data-field-left-res-480-value="41" data-field-top-res-640-value="791" data-field-left-res-640-value="110" data-field-top-res-960-value="728" data-field-left-res-960-value="331"> <a class='tn-atom' href="https://youtu.be/jwA-4fkWcuE"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6331-6337-4333-b030-323132633238/Group_73.svg' alt='' imgfield='tn_img_1576837956233' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197306691576847916063' data-elem-id='1576847916063' data-elem-type='image' data-field-top-value="374" data-field-left-value="322" data-field-width-value="30" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="402" data-field-left-res-320-value="31" data-field-top-res-480-value="406" data-field-left-res-480-value="41" data-field-top-res-640-value="405" data-field-left-res-640-value="110" data-field-top-res-960-value="341" data-field-left-res-960-value="331"> <a class='tn-atom' href="https://youtu.be/JpI-8wbKFzM"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3730-3834-4663-b638-616235633966/Group_73.svg' alt='' imgfield='tn_img_1576847916063' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197306691576847942218' data-elem-id='1576847942218' data-elem-type='text' data-field-top-value="379" data-field-left-value="860" data-field-width-value="321" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="640" data-field-left-res-320-value="80" data-field-width-res-320-value="200" data-field-top-res-480-value="645" data-field-left-res-480-value="91" data-field-width-res-480-value="374" data-field-top-res-640-value="640" data-field-left-res-640-value="170" data-field-width-res-640-value="341" data-field-top-res-960-value="575" data-field-left-res-960-value="380"> <div class='tn-atom'><a href="https://youtu.be/q4Ep8fgWFEM"target="_blank"style="color: inherit">How to Create Unique Designs in Zero Block (live event)</a></div> </div> <div class='t396__elem tn-elem tn-elem__4197306691576847942224' data-elem-id='1576847942224' data-elem-type='image' data-field-top-value="374" data-field-left-value="820" data-field-width-value="30" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="82" data-field-fileheight-value="82" data-field-top-res-320-value="635" data-field-left-res-320-value="31" data-field-top-res-480-value="641" data-field-left-res-480-value="41" data-field-top-res-640-value="636" data-field-left-res-640-value="110" data-field-top-res-960-value="571" data-field-left-res-960-value="331"> <a class='tn-atom' href="https://youtu.be/q4Ep8fgWFEM"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3032-6130-4632-b964-373031626235/Group_73.svg' alt='' imgfield='tn_img_1576847942224' /> </a> </div> <div class='t396__elem tn-elem tn-elem__4197306691646235632366' data-elem-id='1646235632366' data-elem-type='image' data-field-top-value="533" data-field-left-value="327" data-field-width-value="20" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="43" data-field-fileheight-value="41" data-field-top-res-320-value="563" data-field-left-res-320-value="36" data-field-top-res-480-value="563" data-field-left-res-480-value="46" data-field-top-res-640-value="563" data-field-left-res-640-value="116" data-field-top-res-960-value="499" data-field-left-res-960-value="336"> <a class='tn-atom' href="https://blog-en.tilda.cc/import-from-figma-to-zero-block"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3635-3239-4364-a166-383762323862/Star_1.svg' alt='' imgfield='tn_img_1646235632366' /> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('419730669');});});</script>  </div> <div id="rec7523655" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec7523655 .t396__artboard {height:710px;background-color:#000000;}#rec7523655 .t396__filter {height:710px;}#rec7523655 .t396__carrier{height:710px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec7523655 .t396__artboard,#rec7523655 .t396__filter,#rec7523655 .t396__carrier {}#rec7523655 .t396__filter {}#rec7523655 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec7523655 .t396__artboard,#rec7523655 .t396__filter,#rec7523655 .t396__carrier {}#rec7523655 .t396__filter {}#rec7523655 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec7523655 .t396__artboard,#rec7523655 .t396__filter,#rec7523655 .t396__carrier {}#rec7523655 .t396__filter {}#rec7523655 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec7523655 .t396__artboard,#rec7523655 .t396__filter,#rec7523655 .t396__carrier {}#rec7523655 .t396__filter {}#rec7523655 .t396__carrier {background-attachment:scroll;}}#rec7523655 .tn-elem[data-elem-id="1467626362281"]{z-index:1;top:0px;left:calc(50% - 600px + 19px);width:784px;}#rec7523655 .tn-elem[data-elem-id="1467626362281"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec7523655 .tn-elem[data-elem-id="1467626362281"] {top:10px;left:calc(50% - 240px + 79px);}}@media screen and (max-width:479px) {#rec7523655 .tn-elem[data-elem-id="1467626362281"] {top:50px;left:calc(50% - 160px + 59px);}}#rec7523655 .tn-elem[data-elem-id="1467626581079"]{z-index:2;top:80px;left:calc(50% + 600px - 231px + -30px);width:231px;}#rec7523655 .tn-elem[data-elem-id="1467626581079"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523655 .tn-elem[data-elem-id="1467626581079"] {top:80px;left:calc(50% + 480px - 231px + 20px);}}@media screen and (max-width:959px) {#rec7523655 .tn-elem[data-elem-id="1467626581079"] {top:50px;left:calc(50% + 320px - 231px + -40px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec7523655 .tn-elem[data-elem-id="1467626871434"]{z-index:3;top:380px;left:calc(50% - 600px + 35px);width:648px;}#rec7523655 .tn-elem[data-elem-id="1467626871434"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec7523655 .tn-elem[data-elem-id="1467626871434"] {top:410px;left:calc(50% - 160px + 35px);}}#rec7523655 .tn-elem[data-elem-id="1466084312673"]{color:#ffffff;z-index:4;top:225px;left:calc(50% - 225px + -170px);width:450px;}#rec7523655 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#ffffff;font-size:32px;font-family:'TildaSans',Arial,sans-serif;line-height:1.45;font-weight:600;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523655 .tn-elem[data-elem-id="1466084312673"] {top:245px;left:calc(50% - 225px + -20px);width:460pxpx;}#rec7523655 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:32px;}}@media screen and (max-width:959px) {#rec7523655 .tn-elem[data-elem-id="1466084312673"] {top:155px;left:calc(50% - 225px + -79px);width:362px;}#rec7523655 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:30px;}}@media screen and (max-width:639px) {#rec7523655 .tn-elem[data-elem-id="1466084312673"] {top:185px;left:calc(50% - 225px + -3px);width:420px;}}@media screen and (max-width:479px) {#rec7523655 .tn-elem[data-elem-id="1466084312673"] {top:231px;left:calc(50% - 225px + 10px);width:240px;}#rec7523655 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:20px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="7523655" data-artboard-screens="320,480,640,960,1200" data-artboard-height="710" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="7523655"></div> <div class="t396__filter" data-artboard-recid="7523655"></div> <div class='t396__elem tn-elem tn-elem__75236551467626362281' data-elem-id='1467626362281' data-elem-type='image' data-field-top-value="0" data-field-left-value="19" data-field-width-value="784" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="784" data-field-fileheight-value="203" data-field-top-res-320-value="50" data-field-left-res-320-value="59" data-field-top-res-480-value="10" data-field-left-res-480-value="79"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3835-3364-4465-b465-323565386532/pattern08.png' alt='' imgfield='tn_img_1467626362281' /> </div> </div> <div class='t396__elem tn-elem tn-elem__75236551467626581079' data-elem-id='1467626581079' data-elem-type='image' data-field-top-value="80" data-field-left-value="-30" data-field-width-value="231" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="231" data-field-fileheight-value="575" data-field-top-res-640-value="50" data-field-left-res-640-value="-40" data-field-top-res-960-value="80" data-field-left-res-960-value="20"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3232-6635-4665-b063-656639363365/forma3.png' alt='' imgfield='tn_img_1467626581079' /> </div> </div> <div class='t396__elem tn-elem tn-elem__75236551467626871434' data-elem-id='1467626871434' data-elem-type='image' data-field-top-value="380" data-field-left-value="35" data-field-width-value="648" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="648" data-field-fileheight-value="323" data-field-top-res-320-value="410" data-field-left-res-320-value="35"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3861-6138-4362-a438-356331373365/pattern09.png' alt='' imgfield='tn_img_1467626871434' /> </div> </div> <div class='t396__elem tn-elem tn-elem__75236551466084312673 t-animate' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="225" data-field-left-value="-170" data-field-width-value="450" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1" data-animate-delay="0.2" data-animate-distance="100" data-field-top-res-320-value="231" data-field-left-res-320-value="10" data-field-width-res-320-value="240" data-field-top-res-480-value="185" data-field-left-res-480-value="-3" data-field-width-res-480-value="420" data-field-top-res-640-value="155" data-field-left-res-640-value="-79" data-field-width-res-640-value="362" data-field-top-res-960-value="245" data-field-left-res-960-value="-20" data-field-width-res-960-value="460px"> <div class='tn-atom'field='tn_text_1466084312673'>Create a website using Zero Blocks or add them to pre-designed blocks from Tilda's library.</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('7523655');});});</script>  </div> <div id="rec7523656" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec7523656 .t396__artboard {height:770px;background-color:#000000;}#rec7523656 .t396__filter {height:770px;}#rec7523656 .t396__carrier{height:770px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec7523656 .t396__artboard,#rec7523656 .t396__filter,#rec7523656 .t396__carrier {}#rec7523656 .t396__filter {}#rec7523656 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec7523656 .t396__artboard,#rec7523656 .t396__filter,#rec7523656 .t396__carrier {}#rec7523656 .t396__filter {}#rec7523656 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec7523656 .t396__artboard,#rec7523656 .t396__filter,#rec7523656 .t396__carrier {}#rec7523656 .t396__filter {}#rec7523656 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec7523656 .t396__artboard,#rec7523656 .t396__filter,#rec7523656 .t396__carrier {height:850px;}#rec7523656 .t396__filter {}#rec7523656 .t396__carrier {background-attachment:scroll;}}#rec7523656 .tn-elem[data-elem-id="1467627198091"]{z-index:1;top:0px;left:calc(50% - 600px + 73px);width:1090px;}#rec7523656 .tn-elem[data-elem-id="1467627198091"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523656 .tn-elem[data-elem-id="1467627198091"] {top:0px;left:calc(50% - 480px + 43px);}}@media screen and (max-width:959px) {#rec7523656 .tn-elem[data-elem-id="1467627198091"] {top:170px;left:calc(50% - 320px + 143px);}}@media screen and (max-width:639px) {#rec7523656 .tn-elem[data-elem-id="1467627198091"] {top:170px;left:calc(50% - 240px + 53px);}}@media screen and (max-width:479px) {#rec7523656 .tn-elem[data-elem-id="1467627198091"] {top:180px;left:calc(50% - 160px + 43px);}}#rec7523656 .tn-elem[data-elem-id="1467627318703"]{z-index:2;top:20px;left:calc(50% - 217px + -290px);width:434px;}#rec7523656 .tn-elem[data-elem-id="1467627318703"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec7523656 .tn-elem[data-elem-id="1467627318703"] {top:80px;left:calc(50% - 217px + -290px);}}#rec7523656 .tn-elem[data-elem-id="1467627400375"]{z-index:3;top:252px;left:calc(50% - 147px + 229px);width:294px;height:294px;}#rec7523656 .tn-elem[data-elem-id="1467627400375"] .tn-atom {border-radius:142px;background-color:#ee5f28;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec7523656 .tn-elem[data-elem-id="1467627400375"] {top:252px;left:calc(50% - 147px + 123.5px);}}@media screen and (max-width:639px) {#rec7523656 .tn-elem[data-elem-id="1467627400375"] {top:252px;left:calc(50% - 147px + 61.5px);}}@media screen and (max-width:479px) {#rec7523656 .tn-elem[data-elem-id="1467627400375"] {top:288px;left:calc(50% - 147px + 10.5px);}}#rec7523656 .tn-elem[data-elem-id="1467627529292"]{color:#ffffff;z-index:4;top:30px;left:calc(50% - 93px + 150px);width:186px;}#rec7523656 .tn-elem[data-elem-id="1467627529292"] .tn-atom{color:#ffffff;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec7523656 .tn-elem[data-elem-id="1467627529292"] {top:30px;left:calc(50% - 93px + 90px);}}@media screen and (max-width:639px) {#rec7523656 .tn-elem[data-elem-id="1467627529292"] {top:30px;left:calc(50% - 93px + 80px);}#rec7523656 .tn-elem[data-elem-id="1467627529292"] .tn-atom{font-size:15px;}}@media screen and (max-width:479px) {#rec7523656 .tn-elem[data-elem-id="1467627529292"] {top:80px;left:calc(50% - 93px + 40px);}}#rec7523656 .tn-elem[data-elem-id="1467627791007"]{color:#ffffff;z-index:6;top:141px;left:calc(50% - 73px + 254px);width:146px;}#rec7523656 .tn-elem[data-elem-id="1467627791007"] .tn-atom{color:#ffffff;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.45;font-weight:500;opacity:0.5;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523656 .tn-elem[data-elem-id="1467627791007"] {top:140px;left:calc(50% - 73px + 245px);}}@media screen and (max-width:959px) {#rec7523656 .tn-elem[data-elem-id="1467627791007"] {top:141px;left:calc(50% - 73px + 164px);}}@media screen and (max-width:639px) {#rec7523656 .tn-elem[data-elem-id="1467627791007"] {top:141px;left:calc(50% - 73px + 144px);width:146px;}#rec7523656 .tn-elem[data-elem-id="1467627791007"] .tn-atom{font-size:15px;}}@media screen and (max-width:479px) {#rec7523656 .tn-elem[data-elem-id="1467627791007"] {top:201px;left:calc(50% - 73px + 80px);width:136px;}#rec7523656 .tn-elem[data-elem-id="1467627791007"] .tn-atom{font-size:15px;}}#rec7523656 .tn-elem[data-elem-id="1579697363524"]{color:#ffffff;z-index:7;top:671px;left:calc(50% - 73px + -183px);width:146px;}#rec7523656 .tn-elem[data-elem-id="1579697363524"] .tn-atom{color:#ffffff;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.45;font-weight:500;opacity:0.5;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec7523656 .tn-elem[data-elem-id="1579697363524"] {top:656px;left:calc(50% - 73px + -88px);}}@media screen and (max-width:639px) {#rec7523656 .tn-elem[data-elem-id="1579697363524"] {top:695px;left:calc(50% - 73px + -49px);width:146px;}#rec7523656 .tn-elem[data-elem-id="1579697363524"] .tn-atom{font-size:15px;}}@media screen and (max-width:479px) {#rec7523656 .tn-elem[data-elem-id="1579697363524"] {top:783px;left:calc(50% - 73px + 11px);width:146px;}#rec7523656 .tn-elem[data-elem-id="1579697363524"] .tn-atom{font-size:15px;}}#rec7523656 .tn-elem[data-elem-id="1579697363532"]{color:#ffffff;z-index:8;top:530px;left:calc(50% - 113px + -262px);width:226px;}#rec7523656 .tn-elem[data-elem-id="1579697363532"] .tn-atom{color:#ffffff;font-size:17px;font-family:'TildaSans',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec7523656 .tn-elem[data-elem-id="1579697363532"] {top:515px;left:calc(50% - 113px + -162px);}}@media screen and (max-width:639px) {#rec7523656 .tn-elem[data-elem-id="1579697363532"] {top:560px;left:calc(50% - 113px + -121px);width:207px;}#rec7523656 .tn-elem[data-elem-id="1579697363532"] .tn-atom{font-size:15px;}}@media screen and (max-width:479px) {#rec7523656 .tn-elem[data-elem-id="1579697363532"] {top:645px;left:calc(50% - 113px + -32px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="7523656" data-artboard-screens="320,480,640,960,1200" data-artboard-height="770" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="850"> <div class="t396__carrier" data-artboard-recid="7523656"></div> <div class="t396__filter" data-artboard-recid="7523656"></div> <div class='t396__elem tn-elem tn-elem__75236561467627198091' data-elem-id='1467627198091' data-elem-type='image' data-field-top-value="0" data-field-left-value="73" data-field-width-value="1090" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1090" data-field-fileheight-value="478" data-field-top-res-320-value="180" data-field-left-res-320-value="43" data-field-top-res-480-value="170" data-field-left-res-480-value="53" data-field-top-res-640-value="170" data-field-left-res-640-value="143" data-field-top-res-960-value="0" data-field-left-res-960-value="43"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3037-3832-4836-b535-313836383936/pattern10.png' alt='' imgfield='tn_img_1467627198091' /> </div> </div> <div class='t396__elem tn-elem tn-elem__75236561467627318703' data-elem-id='1467627318703' data-elem-type='image' data-field-top-value="20" data-field-left-value="-290" data-field-width-value="434" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="434" data-field-fileheight-value="364" data-field-top-res-320-value="80" data-field-left-res-320-value="-290"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3364-3961-4137-a532-366131303734/forma4.png' alt='' imgfield='tn_img_1467627318703' /> </div> </div> <div class='t396__elem tn-elem tn-elem__75236561467627400375' data-elem-id='1467627400375' data-elem-type='shape' data-field-top-value="252" data-field-left-value="229" data-field-height-value="294" data-field-width-value="294" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="288" data-field-left-res-320-value="10.5" data-field-top-res-480-value="252" data-field-left-res-480-value="61.5" data-field-top-res-640-value="252" data-field-left-res-640-value="123.5"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__75236561467627529292 t-animate' data-elem-id='1467627529292' data-elem-type='text' data-field-top-value="30" data-field-left-value="150" data-field-width-value="186" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.5" data-animate-distance="100" data-field-top-res-320-value="80" data-field-left-res-320-value="40" data-field-top-res-480-value="30" data-field-left-res-480-value="80" data-field-top-res-640-value="30" data-field-left-res-640-value="90"> <div class='tn-atom'field='tn_text_1467627529292'>Zero Block is a great find! Using this tool, you can design with practically <br>no limits!</div> </div> <div class='t396__elem tn-elem tn-elem__75236561467627791007 t-animate' data-elem-id='1467627791007' data-elem-type='text' data-field-top-value="141" data-field-left-value="254" data-field-width-value="146" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1" data-animate-delay="0.3" data-animate-distance="100" data-field-top-res-320-value="201" data-field-left-res-320-value="80" data-field-width-res-320-value="136" data-field-top-res-480-value="141" data-field-left-res-480-value="144" data-field-width-res-480-value="146" data-field-top-res-640-value="141" data-field-left-res-640-value="164" data-field-top-res-960-value="140" data-field-left-res-960-value="245"> <div class='tn-atom'field='tn_text_1467627791007'>Sergey Popkov,<br> Owner/Partner <a href="http://aic.ru/" target="_blank" style="color: rgb(255, 255, 255);">AIC</a></div> </div> <div class='t396__elem tn-elem tn-elem__75236561579697363524 t-animate' data-elem-id='1579697363524' data-elem-type='text' data-field-top-value="671" data-field-left-value="-183" data-field-width-value="146" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-delay="0.3" data-animate-distance="100" data-field-top-res-320-value="783" data-field-left-res-320-value="11" data-field-width-res-320-value="146" data-field-top-res-480-value="695" data-field-left-res-480-value="-49" data-field-width-res-480-value="146" data-field-top-res-640-value="656" data-field-left-res-640-value="-88"> <div class='tn-atom'field='tn_text_1579697363524'>Yana Plustcheva, <br> Designer/<a href="https://tilda.cc/ru/" target="_blank" style="color:rgb(255, 255, 255) !important;text-decoration: none;border-bottom: 0px solid;box-shadow: inset 0px -0px 0px 0px;-webkit-box-shadow: inset 0px -0px 0px 0px;-moz-box-shadow: inset 0px -0px 0px 0px;">Tilda</a></div> </div> <div class='t396__elem tn-elem tn-elem__75236561579697363532 t-animate' data-elem-id='1579697363532' data-elem-type='text' data-field-top-value="530" data-field-left-value="-262" data-field-width-value="226" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.5" data-animate-distance="100" data-field-top-res-320-value="645" data-field-left-res-320-value="-32" data-field-top-res-480-value="560" data-field-left-res-480-value="-121" data-field-width-res-480-value="207" data-field-top-res-640-value="515" data-field-left-res-640-value="-162"> <div class='tn-atom'field='tn_text_1579697363532'>Working in Zero Block is similar to working in a graphic design editing software. You can create an entire webpage using these blocks!</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('7523656');});});</script>  </div> <div id="rec803550312" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396">  <style>#rec803550312 .t396__artboard {height:630px;background-color:#000000;}#rec803550312 .t396__filter {height:630px;}#rec803550312 .t396__carrier{height:630px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec803550312 .t396__artboard,#rec803550312 .t396__filter,#rec803550312 .t396__carrier {height:560px;}#rec803550312 .t396__artboard {background-color:#000000;}#rec803550312 .t396__filter{}#rec803550312 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:959px) {#rec803550312 .t396__artboard,#rec803550312 .t396__filter,#rec803550312 .t396__carrier {height:550px;}#rec803550312 .t396__filter {}#rec803550312 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec803550312 .t396__artboard,#rec803550312 .t396__filter,#rec803550312 .t396__carrier {height:580px;}#rec803550312 .t396__filter {}#rec803550312 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec803550312 .t396__artboard,#rec803550312 .t396__filter,#rec803550312 .t396__carrier {height:500px;}#rec803550312 .t396__filter {}#rec803550312 .t396__carrier {background-attachment:scroll;}}#rec803550312 .tn-elem[data-elem-id="1466084312673"]{color:#ffffff;z-index:1;top:173px;left:calc(50% - 153.5px + -9.5px);width:307px;}#rec803550312 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#ffffff;font-size:27px;font-family:'TildaSans',Arial,sans-serif;line-height:1.8;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec803550312 .tn-elem[data-elem-id="1466084312673"] {top:165px;left:calc(50% - 153.5px + -20px);width:280px;}#rec803550312 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:27px;}}@media screen and (max-width:959px) {#rec803550312 .tn-elem[data-elem-id="1466084312673"] {top:165px;left:calc(50% - 153.5px + 20px);}}@media screen and (max-width:639px) {#rec803550312 .tn-elem[data-elem-id="1466084312673"] {top:195px;left:calc(50% - 153.5px + 37px);width:310px;}}@media screen and (max-width:479px) {#rec803550312 .tn-elem[data-elem-id="1466084312673"] {top:201px;left:calc(50% - 153.5px + 19.5px);width:223px;}#rec803550312 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:18px;}}#rec803550312 .tn-elem[data-elem-id="1467627918086"]{z-index:2;top:62px;left:calc(50% - 22.5px + -161.5px);width:45px;height:45px;}#rec803550312 .tn-elem[data-elem-id="1467627918086"] .tn-atom{background-color:#ee5f28;background-position:center center;border-color:transparent ;border-style:solid;}#rec803550312 .tn-elem[data-elem-id="1467627918086"] .tn-atom {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec803550312 .tn-elem[data-elem-id="1467627918086"] {top:81px;left:calc(50% - 22.5px + -120.5px);}}@media screen and (max-width:639px) {#rec803550312 .tn-elem[data-elem-id="1467627918086"] {top:99px;left:calc(50% - 22.5px + -118.5px);}}@media screen and (max-width:479px) {#rec803550312 .tn-elem[data-elem-id="1467627918086"] {top:99px;left:calc(50% - 22.5px + -90.5px);}}#rec803550312 .tn-elem[data-elem-id="1528131972567"]{color:#ffffff;text-align:center;z-index:3;top:calc(315px - 46px + 80px);left:calc(50% - 188.5px + -0.5px);width:377px;height:92px;}@media (min-width:1200px) {#rec803550312 .tn-elem.t396__elem--anim-hidden[data-elem-id="1528131972567"] {opacity:0;}}#rec803550312 .tn-elem[data-elem-id="1528131972567"] .tn-atom{color:#ffffff;font-size:26px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;border-width:3px;border-radius:60px;background-color:#ee5f28;background-position:center center;border-color:transparent ;border-style:solid;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out;}@media (hover),(min-width:0\0) {#rec803550312 .tn-elem[data-elem-id="1528131972567"] .tn-atom:hover {background-color:#ffffff;background-image:none;}#rec803550312 .tn-elem[data-elem-id="1528131972567"] .tn-atom:hover {color:#000000;}}@media screen and (max-width:1199px) {#rec803550312 .tn-elem[data-elem-id="1528131972567"] {top:calc(315px - 46px + 100px);left:calc(50% - 188.5px + 6.5px);}}@media screen and (max-width:959px) {#rec803550312 .tn-elem[data-elem-id="1528131972567"] {top:calc(315px - 46px + 100px);left:calc(50% - 188.5px + 9.5px);}}@media screen and (max-width:639px) {#rec803550312 .tn-elem[data-elem-id="1528131972567"] {top:calc(315px - 46px + 130px);left:calc(50% - 188.5px + -0.5px);}}@media screen and (max-width:479px) {#rec803550312 .tn-elem[data-elem-id="1528131972567"] {top:calc(315px - 46px + 130px);left:calc(50% - 188.5px + -0.5px);width:227px;height:64px;}#rec803550312 .tn-elem[data-elem-id="1528131972567"] .tn-atom{font-size:17px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="803550312" data-artboard-screens="320,480,640,960,1200" data-artboard-height="630" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="500" data-artboard-height-res-480="580" data-artboard-height-res-640="550" data-artboard-height-res-960="560"> <div class="t396__carrier" data-artboard-recid="803550312"></div> <div class="t396__filter" data-artboard-recid="803550312"></div> <div class='t396__elem tn-elem tn-elem__8035503121466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="173" data-field-left-value="-9.5" data-field-width-value="307" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="201" data-field-left-res-320-value="19.5" data-field-width-res-320-value="223" data-field-top-res-480-value="195" data-field-left-res-480-value="37" data-field-width-res-480-value="310" data-field-top-res-640-value="165" data-field-left-res-640-value="20" data-field-top-res-960-value="165" data-field-left-res-960-value="-20" data-field-width-res-960-value="280"> <div class='tn-atom'field='tn_text_1466084312673'>CUSTOMIZE WITHOUT LIMITS</div> </div> <div class='t396__elem tn-elem tn-elem__8035503121467627918086' data-elem-id='1467627918086' data-elem-type='shape' data-field-top-value="62" data-field-left-value="-161.5" data-field-height-value="45" data-field-width-value="45" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="99" data-field-left-res-320-value="-90.5" data-field-top-res-480-value="99" data-field-left-res-480-value="-118.5" data-field-top-res-640-value="81" data-field-left-res-640-value="-120.5"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__8035503121528131972567 ' data-elem-id='1528131972567' data-elem-type='button' data-field-top-value="80" data-field-left-value="-0.5" data-field-height-value="92" data-field-width-value="377" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-sbs-event="intoview" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':''},{'ti':800,'mx':'0','my':'0','sx':1.1,'sy':1.1,'op':'1','ro':'0','bl':'0','ea':'easeOut'},{'ti':2000,'mx':'0','my':'0','sx':1,'sy':1,'op':'1','ro':'0','bl':'0','ea':''}]" data-field-top-res-320-value="130" data-field-left-res-320-value="-0.5" data-field-height-res-320-value="64" data-field-width-res-320-value="227" data-field-top-res-480-value="130" data-field-left-res-480-value="-0.5" data-field-top-res-640-value="100" data-field-left-res-640-value="9.5" data-field-top-res-960-value="100" data-field-left-res-960-value="6.5"> <a class='tn-atom' href="https://tilda.cc/registration/">Create a cool website</a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('803550312');});});</script>  </div> <div id="rec7523658" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec7523658 .t396__artboard {height:100px;background-color:#000000;}#rec7523658 .t396__filter {height:100px;}#rec7523658 .t396__carrier{height:100px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec7523658 .t396__artboard,#rec7523658 .t396__filter,#rec7523658 .t396__carrier {}#rec7523658 .t396__filter {}#rec7523658 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec7523658 .t396__artboard,#rec7523658 .t396__filter,#rec7523658 .t396__carrier {}#rec7523658 .t396__filter {}#rec7523658 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec7523658 .t396__artboard,#rec7523658 .t396__filter,#rec7523658 .t396__carrier {}#rec7523658 .t396__filter {}#rec7523658 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec7523658 .t396__artboard,#rec7523658 .t396__filter,#rec7523658 .t396__carrier {}#rec7523658 .t396__filter {}#rec7523658 .t396__carrier {background-attachment:scroll;}}#rec7523658 .tn-elem[data-elem-id="1466084312673"]{color:#000000;z-index:1;top:145pxpx;left:calc(50% - 600px + 320pxpx);width:560pxpx;}#rec7523658 .tn-elem[data-elem-id="1466084312673"] .tn-atom{color:#000000;font-size:24px;font-family:'Georgia',serif;line-height:1.55;font-weight:400;letter-spacing:0pxpx;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec7523658 .tn-elem[data-elem-id="1466084312673"] {top:145pxpx;left:calc(50% - 480px + 250pxpx);width:460pxpx;}#rec7523658 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:20px;}}@media screen and (max-width:959px) {#rec7523658 .tn-elem[data-elem-id="1466084312673"] {top:145pxpx;left:calc(50% - 320px + 90pxpx);}}@media screen and (max-width:639px) {#rec7523658 .tn-elem[data-elem-id="1466084312673"] {top:145pxpx;left:calc(50% - 240px + 10pxpx);}}@media screen and (max-width:479px) {#rec7523658 .tn-elem[data-elem-id="1466084312673"] {top:141pxpx;left:calc(50% - 160px + 10pxpx);width:300pxpx;}#rec7523658 .tn-elem[data-elem-id="1466084312673"] .tn-atom{font-size:18px;}}#rec7523658 .tn-elem[data-elem-id="1467986632027"]{color:#000000;text-align:center;z-index:4;top:calc(50px - 0px + 1px);left:calc(50% - 180px + 0px);width:360px;}#rec7523658 .tn-elem[data-elem-id="1467986632027"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.4;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec7523658 .tn-elem[data-elem-id="1467986632027"] {top:calc(50px - 0px + 1px);left:calc(50% - 180px + 0px);width:380px;}}@media screen and (max-width:639px) {#rec7523658 .tn-elem[data-elem-id="1467986632027"] {top:calc(50px - 0px + -1px);left:calc(50% - 180px + 0px);width:430px;}}@media screen and (max-width:479px) {#rec7523658 .tn-elem[data-elem-id="1467986632027"] {top:calc(50px - 0px + -0.5px);left:calc(50% - 180px + 0px);width:260px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="7523658" data-artboard-screens="320,480,640,960,1200" data-artboard-height="100" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="7523658"></div> <div class="t396__filter" data-artboard-recid="7523658"></div> <div class='t396__elem tn-elem tn-elem__75236581466084312673' data-elem-id='1466084312673' data-elem-type='text' data-field-top-value="145px" data-field-left-value="320px" data-field-width-value="560px" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="141px" data-field-left-res-320-value="10px" data-field-width-res-320-value="300px" data-field-top-res-480-value="145px" data-field-left-res-480-value="10px" data-field-top-res-640-value="145px" data-field-left-res-640-value="90px" data-field-top-res-960-value="145px" data-field-left-res-960-value="250px" data-field-width-res-960-value="460px"> <div class='tn-atom'field='tn_text_1466084312673'></div> </div> <div class='t396__elem tn-elem tn-elem__75236581467986632027' data-elem-id='1467986632027' data-elem-type='text' data-field-top-value="1" data-field-left-value="0" data-field-width-value="360" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="-0.5" data-field-left-res-320-value="0" data-field-width-res-320-value="260" data-field-top-res-480-value="-1" data-field-left-res-480-value="0" data-field-width-res-480-value="430" data-field-top-res-640-value="1" data-field-left-res-640-value="0" data-field-width-res-640-value="380"> <div class='tn-atom'field='tn_text_1467986632027'><span style="color: rgb(255, 255, 255);">漏 Tilda Publishing. This website was created using Zero Block </span><a href="mailto:hello@tilda.cc" rel="noopener noreferrer" style="color: rgb(252, 161, 103);">hello@tilda.cc</a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('7523658');});});</script>  </div> </div>  <div class="t-tildalabel " id="tildacopy" data-tilda-sign="73601#260348"><a href="https://tilda.cc/" class="t-tildalabel__link"><div class="t-tildalabel__wrapper"><div class="t-tildalabel__txtleft">Made on </div><div class="t-tildalabel__wrapimg"><img src="https://static.tildacdn.com/img/tildacopy.png" class="t-tildalabel__img" fetchpriority="low" alt=""></div><div class="t-tildalabel__txtright">Tilda</div></div></a></div>  <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';} window.tildastatcookie='no';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'0b0b80501fe2d40d054c3f50e1d7d44e','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> </body> </html>