CINXE.COM

<!DOCTYPE html> <html> <head> <title>Button Shape Change on Hover // Web Animation Course</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content="How to change button shape on hover using Tilda website builder" /> <meta property="og:url" content="https://tilda.education/en/courses/webanimation/buttonshape/" /> <meta property="og:image" content="https://tilda.education/upload/covers/1b7/1b7dc3d6acbe30704a421c7dec098bc2.png" /> <meta property="og:title" content="Button Shape Change on Hover" /> <meta property="og:description" content="How to change button shape on hover using Tilda website builder" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Tilda.Education" /> <link rel="canonical" href="https://tilda.education/en/courses/webanimation/buttonshape/"/>  <meta name="facebook-domain-verification" content="9one1zge7glj0hixes5xaof541u8mi" /> <meta property="fb:app_id" content="1501686730124089"> <link rel="shortcut icon" href="https://tilda.ws/img/tildafavicon.ico"> <link rel="stylesheet" type="text/css" href="/css/union.css">   <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" type="text/css" href="/static/project4102777/css/tilda-grid-3.0.min.css"><link rel="stylesheet" type="text/css" href="/static/project4102777/css/tilda-blocks-page19528180.min.css"><link rel="stylesheet" type="text/css" href="/static/project4102777/css/tilda-animation-2.0.min.css"><link rel="stylesheet" type="text/css" href="/static/project4102777/css/fonts-tildasans.css"> <link rel="alternate" type="application/rss+xml" title="Tilda.Education Articles" href="https://tilda.education/rss.xml" /> <script src="/js/jquery-union.min.js"></script>    <script type="text/javascript" src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js"></script> <script type="text/javascript" src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js"></script> <script type="text/javascript"> var d = new Date(); window.startTimer = d.getTime(); </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 t_throttle(fn, threshhold, scope) {return function () {fn.apply(scope || this, arguments);};} </script> </head> <body itemscope itemtype="http://schema.org/NewsArticle" ><div id="overlay" style="display: none;"></div> <div class="te-header__wrapper"> <ul class="te-header__nav"> <li class="te-header__nav__item"> <a class="te-logo" href="https://tilda.education/en/"> <img class="te-logo__waves" src="/images/t-menu__waves.png"> <img class="te-logo__img" src="/images/t-menu__logo-white-140.png"> </a> <a class="te-logo__text" href="/en/courses/webanimation/"> <span class="te-logo__name__mobile">Course</span> <span class="te-logo__name">Web Animation Course</span> </a> </li> <li class="te-header__nav__item"> <div class="te-header__dropdown"> <img class="te-header__dropdown__arrow" src="/images/nav-arrow.svg"> <div class="te-header__dropdown__link"> <span>27. Button Shape Change on Hover</span> <div class="te-header__dropdown__link__name">Chapters</div> <img class="te-header__dropdown__img_black" src="/images/close_black.svg"> <img class="te-header__dropdown__img" src="/images/content.svg"> </div> <div class="te-header__dropdown__container"> <div class="te-header__dropdown__wrapper"> <ul> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/animation-theory/"> <div class="te-header__dropdown__item__number">1</div> Basic Theory of Web Animation </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/fadeincover/"> <div class="te-header__dropdown__item__number">2</div> Animation on the Cover </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/fadeincards/"> <div class="te-header__dropdown__item__number">3</div> Animation of Lists and Cards </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/hoverbutton/"> <div class="te-header__dropdown__item__number">4</div> Button Hover Effect </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/hovercards/"> <div class="te-header__dropdown__item__number">5</div> Card and Tile Hover Effect </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/textfix/"> <div class="te-header__dropdown__item__number">6</div> Fixing Text on Scroll </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/collectelement/"> <div class="te-header__dropdown__item__number">7</div> Making Up an Element from Different Parts </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/loop-animation/"> <div class="te-header__dropdown__item__number">8</div> Looped Animation of Multiple Elements </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/moveonscroll/"> <div class="te-header__dropdown__item__number">9</div> Multi-Directional Movements on Scroll </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/alongscreen/"> <div class="te-header__dropdown__item__number">10</div> Moving Elements Along the Screen on Scroll </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/text-animation/"> <div class="te-header__dropdown__item__number">11</div> Text Animation </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/transparent/"> <div class="te-header__dropdown__item__number">12</div> Changing the Transparency of Elements on Scroll </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/fix-on-scroll/"> <div class="te-header__dropdown__item__number">13</div> Fixing Elements on Scroll </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/looped-rotation/"> <div class="te-header__dropdown__item__number">14</div> Looped Element Rotation </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/size/"> <div class="te-header__dropdown__item__number">15</div> Resizing Elements on Scroll </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/newsticker/"> <div class="te-header__dropdown__item__number">16</div> News Ticker Effect </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/scroll-parallax/"> <div class="te-header__dropdown__item__number">17</div> Parallax Effect on Scroll </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/parallax-mouse-move/"> <div class="te-header__dropdown__item__number">18</div> Parallax Effect on Mouse Move </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/image-on-hover/"> <div class="te-header__dropdown__item__number">19</div> Image Appears When Hovering Over Text </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/photo-on-hover/"> <div class="te-header__dropdown__item__number">20</div> Photo Appears in the Column When Hovering Over Text </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/textelement/"> <div class="te-header__dropdown__item__number">21</div> Element Appears When Hovering Over Text </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/photocard/"> <div class="te-header__dropdown__item__number">22</div> Card Appears When Hovering Over an Image </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/texthighlight/"> <div class="te-header__dropdown__item__number">23</div> Highlighting Text on Hover </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/clickandhover/"> <div class="te-header__dropdown__item__number">24</div> Effects on Hovering and Clicking on an Element </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/multipleitems/"> <div class="te-header__dropdown__item__number">25</div> Multiple Element Animation by Clicking on Text </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/titlecards/"> <div class="te-header__dropdown__item__number">26</div> Cards Appear by Clicking on the Heading </a> </li> <li class="te-header__dropdown__item te-header__dropdown__item_active"> <a href="/en/courses/webanimation/buttonshape/"> <div class="te-header__dropdown__item__number">27</div> Button Shape Change on Hover </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/webanimation/cardsonhover/"> <div class="te-header__dropdown__item__number">28</div> Cards Appear on Hover </a> </li> </ul> </div> </div> </div> </li> </ul> <div class="te-header__userbar"> <div class="te-header__userbar__item"> <div class="te-header__usermenu" style="width: auto;"> <div class="te-header__usermenu__link"> <div class="" style="margin-right: 20px !important; margin-top: 6px;"><a href="#" class="js-te-popup-show" data-popup-id="login" style="color: #ffffff !important;">Log in</a></div> </div> </div> </div> </div> </div>  <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="4102777" data-tilda-page-id="19528180" data-tilda-page-alias="buttonshape" data-tilda-formskey="63929bce882ea22ca2a724c682045d6f" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec315274404" 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('#rec315274404');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="rec315274405" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396">  <style>#rec315274405 .t396__artboard {height:550px;overflow:visible;}#rec315274405 .t396__filter {height:550px;}#rec315274405 .t396__carrier{height:550px;background-position:center center;background-attachment:fixed;transform:translate3d(0,0,0);-moz-transform:unset;background-size:cover;background-repeat:no-repeat;}@media screen and (min-width:1199px) {#rec315274405 .t396__carrier-wrapper {position:absolute;width:100%;height:100%;top:0;left:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}#rec315274405 .t396__carrier{position:fixed;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center center;transform:translateZ(0);will-change:transform;pointer-events:none;}}@media screen and (max-width:1199px) {#rec315274405 .t396__artboard,#rec315274405 .t396__filter,#rec315274405 .t396__carrier {}#rec315274405 .t396__filter {}#rec315274405 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315274405 .t396__artboard,#rec315274405 .t396__filter,#rec315274405 .t396__carrier {height:510px;}#rec315274405 .t396__filter {}#rec315274405 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315274405 .t396__artboard,#rec315274405 .t396__filter,#rec315274405 .t396__carrier {height:430px;}#rec315274405 .t396__filter {}#rec315274405 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315274405 .t396__artboard,#rec315274405 .t396__filter,#rec315274405 .t396__carrier {height:360px;}#rec315274405 .t396__filter {}#rec315274405 .t396__carrier {background-attachment:scroll;}}#rec315274405 .tn-elem[data-elem-id="1518083005456"]{color:#000000;text-align:center;z-index:2;top:260px;left:calc(50% - 600px + 217px);width:767px;}#rec315274405 .tn-elem[data-elem-id="1518083005456"] .tn-atom{color:#000000;font-size:62px;font-family:'TildaSans',Arial,sans-serif;line-height:1.05;font-weight:600;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274405 .tn-elem[data-elem-id="1518083005456"] {top:220px;left:calc(50% - 480px + 169px);width:622px;}#rec315274405 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:44px;}}@media screen and (max-width:959px) {#rec315274405 .tn-elem[data-elem-id="1518083005456"] {top:200px;left:calc(50% - 320px + 113px);width:415px;}#rec315274405 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:34px;letter-spacing:1px;}}@media screen and (max-width:639px) {#rec315274405 .tn-elem[data-elem-id="1518083005456"] {top:190px;left:calc(50% - 240px + 66px);width:349px;}#rec315274405 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:26px;}}@media screen and (max-width:479px) {#rec315274405 .tn-elem[data-elem-id="1518083005456"] {top:188px;left:calc(50% - 160px + 19px);width:279px;}#rec315274405 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:24px;}}#rec315274405 .tn-elem[data-elem-id="1621010967694"]{z-index:3;top:120px;left:calc(50% - 600px + 516px);width:169px;}#rec315274405 .tn-elem[data-elem-id="1621010967694"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274405 .tn-elem[data-elem-id="1621010967694"] {top:88px;left:calc(50% - 480px + 395px);}}@media screen and (max-width:959px) {#rec315274405 .tn-elem[data-elem-id="1621010967694"] {top:88px;left:calc(50% - 320px + 248px);width:144px;}}@media screen and (max-width:639px) {#rec315274405 .tn-elem[data-elem-id="1621010967694"] {top:66px;left:calc(50% - 240px + 171px);width:138px;}}@media screen and (max-width:479px) {#rec315274405 .tn-elem[data-elem-id="1621010967694"] {top:58px;left:calc(50% - 160px + 100px);width:121px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315274405" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-height-res-320="360" data-artboard-height-res-480="430" data-artboard-height-res-640="510"> <div class="t396__carrier-wrapper"> <div class="t396__carrier" data-artboard-recid="315274405"></div> </div> <div class="t396__filter" data-artboard-recid="315274405"></div> <div class='t396__elem tn-elem tn-elem__3152744051518083005456' data-elem-id='1518083005456' data-elem-type='text' data-field-top-value="260" data-field-left-value="217" data-field-width-value="767" 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="188" data-field-left-res-320-value="19" data-field-width-res-320-value="279" data-field-top-res-480-value="190" data-field-left-res-480-value="66" data-field-width-res-480-value="349" data-field-top-res-640-value="200" data-field-left-res-640-value="113" data-field-width-res-640-value="415" data-field-top-res-960-value="220" data-field-left-res-960-value="169" data-field-width-res-960-value="622"> <h1 class='tn-atom'field='tn_text_1518083005456'>BUTTON SHAPE CHANGE ON HOVER</h1> </div> <div class='t396__elem tn-elem tn-elem__3152744051621010967694' data-elem-id='1621010967694' data-elem-type='image' data-field-top-value="120" data-field-left-value="516" data-field-width-value="169" 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="1680" data-field-fileheight-value="527" data-field-top-res-320-value="58" data-field-left-res-320-value="100" data-field-width-res-320-value="121" data-field-top-res-480-value="66" data-field-left-res-480-value="171" data-field-width-res-480-value="138" data-field-top-res-640-value="88" data-field-left-res-640-value="248" data-field-width-res-640-value="144" data-field-top-res-960-value="88" data-field-left-res-960-value="395"> <a class='tn-atom' href="https://tilda.education/en/web-animation-course"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3930-3966-4234-b539-663736313234/logoonfooter_4.png' alt='' imgfield='tn_img_1621010967694' /> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315274405');});});</script>  </div> <div id="rec403747483" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-animationappear="off" data-record-type="396">  <style>#rec403747483 .t396__artboard {height:880px;background-color:#ffffff;}#rec403747483 .t396__filter {height:880px;}#rec403747483 .t396__carrier{height:880px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec403747483 .t396__artboard,#rec403747483 .t396__filter,#rec403747483 .t396__carrier {height:880px;}#rec403747483 .t396__filter {}#rec403747483 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec403747483 .t396__artboard,#rec403747483 .t396__filter,#rec403747483 .t396__carrier {height:1240px;}#rec403747483 .t396__filter {}#rec403747483 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec403747483 .t396__artboard,#rec403747483 .t396__filter,#rec403747483 .t396__carrier {height:1340px;}#rec403747483 .t396__filter {}#rec403747483 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec403747483 .t396__artboard,#rec403747483 .t396__filter,#rec403747483 .t396__carrier {height:1280px;}#rec403747483 .t396__filter {}#rec403747483 .t396__carrier {background-attachment:scroll;}}#rec403747483 .tn-elem[data-elem-id="1574779415036"]{color:#0f0f0f;text-align:center;z-index:3;top:355px;left:calc(50% - 600px + 21px);width:330px;height:145px;}#rec403747483 .tn-elem[data-elem-id="1574779415036"] .tn-atom{color:#0f0f0f;font-size:29px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;border-width:3px;border-radius:100px;background-color:#ffffff;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) {#rec403747483 .tn-elem[data-elem-id="1574779415036"] {top:330px;left:calc(50% - 480px + 11px);width:300px;height:125px;}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1574779415036"] {top:220px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1574779415036"] {top:180px;left:calc(50% - 160px + 10px);}}#rec403747483 .tn-elem[data-elem-id="1574779482317"]{color:#ffffff;text-align:center;z-index:4;top:355px;left:calc(50% - 600px + 21px);width:330px;height:145px;pointer-events:none;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1574779482317"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1574779482317"] .tn-atom{color:#ffffff;font-size:29px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;border-width:3px;border-radius:0px;background-color:#000000;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) {#rec403747483 .tn-elem[data-elem-id="1574779482317"] {top:325px;left:calc(50% - 480px + 11px);width:300px;height:135px;}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1574779482317"] {top:215px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1574779482317"] {top:175px;left:calc(50% - 160px + 10px);}}#rec403747483 .tn-elem[data-elem-id="1576063941036"]{color:#000000;z-index:5;top:3px;left:calc(50% - 600px + 20px);width:401px;}#rec403747483 .tn-elem[data-elem-id="1576063941036"] .tn-atom{color:#000000;font-size:55px;font-family:'TildaSans',Arial,sans-serif;line-height:0.95;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) {}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576063941036"] {top:3px;left:calc(50% - 240px + 12px);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576063941036"] {top:20px;left:calc(50% - 160px + 10px);width:300px;}#rec403747483 .tn-elem[data-elem-id="1576063941036"] .tn-atom{font-size:39px;}}#rec403747483 .tn-elem[data-elem-id="1576064007737"]{z-index:6;top:238px;left:calc(50% - 600px + 760px);width:30px;height:63px;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576064007737"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1576064007737"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec403747483 .tn-elem[data-elem-id="1576064007737"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576064007737"] {top:192px;left:calc(50% - 480px + 602px);}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064007737"] {top:282px;left:calc(50% - 320px + 422px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064007737"] {top:95px;left:calc(50% - 160px + -600px);}}#rec403747483 .tn-elem[data-elem-id="1576064007748"]{color:#000000;z-index:7;top:193px;left:calc(50% - 600px + 700px);width:104px;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576064007748"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1576064007748"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:0.95;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576064007748"] {top:150px;left:calc(50% - 480px + 541px);}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064007748"] {top:240px;left:calc(50% - 320px + 360px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064007748"] {top:50px;left:calc(50% - 160px + -660px);}}#rec403747483 .tn-elem[data-elem-id="1576064041545"]{color:#0f0f0f;text-align:center;z-index:8;top:352px;left:calc(50% - 600px + 433px);width:330px;height:145px;}#rec403747483 .tn-elem[data-elem-id="1576064041545"] .tn-atom{color:#0f0f0f;font-size:29px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;border-width:3px;border-radius:100px;background-color:#fcd94b;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) {#rec403747483 .tn-elem[data-elem-id="1576064041545"] {top:317px;left:calc(50% - 480px + 331px);width:300px;}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064041545"] {top:451px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576064041545"] {top:455px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064041545"] {top:415px;left:calc(50% - 160px + 10px);}}#rec403747483 .tn-elem[data-elem-id="1576064041556"]{color:#000000;text-align:center;z-index:9;top:259px;left:calc(50% - 600px + 433px);width:330px;height:330px;pointer-events:none;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576064041556"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1576064041556"] .tn-atom{color:#000000;font-size:29px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;border-width:3px;border-radius:1000px;background-color:#fcd94b;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) {#rec403747483 .tn-elem[data-elem-id="1576064041556"] {top:239px;left:calc(50% - 480px + 331px);width:300px;height:300px;}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064041556"] {top:373px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576064041556"] {top:377px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064041556"] {top:337px;left:calc(50% - 160px + 10px);}}#rec403747483 .tn-elem[data-elem-id="1576064242284"]{color:#000000;text-align:center;z-index:10;top:351px;left:calc(50% - 600px + 845px);width:330px;height:145px;}#rec403747483 .tn-elem[data-elem-id="1576064242284"] .tn-atom{color:#000000;font-size:29px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;border-width:3px;border-radius:100px;background-color:#fcd94b;background-position:center center;border-color:#fcd94b ;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) {#rec403747483 .tn-elem[data-elem-id="1576064242284"] {top:307px;left:calc(50% - 480px + 648px);width:300px;}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064242284"] {top:713px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064242284"] {top:673px;left:calc(50% - 160px + 10px);}}#rec403747483 .tn-elem[data-elem-id="1576064242295"]{color:#fcd94b;text-align:center;z-index:11;top:323px;left:calc(50% - 600px + 840px);width:340px;height:200px;pointer-events:none;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576064242295"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1576064242295"] .tn-atom{color:#fcd94b;font-size:29px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;border-width:3px;border-radius:1000px;background-color:#ffffff;background-position:center center;border-color:#fcd94b ;border-style:dashed;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) {#rec403747483 .tn-elem[data-elem-id="1576064242295"] {top:294px;left:calc(50% - 480px + 648px);width:300px;height:170px;}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064242295"] {top:700px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064242295"] {top:660px;left:calc(50% - 160px + 10px);}}#rec403747483 .tn-elem[data-elem-id="1576064918195"]{color:#000000;z-index:12;top:802px;left:calc(50% - 600px + 22px);width:110px;}#rec403747483 .tn-elem[data-elem-id="1576064918195"] .tn-atom{color:#000000;font-size:12px;font-family:'TildaSans',Arial,sans-serif;line-height:1.25;font-weight:700;letter-spacing:2.5px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576064918195"] {top:570px;left:calc(50% - 480px + 11px);}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064918195"] {top:950px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576064918195"] {top:933px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064918195"] {top:877px;left:calc(50% - 160px + 10px);width:123px;}}#rec403747483 .tn-elem[data-elem-id="1576064918206"]{z-index:13;top:861px;left:calc(50% - 600px + 21px);width:1155px;height:2px;}#rec403747483 .tn-elem[data-elem-id="1576064918206"] .tn-atom {border-radius:0px;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576064918206"] {top:546px;left:calc(50% - 480px + 10px);width:940px;}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576064918206"] {top:258px;left:calc(50% - 320px + -1194px);width:612px;}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576064918206"] {top:218px;left:calc(50% - 160px + -1194px);}}#rec403747483 .tn-elem[data-elem-id="1576229007900"]{z-index:14;top:803px;left:calc(50% - 600px + 142px);width:60px;height:39px;}#rec403747483 .tn-elem[data-elem-id="1576229007900"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec403747483 .tn-elem[data-elem-id="1576229007900"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576229007900"] {top:570px;left:calc(50% - 480px + 129px);}#rec403747483 .tn-elem[data-elem-id="1576229007900"] .tn-atom {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576229007900"] {top:945px;left:calc(50% - 320px + 130px);}}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576229007900"] .tn-atom {-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576229007900"] {top:885px;left:calc(50% - 160px + 116px);}}#rec403747483 .tn-elem[data-elem-id="1576248985330"]{z-index:15;top:544px;left:calc(50% - 600px + 246px);width:379px;height:297px;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576248985330"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1576248985330"] .tn-atom{border-width:1px;border-radius:0px;background-color:#ffffff;background-position:center center;border-color:#000000 ;border-style:solid ;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576248985330"] {top:570px;left:calc(50% - 480px + 229px);}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576248985330"] {top:926px;left:calc(50% - 320px + 230px);}}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576248985330"] {top:1023px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576248985330"] {top:963px;left:calc(50% - 160px + 10px);width:300px;height:286px;}}#rec403747483 .tn-elem[data-elem-id="1576248985347"]{color:#000000;z-index:16;top:672px;left:calc(50% - 600px + 286px);width:290px;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576248985347"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1576248985347"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.65;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576248985347"] {top:698px;left:calc(50% - 480px + 269px);}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576248985347"] {top:1054px;left:calc(50% - 320px + 270px);}}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576248985347"] {top:1151px;left:calc(50% - 240px + 50px);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576248985347"] {top:1082px;left:calc(50% - 160px + 37px);width:246px;}#rec403747483 .tn-elem[data-elem-id="1576248985347"] .tn-atom{font-size:15px;}}#rec403747483 .tn-elem[data-elem-id="1576248985355"]{color:#000000;z-index:17;top:587px;left:calc(50% - 600px + 287px);width:288px;}#rec403747483 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576248985355"] {opacity:0;}#rec403747483 .tn-elem[data-elem-id="1576248985355"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.15;font-weight:600;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec403747483 .tn-elem[data-elem-id="1576248985355"] {top:612px;left:calc(50% - 480px + 269px);}}@media screen and (max-width:959px) {#rec403747483 .tn-elem[data-elem-id="1576248985355"] {top:968px;left:calc(50% - 320px + 270px);}}@media screen and (max-width:639px) {#rec403747483 .tn-elem[data-elem-id="1576248985355"] {top:1065px;left:calc(50% - 240px + 50px);}}@media screen and (max-width:479px) {#rec403747483 .tn-elem[data-elem-id="1576248985355"] {top:1005px;left:calc(50% - 160px + 37px);width:250px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="403747483" data-artboard-screens="320,480,640,960,1200" data-artboard-height="880" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1280" data-artboard-height-res-480="1340" data-artboard-height-res-640="1240" data-artboard-height-res-960="880"> <div class="t396__carrier" data-artboard-recid="403747483"></div> <div class="t396__filter" data-artboard-recid="403747483"></div> <div class='t396__elem tn-elem tn-elem__4037474831574779415036' data-elem-id='1574779415036' data-elem-type='button' data-field-top-value="355" data-field-left-value="21" data-field-height-value="145" 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="px" data-field-widthunits-value="px" data-field-top-res-320-value="180" data-field-left-res-320-value="10" data-field-top-res-640-value="220" data-field-left-res-640-value="10" data-field-top-res-960-value="330" data-field-left-res-960-value="11" data-field-height-res-960-value="125" data-field-width-res-960-value="300"> <div class='tn-atom'>LET'S GO!</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831574779482317 t396__elem--anim-hidden' data-elem-id='1574779482317' data-elem-type='button' data-field-top-value="355" data-field-left-value="21" data-field-height-value="145" 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="px" data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1574779415036" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':0,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-top-res-320-value="175" data-field-left-res-320-value="10" data-field-top-res-640-value="215" data-field-left-res-640-value="10" data-field-top-res-960-value="325" data-field-left-res-960-value="11" data-field-height-res-960-value="135" data-field-width-res-960-value="300"> <div class='tn-atom'>LET'S GO!</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576063941036' data-elem-id='1576063941036' data-elem-type='text' data-field-top-value="3" data-field-left-value="20" data-field-width-value="401" 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-320-value="20" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="3" data-field-left-res-480-value="12"> <div class='tn-atom'field='tn_text_1576063941036'>Replace elements by clicking or hovering</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064007737 ' data-elem-id='1576064007737' data-elem-type='image' data-field-top-value="238" data-field-left-value="760" data-field-height-value="63" 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="px" data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="click" data-animate-sbs-trgels="1574688871703" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':200,'mx':0,'my':-110,'sx':1,'sy':1,'op':1,'ro':-325,'bl':'0','ea':'','dt':0}]" data-field-filewidth-value="33" data-field-fileheight-value="69" data-field-top-res-320-value="95" data-field-left-res-320-value="-600" data-field-top-res-640-value="282" data-field-left-res-640-value="422" data-field-top-res-960-value="192" data-field-left-res-960-value="602"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3762-6266-4463-b134-393035363665/arrow_hand_pointer.svg' alt='' imgfield='tn_img_1576064007737' /> </div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064007748 ' data-elem-id='1576064007748' data-elem-type='text' data-field-top-value="193" data-field-left-value="700" data-field-width-value="104" 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-animate-mobile="y" data-animate-sbs-event="click" data-animate-sbs-trgels="1574688871703" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':0,'sx':1,'sy':1,'op':0,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-top-res-320-value="50" data-field-left-res-320-value="-660" data-field-top-res-640-value="240" data-field-left-res-640-value="360" data-field-top-res-960-value="150" data-field-left-res-960-value="541"> <div class='tn-atom'field='tn_text_1576064007748'>Hover over any button</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064041545' data-elem-id='1576064041545' data-elem-type='button' data-field-top-value="352" data-field-left-value="433" data-field-height-value="145" 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="px" data-field-widthunits-value="px" data-field-top-res-320-value="415" data-field-left-res-320-value="10" data-field-top-res-480-value="455" data-field-left-res-480-value="10" data-field-top-res-640-value="451" data-field-left-res-640-value="10" data-field-top-res-960-value="317" data-field-left-res-960-value="331" data-field-width-res-960-value="300"> <div class='tn-atom'>HOVER ON</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064041556 t396__elem--anim-hidden' data-elem-id='1576064041556' data-elem-type='button' data-field-top-value="259" data-field-left-value="433" data-field-height-value="330" 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="px" data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1576064041545" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':0,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-top-res-320-value="337" data-field-left-res-320-value="10" data-field-top-res-480-value="377" data-field-left-res-480-value="10" data-field-top-res-640-value="373" data-field-left-res-640-value="10" data-field-top-res-960-value="239" data-field-left-res-960-value="331" data-field-height-res-960-value="300" data-field-width-res-960-value="300"> <div class='tn-atom'>HOVER ON</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064242284' data-elem-id='1576064242284' data-elem-type='button' data-field-top-value="351" data-field-left-value="845" data-field-height-value="145" 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="px" data-field-widthunits-value="px" data-field-top-res-320-value="673" data-field-left-res-320-value="10" data-field-top-res-640-value="713" data-field-left-res-640-value="10" data-field-top-res-960-value="307" data-field-left-res-960-value="648" data-field-width-res-960-value="300"> <div class='tn-atom'>PLAY</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064242295 t396__elem--anim-hidden' data-elem-id='1576064242295' data-elem-type='button' data-field-top-value="323" data-field-left-value="840" data-field-height-value="200" data-field-width-value="340" 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-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1576064242284" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':0,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-top-res-320-value="660" data-field-left-res-320-value="10" data-field-top-res-640-value="700" data-field-left-res-640-value="10" data-field-top-res-960-value="294" data-field-left-res-960-value="648" data-field-height-res-960-value="170" data-field-width-res-960-value="300"> <div class='tn-atom'>PLAY</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064918195' data-elem-id='1576064918195' data-elem-type='text' data-field-top-value="802" data-field-left-value="22" 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="px" data-field-widthunits-value="px" data-field-top-res-320-value="877" data-field-left-res-320-value="10" data-field-width-res-320-value="123" data-field-top-res-480-value="933" data-field-left-res-480-value="10" data-field-top-res-640-value="950" data-field-left-res-640-value="10" data-field-top-res-960-value="570" data-field-left-res-960-value="11"> <div class='tn-atom'field='tn_text_1576064918195'>HOW TO REPEAT THE ANIMATION</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576064918206' data-elem-id='1576064918206' data-elem-type='shape' data-field-top-value="861" data-field-left-value="21" data-field-height-value="2" data-field-width-value="1155" 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-320-value="218" data-field-left-res-320-value="-1194" data-field-top-res-640-value="258" data-field-left-res-640-value="-1194" data-field-width-res-640-value="612" data-field-top-res-960-value="546" data-field-left-res-960-value="10" data-field-width-res-960-value="940"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576229007900' data-elem-id='1576229007900' data-elem-type='image' data-field-top-value="803" data-field-left-value="142" data-field-height-value="39" data-field-width-value="60" 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-filewidth-value="280" data-field-fileheight-value="184" data-field-top-res-320-value="885" data-field-left-res-320-value="116" data-field-top-res-640-value="945" data-field-left-res-640-value="130" data-field-top-res-960-value="570" data-field-left-res-960-value="129"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6631-3866-4636-b030-373636653661/Group_46.svg' alt='' imgfield='tn_img_1576229007900' /> </div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576248985330 t396__elem--anim-hidden' data-elem-id='1576248985330' data-elem-type='shape' data-field-top-value="544" data-field-left-value="246" data-field-height-value="297" data-field-width-value="379" 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-animate-mobile="y" data-animate-sbs-event="click" data-animate-sbs-trgels="1575470888864,1575478901151,1575477147667,1576004262358,1576064918195" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':0,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-top-res-320-value="963" data-field-left-res-320-value="10" data-field-height-res-320-value="286" data-field-width-res-320-value="300" data-field-top-res-480-value="1023" data-field-left-res-480-value="10" data-field-top-res-640-value="926" data-field-left-res-640-value="230" data-field-top-res-960-value="570" data-field-left-res-960-value="229"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576248985347 t396__elem--anim-hidden' data-elem-id='1576248985347' data-elem-type='text' data-field-top-value="672" data-field-left-value="286" 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="px" data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="click" data-animate-sbs-trgels="1575470888864,1575478901151,1575477147667,1575470888864,1575478901151,1574949498552,1575477147667,1576004262358,1576064918195" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':0,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-top-res-320-value="1082" data-field-left-res-320-value="37" data-field-width-res-320-value="246" data-field-top-res-480-value="1151" data-field-left-res-480-value="50" data-field-top-res-640-value="1054" data-field-left-res-640-value="270" data-field-top-res-960-value="698" data-field-left-res-960-value="269"> <div class='tn-atom'field='tn_text_1576248985347'>- Trigger — Button 2 (on the upper layer)<br>- Top button — Pointer events - None<br>- Event — Hover<br>- Step 1 — Duration 0; Opacity 0<br>- Step 2 — Duration 0.1; Opacity 100</div> </div> <div class='t396__elem tn-elem tn-elem__4037474831576248985355 t396__elem--anim-hidden' data-elem-id='1576248985355' data-elem-type='text' data-field-top-value="587" data-field-left-value="287" data-field-width-value="288" 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-animate-mobile="y" data-animate-sbs-event="click" data-animate-sbs-trgels="1575470888864,1575478901151,1574949498552,1575477147667,1576004262358,1576064918195" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':0,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-top-res-320-value="1005" data-field-left-res-320-value="37" data-field-width-res-320-value="250" data-field-top-res-480-value="1065" data-field-left-res-480-value="50" data-field-top-res-640-value="968" data-field-left-res-640-value="270" data-field-top-res-960-value="612" data-field-left-res-960-value="269"> <div class='tn-atom'field='tn_text_1576248985355'>One element appearing in place of another</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('403747483');});});</script>  </div> <div id="rec315274409" class="r t-rec t-rec_pt_90 t-rec_pb_60" style="padding-top:90px;padding-bottom:60px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff">  <style>#rec315274409 .t396__artboard {height:460px;background-color:#ffffff;}#rec315274409 .t396__filter {height:460px;}#rec315274409 .t396__carrier{height:460px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315274409 .t396__artboard,#rec315274409 .t396__filter,#rec315274409 .t396__carrier {height:420px;}#rec315274409 .t396__filter {}#rec315274409 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315274409 .t396__artboard,#rec315274409 .t396__filter,#rec315274409 .t396__carrier {height:390px;}#rec315274409 .t396__artboard {background-color:#ffffff;}#rec315274409 .t396__filter{}#rec315274409 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315274409 .t396__artboard,#rec315274409 .t396__filter,#rec315274409 .t396__carrier {height:360px;}#rec315274409 .t396__filter {}#rec315274409 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315274409 .t396__artboard,#rec315274409 .t396__filter,#rec315274409 .t396__carrier {}#rec315274409 .t396__filter {}#rec315274409 .t396__carrier {background-attachment:scroll;}}#rec315274409 .tn-elem[data-elem-id="1528375788062"]{color:#000000;text-align:center;z-index:3;top:250px;left:calc(50% - 600px + 222px);width:760px;}#rec315274409 .tn-elem[data-elem-id="1528375788062"] .tn-atom{color:#000000;font-size:18px;font-family:'TildaSans',Arial,sans-serif;line-height:1.75;font-weight:400;opacity:0.6;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274409 .tn-elem[data-elem-id="1528375788062"] {top:231px;left:calc(50% - 480px + 90px);width:780px;}#rec315274409 .tn-elem[data-elem-id="1528375788062"] .tn-atom{line-height:1.7;}}@media screen and (max-width:959px) {#rec315274409 .tn-elem[data-elem-id="1528375788062"] {top:211px;left:calc(50% - 320px + 40px);width:560px;}#rec315274409 .tn-elem[data-elem-id="1528375788062"] .tn-atom{font-size:16px;line-height:1.65;}}@media screen and (max-width:639px) {#rec315274409 .tn-elem[data-elem-id="1528375788062"] {top:174px;left:calc(50% - 240px + 10px);width:460px;}#rec315274409 .tn-elem[data-elem-id="1528375788062"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec315274409 .tn-elem[data-elem-id="1528375788062"] {top:164px;left:calc(50% - 160px + 10px);width:300px;}#rec315274409 .tn-elem[data-elem-id="1528375788062"] .tn-atom{font-size:12px;}}#rec315274409 .tn-elem[data-elem-id="1538263652960"]{color:#000000;text-align:center;z-index:4;top:32px;left:calc(50% - 600px + 370px);width:460px;}#rec315274409 .tn-elem[data-elem-id="1538263652960"] .tn-atom{color:#000000;font-size:20px;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) {#rec315274409 .tn-elem[data-elem-id="1538263652960"] {top:29px;left:calc(50% - 480px + 250px);}}@media screen and (max-width:959px) {#rec315274409 .tn-elem[data-elem-id="1538263652960"] {top:33px;left:calc(50% - 320px + 100px);width:440px;}#rec315274409 .tn-elem[data-elem-id="1538263652960"] .tn-atom{font-size:18px;}}@media screen and (max-width:639px) {#rec315274409 .tn-elem[data-elem-id="1538263652960"] {top:26px;left:calc(50% - 240px + 50px);width:380px;}#rec315274409 .tn-elem[data-elem-id="1538263652960"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274409 .tn-elem[data-elem-id="1538263652960"] {top:28px;left:calc(50% - 160px + 10px);width:300px;}#rec315274409 .tn-elem[data-elem-id="1538263652960"] .tn-atom{font-size:14px;}}#rec315274409 .tn-elem[data-elem-id="1538263786829"]{color:#000000;text-align:center;z-index:5;top:144px;left:calc(50% - 600px + 402px);width:400px;}#rec315274409 .tn-elem[data-elem-id="1538263786829"] .tn-atom{color:#000000;font-size:26px;font-family:'TildaSans',Arial,sans-serif;line-height:1.75;font-weight:600;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274409 .tn-elem[data-elem-id="1538263786829"] {top:139px;left:calc(50% - 480px + 280px);}}@media screen and (max-width:959px) {#rec315274409 .tn-elem[data-elem-id="1538263786829"] {top:133px;left:calc(50% - 320px + 120px);}#rec315274409 .tn-elem[data-elem-id="1538263786829"] .tn-atom{font-size:22px;}}@media screen and (max-width:639px) {#rec315274409 .tn-elem[data-elem-id="1538263786829"] {top:116px;left:calc(50% - 240px + 50px);width:380px;}#rec315274409 .tn-elem[data-elem-id="1538263786829"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274409 .tn-elem[data-elem-id="1538263786829"] {top:104px;left:calc(50% - 160px + 10px);width:300px;}#rec315274409 .tn-elem[data-elem-id="1538263786829"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315274409" data-artboard-screens="320,480,640,960,1200" data-artboard-height="460" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-480="360" data-artboard-height-res-640="390" data-artboard-height-res-960="420"> <div class="t396__carrier" data-artboard-recid="315274409"></div> <div class="t396__filter" data-artboard-recid="315274409"></div> <div class='t396__elem tn-elem tn-elem__3152744091528375788062' data-elem-id='1528375788062' data-elem-type='text' data-field-top-value="250" data-field-left-value="222" data-field-width-value="760" 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-320-value="164" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="174" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="211" data-field-left-res-640-value="40" data-field-width-res-640-value="560" data-field-top-res-960-value="231" data-field-left-res-960-value="90" data-field-width-res-960-value="780"> <div class='tn-atom'field='tn_text_1528375788062'><strong>Here's how you do it. </strong>Click "Create new page" on the Tilda Dashboard. Scroll to the end of the template list and click "Enter Template ID". Enter the template number you see above. Creating a page by template number is available in our paid plans. Read more in our <a href="https://help.tilda.cc/page-template" rel="noreferrer noopener" target="_blank" style="border-bottom: 1px solid rgb(0, 0, 0); box-shadow: none; text-decoration: none; color: rgb(0, 0, 0);">Help Center</a>.</div> </div> <div class='t396__elem tn-elem tn-elem__3152744091538263652960' data-elem-id='1538263652960' data-elem-type='text' data-field-top-value="32" data-field-left-value="370" data-field-width-value="460" 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-320-value="28" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="26" data-field-left-res-480-value="50" data-field-width-res-480-value="380" data-field-top-res-640-value="33" data-field-left-res-640-value="100" data-field-width-res-640-value="440" data-field-top-res-960-value="29" data-field-left-res-960-value="250"> <div class='tn-atom'field='tn_text_1538263652960'>You can copy the page template with this animation to your project by using Template ID.</div> </div> <div class='t396__elem tn-elem tn-elem__3152744091538263786829' data-elem-id='1538263786829' data-elem-type='text' data-field-top-value="144" data-field-left-value="402" 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="px" data-field-widthunits-value="px" data-field-top-res-320-value="104" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="116" data-field-left-res-480-value="50" data-field-width-res-480-value="380" data-field-top-res-640-value="133" data-field-left-res-640-value="120" data-field-top-res-960-value="139" data-field-left-res-960-value="280"> <div class='tn-atom'field='tn_text_1538263786829'>TEMPLATE ID: 19528180</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315274409');});});</script>  </div> </div>  <div class="clearfix"></div> <script type="text/javascript"> $(document).ready(function() { window.isSendEvent100percent = false; $(window).scroll(function(){ var top = $(document).scrollTop(); var wh = $(window).height(); var dh = $(document).height(); var p = parseInt((top + wh) * 100 / dh); if(p > 90) { if(!window.isSendEvent100percent) { if(ga) { ga('send', {'hitType':'pageview', 'page':window.location.pathname + '100percent/','title':'View 100 percent page', 'nonInteraction':true}); var d = new Date(); ga('send', 'timing', 'pageview', window.location.pathname + '100percent/', parseInt(d.getTime() - window.startTimer)); } $.post('/identity/events/submit/',{lectionid: 67,action:'pageview100'}, function(json){ },'json'); window.isSendEvent100percent = true; } } }); }); </script> <script type="text/javascript"> $(document).ready(function() { var url = window.location.href; if (window.location.hash > '') { if (window.location.hash.indexOf('#buycourse')>=0) { $('#checkoutcourse').click(); } else if (window.location.hash.indexOf('#buylection')>=0) { $('#checkoutlection').click(); } } $('a[href=#buycourse]').each(function(){ $(this).addClass('js-te-popup-show').data('popup-id','login').data('popup-description','Войдите, чтобы купить курс'); }); $.post('https://api.facebook.com/method/links.getStats', {format: 'json', urls: url}, function(json){ if (json && json[0] ) { json = json[0]; $('.te-sharing__container').find('.te-share__fb span').html(json.share_count); } }, 'json'); $.get('https://tilda.education/api/sharecount/', {'provider': 'vk', 'url': url}, function(json){ if (json && json.count) { $('.te-sharing__container').find('.te-share__vk span').html(json.count); } }, 'json'); $.get('https://tilda.education/api/sharecount/', {'provider':'twitter','url': url}, function(json){ if (json && json.count) { $('.te-sharing__container').find('.te-share__tw span').html(json.count); } }, 'json'); //$('.te-sharing__container') }); </script> <style> #rec548926877 .t396__artboard {height: 720px; background-color: #1e1e1e; }#rec548926877 .t396__filter {height: 720px; }#rec548926877 .t396__carrier{height: 720px; background-position: center center; background-attachment: scroll;background-size: cover;background-repeat: no-repeat;}@media screen and (max-width: 1199px) {#rec548926877 .t396__artboard {height: 580px;}#rec548926877 .t396__filter {height: 580px;}#rec548926877 .t396__carrier {height: 580px;background-attachment: scroll;}}@media screen and (max-width: 959px) {#rec548926877 .t396__artboard {height: 1000px;}#rec548926877 .t396__filter {height: 1000px;}#rec548926877 .t396__carrier {height: 1000px;background-attachment: scroll;}}@media screen and (max-width: 639px) {#rec548926877 .t396__artboard {height: 910px;}#rec548926877 .t396__filter {height: 910px;}#rec548926877 .t396__carrier {height: 910px;background-attachment: scroll;}}@media screen and (max-width: 479px) {#rec548926877 .t396__artboard {}#rec548926877 .t396__filter {}#rec548926877 .t396__carrier {background-attachment: scroll;}} #rec548926877 .tn-elem[data-elem-id="1470209944682"] { color: #ffffff; text-align: center; z-index: 2; top: 0px;left: calc(50% - 600px + 319px);width: 562px;}#rec548926877 .tn-elem[data-elem-id="1470209944682"] .tn-atom { color: #ffffff; font-size: 42px; font-family: 'futura-pt',Arial,sans-serif; line-height: 1.2; font-weight: 700; background-position: center center ;border-color: transparent ;border-style: solid ; }@media screen and (max-width: 1199px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {left: calc(50% - 480px + 199px);}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {top: 475px;left: calc(50% - 320px + 39px);}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {top: 430px;left: calc(50% - 240px + 11px);width: 457px;}#rec548926877 .tn-elem[data-elem-id="1470209944682"] .tn-atom { font-size: 32px; }}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {top: 282px;left: calc(50% - 160px + 7px);width: 296px;}#rec548926877 .tn-elem[data-elem-id="1470209944682"] .tn-atom { font-size: 28px; }} #rec548926877 .tn-elem[data-elem-id="1470210011265"] { color: #ffffff; z-index: 3; top: 280px;left: calc(50% - 600px + 720px);width: 478px;}#rec548926877 .tn-elem[data-elem-id="1470210011265"] .tn-atom { color: #ffffff; font-size: 20px; font-family: 'futura-pt',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) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 235px;left: calc(50% - 480px + 490px);}#rec548926877 .tn-elem[data-elem-id="1470210011265"] .tn-atom { font-size: 18px; }}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 670px;left: calc(50% - 320px + 70px);width: 500px;}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 590px;left: calc(50% - 240px + 14px);width: 452px;}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 445px;left: calc(50% - 160px + 10px);width: 295px;}#rec548926877 .tn-elem[data-elem-id="1470210011265"] .tn-atom { font-size: 16px; }} #rec548926877 .tn-elem[data-elem-id="1470210033144"] { z-index: 4; top: 173px;left: calc(50% - 600px + 20px);width: 658px;}#rec548926877 .tn-elem[data-elem-id="1470210033144"] .tn-atom { background-position: center center ;border-color: transparent ;border-style: solid ; }@media screen and (max-width: 1199px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 195px;left: calc(50% - 480px + 10px);width: 459px;}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 0px;left: calc(50% - 320px + 59px);width: 506px;}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 0px;left: calc(50% - 240px + 7px);width: 467px;}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 0px;left: calc(50% - 160px + 7px);width: 313px;}} #rec548926877 .tn-elem[data-elem-id="1676021431310"] { color: #fac733; text-align: center; z-index: 6; top: 550px;left: calc(50% - 600px + 940px);width: 200px;height:55px;}#rec548926877 .tn-elem[data-elem-id="1676021431310"] .tn-atom { color: #fac733; font-size: 16px; font-family: 'futura-pt',Arial,sans-serif; line-height: 1.55; font-weight: 600; border-width: 2px; border-radius: 30px; background-position: center center ;border-color: #fac733 ;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) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 480px;left: calc(50% - 480px + 710px);}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 935px;left: calc(50% - 320px + 330px);}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 845px;left: calc(50% - 240px + 250px);}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 815px;left: calc(50% - 160px + 60px);}} #rec548926877 .tn-elem[data-elem-id="1676021488391"] { color: #000000; text-align: center; z-index: 5; top: 550px;left: calc(50% - 600px + 720px);width: 200px;height:55px;}#rec548926877 .tn-elem[data-elem-id="1676021488391"] .tn-atom { color: #000000; font-size: 16px; font-family: 'futura-pt',Arial,sans-serif; line-height: 1.55; font-weight: 600; border-radius: 30px; background-color: #fac733; background-position: center center ;border-color: transparent ;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) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 480px;left: calc(50% - 480px + 490px);}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 935px;left: calc(50% - 320px + 110px);}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 845px;left: calc(50% - 240px + 30px);}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 737px;left: calc(50% - 160px + 56px);}} .t396{-webkit-text-size-adjust:100%;} .t396__artboard{position:relative;width:100%;height:100vh;overflow:hidden;}.t396__artboard {overflow:visible;}.t396__artboard.t396__artboard_scale .t396__elem[data-elem-type="text"] .tn-atom {word-break:normal;-moz-osx-font-smoothing:grayscale;}.t396__artboard_scale .t396__carrier,.t396__artboard_scale .t396__filter {transform-origin:top left;}.tn-atom__scale-wrapper {width:inherit;height:inherit;}.t396__elem .tn-atom__scale-wrapper .tn-atom {width:inherit;height:inherit !important;box-sizing:border-box;}.t396__artboard.rendering .tn-elem{visibility:hidden;}.t396__artboard.rendered .tn-elem{visibility:visible;}.t396__carrier{position:absolute;left:0px;top:0px;z-index:0;width:100%;height:100vh;-moz-transform:unset;}.t396__filter{position:absolute;left:0px;top:0px;z-index:1;width:100%;height:100vh;transform:translateZ(0);}.t396__elem{position:absolute;box-sizing:border-box;display:table;}.t396 .tn-atom{display:table-cell;vertical-align:middle;width:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}@media screen and (max-width:959px) {.t396_safari .t396__artboard_scale .tn-atom {-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto;}}.t396 .tn-atom ul,.t396 .tn-atom ol {margin-bottom:0;}.t396_safari .tn-atom {transform:translateZ(0);}.t396 a.tn-atom{text-decoration:none;}.t396 .tn-atom__img{width:100%;display:block;}.t396 .tn-atom__html{vertical-align:top;}.t396 .tn-atom__pin{border-radius:1000px;border-style:solid;}.t396 .tn-atom__pin_onclick{cursor:pointer;}.t396 .tn-atom__tip{position:absolute;box-sizing:border-box;width:300px;max-width:90vw;padding:15px;display:none;}.t396 .tn-atom__pin:hover .tn-atom__tip{display:none;}.t396 .tn-atom__tip-img{width:100%;display:block;margin-bottom:10px;}.t396 .tn-atom__tip[data-tip-pos=top] {bottom:100%;margin-bottom:15px;left:50%;transform:translateX(-50%);}.t396 .tn-atom__tip[data-tip-pos=bottom] {top:100%;margin-top:15px;left:50%;transform:translateX(-50%);}.t396 .tn-atom__tip[data-tip-pos=left] {right:100%;margin-right:15px;top:50%;transform:translateY(-50%);}.t396 .tn-atom__tip[data-tip-pos=right] {left:100%;margin-left:15px;top:50%;transform:translateY(-50%);}.t396__ui{position:absolute;top:16px;left:196px;background-color:#fa876b;color:#000 !important;height:30px;line-height:30px;width:100px;z-index:1000;text-align:center;border-radius:3px;display:none;font-size:14px;} .t396__artboard_scale .tn-elem .t-slds__main {-webkit-clip-path: inset(0 1px 0 1px);clip-path: inset(0 1px 0 1px)} </style>  <div id="allrecords_footer" itemprop="description" class="t-records_footer" data-hook="blocks-collection-content-node" data-tilda-project-id="3379564" data-tilda-page-id="42660986" data-tilda-page-alias="footer" data-tilda-formskey="6f20e8cab9363ca37fab290c70306272" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec744633993" class="r t-rec t-rec_pt_75 t-rec_pt-res-480_60 t-rec_pb_60" style="padding-top:75px;padding-bottom:60px;background-color:#232323; " data-animationappear="off" data-record-type="396" data-bg-color="#232323">  <style>#rec744633993 .t396__artboard {height:560px;background-color:#232323;}#rec744633993 .t396__filter {height:560px;}#rec744633993 .t396__carrier{height:560px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:500px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:700px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:700px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:711px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}#rec744633993 .tn-elem[data-elem-id="1697035553534"]{color:#ffffff;z-index:4;top:56px;left:calc(50% - 600px + 20px);width:199px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:49px;left:calc(50% - 480px + 10px);width:189px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 320px + 90px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:51px;left:calc(50% - 160px + 10px);width:134px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035035883"]{color:#ffffff;z-index:5;top:6px;left:calc(50% - 600px + 20px);width:177px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 480px + 10px);width:202px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 320px + 91px);width:225px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:7px;left:calc(50% - 160px + 10px);width:135px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035553534"]{color:#ffffff;z-index:4;top:56px;left:calc(50% - 600px + 20px);width:199px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:49px;left:calc(50% - 480px + 10px);width:189px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 320px + 90px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:51px;left:calc(50% - 160px + 10px);width:134px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035035883"]{color:#ffffff;z-index:5;top:6px;left:calc(50% - 600px + 20px);width:177px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 480px + 10px);width:202px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 320px + 91px);width:225px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:7px;left:calc(50% - 160px + 10px);width:135px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653257897600"]{color:#ffffff;z-index:7;top:56px;left:calc(50% - 600px + 319px);width:240px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:49px;left:calc(50% - 480px + 250px);width:188px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:270px;left:calc(50% - 160px + 10px);width:152px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653658890094"]{color:#ffffff;z-index:8;top:6px;left:calc(50% - 600px + 319px);width:267px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:5px;left:calc(50% - 480px + 250px);width:229px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:226px;left:calc(50% - 160px + 10px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653257897600"]{color:#ffffff;z-index:7;top:56px;left:calc(50% - 600px + 319px);width:240px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:49px;left:calc(50% - 480px + 250px);width:188px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:270px;left:calc(50% - 160px + 10px);width:152px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653658890094"]{color:#ffffff;z-index:8;top:6px;left:calc(50% - 600px + 319px);width:267px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:5px;left:calc(50% - 480px + 250px);width:229px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:226px;left:calc(50% - 160px + 10px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006953"]{color:#ffffff;z-index:10;top:57px;left:calc(50% - 600px + 919px);width:201px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:49px;left:calc(50% - 480px + 730px);width:206px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:472px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:467px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:504px;left:calc(50% - 160px + 171px);width:140px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006958"]{color:#ffffff;z-index:11;top:6px;left:calc(50% - 600px + 919px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:5px;left:calc(50% - 480px + 730px);}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:430px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:425px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:460px;left:calc(50% - 160px + 171px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006953"]{color:#ffffff;z-index:10;top:57px;left:calc(50% - 600px + 919px);width:201px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:49px;left:calc(50% - 480px + 730px);width:206px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:472px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:467px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:504px;left:calc(50% - 160px + 171px);width:140px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006958"]{color:#ffffff;z-index:11;top:6px;left:calc(50% - 600px + 919px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:5px;left:calc(50% - 480px + 730px);}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:430px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:425px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:460px;left:calc(50% - 160px + 171px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1698312869793"]{color:#ffffff;z-index:13;top:56px;left:calc(50% - 600px + 620px);width:209px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:49px;left:calc(50% - 480px + 490px);width:195px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:47px;left:calc(50% - 320px + 331px);width:186px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:42px;left:calc(50% - 240px + 251px);width:177px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:51px;left:calc(50% - 160px + 171px);width:131px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653659163722"]{color:#ffffff;z-index:14;top:6px;left:calc(50% - 600px + 621px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 480px + 490px);}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 320px + 331px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:0px;left:calc(50% - 240px + 251px);width:180px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:7px;left:calc(50% - 160px + 171px);width:126px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1698312869793"]{color:#ffffff;z-index:13;top:56px;left:calc(50% - 600px + 620px);width:209px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:49px;left:calc(50% - 480px + 490px);width:195px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:47px;left:calc(50% - 320px + 331px);width:186px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:42px;left:calc(50% - 240px + 251px);width:177px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:51px;left:calc(50% - 160px + 171px);width:131px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653659163722"]{color:#ffffff;z-index:14;top:6px;left:calc(50% - 600px + 621px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 480px + 490px);}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 320px + 331px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:0px;left:calc(50% - 240px + 251px);width:180px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:7px;left:calc(50% - 160px + 171px);width:126px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:12px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="744633993" data-artboard-screens="320,480,640,960,1200" data-artboard-height="560" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="711" data-artboard-height-res-480="700" data-artboard-height-res-640="700" data-artboard-height-res-960="500"> <div class="t396__carrier" data-artboard-recid="744633993"></div> <div class="t396__filter" data-artboard-recid="744633993"></div> <div class='t396__elem tn-elem tn-elem__7446339931697035553534' data-elem-id='1697035553534' data-elem-type='text' data-field-top-value="56" data-field-left-value="20" data-field-width-value="199" 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="10" data-field-width-res-320-value="134" data-field-top-res-480-value="47" data-field-left-res-480-value="10" data-field-top-res-640-value="47" data-field-left-res-640-value="90" data-field-width-res-640-value="189" data-field-top-res-960-value="49" data-field-left-res-960-value="10" data-field-width-res-960-value="189"> <div class='tn-atom'field='tn_text_1697035553534'><a href="https://tilda.education/en/#guidesandarticles" style="color: rgb(255, 255, 255);">Guides & Articles</a><br><br><a href="https://tilda.education/en/#videotutorials" style="color: rgb(255, 255, 255);">Video Tutorials </a><br><br><a href="https://tilda.education/en/#stories" style="color: rgb(255, 255, 255);">Success Stories</a><br><br><a href="https://tilda.education/en/landing-page-course" style="color: rgb(255, 255, 255);">Landing Page Course</a><br><br><a href="https://tilda.education/en/digital-marketing-course" style="color: rgb(255, 255, 255);">Digital Marketing Course</a><br><br><a href="https://tilda.education/en/web-animation-course" style="color: rgb(255, 255, 255);">Web Animation Course</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931697035035883' data-elem-id='1697035035883' data-elem-type='text' data-field-top-value="6" data-field-left-value="20" data-field-width-value="177" 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="7" data-field-left-res-320-value="10" data-field-width-res-320-value="135" data-field-top-res-480-value="5" data-field-left-res-480-value="10" data-field-top-res-640-value="5" data-field-left-res-640-value="91" data-field-width-res-640-value="225" data-field-top-res-960-value="5" data-field-left-res-960-value="10" data-field-width-res-960-value="202"> <div class='tn-atom'field='tn_text_1697035035883'>EDUCATION</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653257897600' data-elem-id='1653257897600' data-elem-type='text' data-field-top-value="56" data-field-left-value="319" 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-top-res-320-value="270" data-field-left-res-320-value="10" data-field-width-res-320-value="152" data-field-top-res-480-value="264" data-field-left-res-480-value="10" data-field-top-res-640-value="264" data-field-left-res-640-value="90" data-field-top-res-960-value="49" data-field-left-res-960-value="250" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1653257897600'><a href="https://tilda.cc" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda.cc</a><br><span style="color: rgb(255, 255, 255);"></span><br><a href="https://tilda.cc/pricing/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Pricing</a><br><br><a href="https://tilda.cc/features/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">List of features</a><br><br><a href="https://tilda.cc/tpls/" style="color: rgb(255, 255, 255);">Website Templates</a> <br><br><a href="https://tilda.cc/madeontilda/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Website Examples </a><br><br><a href="https://tilda.cc/en/reviews/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">User Reviews</a><br><br><a href="https://tilda.cc/lp/overview/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Platform Overview</a><br><br><a href="https://blog-en.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Blog</a><br><br><a href="https://webinars.tilda.cc/en" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Webinars</a><br><br><a href="https://answers.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">F.A.Q.</a><br><br><a href="https://help.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Help Center</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653658890094' data-elem-id='1653658890094' data-elem-type='text' data-field-top-value="6" data-field-left-value="319" data-field-width-value="267" 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="226" data-field-left-res-320-value="10" data-field-width-res-320-value="142" data-field-top-res-480-value="222" data-field-left-res-480-value="10" data-field-top-res-640-value="222" data-field-left-res-640-value="90" data-field-top-res-960-value="5" data-field-left-res-960-value="250" data-field-width-res-960-value="229"> <div class='tn-atom'field='tn_text_1653658890094'>WEBSITE BUILDER</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931707213006953' data-elem-id='1707213006953' data-elem-type='text' data-field-top-value="57" data-field-left-value="919" data-field-width-value="201" 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="504" data-field-left-res-320-value="171" data-field-width-res-320-value="140" data-field-top-res-480-value="467" data-field-left-res-480-value="251" data-field-top-res-640-value="472" data-field-left-res-640-value="331" data-field-top-res-960-value="49" data-field-left-res-960-value="730" data-field-width-res-960-value="206"> <div class='tn-atom'field='tn_text_1707213006953'><a href="https://tilda.cc/free-icons/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Free Icons</a><br><br><a href="https://tilda.cc/utm/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Campaign URL Builder</a><br><br><a href="https://tilda.cc/colors/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Color Library</a><br><br><a href="https://experts.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Hire a Designer</a><br><br><a href="https://tilda.cc/lp/tildasans/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda Sans Typeface</a><br><br><a href="https://tilda.cc/broken-links/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Broken Link Checker</a><br><br><a href="https://tilda.education/en/privacy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Privacy Policy</a><br><br><a href="https://tilda.education/en/terms" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Terms of Service</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931707213006958' data-elem-id='1707213006958' data-elem-type='text' data-field-top-value="6" data-field-left-value="919" data-field-width-value="205" 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="460" data-field-left-res-320-value="171" data-field-width-res-320-value="142" data-field-top-res-480-value="425" data-field-left-res-480-value="251" data-field-top-res-640-value="430" data-field-left-res-640-value="331" data-field-top-res-960-value="5" data-field-left-res-960-value="730"> <div class='tn-atom'field='tn_text_1707213006958'>MORE</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931698312869793' data-elem-id='1698312869793' data-elem-type='text' data-field-top-value="56" data-field-left-value="620" data-field-width-value="209" 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="171" data-field-width-res-320-value="131" data-field-top-res-480-value="42" data-field-left-res-480-value="251" data-field-width-res-480-value="177" data-field-top-res-640-value="47" data-field-left-res-640-value="331" data-field-width-res-640-value="186" data-field-top-res-960-value="49" data-field-left-res-960-value="490" data-field-width-res-960-value="195"> <div class='tn-atom'field='tn_text_1698312869793'><a href="https://tilda.cc/lp/create-a-landing-page-for-business/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Landing Page</a><br><br><a href="https://tilda.cc/lp/website-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Website Without Code</a><br><br><a href="https://tilda.cc/lp/build-online-store/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create an Online Store</a><br><br><a href="https://tilda.cc/lp/create-blog/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Company Blog</a><br><br><a href="https://tilda.cc/lp/course-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create Online Courses</a><br><br><a href="https://tilda.cc/lp/seo/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">SEO On Tilda</a><br><br><a href="https://tilda.cc/lp/email-campaign-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Email Campaign Builder</a><br><br><a href="https://tilda.cc/lp/forms/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Online Form Builder</a><br><br><a href="https://zero.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Zero Block. Web Design Editor</a><br><br><a href="https://tilda.cc/lp/crm/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda CRM</a><br><br><a href="https://tilda.cc/lp/membership/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Membership</a><br><br><a href="https://tilda.cc/lp/quiz/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Interactive Quizzes</a><br><br><a href="https://tilda.cc/lp/image-optimization/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Adaptive Image Loading</a><br><br><a href="https://tilda.cc/lp/accessibility/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Digital Accessibility</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653659163722' data-elem-id='1653659163722' data-elem-type='text' data-field-top-value="6" data-field-left-value="621" data-field-width-value="205" 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="7" data-field-left-res-320-value="171" data-field-width-res-320-value="126" data-field-top-res-480-value="0" data-field-left-res-480-value="251" data-field-width-res-480-value="180" data-field-top-res-640-value="5" data-field-left-res-640-value="331" data-field-width-res-640-value="189" data-field-top-res-960-value="5" data-field-left-res-960-value="490"> <div class='tn-atom'field='tn_text_1653659163722'>SOLUTIONS</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('744633993');});});</script>  </div> <div id="rec744634564" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#232323; " data-record-type="212" data-bg-color="#232323">  <div class="t188"> <div class="t-container_100"> <div class="t188__wrapper"> <div class="t-sociallinks"> <ul role="list" class="t-sociallinks__wrapper" aria-label="Social media links"> <li class="t-sociallinks__item t-sociallinks__item_instagram"><a href="https://www.instagram.com/tilda.cc/" target="_blank" rel="nofollow" aria-label="instagram" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100C77.6142 100 100 77.6142 100 50C100 22.3858 77.6142 0 50 0C22.3858 0 0 22.3858 0 50C0 77.6142 22.3858 100 50 100ZM25 39.3918C25 31.4558 31.4566 25 39.3918 25H60.6082C68.5442 25 75 31.4566 75 39.3918V60.8028C75 68.738 68.5442 75.1946 60.6082 75.1946H39.3918C31.4558 75.1946 25 68.738 25 60.8028V39.3918ZM36.9883 50.0054C36.9883 42.8847 42.8438 37.0922 50.0397 37.0922C57.2356 37.0922 63.0911 42.8847 63.0911 50.0054C63.0911 57.1252 57.2356 62.9177 50.0397 62.9177C42.843 62.9177 36.9883 57.1252 36.9883 50.0054ZM41.7422 50.0054C41.7422 54.5033 45.4641 58.1638 50.0397 58.1638C54.6153 58.1638 58.3372 54.5041 58.3372 50.0054C58.3372 45.5066 54.6145 41.8469 50.0397 41.8469C45.4641 41.8469 41.7422 45.5066 41.7422 50.0054ZM63.3248 39.6355C65.0208 39.6355 66.3956 38.2606 66.3956 36.5646C66.3956 34.8687 65.0208 33.4938 63.3248 33.4938C61.6288 33.4938 60.2539 34.8687 60.2539 36.5646C60.2539 38.2606 61.6288 39.6355 63.3248 39.6355Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_youtube"><a href="https://www.youtube.com/@TildaPublishing_global" target="_blank" rel="nofollow" aria-label="youtube" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm17.9-67.374c3.838.346 6 2.695 6.474 6.438.332 2.612.626 6.352.626 10.375 0 7.064-.626 11.148-.626 11.148-.588 3.728-2.39 5.752-6.18 6.18-4.235.48-13.76.7-17.992.7-4.38 0-13.237-.184-17.66-.552-3.8-.317-6.394-2.44-6.916-6.218-.38-2.752-.626-6.022-.626-11.222 0-5.788.209-8.238.7-10.853.699-3.732 2.48-5.54 6.548-5.96C36.516 32.221 40.55 32 49.577 32c4.413 0 13.927.228 18.322.626Zm-23.216 9.761v14.374L58.37 49.5l-13.686-7.114Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_twitter"><a href="https://twitter.com/TildaPublishing" target="_blank" rel="nofollow" aria-label="twitter" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" xmlns="http://www.w3.org/2000/svg" width=48px height=48px viewBox="0 0 48 48"> <g clip-path="url(#clip0_3697_102)"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM33.3482 14L25.9027 22.4686H25.9023L34 34H28.0445L22.5915 26.2348L15.7644 34H14L21.8082 25.1193L14 14H19.9555L25.119 21.3532L31.5838 14H33.3482ZM22.695 24.1101L23.4861 25.2173V25.2177L28.8746 32.7594H31.5847L24.9813 23.5172L24.1902 22.4099L19.1103 15.2997H16.4002L22.695 24.1101Z" fill="#ffffff"/></g><defs><clipPath id="clip0_3697_102"><rect width="48" height="48" fill="white"/></clipPath></defs> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_facebook"><a href="https://www.facebook.com/tildapublishing" target="_blank" rel="nofollow" aria-label="facebook" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.6142 0 50-22.3858 50-50S77.6142 0 50 0 0 22.3858 0 50s22.3858 50 50 50Zm3.431-73.9854c-2.5161.0701-5.171.6758-7.0464 2.4577-1.5488 1.4326-2.329 3.5177-2.5044 5.602-.0534 1.4908-.0458 2.9855-.0382 4.4796.0058 1.1205.0115 2.2407-.0085 3.3587-.6888.005-1.3797.0036-2.0709.0021-.9218-.0019-1.8441-.0038-2.7626.0096 0 .8921.0013 1.7855.0026 2.6797.0026 1.791.0052 3.5853-.0026 5.3799.9185.0134 1.8409.0115 2.7627.0096.6912-.0015 1.382-.0029 2.0708.0021.0155 3.5565.0127 7.1128.0098 10.669-.0036 4.4452-.0072 8.8903.0252 13.3354 1.8903-.0134 3.7765-.0115 5.6633-.0095 1.4152.0014 2.8306.0028 4.2484-.0022.0117-4.0009.0088-7.9986.0058-11.9963-.0029-3.9979-.0058-7.9957.0059-11.9964.9533-.005 1.9067-.0036 2.86-.0021 1.2713.0019 2.5425.0038 3.8137-.0096.396-2.679.7335-5.3814.9198-8.0947-1.2576-.0058-2.5155-.0058-3.7734-.0058-1.2578 0-2.5157 0-3.7734-.0059 0-.4689-.0007-.9378-.0014-1.4066-.0022-1.4063-.0044-2.8123.0131-4.2188.198-1.0834 1.3158-1.9104 2.3992-1.8403h5.1476c.0117-2.8069.0117-5.602 0-8.4089-.6636 0-1.3273-.0007-1.9911-.0014-1.9915-.0022-3.9832-.0044-5.975.0131Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_telegram"><a href="https://t.me/tilda_global" target="_blank" rel="nofollow" aria-label="telegram" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_tiktok"><a href="https://www.tiktok.com/@tilda.publishing" target="_blank" rel="nofollow" aria-label="tiktok" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm5.495-74.986c-1.555.002-3.113.004-4.676.028l.001.002c-.04 5.37-.038 10.742-.035 16.12.001 3.007.003 6.015-.004 9.026-.006 1.01-.005 2.019-.004 3.027.002 2.712.005 5.421-.144 8.138-.022.754-.4 1.417-.767 2.06l-.088.154c-1.212 1.977-3.442 3.327-5.769 3.352-3.51.31-6.797-2.563-7.292-5.982-.004-.167-.01-.336-.016-.505-.034-.964-.069-1.948.298-2.846.522-1.482 1.524-2.791 2.843-3.646 1.806-1.255 4.222-1.442 6.29-.773 0-1.318.022-2.636.044-3.953.03-1.767.06-3.534.036-5.303-4.525-.846-9.358.585-12.808 3.59-3.044 2.58-5.005 6.372-5.38 10.336a34.879 34.879 0 0 0 .025 3.1c.431 4.876 3.392 9.418 7.6 11.9 2.54 1.496 5.516 2.309 8.496 2.139 4.858-.082 9.588-2.686 12.313-6.682 1.694-2.4 2.655-5.299 2.818-8.211.042-4.001.04-8.01.036-12.023 0-2.068-.002-4.138.003-6.208 1.082.708 2.189 1.4 3.376 1.938 2.727 1.293 5.746 1.919 8.75 2.017v-8.39c-3.206-.357-6.501-1.415-8.83-3.726-2.335-2.255-3.482-5.504-3.646-8.693-1.156.01-2.312.012-3.47.014Z" fill="#ffffff"/> </svg></a></li> </ul> </div> </div> </div> </div> </div> <div id="rec744693715" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;padding-bottom:60px;background-color:#232323; " data-record-type="56" data-bg-color="#232323">  <div class="t046"> <div class="t-container"> <div class="t-col t-col_10 t-prefix_1"> <div class="t046__text t-text_footer t-text_footer_xs" field="text"><div style="font-size: 14px;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">A learning resource with practical guides on web design and digital marketing from the </span><a href="https://tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Tilda</a><span style="color: rgb(255, 255, 255);"> website builder. </span><br /><span style="color: rgb(255, 255, 255);">© Tilda Publishing, 2015-2024 All rights reserved. Any reproduction and redistribution of the content is prohibited. Please read our </span><a href="https://tilda.education/en/terms" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Terms of Service</a><span style="color: rgb(255, 255, 255);"> and </span><a href="https://tilda.education/en/privacy" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Privacy Policy</a><span style="color: rgb(255, 255, 255);">. For any questions, contact us at </span><a href="mailto:team@tilda.cc" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">team@tilda.cc</a><br /><p style="text-align: center;"><span style="color: rgb(255, 255, 255);"> </span></p></div></div> </div> </div> </div> </div> </div> <style>.csssize{height:4743px}.t-body{margin:0}#allrecords_footer{-webkit-font-smoothing:antialiased;background-color:none}#allrecords_footer a{color:#ff8562;text-decoration:none}#allrecords_footer a,#allrecords_footer button,#allrecords_footer .t-radio,#allrecords_footer .t-checkbox,#allrecords_footer .t-img-select{outline:none}#allrecords_footer a:focus-visible,#allrecords_footer button:focus-visible,#allrecords_footer .t-focusable,#allrecords_footer .t-focusable .t-btn,#allrecords_footer .t-focusable .t-btntext,#allrecords_footer .t-img-select:focus-visible+.t-img-select__indicator,#allrecords_footer .t-img-select:focus-visible+.t-img-select__indicator:after,#allrecords_footer .t-radio:focus-visible+.t-radio__indicator,#allrecords_footer .t-checkbox:focus-visible+.t-checkbox__indicator{outline-color:#2015FF;outline-offset:4px;outline-style:auto}#allrecords_footer .t-descr a:focus-visible,#allrecords_footer .t-sociallinks a:focus-visible,#allrecords_footer .ya-share2__link:focus-visible{outline-offset:2px}#allrecords_footer a[href^=tel]{color:inherit;text-decoration:none}#allrecords_footer ol{padding-left:22px}#allrecords_footer ul{padding-left:20px}#allrecords_footer b,#allrecords_footer strong{font-weight:700}@media print{body,html{min-width:1200px;max-width:1200px;padding:0;margin:0 auto;border:none}}.t-records_footer{-webkit-font_smoothing:antialiased;background-color:none}.t-records_footer a{color:#ff8562;text-decoration:none}.t-records_footer a[href^=tel]{color:inherit;text-decoration:none}.t-records_footer ol{padding-left:22px;margin-top:0;margin-bottom:10px}.t-records_footer ul{padding-left:20px;margin-top:0;margin-bottom:10px}.t-mbfix{opacity:.01;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);position:fixed;width:100%;height:500px;background-color:white;top:0;left:0;z-index:10000;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.t-mbfix_hide{-webkit-transform:translateX(3000px);-ms-transform:translateX(3000px);transform:translateX(3000px)}img:not([src]){visibility:hidden}.t-body_scroll-locked{position:fixed;left:0;width:100%;height:100%;overflow:hidden}.r_anim{-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.r_hidden{opacity:0}.r_showed{opacity:1}@media screen and (max-width:1024px){a:active,button:active{-webkit-tap-highlight-color:rgba(255,255,255,.1)}}.t-text_footer{font-family:'TildaSans',Arial,sans-serif;font-weight:400;color:#000000}.t-text_footer_xs{font-size:15px;line-height:1.55}.t-name{font-family:'TildaSans',Arial,sans-serif;font-weight:600;color:#000000}.t-name_md{font-size:20px;line-height:1.35}.t-title_footer{font-family:'TildaSans',Arial,sans-serif;font-weight:600;color:#000000}.t-tildalabel{background-color:#000;color:#fff;width:100%;height:70px;font-family:Arial;font-size:14px}.t-tildalabel:hover .t-tildalabel__wrapper{opacity:1}.t-tildalabel__wrapper{display:table;height:30px;width:270px;margin:0 auto;padding-top:20px;opacity:.4}.t-tildalabel__txtleft{display:table-cell;width:120px;height:30px;vertical-align:middle;text-align:right;padding-right:12px;font-weight:300;font-size:12px}.t-tildalabel__wrapimg{display:table-cell;width:30px;height:30px;vertical-align:middle}.t-tildalabel__img{width:30px;height:30px;vertical-align:middle}.t-tildalabel__txtright{display:table-cell;width:120px;height:30px;vertical-align:middle;padding-left:12px;font-weight:500;letter-spacing:2px}.t-tildalabel__link{color:#fff;text-decoration:none;vertical-align:middle}.t-rec_pt_0{padding-top:0}.t-rec_pt_30{padding-top:30px}.t-rec_pt_75{padding-top:75px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_60{padding-bottom:60px}@media screen and (max-width:1200px){.t-text_footer_xs{font-size:14px}.t-name_md{font-size:18px}}@media screen and (max-width:640px){.t-text_footer_xs{font-size:12px;line-height:1.45}.t-name_md{font-size:16px}}@media screen and (max-width:480px){.t-rec_pt_0{padding-top:0}.t-rec_pt_30{padding-top:30px}.t-rec_pt_75{padding-top:75px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_60{padding-bottom:60px}.t-rec_pt-res-480_60{padding-top:60px!important}}.t396{-webkit-text_footer-size-adjust:100%}.t396__iframe{z-index:10000;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;border:0}.t396__body_overflow_hidden{overflow:hidden}.t396__display_none{display:none}.t396__artboard{position:relative;width:100%;height:100vh;overflow:hidden}.t396__artboard .t396__artboard_scale{overflow:visible}.t396__artboard.t396__artboard_scale .t396__elem[data-elem-type="text"] .tn-atom{word-break:normal;-moz-osx-font-smoothing:grayscale}.t396__artboard_scale .t396__carrier,.t396__artboard_scale .t396__filter{transform-origin:top left}.tn-atom__scale-wrapper{width:inherit;height:inherit}.t396__elem .tn-atom__scale-wrapper .tn-atom{width:inherit;height:inherit!important;box-sizing:border-box}.t396__artboard.rendering .tn-elem{visibility:hidden}.t396__artboard.rendered .tn-elem{visibility:visible}.t396__carrier{position:absolute;left:0;top:0;z-index:0;width:100%;height:100vh;-moz-transform:unset}.t396__filter{position:absolute;left:0;top:0;z-index:1;width:100%;height:100vh;transform:translateZ(0)}.t396__elem{position:absolute;box-sizing:border-box;display:table}.t396 .tn-atom{display:table-cell;vertical-align:middle;width:100%;-webkit-text_footer-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}@media screen and (max-width:959px){.t396_safari .t396__artboard_scale .tn-atom{-webkit-text_footer-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto}}.t396 .tn-atom ul,.t396 .tn-atom ol{margin-bottom:0}.t396_safari .tn-atom:not(.tn-atom__form){transform:translateZ(0)}.t396 a.tn-atom{text-decoration:none}.t396 .tn-atom__img{width:100%;display:block}.t396 .tn-atom__html{vertical-align:top}.t396 .tn-atom__pin{border-radius:1000px;border-style:solid}.t396 .tn-atom__pin_onclick{cursor:pointer}.t396 .tn-atom__tip{position:absolute;box-sizing:border-box;width:300px;max-width:90vw;padding:15px;display:none}.t396 .tn-atom__pin:hover .tn-atom__tip{display:none}.t396 .tn-atom__tip-img{width:100%;display:block;margin-bottom:10px}.t396 .tn-atom__tip[data-tip-pos=top]{bottom:100%;margin-bottom:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=bottom]{top:100%;margin-top:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=left]{right:100%;margin-right:15px;top:50%;transform:translateY(-50%)}.t396 .tn-atom__tip[data-tip-pos=right]{left:100%;margin-left:15px;top:50%;transform:translateY(-50%)}.t396__ui{position:absolute;top:16px;left:196px;background-color:#fa876b;color:#000!important;height:30px;line-height:30px;width:100px;z-index:1000;text-align:center;border-radius:3px;display:none;font-size:14px}.t396__artboard.t396__artboard-fixed-active{transform:none!important;opacity:1!important}.t396__artboard-fixed-no-bg,.t396__artboard-fixed-innactive,.t396__artboard-fixed-innactive .t396__elem,.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem{pointer-events:none}.t396__artboard-fixed-no-bg .t396__elem{pointer-events:auto}.t396__elem-flex{position:relative!important;left:initial!important;top:initial!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-negative:0;flex-shrink:0}.t188__wrapone{position:relative;right:50%;float:right}.t188__wraptwo{position:relative;z-index:1;right:-50%}.t188__wrapper{display:-webkit-flex;display:flex;justify-content:center;-webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify}.t188 .t-sociallinks__item,.t188__sociallinkimg{display:inline-block;padding-left:5px;padding-right:5px}#allrecords_footer .t188 ul.t-sociallinks__wrapper{margin-bottom:0;padding-left:0;list-style:none}.t188 .t-sociallinks__item a{display:inline-block}.t188__imgwrapper{background-size:contain;background-repeat:no-repeat;background-position:center}.t046__text{text-align:center;padding-top:10px;padding-bottom:4px}.t-menusub__menu{display:none}.t456__imglogo{display:block;height:auto;margin-right:30px}.t456__linewrapper{position:absolute;bottom:0;left:0;width:100%}.t456__horizontalline{margin:0;border:0;background-color:#C2C2C2;height:1px;right:0;bottom:0;margin:0 40px 0 40px}.t456__imglogo{max-width:300px}.t456__leftwrapper{display:table-cell;vertical-align:middle;padding-left:40px}.t456__rightwrapper{display:table-cell;vertical-align:middle;padding-right:40px;width:100%}.t456__menualign_left{text-align:left}.t456__menualign_right{text-align:right}.t456__menualign_center{text-align:center}@media screen and (max-width:1200px){.t456__leftwrapper{padding-left:20px}.t456__rightwrapper{padding-right:20px}}.t456{width:100%;height:80px;z-index:990;position:fixed;top:0;box-shadow:0 1px 3px rgba(0,0,0,0);transition:background-color 300ms linear}.t456__beforeready{visibility:hidden}.t456 ul{margin:0}.t456__maincontainer{width:100%;height:80px;display:table;position:relative}.t456__maincontainer.t456__c12collumns{max-width:1200px;margin:0 auto}.t456__logo{display:inline-block;font-size:24px;font-weight:400;white-space:nowrap;padding-right:30px}.t456__list{list-style-type:none;margin:0;padding:0!important}.t456__list_item{clear:both;font-family:'TildaSans',Arial,sans-serif;font-size:16px;display:inline-block;padding-left:15px;padding-right:15px;margin:0;color:#000000;white-space:nowrap}.t456__list_item .t-active{opacity:.7}.t456__list_item:first-child{padding-left:0}.t456__list_item:last-child{padding-right:0}.t456 a,#allrecords_footer .t456 a{text-decoration:none;color:#000000}.t456.t456__positionabsolute{position:absolute}.t456.t456__positionfixed{position:fixed}.t456.t456__positionstatic{position:static}.t456__mobile{display:none}@media screen and (max-width:980px){.t456__linewrapper{display:none}.t456{position:static;text-align:center;display:block;margin:0;padding:0;height:auto!important}.t456.t456__positionabsolute,.t456.t456__positionfixed,.t456.t456__positionstatic{position:relative}.t456__imglogo{width:auto!important;box-sizing:border-box;padding:20px;margin:0 auto}.t456__imglogomobile.t456__imglogo{width:100%!important}.t456__logo{text-align:center;margin:20px}.t456 img{float:inherit}.t456 .t456__list_item{display:block;text-align:center;padding:10px!important;white-space:normal}.t456__logo{white-space:normal;padding:0}.t456__logowrapper{position:static;display:block;width:100%}.t456__logowrapper2{display:block;position:static}.t456__leftwrapper,.t456__rightwrapper{width:100%!important;display:block}.t456__leftwrapper{padding:20px;box-sizing:border-box}.t456__rightwrapper{padding:20px 0!important;box-sizing:border-box}.t456__list{display:block;padding:0!important}}</style><div style="clear: both;"></div> <div class="te-popup te-popup_opened" id="popup_login" > <a class="te-popup__overlay js-te-popup-close" href="#"></a> <a class="te-popup__close js-te-popup-close" href="#"> <img src="/images/close.svg"> </a> <div class="te-popup__wrap"> <div class="te-popup-window"> <div class="te-popup__header">Tilda education</div> <div class="te-popup__info"> <div class="te-popup__description">Log in to continue reading </div> <ul class="te-popup__buttons"> <li style="cursor: pointer"> <span class="te-popup__btn te-popup__btn-tilda js-socnet-login" data-provider="tilda"> <div class="te-popup__btn__icon"><img src="/images/tilda_logo_white.svg"></div> <span>Continue with Tilda</span> </span> </li> </ul> <div style="margin-bottom: 20px;"> <span id="another_login_methods" style="color: #222222; border-bottom: solid 1px #fa633f; cursor: pointer; opacity: 50%;">Other login methods</span> </div> <ul class="te-popup__buttons alternative" style="display: none"> <li> <a class="te-popup__btn te-popup__btn-google js-socnet-login" data-provider="google" href="/login/"> <div class="te-popup__btn__icon"><img src="/images/google.svg"></div> <span>Continue with Google</span> </a> </li> </ul> </div> <div class="te-popup__hint"> <span>By logging in, you agree to our </span> <a href="/en/terms" target="blank">Terms of Service</a> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $("#another_login_methods").click(function() { let block = $('.te-popup__buttons.alternative'); let display = block.css('display'); if (display === 'block') { block.css('display', 'none'); } else { block.css('display', 'block'); } }); $(".js-socnet-login").click(function(){ var provider = $(this).data('provider'); var $popup = $('#popup_login'); var target = $popup.data('target') || ''; console.log(provider); if (provider === 'tilda') { let bu = window.location.href; console.log(bu); window.location.replace('https://tilda.cc/identity/goeducation/?bu=' + bu); return true; } $.post('/login/submit/' + provider + '.php', {'action':'geturl', 'backurl': window.location.href+target}, function(json){ if (json.error && json.error > '') { alert('When authorizing via social network, an error occurred ['+ json.error + ']. Try again.'); } else if ( json.redirect && json.redirect > '' ) { window.location.href = json.redirect; } else if (json.activation == 1 && json.userid > 0) { window.location.href = '/identity/activationemail/?activation=1'; } else if(json.userid > 0) { window.location.href = '/en/'; } },'json' ); return false; }); }); </script> <script type="text/javascript" src="/static/project4102777/js/tilda-polyfill-1.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-scripts-3.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-blocks-page19528180.min.js"></script><script type="text/javascript" src="/static/project4102777/js/lazyload-1.3.min.export.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-animation-2.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-zero-1.1.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-menu-1.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-animation-sbs-1.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-zero-scale-1.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-skiplink-1.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-events-1.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-education-langs-dropdown.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-stat-1.0.min.js"></script> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-64185315-1', 'auto'); ga('send', 'pageview'); (function(d) { var config = { kitId: 'wrw2dmr', scriptTimeout: 3000 }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script>  <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter41832319 = new Ya.Metrika({ id:41832319, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/41832319" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <script> setTimeout(function(){ !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='pltilda'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '503932973940614'); fbq('track', 'PageView'); }, 2000); </script>   <script type="text/javascript"> $(document).ready(function(){ $('#allrecords').data('tilda-statscroll','yes'); }); (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, '0bc3fa44a26a9e23465074e623f28e7f','script','https://stat.tildacdn.com/js/tildastat-0.2.min.js'); </script> <style> .ya-share2__item_service_facebook { display: none !important; } </style> </body> </html>