CINXE.COM

<!DOCTYPE html> <html> <head> <title>Cards Appear 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 animate the appearance of cards on hover using Tilda website builder" /> <meta property="og:url" content="https://tilda.education/en/courses/webanimation/cardsonhover/" /> <meta property="og:image" content="https://tilda.education/upload/covers/76a/76a2840bff99cc71402a8e94aa81c64c.png" /> <meta property="og:title" content="Cards Appear on Hover" /> <meta property="og:description" content="How to animate the appearance of cards 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/cardsonhover/"/>  <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-page19528188.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>28. Cards Appear 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 "> <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 te-header__dropdown__item_active"> <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="19528188" data-tilda-page-alias="cardsonhover" data-tilda-formskey="63929bce882ea22ca2a724c682045d6f" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec315274517" 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('#rec315274517');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="rec315274518" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396">  <style>#rec315274518 .t396__artboard {height:550px;overflow:visible;}#rec315274518 .t396__filter {height:550px;}#rec315274518 .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) {#rec315274518 .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);}#rec315274518 .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) {#rec315274518 .t396__artboard,#rec315274518 .t396__filter,#rec315274518 .t396__carrier {height:430px;}#rec315274518 .t396__filter {}#rec315274518 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315274518 .t396__artboard,#rec315274518 .t396__filter,#rec315274518 .t396__carrier {height:370px;}#rec315274518 .t396__filter {}#rec315274518 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315274518 .t396__artboard,#rec315274518 .t396__filter,#rec315274518 .t396__carrier {height:330px;}#rec315274518 .t396__filter {}#rec315274518 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315274518 .t396__artboard,#rec315274518 .t396__filter,#rec315274518 .t396__carrier {height:300px;}#rec315274518 .t396__filter {}#rec315274518 .t396__carrier {background-attachment:scroll;}}#rec315274518 .tn-elem[data-elem-id="1518083005456"]{color:#000000;text-align:center;z-index:2;top:260px;left:calc(50% - 600px + 311px);width:579px;}#rec315274518 .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) {#rec315274518 .tn-elem[data-elem-id="1518083005456"] {top:220px;left:calc(50% - 480px + 276px);width:409px;}#rec315274518 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:44px;}}@media screen and (max-width:959px) {#rec315274518 .tn-elem[data-elem-id="1518083005456"] {top:200px;left:calc(50% - 320px + 176px);width:288px;}#rec315274518 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:34px;letter-spacing:1px;}}@media screen and (max-width:639px) {#rec315274518 .tn-elem[data-elem-id="1518083005456"] {top:190px;left:calc(50% - 240px + 130px);width:220px;}#rec315274518 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:26px;}}@media screen and (max-width:479px) {#rec315274518 .tn-elem[data-elem-id="1518083005456"] {top:188px;left:calc(50% - 160px + 19px);width:283px;}#rec315274518 .tn-elem[data-elem-id="1518083005456"] .tn-atom{font-size:20px;}}#rec315274518 .tn-elem[data-elem-id="1621010979046"]{z-index:3;top:120px;left:calc(50% - 600px + 516px);width:169px;}#rec315274518 .tn-elem[data-elem-id="1621010979046"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274518 .tn-elem[data-elem-id="1621010979046"] {top:88px;left:calc(50% - 480px + 395px);}}@media screen and (max-width:959px) {#rec315274518 .tn-elem[data-elem-id="1621010979046"] {top:88px;left:calc(50% - 320px + 248px);width:144px;}}@media screen and (max-width:639px) {#rec315274518 .tn-elem[data-elem-id="1621010979046"] {top:66px;left:calc(50% - 240px + 171px);width:138px;}}@media screen and (max-width:479px) {#rec315274518 .tn-elem[data-elem-id="1621010979046"] {top:58px;left:calc(50% - 160px + 100px);width:121px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315274518" 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="300" data-artboard-height-res-480="330" data-artboard-height-res-640="370" data-artboard-height-res-960="430"> <div class="t396__carrier-wrapper"> <div class="t396__carrier" data-artboard-recid="315274518"></div> </div> <div class="t396__filter" data-artboard-recid="315274518"></div> <div class='t396__elem tn-elem tn-elem__3152745181518083005456' data-elem-id='1518083005456' data-elem-type='text' data-field-top-value="260" data-field-left-value="311" data-field-width-value="579" 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="283" data-field-top-res-480-value="190" data-field-left-res-480-value="130" data-field-width-res-480-value="220" data-field-top-res-640-value="200" data-field-left-res-640-value="176" data-field-width-res-640-value="288" data-field-top-res-960-value="220" data-field-left-res-960-value="276" data-field-width-res-960-value="409"> <h1 class='tn-atom'field='tn_text_1518083005456'>CARDS APPEAR ON HOVER</h1> </div> <div class='t396__elem tn-elem tn-elem__3152745181621010979046' data-elem-id='1621010979046' 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_1621010979046' /> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315274518');});});</script>  </div> <div id="rec315274519" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="396">  <style>#rec315274519 .t396__artboard {height:270px;background-color:#ffffff;}#rec315274519 .t396__filter {height:270px;}#rec315274519 .t396__carrier{height:270px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315274519 .t396__artboard,#rec315274519 .t396__filter,#rec315274519 .t396__carrier {}#rec315274519 .t396__filter {}#rec315274519 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315274519 .t396__artboard,#rec315274519 .t396__filter,#rec315274519 .t396__carrier {}#rec315274519 .t396__filter {}#rec315274519 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315274519 .t396__artboard,#rec315274519 .t396__filter,#rec315274519 .t396__carrier {}#rec315274519 .t396__filter {}#rec315274519 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315274519 .t396__artboard,#rec315274519 .t396__filter,#rec315274519 .t396__carrier {}#rec315274519 .t396__filter {}#rec315274519 .t396__carrier {background-attachment:scroll;}}#rec315274519 .tn-elem[data-elem-id="1576096963047"]{z-index:3;top:80px;left:calc(50% - 600px + 240px);width:460px;height:383px;}#rec315274519 .tn-elem[data-elem-id="1576096963047"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec315274519 .tn-elem[data-elem-id="1576096963047"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec315274519 .tn-elem[data-elem-id="1576096963047"] {top:95px;left:calc(50% - 320px + 120px);}}@media screen and (max-width:639px) {#rec315274519 .tn-elem[data-elem-id="1576096963047"] {top:75px;left:calc(50% - 240px + 11px);}}@media screen and (max-width:479px) {#rec315274519 .tn-elem[data-elem-id="1576096963047"] {top:99px;left:calc(50% - 160px + -98px);width:418px;}}#rec315274519 .tn-elem[data-elem-id="1576063941036"]{color:#000000;z-index:4;top:5px;left:calc(50% - 600px + 20px);width:300px;}#rec315274519 .tn-elem[data-elem-id="1576063941036"] .tn-atom{color:#000000;font-size:49px;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) {}@media screen and (max-width:479px) {#rec315274519 .tn-elem[data-elem-id="1576063941036"] {top:5px;left:calc(50% - 160px + 10px);width:300px;}#rec315274519 .tn-elem[data-elem-id="1576063941036"] .tn-atom{font-size:45px;}}#rec315274519 .tn-elem[data-elem-id="1576064007737"]{z-index:5;top:135px;left:calc(50% - 600px + 740px);width:30px;height:63px;}@media (min-width:1200px) {#rec315274519 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576064007737"] {opacity:0;}}#rec315274519 .tn-elem[data-elem-id="1576064007737"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec315274519 .tn-elem[data-elem-id="1576064007737"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec315274519 .tn-elem[data-elem-id="1576064007737"] {top:140px;left:calc(50% - 480px + 691px);}}@media screen and (max-width:959px) {#rec315274519 .tn-elem[data-elem-id="1576064007737"] {top:150px;left:calc(50% - 320px + 590px);}}@media screen and (max-width:639px) {#rec315274519 .tn-elem[data-elem-id="1576064007737"] {top:157px;left:calc(50% - 240px + 440px);}}@media screen and (max-width:479px) {#rec315274519 .tn-elem[data-elem-id="1576064007737"] {top:190px;left:calc(50% - 160px + 280px);}}#rec315274519 .tn-elem[data-elem-id="1576064007748"]{color:#000000;z-index:6;top:75px;left:calc(50% - 600px + 620px);width:150px;}@media (min-width:1200px) {#rec315274519 .tn-elem.t396__elem--anim-hidden[data-elem-id="1576064007748"] {opacity:0;}}#rec315274519 .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) {#rec315274519 .tn-elem[data-elem-id="1576064007748"] {top:80px;left:calc(50% - 480px + 571px);}}@media screen and (max-width:959px) {#rec315274519 .tn-elem[data-elem-id="1576064007748"] {top:90px;left:calc(50% - 320px + 470px);}}@media screen and (max-width:639px) {#rec315274519 .tn-elem[data-elem-id="1576064007748"] {top:95px;left:calc(50% - 240px + 370px);width:118px;}}@media screen and (max-width:479px) {#rec315274519 .tn-elem[data-elem-id="1576064007748"] {top:135px;left:calc(50% - 160px + 210px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315274519" data-artboard-screens="320,480,640,960,1200" data-artboard-height="270" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="315274519"></div> <div class="t396__filter" data-artboard-recid="315274519"></div> <div class='t396__elem tn-elem tn-elem__3152745191576096963047' data-elem-id='1576096963047' data-elem-type='image' data-field-top-value="80" data-field-left-value="240" data-field-height-value="383" 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-filewidth-value="535" data-field-fileheight-value="446" data-field-top-res-320-value="99" data-field-left-res-320-value="-98" data-field-width-res-320-value="418" data-field-top-res-480-value="75" data-field-left-res-480-value="11" data-field-top-res-640-value="95" data-field-left-res-640-value="120"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3834-3266-4263-a338-386461326330/Vector_37.svg' alt='' imgfield='tn_img_1576096963047' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745191576063941036' data-elem-id='1576063941036' data-elem-type='text' data-field-top-value="5" data-field-left-value="20" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="10" data-field-width-res-320-value="300"> <div class='tn-atom'field='tn_text_1576063941036'>Make a page content guide</div> </div> <div class='t396__elem tn-elem tn-elem__3152745191576064007737 ' data-elem-id='1576064007737' data-elem-type='image' data-field-top-value="135" data-field-left-value="740" 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-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="190" data-field-left-res-320-value="280" data-field-top-res-480-value="157" data-field-left-res-480-value="440" data-field-top-res-640-value="150" data-field-left-res-640-value="590" data-field-top-res-960-value="140" data-field-left-res-960-value="691"> <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__3152745191576064007748 ' data-elem-id='1576064007748' data-elem-type='text' data-field-top-value="75" data-field-left-value="620" data-field-width-value="150" 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-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="135" data-field-left-res-320-value="210" data-field-top-res-480-value="95" data-field-left-res-480-value="370" data-field-width-res-480-value="118" data-field-top-res-640-value="90" data-field-left-res-640-value="470" data-field-top-res-960-value="80" data-field-left-res-960-value="571"> <div class='tn-atom'field='tn_text_1576064007748'>Hover over any section to learn more about it</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315274519');});});</script>  </div> <div id="rec315274520" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec315274520 .t396__artboard {min-height:550px;height:100vh;background-color:#ffffff;}#rec315274520 .t396__filter {min-height:550px;height:100vh;}#rec315274520 .t396__carrier{min-height:550px;height:100vh;background-position:center center;background-attachment:scroll;background-image:url('https://static.tildacdn.com/tild3364-6264-4734-a532-613835353231/yj-lee-2tqgncrF0DM-u.jpg');background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315274520 .t396__artboard,#rec315274520 .t396__filter,#rec315274520 .t396__carrier {min-height:520px;}#rec315274520 .t396__artboard {background-color:#ffffff;}#rec315274520 .t396__filter{}#rec315274520 .t396__carrier {background-position:center center;background-image:url('https://static.tildacdn.com/tild3364-6264-4734-a532-613835353231/yj-lee-2tqgncrF0DM-u.jpg');background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315274520 .t396__artboard,#rec315274520 .t396__filter,#rec315274520 .t396__carrier {}#rec315274520 .t396__filter {}#rec315274520 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315274520 .t396__artboard,#rec315274520 .t396__filter,#rec315274520 .t396__carrier {}#rec315274520 .t396__filter {}#rec315274520 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315274520 .t396__artboard,#rec315274520 .t396__filter,#rec315274520 .t396__carrier {min-height:760px;}#rec315274520 .t396__artboard {background-color:#ffffff;}#rec315274520 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.5));background-color:unset;will-change:transform;}#rec315274520 .t396__carrier {background-position:center center;background-image:url('https://static.tildacdn.com/tild3364-6264-4734-a532-613835353231/yj-lee-2tqgncrF0DM-u.jpg');background-attachment:scroll;}}#rec315274520 .tn-elem[data-elem-id="1575143796189"]{z-index:3;top:-188px;left:-70px;width:110%;height:1027px;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1575143796189"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1575143796189"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec315274520 .tn-elem[data-elem-id="1575143796189"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1575143796189"] {top:-134px;left:-154px;width:130%;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1575143796189"] {top:0px;left:0px;width:190%;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1575143796189"] {top:0px;left:0px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575143796189"] {top:-1px;left:0px;width:1500px;}}#rec315274520 .tn-elem[data-elem-id="1575144313652"]{z-index:4;top:-190px;left:-70px;width:110%;height:1029px;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1575144313652"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1575144313652"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec315274520 .tn-elem[data-elem-id="1575144313652"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1575144313652"] {top:-135px;left:-154px;width:130%;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1575144313652"] {top:0px;left:0px;width:190%;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1575144313652"] {top:0px;left:0px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575144313652"] {top:0px;left:0px;width:1500px;}}#rec315274520 .tn-elem[data-elem-id="1575144447500"]{z-index:5;top:-188px;left:-70px;width:110%;height:1027px;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1575144447500"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1575144447500"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec315274520 .tn-elem[data-elem-id="1575144447500"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1575144447500"] {top:-134px;left:-154px;width:130%;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1575144447500"] {top:0px;left:0px;width:190%;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1575144447500"] {top:0px;left:4px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575144447500"] {top:-1px;left:0px;width:1500px;}}#rec315274520 .tn-elem[data-elem-id="1575145480718"]{z-index:6;top:-188px;left:-70px;width:110%;height:1027px;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1575145480718"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1575145480718"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec315274520 .tn-elem[data-elem-id="1575145480718"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1575145480718"] {top:-134px;left:-154px;width:130%;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1575145480718"] {top:0px;left:0px;width:190%;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1575145480718"] {top:0px;left:0px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575145480718"] {top:-1px;left:0px;width:1500px;}}#rec315274520 .tn-elem[data-elem-id="1575145634063"]{z-index:7;top:-186px;left:-70px;width:110%;height:1022px;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1575145634063"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1575145634063"] .tn-atom {border-radius:0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec315274520 .tn-elem[data-elem-id="1575145634063"] .tn-atom__img {border-radius:0px 0px 0px 0pxpx;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1575145634063"] {top:-132px;left:-154px;width:130%;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1575145634063"] {top:0px;left:0px;width:190%;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1575145634063"] {top:0px;left:0px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575145634063"] {top:-1px;left:0px;width:1500px;}}#rec315274520 .tn-elem[data-elem-id="1570716323591"]{z-index:8;top:0px;left:0px;width:110%;height:110%;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570716323591"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570716323591"] .tn-atom {border-radius:0px;opacity:0.25;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570716323591"] {top:-32px;left:-51px;width:110%;height:110%;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570716323591"] {top:0px;left:0px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570716323591"] {top:-39px;left:697px;}}#rec315274520 .tn-elem[data-elem-id="1570708427721"]{z-index:9;top:calc(100vh - 41px + 0px);left:0px;width:20%;height:41%;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570708427721"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570708427721"] .tn-atom {border-radius:0px;opacity:0;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570708427721"] {top:calc(550px - 41% + 4px);left:0px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570708427721"] {top:calc(550px - 41% + 0px);left:0px;width:320px;height:19%;}}#rec315274520 .tn-elem[data-elem-id="1570708437926"]{z-index:10;top:calc(100vh - 41px + 0px);left:20px;width:20%;height:41%;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570708437926"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570708437926"] .tn-atom {border-radius:0px;opacity:0;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570708437926"] {top:calc(550px - 41% + 4px);left:20px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570708437926"] {top:calc(550px - 41% + 604px);left:0px;width:320px;height:148px;}}#rec315274520 .tn-elem[data-elem-id="1570708440395"]{z-index:11;top:calc(100vh - 41px + 0px);left:40px;width:20%;height:41%;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570708440395"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570708440395"] .tn-atom {border-radius:0px;opacity:0;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570708440395"] {top:calc(550px - 41% + 4px);left:40px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570708440395"] {top:calc(550px - 41% + 300px);left:2px;width:318px;height:148px;}}#rec315274520 .tn-elem[data-elem-id="1570708442708"]{z-index:12;top:calc(100vh - 41px + 0px);left:60px;width:20%;height:41%;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570708442708"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570708442708"] .tn-atom {border-radius:0px;opacity:0;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570708442708"] {top:calc(550px - 41% + 4px);left:60px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570708442708"] {top:calc(550px - 41% + 456px);left:0px;width:320px;height:19%;}}#rec315274520 .tn-elem[data-elem-id="1570730843081"]{z-index:13;top:calc(100vh - 41px + 0px);left:80px;width:20%;height:41%;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570730843081"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570730843081"] .tn-atom {border-radius:0px;opacity:0;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570730843081"] {top:calc(550px - 41% + 4px);left:80px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570730843081"] {top:calc(550px - 41% + 148px);left:0px;width:320px;height:19%;}}#rec315274520 .tn-elem[data-elem-id="1570747183402"]{z-index:14;top:calc(100vh - 82px + -182px);left:0px;width:20%;height:82px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570747183402"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570747183402"] .tn-atom {border-radius:0px;opacity:0.6;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570747183402"] {top:calc(550px - 82px + -182px);left:0px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570747183402"] {top:calc(550px - 82px + -452px);left:49px;width:22%;height:20%;}}#rec315274520 .tn-elem[data-elem-id="1570712611956"]{color:#ffffff;text-align:center;z-index:15;top:calc(100vh + -213px);left:0px;width:20%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570712611956"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570712611956"] .tn-atom{color:#ffffff;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570712611956"] {top:calc(550px + -213px);left:0px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570712611956"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570712611956"] {top:calc(550px + 67px);left:110px;width:100px;}}#rec315274520 .tn-elem[data-elem-id="1570747912228"]{z-index:16;top:calc(100vh - 82px + -182px);left:20px;width:20%;height:82px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570747912228"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570747912228"] .tn-atom {border-radius:0px;opacity:0.6;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570747912228"] {top:calc(550px - 82px + -182px);left:20px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570747912228"] {top:calc(550px - 82px + -87px);left:82px;width:18%;height:12%;}}#rec315274520 .tn-elem[data-elem-id="1570712909338"]{color:#ffffff;text-align:center;z-index:17;top:calc(100vh + -213px);left:20px;width:20%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570712909338"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570712909338"] .tn-atom{color:#ffffff;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570712909338"] {top:calc(550px + -213px);left:20px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570712909338"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570712909338"] {top:calc(550px + 667px);left:110px;width:100px;}}#rec315274520 .tn-elem[data-elem-id="1570747918169"]{z-index:18;top:calc(100vh - 82px + -182px);left:40px;width:20%;height:82px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570747918169"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570747918169"] .tn-atom {border-radius:0px;opacity:0.6;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570747918169"] {top:calc(550px - 82px + -182px);left:40px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570747918169"] {top:calc(550px - 82px + -87px);left:105px;width:18%;height:15%;}}#rec315274520 .tn-elem[data-elem-id="1570712914501"]{color:#ffffff;text-align:center;z-index:19;top:calc(100vh + -213px);left:40px;width:20%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570712914501"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570712914501"] .tn-atom{color:#ffffff;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570712914501"] {top:calc(550px + -213px);left:40px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570712914501"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570712914501"] {top:calc(550px + 367px);left:110px;width:100px;}}#rec315274520 .tn-elem[data-elem-id="1570747923881"]{z-index:20;top:calc(100vh - 82px + -182px);left:60px;width:20%;height:82px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570747923881"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570747923881"] .tn-atom {border-radius:0px;opacity:0.6;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570747923881"] {top:calc(550px - 82px + -182px);left:60px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570747923881"] {top:calc(550px - 82px + -880px);left:155px;}}#rec315274520 .tn-elem[data-elem-id="1570712919348"]{color:#ffffff;text-align:center;z-index:21;top:calc(100vh + -213px);left:60px;width:20%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570712919348"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570712919348"] .tn-atom{color:#ffffff;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570712919348"] {top:calc(550px + -213px);left:60px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570712919348"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570712919348"] {top:calc(550px + 517px);left:110px;width:100px;}}#rec315274520 .tn-elem[data-elem-id="1570747927893"]{z-index:22;top:calc(100vh - 82px + -182px);left:80px;width:20%;height:82px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570747927893"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570747927893"] .tn-atom {border-radius:0px;opacity:0.6;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570747927893"] {top:calc(550px - 82px + -182px);left:80px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570747927893"] {top:calc(550px - 82px + -877px);left:130px;}}#rec315274520 .tn-elem[data-elem-id="1570731107234"]{color:#ffffff;text-align:center;z-index:23;top:calc(100vh + -213px);left:80px;width:20%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570731107234"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570731107234"] .tn-atom{color:#ffffff;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;letter-spacing:3px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570731107234"] {top:calc(550px + -213px);left:80px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570731107234"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570731107234"] {top:calc(550px + 217px);left:110px;width:100px;}}#rec315274520 .tn-elem[data-elem-id="1570740715311"]{z-index:24;top:calc(100vh - 200px + 212px);left:0px;width:20%;height:200px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570740715311"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570740715311"] .tn-atom {border-radius:0px;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570740715311"] {top:calc(550px - 200px + 17px);left:0px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570740715311"] {top:calc(550px - 200px + 91px);left:0px;height:284px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570740715311"] {top:calc(550px - 200px + 175px);left:0px;height:370px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570740715311"] {top:calc(550px - 200px + -160px);left:-546px;width:110%;height:150px;}}#rec315274520 .tn-elem[data-elem-id="1570740898535"]{z-index:25;top:calc(100vh - 200px + 212px);left:20px;width:20%;height:200px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570740898535"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570740898535"] .tn-atom {border-radius:0px;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570740898535"] {top:calc(550px - 200px + 17px);left:20px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570740898535"] {top:calc(550px - 200px + 91px);left:20px;height:284px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570740898535"] {top:calc(550px - 200px + 175px);left:20px;width:20%;height:370px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570740898535"] {top:calc(550px - 200px + -176px);left:-546px;width:110%;height:150px;}}#rec315274520 .tn-elem[data-elem-id="1570740906646"]{z-index:26;top:calc(100vh - 200px + 212px);left:40px;width:20%;height:200px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570740906646"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570740906646"] .tn-atom {border-radius:0px;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570740906646"] {top:calc(550px - 200px + 17px);left:40px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570740906646"] {top:calc(550px - 200px + 91px);left:40px;width:20%;height:284px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570740906646"] {top:calc(550px - 200px + 175px);left:40px;width:20%;height:370px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570740906646"] {top:calc(550px - 200px + -178px);left:-544px;width:110%;height:150px;}}#rec315274520 .tn-elem[data-elem-id="1570740915365"]{z-index:27;top:calc(100vh - 200px + 212px);left:60px;width:20%;height:200px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570740915365"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570740915365"] .tn-atom {border-radius:0px;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570740915365"] {top:calc(550px - 200px + 17px);left:60px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570740915365"] {top:calc(550px - 200px + 91px);left:60px;height:284px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570740915365"] {top:calc(550px - 200px + 175px);left:60px;height:370px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570740915365"] {top:calc(550px - 200px + -190px);left:-544px;width:110%;height:150px;}}#rec315274520 .tn-elem[data-elem-id="1570740919540"]{z-index:28;top:calc(100vh - 200px + 212px);left:80px;width:20%;height:200px;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570740919540"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570740919540"] .tn-atom {border-radius:0px;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570740919540"] {top:calc(550px - 200px + 17px);left:80px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570740919540"] {top:calc(550px - 200px + 91px);left:80px;height:284px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570740919540"] {top:calc(550px - 200px + 175px);left:80px;height:370px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570740919540"] {top:calc(550px - 200px + -184px);left:-544px;width:110%;height:150px;}}#rec315274520 .tn-elem[data-elem-id="1570717296409"]{color:#000000;z-index:29;top:calc(100vh + 169px);left:63px;width:15%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570717296409"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570717296409"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570717296409"] {top:calc(550px + -22px);left:62px;width:15%;}#rec315274520 .tn-elem[data-elem-id="1570717296409"] .tn-atom{font-size:12px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570717296409"] {top:calc(550px + 30px);left:62px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570717296409"] {top:calc(550px + 92px);left:63px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570717296409"] {top:calc(550px + -304px);left:-532px;width:280%;}}#rec315274520 .tn-elem[data-elem-id="1570717581246"]{color:#000000;z-index:30;top:calc(100vh + 169px);left:42px;width:15%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570717581246"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570717581246"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570717581246"] {top:calc(550px + -4px);left:42px;width:15%;}#rec315274520 .tn-elem[data-elem-id="1570717581246"] .tn-atom{font-size:12px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570717581246"] {top:calc(550px + 66px);left:43px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570717581246"] {top:calc(550px + 146px);left:43px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570717581246"] {top:calc(550px + -256px);left:-532px;width:280%;}}#rec315274520 .tn-elem[data-elem-id="1570717585229"]{color:#000000;z-index:31;top:calc(100vh + 169px);left:23px;width:15%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570717585229"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570717585229"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570717585229"] {top:calc(550px + -22px);left:21px;width:15%;}#rec315274520 .tn-elem[data-elem-id="1570717585229"] .tn-atom{font-size:12px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570717585229"] {top:calc(550px + 48px);left:21px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570717585229"] {top:calc(550px + 128px);left:23px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570717585229"] {top:calc(550px + -212px);left:-533px;width:280%;}}#rec315274520 .tn-elem[data-elem-id="1570717590591"]{color:#000000;z-index:32;top:calc(100vh + 148px);left:2px;width:15%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570717590591"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570717590591"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570717590591"] {top:calc(550px + -40px);left:2px;width:15%;}#rec315274520 .tn-elem[data-elem-id="1570717590591"] .tn-atom{font-size:12px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570717590591"] {top:calc(550px + -6px);left:3px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570717590591"] {top:calc(550px + 74px);left:3px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570717590591"] {top:calc(550px + -212px);left:-534px;width:280%;}}#rec315274520 .tn-elem[data-elem-id="1570731119429"]{color:#000000;z-index:33;top:calc(100vh + 148px);left:83px;width:15%;pointer-events:none;}#rec315274520 .tn-elem.t396__elem--anim-hidden[data-elem-id="1570731119429"] {opacity:0;}#rec315274520 .tn-elem[data-elem-id="1570731119429"] .tn-atom{color:#000000;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570731119429"] {top:calc(550px + -22px);left:83px;width:15%;}#rec315274520 .tn-elem[data-elem-id="1570731119429"] .tn-atom{font-size:12px;}}@media screen and (max-width:959px) {#rec315274520 .tn-elem[data-elem-id="1570731119429"] {top:calc(550px + 30px);left:83px;}}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1570731119429"] {top:calc(550px + 92px);left:83px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570731119429"] {top:calc(550px + -202px);left:-534px;width:280%;}}#rec315274520 .tn-elem[data-elem-id="1570712457922"]{z-index:34;top:0px;left:60px;width:1px;height:100%;}#rec315274520 .tn-elem[data-elem-id="1570712457922"] .tn-atom {border-radius:0px;opacity:0.3;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570712457922"] {top:0px;left:60px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570712457922"] {top:88px;left:-319px;}}#rec315274520 .tn-elem[data-elem-id="1570712416960"]{z-index:35;top:0px;left:20px;width:1px;height:100%;}#rec315274520 .tn-elem[data-elem-id="1570712416960"] .tn-atom {border-radius:0px;opacity:0.3;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570712416960"] {top:0px;left:20px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570712416960"] {top:93px;left:-289px;}}#rec315274520 .tn-elem[data-elem-id="1570712460551"]{z-index:36;top:0px;left:40px;width:1px;height:100%;}#rec315274520 .tn-elem[data-elem-id="1570712460551"] .tn-atom {border-radius:0px;opacity:0.3;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570712460551"] {top:0px;left:40px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570712460551"] {top:91px;left:-308px;}}#rec315274520 .tn-elem[data-elem-id="1570730877559"]{z-index:37;top:0px;left:80px;width:1px;height:100%;}#rec315274520 .tn-elem[data-elem-id="1570730877559"] .tn-atom {border-radius:0px;opacity:0.3;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315274520 .tn-elem[data-elem-id="1570730877559"] {top:0px;left:80px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1570730877559"] {top:67px;left:-341px;}}#rec315274520 .tn-elem[data-elem-id="1575647039175"]{z-index:38;top:calc(50vh - 275px + 1532px);left:calc(50% - 600px + -746px);width:100px;height:2px;pointer-events:none;}#rec315274520 .tn-elem[data-elem-id="1575647039175"] .tn-atom {border-radius:0px;background-color:#fff705;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575647039175"] {top:604px;left:calc(50% - 160px + 0px);width:100%;height:1px;}#rec315274520 .tn-elem[data-elem-id="1575647039175"] .tn-atom{background-color:#ffffff;}}#rec315274520 .tn-elem[data-elem-id="1575647196805"]{z-index:39;top:calc(50vh - 275px + 1542px);left:calc(50% - 600px + -736px);width:100px;height:2px;pointer-events:none;}#rec315274520 .tn-elem[data-elem-id="1575647196805"] .tn-atom {border-radius:0px;background-color:#fff705;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575647196805"] {top:300px;left:calc(50% - 160px + 0px);width:100%;height:1px;}#rec315274520 .tn-elem[data-elem-id="1575647196805"] .tn-atom{background-color:#ffffff;}}#rec315274520 .tn-elem[data-elem-id="1575647603959"]{z-index:40;top:calc(50vh - 275px + 1552px);left:calc(50% - 600px + -726px);width:100px;height:2px;pointer-events:none;}#rec315274520 .tn-elem[data-elem-id="1575647603959"] .tn-atom {border-radius:0px;background-color:#fff705;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575647603959"] {top:148px;left:calc(50% - 160px + 0px);width:100%;height:1px;}#rec315274520 .tn-elem[data-elem-id="1575647603959"] .tn-atom{background-color:#ffffff;}}#rec315274520 .tn-elem[data-elem-id="1575647704669"]{z-index:41;top:calc(50vh - 275px + 1562px);left:calc(50% - 600px + -716px);width:100px;height:2px;pointer-events:none;}#rec315274520 .tn-elem[data-elem-id="1575647704669"] .tn-atom {border-radius:0px;background-color:#fff705;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575647704669"] {top:452px;left:calc(50% - 160px + 0px);width:100%;height:1px;}#rec315274520 .tn-elem[data-elem-id="1575647704669"] .tn-atom{background-color:#ffffff;}}#rec315274520 .tn-elem[data-elem-id="1575648602013"]{z-index:42;top:calc(50vh - 275px + 1572px);left:calc(50% - 600px + -706px);width:100px;height:2px;pointer-events:none;}#rec315274520 .tn-elem[data-elem-id="1575648602013"] .tn-atom {border-radius:0px;background-color:#fff705;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1575648602013"] {top:-4px;left:calc(50% - 160px + 0px);width:100%;height:1px;}#rec315274520 .tn-elem[data-elem-id="1575648602013"] .tn-atom{background-color:#ffffff;opacity:0;}}#rec315274520 .tn-elem[data-elem-id="1576064947277"]{z-index:43;top:0px;left:0px;width:100%;height:100%;pointer-events:none;}#rec315274520 .tn-elem[data-elem-id="1576064947277"] .tn-atom{border-width:30px;border-radius:0px;background-position:center center;border-color:#ffffff ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec315274520 .tn-elem[data-elem-id="1576064947277"] {top:0px;left:0px;}}@media screen and (max-width:479px) {#rec315274520 .tn-elem[data-elem-id="1576064947277"] {top:69px;left:-550px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315274520" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="center" data-artboard-height_vh="100" data-artboard-upscale="grid" data-artboard-height-res-320="760" data-artboard-upscale-res-320="grid" data-artboard-height-res-960="520"> <div class="t396__carrier" data-artboard-recid="315274520"></div> <div class="t396__filter" data-artboard-recid="315274520"></div> <div class='t396__elem tn-elem tn-elem__3152745201575143796189 t396__elem--anim-hidden' data-elem-id='1575143796189' data-elem-type='image' data-field-top-value="-188" data-field-left-value="-70" data-field-height-value="1027" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708442708" 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':300,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="-1" data-field-left-res-320-value="0" data-field-width-res-320-value="1500" data-field-container-res-320-value="grid" data-field-widthunits-res-320-value="px" data-field-top-res-480-value="0" data-field-left-res-480-value="0" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-width-res-640-value="190" data-field-axisy-res-640-value="center" data-field-axisx-res-640-value="center" data-field-top-res-960-value="-134" data-field-left-res-960-value="-154" data-field-width-res-960-value="130" data-field-widthunits-res-960-value="%"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3963-3038-4435-a137-343364336631/boris-smokrovic-lyvC.jpg' alt='' imgfield='tn_img_1575143796189' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575144313652 t396__elem--anim-hidden' data-elem-id='1575144313652' data-elem-type='image' data-field-top-value="-190" data-field-left-value="-70" data-field-height-value="1029" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708440395" 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':300,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-filewidth-value="1680" data-field-fileheight-value="1122" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-width-res-320-value="1500" data-field-container-res-320-value="grid" data-field-widthunits-res-320-value="px" data-field-top-res-480-value="0" data-field-left-res-480-value="0" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-width-res-640-value="190" data-field-axisy-res-640-value="center" data-field-axisx-res-640-value="center" data-field-top-res-960-value="-135" data-field-left-res-960-value="-154" data-field-width-res-960-value="130" data-field-widthunits-res-960-value="%"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6435-3430-4531-a261-653462386336/free-to-use-sounds-O.jpg' alt='' imgfield='tn_img_1575144313652' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575144447500 t396__elem--anim-hidden' data-elem-id='1575144447500' data-elem-type='image' data-field-top-value="-188" data-field-left-value="-70" data-field-height-value="1027" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708437926" 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':300,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="-1" data-field-left-res-320-value="0" data-field-width-res-320-value="1500" data-field-container-res-320-value="grid" data-field-widthunits-res-320-value="px" data-field-top-res-480-value="0" data-field-left-res-480-value="4" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-width-res-640-value="190" data-field-axisy-res-640-value="center" data-field-axisx-res-640-value="center" data-field-top-res-960-value="-134" data-field-left-res-960-value="-154" data-field-width-res-960-value="130" data-field-widthunits-res-960-value="%"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6235-3337-4435-b532-313234653366/giulia-bertelli-Qc1w.jpg' alt='' imgfield='tn_img_1575144447500' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575145480718 t396__elem--anim-hidden' data-elem-id='1575145480718' data-elem-type='image' data-field-top-value="-188" data-field-left-value="-70" data-field-height-value="1027" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708427721" 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':300,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="-1" data-field-left-res-320-value="0" data-field-width-res-320-value="1500" data-field-container-res-320-value="grid" data-field-widthunits-res-320-value="px" data-field-top-res-480-value="0" data-field-left-res-480-value="0" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-width-res-640-value="190" data-field-axisy-res-640-value="center" data-field-axisx-res-640-value="center" data-field-top-res-960-value="-134" data-field-left-res-960-value="-154" data-field-width-res-960-value="130" data-field-widthunits-res-960-value="%"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3361-3238-4861-b366-313961656337/kai-pilger-6eCBRY8x3.jpg' alt='' imgfield='tn_img_1575145480718' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575145634063 t396__elem--anim-hidden' data-elem-id='1575145634063' data-elem-type='image' data-field-top-value="-186" data-field-left-value="-70" data-field-height-value="1022" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570730843081" 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':300,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-filewidth-value="1680" data-field-fileheight-value="1115" data-field-top-res-320-value="-1" data-field-left-res-320-value="0" data-field-width-res-320-value="1500" data-field-container-res-320-value="grid" data-field-widthunits-res-320-value="px" data-field-top-res-480-value="0" data-field-left-res-480-value="0" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-width-res-640-value="190" data-field-axisy-res-640-value="center" data-field-axisx-res-640-value="center" data-field-top-res-960-value="-132" data-field-left-res-960-value="-154" data-field-width-res-960-value="130" data-field-widthunits-res-960-value="%"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3666-3131-4561-a466-336465616266/leo-rivas-OR_3rbIv5y.jpg' alt='' imgfield='tn_img_1575145634063' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570716323591 ' data-elem-id='1570716323591' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="110" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-39" data-field-left-res-320-value="697" data-field-top-res-480-value="0" data-field-left-res-480-value="0" data-field-top-res-960-value="-32" data-field-left-res-960-value="-51" data-field-height-res-960-value="110" data-field-width-res-960-value="110"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570708427721 t396__elem--anim-hidden' data-elem-id='1570708427721' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="41" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570731775923" 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':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="19" data-field-width-res-320-value="320" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="4" data-field-left-res-960-value="0"> <a class='tn-atom' href="#popup:infoblock"> </a> </div> <div class='t396__elem tn-elem tn-elem__3152745201570708437926 t396__elem--anim-hidden' data-elem-id='1570708437926' data-elem-type='shape' data-field-top-value="0" data-field-left-value="20" data-field-height-value="41" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" 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':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="604" data-field-left-res-320-value="0" data-field-height-res-320-value="148" data-field-width-res-320-value="320" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="4" data-field-left-res-960-value="20"> <a class='tn-atom' href="#popup:infoblock"> </a> </div> <div class='t396__elem tn-elem tn-elem__3152745201570708440395 t396__elem--anim-hidden' data-elem-id='1570708440395' data-elem-type='shape' data-field-top-value="0" data-field-left-value="40" data-field-height-value="41" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" 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':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="300" data-field-left-res-320-value="2" data-field-height-res-320-value="148" data-field-width-res-320-value="318" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="4" data-field-left-res-960-value="40"> <a class='tn-atom' href="#popup:infoblock"> </a> </div> <div class='t396__elem tn-elem tn-elem__3152745201570708442708 t396__elem--anim-hidden' data-elem-id='1570708442708' data-elem-type='shape' data-field-top-value="0" data-field-left-value="60" data-field-height-value="41" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" 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':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="456" data-field-left-res-320-value="0" data-field-height-res-320-value="19" data-field-width-res-320-value="320" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="4" data-field-left-res-960-value="60"> <a class='tn-atom' href="#popup:infoblock"> </a> </div> <div class='t396__elem tn-elem tn-elem__3152745201570730843081 t396__elem--anim-hidden' data-elem-id='1570730843081' data-elem-type='shape' data-field-top-value="0" data-field-left-value="80" data-field-height-value="41" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" 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':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="148" data-field-left-res-320-value="0" data-field-height-res-320-value="19" data-field-width-res-320-value="320" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="4" data-field-left-res-960-value="80"> <a class='tn-atom' href="#popup:infoblock"> </a> </div> <div class='t396__elem tn-elem tn-elem__3152745201570747183402 ' data-elem-id='1570747183402' data-elem-type='shape' data-field-top-value="-182" data-field-left-value="0" data-field-height-value="82" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708427721" 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':-40,'sx':1,'sy':1,'op':0.3,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-452" data-field-left-res-320-value="49" data-field-height-res-320-value="20" data-field-width-res-320-value="22" data-field-axisy-res-320-value="top" data-field-heightunits-res-320-value="%" data-field-top-res-960-value="-182" data-field-left-res-960-value="0" data-animate-sbs-opts-res-960="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':-40,'sx':'1','sy':'1','op':0.3,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':-51,'sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'','dt':'0'}]"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570712611956 ' data-elem-id='1570712611956' data-elem-type='text' data-field-top-value="-213" data-field-left-value="0" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708427721" 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':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="67" data-field-left-res-320-value="110" data-field-width-res-320-value="100" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="-213" data-field-left-res-960-value="0"> <div class='tn-atom'field='tn_text_1570712611956'>TREES</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570747912228 ' data-elem-id='1570747912228' data-elem-type='shape' data-field-top-value="-182" data-field-left-value="20" data-field-height-value="82" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708437926" 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':-40,'sx':1,'sy':1,'op':0.3,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-87" data-field-left-res-320-value="82" data-field-height-res-320-value="12" data-field-width-res-320-value="18" data-field-axisy-res-320-value="top" data-field-topunits-res-320-value="%" data-field-heightunits-res-320-value="%" data-field-top-res-960-value="-182" data-field-left-res-960-value="20" data-animate-sbs-opts-res-960="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':-40,'sx':'1','sy':'1','op':0.3,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':-51,'sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'','dt':'0'}]"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570712909338 ' data-elem-id='1570712909338' data-elem-type='text' data-field-top-value="-213" data-field-left-value="20" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708437926" 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':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="667" data-field-left-res-320-value="110" data-field-width-res-320-value="100" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="-213" data-field-left-res-960-value="20"> <div class='tn-atom'field='tn_text_1570712909338'>GROUND</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570747918169 ' data-elem-id='1570747918169' data-elem-type='shape' data-field-top-value="-182" data-field-left-value="40" data-field-height-value="82" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708440395" 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':-40,'sx':1,'sy':1,'op':0.3,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-87" data-field-left-res-320-value="105" data-field-height-res-320-value="15" data-field-width-res-320-value="18" data-field-axisy-res-320-value="top" data-field-topunits-res-320-value="%" data-field-heightunits-res-320-value="%" data-field-top-res-960-value="-182" data-field-left-res-960-value="40" data-animate-sbs-opts-res-960="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':-40,'sx':'1','sy':'1','op':0.3,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':-51,'sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'','dt':'0'}]"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570712914501 ' data-elem-id='1570712914501' data-elem-type='text' data-field-top-value="-213" data-field-left-value="40" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708440395" 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':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="367" data-field-left-res-320-value="110" data-field-width-res-320-value="100" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="-213" data-field-left-res-960-value="40"> <div class='tn-atom'field='tn_text_1570712914501'>BIRDS</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570747923881 ' data-elem-id='1570747923881' data-elem-type='shape' data-field-top-value="-182" data-field-left-value="60" data-field-height-value="82" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708442708" 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':-40,'sx':1,'sy':1,'op':0.3,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-880" data-field-left-res-320-value="155" data-field-top-res-960-value="-182" data-field-left-res-960-value="60" data-animate-sbs-opts-res-960="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':-40,'sx':'1','sy':'1','op':0.3,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':-51,'sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'','dt':'0'}]"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570712919348 ' data-elem-id='1570712919348' data-elem-type='text' data-field-top-value="-213" data-field-left-value="60" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708442708" 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':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="517" data-field-left-res-320-value="110" data-field-width-res-320-value="100" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="-213" data-field-left-res-960-value="60"> <div class='tn-atom'field='tn_text_1570712919348'>INSECTS</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570747927893 ' data-elem-id='1570747927893' data-elem-type='shape' data-field-top-value="-182" data-field-left-value="80" data-field-height-value="82" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570730843081" 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':-40,'sx':1,'sy':1,'op':0.3,'ro':0,'bl':'0','ea':'','dt':0},{'ti':100,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-877" data-field-left-res-320-value="130" data-field-top-res-960-value="-182" data-field-left-res-960-value="80" data-animate-sbs-opts-res-960="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':-40,'sx':'1','sy':'1','op':0.3,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':-51,'sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'','dt':'0'}]"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570731107234 ' data-elem-id='1570731107234' data-elem-type='text' data-field-top-value="-213" data-field-left-value="80" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570730843081" 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':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-40,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="217" data-field-left-res-320-value="110" data-field-width-res-320-value="100" data-field-axisy-res-320-value="top" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-960-value="-213" data-field-left-res-960-value="80"> <div class='tn-atom'field='tn_text_1570731107234'>WATER</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570740715311 ' data-elem-id='1570740715311' data-elem-type='shape' data-field-top-value="212" data-field-left-value="0" data-field-height-value="200" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708427721" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-160" data-field-left-res-320-value="-546" data-field-height-res-320-value="150" data-field-width-res-320-value="110" data-field-top-res-480-value="175" data-field-left-res-480-value="0" data-field-height-res-480-value="370" data-field-top-res-640-value="91" data-field-left-res-640-value="0" data-field-height-res-640-value="284" data-field-top-res-960-value="17" data-field-left-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570740898535 ' data-elem-id='1570740898535' data-elem-type='shape' data-field-top-value="212" data-field-left-value="20" data-field-height-value="200" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708437926" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-176" data-field-left-res-320-value="-546" data-field-height-res-320-value="150" data-field-width-res-320-value="110" data-field-top-res-480-value="175" data-field-left-res-480-value="20" data-field-height-res-480-value="370" data-field-width-res-480-value="20" data-field-top-res-640-value="91" data-field-left-res-640-value="20" data-field-height-res-640-value="284" data-field-top-res-960-value="17" data-field-left-res-960-value="20"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570740906646 ' data-elem-id='1570740906646' data-elem-type='shape' data-field-top-value="212" data-field-left-value="40" data-field-height-value="200" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708440395" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-178" data-field-left-res-320-value="-544" data-field-height-res-320-value="150" data-field-width-res-320-value="110" data-field-top-res-480-value="175" data-field-left-res-480-value="40" data-field-height-res-480-value="370" data-field-width-res-480-value="20" data-field-top-res-640-value="91" data-field-left-res-640-value="40" data-field-height-res-640-value="284" data-field-width-res-640-value="20" data-field-top-res-960-value="17" data-field-left-res-960-value="40"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570740915365 ' data-elem-id='1570740915365' data-elem-type='shape' data-field-top-value="212" data-field-left-value="60" data-field-height-value="200" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708442708" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-190" data-field-left-res-320-value="-544" data-field-height-res-320-value="150" data-field-width-res-320-value="110" data-field-top-res-480-value="175" data-field-left-res-480-value="60" data-field-height-res-480-value="370" data-field-top-res-640-value="91" data-field-left-res-640-value="60" data-field-height-res-640-value="284" data-field-top-res-960-value="17" data-field-left-res-960-value="60"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570740919540 ' data-elem-id='1570740919540' data-elem-type='shape' data-field-top-value="212" data-field-left-value="80" data-field-height-value="200" data-field-width-value="20" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570730843081" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-lazyoff-value="y" data-field-top-res-320-value="-184" data-field-left-res-320-value="-544" data-field-height-res-320-value="150" data-field-width-res-320-value="110" data-field-top-res-480-value="175" data-field-left-res-480-value="80" data-field-height-res-480-value="370" data-field-top-res-640-value="91" data-field-left-res-640-value="80" data-field-height-res-640-value="284" data-field-top-res-960-value="17" data-field-left-res-960-value="80"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570717296409 t396__elem--anim-hidden' data-elem-id='1570717296409' data-elem-type='text' data-field-top-value="169" data-field-left-value="63" data-field-width-value="15" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708442708" 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':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="-304" data-field-left-res-320-value="-532" data-field-width-res-320-value="280" data-field-top-res-480-value="92" data-field-left-res-480-value="63" data-field-top-res-640-value="30" data-field-left-res-640-value="62" data-field-top-res-960-value="-22" data-field-left-res-960-value="62" data-field-width-res-960-value="15"> <div class='tn-atom'field='tn_text_1570717296409'>Insects or Insecta are hexapod invertebrates and the largest group within the arthropod phylum. Definitions and circumscriptions vary; usually, insects comprise a class within the Arthropoda.</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570717581246 t396__elem--anim-hidden' data-elem-id='1570717581246' data-elem-type='text' data-field-top-value="169" data-field-left-value="42" data-field-width-value="15" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708440395" 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':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="-256" data-field-left-res-320-value="-532" data-field-width-res-320-value="280" data-field-top-res-480-value="146" data-field-left-res-480-value="43" data-field-top-res-640-value="66" data-field-left-res-640-value="43" data-field-top-res-960-value="-4" data-field-left-res-960-value="42" data-field-width-res-960-value="15"> <div class='tn-atom'field='tn_text_1570717581246'>Some birds, especially corvids and parrots, are among the most intelligent animals; several bird species make and use tools, and many social species pass on knowledge across generations, which is considered a form of culture.</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570717585229 t396__elem--anim-hidden' data-elem-id='1570717585229' data-elem-type='text' data-field-top-value="169" data-field-left-value="23" data-field-width-value="15" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708437926" 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':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="-212" data-field-left-res-320-value="-533" data-field-width-res-320-value="280" data-field-top-res-480-value="128" data-field-left-res-480-value="23" data-field-top-res-640-value="48" data-field-left-res-640-value="21" data-field-top-res-960-value="-22" data-field-left-res-960-value="21" data-field-width-res-960-value="15"> <div class='tn-atom'field='tn_text_1570717585229'>The pedosphere interfaces with the lithosphere, the hydrosphere, the atmosphere, and the biosphere. The term pedolith, used commonly to refer to the soil, translates to ground stone in the sense "fundamental stone".</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570717590591 t396__elem--anim-hidden' data-elem-id='1570717590591' data-elem-type='text' data-field-top-value="148" data-field-left-value="2" data-field-width-value="15" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570708427721" 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':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="-212" data-field-left-res-320-value="-534" data-field-width-res-320-value="280" data-field-top-res-480-value="74" data-field-left-res-480-value="3" data-field-top-res-640-value="-6" data-field-left-res-640-value="3" data-field-top-res-960-value="-40" data-field-left-res-960-value="2" data-field-width-res-960-value="15"> <div class='tn-atom'field='tn_text_1570717590591'>In botany, a tree is a perennial plant with an elongated stem, or trunk, supporting branches and leaves in most species. In some usages, the definition of a tree may be narrower.</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570731119429 t396__elem--anim-hidden' data-elem-id='1570731119429' data-elem-type='text' data-field-top-value="148" data-field-left-value="83" data-field-width-value="15" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="px" data-field-widthunits-value="%" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1570730843081" 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':300,'mx':0,'my':-250,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'easeOut','dt':0}]" data-field-top-res-320-value="-202" data-field-left-res-320-value="-534" data-field-width-res-320-value="280" data-field-top-res-480-value="92" data-field-left-res-480-value="83" data-field-top-res-640-value="30" data-field-left-res-640-value="83" data-field-top-res-960-value="-22" data-field-left-res-960-value="83" data-field-width-res-960-value="15"> <div class='tn-atom'field='tn_text_1570731119429'>Water is an inorganic, transparent, tasteless, odorless, and nearly colorless chemical substance, which is the main constituent of Earth's hydrosphere, and the fluids of most living organisms.</div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570712457922' data-elem-id='1570712457922' data-elem-type='shape' data-field-top-value="0" data-field-left-value="60" data-field-height-value="100" data-field-width-value="1" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="px" data-field-lazyoff-value="y" data-field-top-res-320-value="88" data-field-left-res-320-value="-319" data-field-top-res-960-value="0" data-field-left-res-960-value="60"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570712416960' data-elem-id='1570712416960' data-elem-type='shape' data-field-top-value="0" data-field-left-value="20" data-field-height-value="100" data-field-width-value="1" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="px" data-field-lazyoff-value="y" data-field-top-res-320-value="93" data-field-left-res-320-value="-289" data-field-top-res-960-value="0" data-field-left-res-960-value="20"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570712460551' data-elem-id='1570712460551' data-elem-type='shape' data-field-top-value="0" data-field-left-value="40" data-field-height-value="100" data-field-width-value="1" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="px" data-field-lazyoff-value="y" data-field-top-res-320-value="91" data-field-left-res-320-value="-308" data-field-top-res-960-value="0" data-field-left-res-960-value="40"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201570730877559' data-elem-id='1570730877559' data-elem-type='shape' data-field-top-value="0" data-field-left-value="80" data-field-height-value="100" data-field-width-value="1" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="%" data-field-heightunits-value="%" data-field-widthunits-value="px" data-field-lazyoff-value="y" data-field-top-res-320-value="67" data-field-left-res-320-value="-341" data-field-top-res-960-value="0" data-field-left-res-960-value="80"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575647039175' data-elem-id='1575647039175' data-elem-type='shape' data-field-top-value="1532" data-field-left-value="-746" data-field-height-value="2" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="604" data-field-left-res-320-value="0" data-field-height-res-320-value="1" data-field-width-res-320-value="100" data-field-container-res-320-value="window" data-field-topunits-res-320-value="px" data-field-widthunits-res-320-value="%"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575647196805' data-elem-id='1575647196805' data-elem-type='shape' data-field-top-value="1542" data-field-left-value="-736" data-field-height-value="2" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="300" data-field-left-res-320-value="0" data-field-height-res-320-value="1" data-field-width-res-320-value="100" data-field-container-res-320-value="window" data-field-topunits-res-320-value="px" data-field-widthunits-res-320-value="%"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575647603959' data-elem-id='1575647603959' data-elem-type='shape' data-field-top-value="1552" data-field-left-value="-726" data-field-height-value="2" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="148" data-field-left-res-320-value="0" data-field-height-res-320-value="1" data-field-width-res-320-value="100" data-field-container-res-320-value="window" data-field-topunits-res-320-value="px" data-field-widthunits-res-320-value="%"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575647704669' data-elem-id='1575647704669' data-elem-type='shape' data-field-top-value="1562" data-field-left-value="-716" data-field-height-value="2" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="452" data-field-left-res-320-value="0" data-field-height-res-320-value="1" data-field-width-res-320-value="100" data-field-container-res-320-value="window" data-field-topunits-res-320-value="px" data-field-widthunits-res-320-value="%"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152745201575648602013' data-elem-id='1575648602013' data-elem-type='shape' data-field-top-value="1572" data-field-left-value="-706" data-field-height-value="2" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="-4" data-field-left-res-320-value="0" data-field-height-res-320-value="1" data-field-width-res-320-value="100" data-field-container-res-320-value="window" data-field-topunits-res-320-value="px" data-field-widthunits-res-320-value="%"> <div class='tn-atom'> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315274520');});});</script>  </div> <div id="rec315274523" class="r t-rec t-rec_pt_90 t-rec_pb_120 t-rec_pb-res-480_60" style="padding-top:90px;padding-bottom:120px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff">  <style>#rec315274523 .t396__artboard {height:460px;background-color:#ffffff;}#rec315274523 .t396__filter {height:460px;}#rec315274523 .t396__carrier{height:460px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315274523 .t396__artboard,#rec315274523 .t396__filter,#rec315274523 .t396__carrier {height:420px;}#rec315274523 .t396__filter {}#rec315274523 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315274523 .t396__artboard,#rec315274523 .t396__filter,#rec315274523 .t396__carrier {height:390px;}#rec315274523 .t396__artboard {background-color:#ffffff;}#rec315274523 .t396__filter{}#rec315274523 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315274523 .t396__artboard,#rec315274523 .t396__filter,#rec315274523 .t396__carrier {height:360px;}#rec315274523 .t396__filter {}#rec315274523 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315274523 .t396__artboard,#rec315274523 .t396__filter,#rec315274523 .t396__carrier {}#rec315274523 .t396__filter {}#rec315274523 .t396__carrier {background-attachment:scroll;}}#rec315274523 .tn-elem[data-elem-id="1528375788062"]{color:#000000;text-align:center;z-index:3;top:250px;left:calc(50% - 600px + 222px);width:760px;}#rec315274523 .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) {#rec315274523 .tn-elem[data-elem-id="1528375788062"] {top:231px;left:calc(50% - 480px + 90px);width:780px;}#rec315274523 .tn-elem[data-elem-id="1528375788062"] .tn-atom{line-height:1.7;}}@media screen and (max-width:959px) {#rec315274523 .tn-elem[data-elem-id="1528375788062"] {top:211px;left:calc(50% - 320px + 40px);width:560px;}#rec315274523 .tn-elem[data-elem-id="1528375788062"] .tn-atom{font-size:16px;line-height:1.65;}}@media screen and (max-width:639px) {#rec315274523 .tn-elem[data-elem-id="1528375788062"] {top:174px;left:calc(50% - 240px + 10px);width:460px;}#rec315274523 .tn-elem[data-elem-id="1528375788062"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec315274523 .tn-elem[data-elem-id="1528375788062"] {top:164px;left:calc(50% - 160px + 10px);width:300px;}#rec315274523 .tn-elem[data-elem-id="1528375788062"] .tn-atom{font-size:12px;}}#rec315274523 .tn-elem[data-elem-id="1538263652960"]{color:#000000;text-align:center;z-index:4;top:32px;left:calc(50% - 600px + 370px);width:460px;}#rec315274523 .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) {#rec315274523 .tn-elem[data-elem-id="1538263652960"] {top:29px;left:calc(50% - 480px + 250px);}}@media screen and (max-width:959px) {#rec315274523 .tn-elem[data-elem-id="1538263652960"] {top:33px;left:calc(50% - 320px + 100px);width:440px;}#rec315274523 .tn-elem[data-elem-id="1538263652960"] .tn-atom{font-size:18px;}}@media screen and (max-width:639px) {#rec315274523 .tn-elem[data-elem-id="1538263652960"] {top:26px;left:calc(50% - 240px + 50px);width:380px;}#rec315274523 .tn-elem[data-elem-id="1538263652960"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274523 .tn-elem[data-elem-id="1538263652960"] {top:28px;left:calc(50% - 160px + 10px);width:300px;}#rec315274523 .tn-elem[data-elem-id="1538263652960"] .tn-atom{font-size:14px;}}#rec315274523 .tn-elem[data-elem-id="1538263786829"]{color:#000000;text-align:center;z-index:5;top:144px;left:calc(50% - 600px + 402px);width:400px;}#rec315274523 .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) {#rec315274523 .tn-elem[data-elem-id="1538263786829"] {top:139px;left:calc(50% - 480px + 280px);}}@media screen and (max-width:959px) {#rec315274523 .tn-elem[data-elem-id="1538263786829"] {top:133px;left:calc(50% - 320px + 120px);}#rec315274523 .tn-elem[data-elem-id="1538263786829"] .tn-atom{font-size:22px;}}@media screen and (max-width:639px) {#rec315274523 .tn-elem[data-elem-id="1538263786829"] {top:116px;left:calc(50% - 240px + 50px);width:380px;}#rec315274523 .tn-elem[data-elem-id="1538263786829"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315274523 .tn-elem[data-elem-id="1538263786829"] {top:104px;left:calc(50% - 160px + 10px);width:300px;}#rec315274523 .tn-elem[data-elem-id="1538263786829"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315274523" 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="315274523"></div> <div class="t396__filter" data-artboard-recid="315274523"></div> <div class='t396__elem tn-elem tn-elem__3152745231528375788062' 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="http://help.tilda.ws/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__3152745231538263652960' 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__3152745231538263786829' 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: 19528188</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315274523');});});</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: 68,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-page19528188.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>