CINXE.COM

<!DOCTYPE html> <html> <head> <title>Button Hover Effect // 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 set up the hover effect for buttons in the Tilda editor" /> <meta property="og:url" content="https://tilda.education/en/courses/webanimation/hoverbutton/" /> <meta property="og:image" content="https://tilda.education/upload/covers/313/313de67e412d8e18bf089e7e89f0487d.png" /> <meta property="og:title" content="Button Hover Effect" /> <meta property="og:description" content="How to set up the hover effect for buttons in the Tilda editor" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Tilda.Education" /> <link rel="canonical" href="https://tilda.education/en/courses/webanimation/hoverbutton/"/>  <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-page19528089.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>4. Button Hover Effect</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 te-header__dropdown__item_active"> <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 "> <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="19528089" data-tilda-page-alias="hoverbutton" data-tilda-formskey="63929bce882ea22ca2a724c682045d6f" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes">  <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="4102777" data-tilda-page-id="20897497" data-tilda-formskey="63929bce882ea22ca2a724c682045d6f" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec337449009" class="r t-rec t-rec_pt_0 t-rec_pb_30 t-screenmin-1200px" style="padding-top:0px;padding-bottom:30px; " data-animationappear="off" data-record-type="454" data-screen-min="1200px">  <div id="nav337449009marker"></div> <div id="nav337449009" class="t454 t454__positionabsolute " style="background-color: rgba(0,0,0,0.0); height:400px; " data-bgcolor-hex="#000000" data-bgcolor-rgba="rgba(0,0,0,0.0)" data-navmarker="nav337449009marker" data-appearoffset="170px" data-bgopacity-two="" data-menushadow="" data-menushadow-css="" data-bgopacity="0.0" data-menu="yes"> <div class="t454__maincontainer t454__c12collumns" style="height:400px;"> <div class="t454__logowrapper"> <div class="t454__logowrapper2"> <div style="display: block;"> <a href="https://tilda.education/en/web-animation-course"> <img class="t454__imglogo t454__imglogomobile" src="https://static.tildacdn.com/tild3861-6165-4561-b336-356365616335/Web_Animation_Logo_W.svg" imgfield="img" style="max-width: 190px; width: 190px;" alt="Animation in web"> </a> </div> </div> </div> <div class="t454__rightwrapper" style="padding-right:20px; padding-left:145px; text-align: right;"> </div> </div> </div> <style>@media screen and (max-width:980px){#rec337449009 .t454__leftcontainer{padding:20px;}}@media screen and (max-width:980px){#rec337449009 .t454__imglogo{padding:20px 0;}}</style> <script>t_onReady(function() {t_onFuncLoad('t_menu__highlightActiveLinks',function() {t_menu__highlightActiveLinks('.t454__list_item a');});});t_onFuncLoad('t_menu__setBGcolor',function() {window.addEventListener('resize',t_throttle(function() {t_menu__setBGcolor('337449009','.t454');}));});t_onReady(function() {t_onFuncLoad('t_menu__setBGcolor',function() {t_menu__setBGcolor('337449009','.t454');});t_onFuncLoad('t_menu__interactFromKeyboard',function() {t_menu__interactFromKeyboard('337449009');});});</script> <style>#rec337449009 .t-menu__link-item{}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec337449009 .t-menu__link-item,#rec337449009 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style> #rec337449009 .t454__logowrapper2 a{color:#ffffff;}#rec337449009 a.t-menu__link-item{color:#ffffff;font-weight:600;}</style> <style> #rec337449009 .t454__logo{color:#ffffff;}</style>  </div> <div id="rec337449010" class="r t-rec t-screenmax-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-max="1200px">  <style>#rec337449010 .t396__artboard {height:320px;background-color:#101010;}#rec337449010 .t396__filter {height:320px;}#rec337449010 .t396__carrier{height:320px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec337449010 .t396__artboard,#rec337449010 .t396__filter,#rec337449010 .t396__carrier {}#rec337449010 .t396__filter {}#rec337449010 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec337449010 .t396__artboard,#rec337449010 .t396__filter,#rec337449010 .t396__carrier {}#rec337449010 .t396__filter {}#rec337449010 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec337449010 .t396__artboard,#rec337449010 .t396__filter,#rec337449010 .t396__carrier {}#rec337449010 .t396__filter {}#rec337449010 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec337449010 .t396__artboard,#rec337449010 .t396__filter,#rec337449010 .t396__carrier {}#rec337449010 .t396__filter {}#rec337449010 .t396__carrier {background-attachment:scroll;}}#rec337449010 .tn-elem[data-elem-id="1625151342192"]{z-index:2;top:160px;left:calc(50% - 600px + 500px);width:200px;}#rec337449010 .tn-elem[data-elem-id="1625151342192"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec337449010 .tn-elem[data-elem-id="1625151342192"] {top:160px;left:calc(50% - 480px + 380px);}}@media screen and (max-width:959px) {#rec337449010 .tn-elem[data-elem-id="1625151342192"] {top:160px;left:calc(50% - 320px + 220px);}}@media screen and (max-width:639px) {#rec337449010 .tn-elem[data-elem-id="1625151342192"] {top:160px;left:calc(50% - 240px + 140px);}}@media screen and (max-width:479px) {#rec337449010 .tn-elem[data-elem-id="1625151342192"] {top:160px;left:calc(50% - 160px + 60px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="337449010" data-artboard-screens="320,480,640,960,1200" data-artboard-height="320" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="337449010"></div> <div class="t396__filter" data-artboard-recid="337449010"></div> <div class='t396__elem tn-elem tn-elem__3374490101625151342192' data-elem-id='1625151342192' data-elem-type='image' data-field-top-value="160" data-field-left-value="500" data-field-width-value="200" 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="2067" data-field-fileheight-value="649" data-field-top-res-320-value="160" data-field-left-res-320-value="60" data-field-top-res-480-value="160" data-field-left-res-480-value="140" data-field-top-res-640-value="160" data-field-left-res-640-value="220" data-field-top-res-960-value="160" data-field-left-res-960-value="380"> <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/tild3138-6139-4166-b539-313539306566/Web_Animation_Logo_W.svg' alt='' imgfield='tn_img_1625151342192' /> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('337449010');});});</script>  </div> </header>  <div id="rec315272853" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272853 .t396__artboard {min-height:550px;height:90vh;background-color:#121212;overflow:visible;}#rec315272853 .t396__filter {min-height:550px;height:90vh;background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(16,16,16,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(16,16,16,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(16,16,16,0),rgba(0,0,0,0));will-change:transform;}#rec315272853 .t396__carrier{min-height:550px;height:90vh;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272853 .t396__artboard,#rec315272853 .t396__filter,#rec315272853 .t396__carrier {}#rec315272853 .t396__filter {}#rec315272853 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272853 .t396__artboard,#rec315272853 .t396__filter,#rec315272853 .t396__carrier {min-height:520px;}#rec315272853 .t396__filter {}#rec315272853 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272853 .t396__artboard,#rec315272853 .t396__filter,#rec315272853 .t396__carrier {min-height:390px;}#rec315272853 .t396__filter {}#rec315272853 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272853 .t396__artboard,#rec315272853 .t396__filter,#rec315272853 .t396__carrier {min-height:360px;}#rec315272853 .t396__filter {}#rec315272853 .t396__carrier {background-attachment:scroll;}}#rec315272853 .tn-elem[data-elem-id="1540572339256"]{color:#ffffff;text-align:center;z-index:2;top:calc(45vh - 275px + -3px);left:calc(50% - 600px + -192px);width:900px;}@media (min-width:1200px) {#rec315272853 .tn-elem.t396__elem--anim-hidden[data-elem-id="1540572339256"] {opacity:0;}}#rec315272853 .tn-elem[data-elem-id="1540572339256"] .tn-atom{color:#ffffff;font-size:62px;font-family:'TildaSans',Arial,sans-serif;line-height:1.15;font-weight:600;opacity:0.1;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) {}#rec315272853 .tn-elem[data-elem-id="1537460376790"]{z-index:3;top:calc(45vh - 275px + -21px);left:calc(50% - 600px + 499px);width:190px;}#rec315272853 .tn-elem[data-elem-id="1537460376790"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec315272853 .tn-elem[data-elem-id="1537460376834"]{color:#ffffff;text-align:center;z-index:4;top:calc(45vh - 275px + 25px);left:calc(50% - 600px + 642px);width:60px;}#rec315272853 .tn-elem[data-elem-id="1537460376834"] .tn-atom{color:#ffffff;font-size:12px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec315272853 .tn-elem[data-elem-id="1537460902117"]{color:#ffffff;text-align:center;z-index:5;top:calc(45vh - 275px + 380px);left:calc(50% - 600px + 295px);width:610px;}#rec315272853 .tn-elem[data-elem-id="1537460902117"] .tn-atom{color:#ffffff;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.25;font-weight:300;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) {}#rec315272853 .tn-elem[data-elem-id="1537520230867"]{color:#ffffff;text-align:center;z-index:6;top:calc(45vh - 275px + 360px);left:calc(50% - 600px + 335px);width:530px;}#rec315272853 .tn-elem[data-elem-id="1537520230867"] .tn-atom{color:#ffffff;font-size:24px;font-family:'TildaSans',Arial,sans-serif;line-height:1.25;font-weight:300;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) {}#rec315272853 .tn-elem[data-elem-id="1541587470842"]{z-index:7;top:calc(45vh - 275px + 631px);left:calc(50% - 0.5px + 0px);width:1px;height:200px;}#rec315272853 .tn-elem[data-elem-id="1541587470842"] .tn-atom{opacity:0.6;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272853 .tn-elem[data-elem-id="1541587470842"] {top:414px;left:calc(50% - 0.5px + 0px);}}@media screen and (max-width:959px) {#rec315272853 .tn-elem[data-elem-id="1541587470842"] {top:384px;left:calc(50% - 0.5px + 0px);}}@media screen and (max-width:639px) {#rec315272853 .tn-elem[data-elem-id="1541587470842"] {top:314px;left:calc(50% - 0.5px + 0px);height:150px;}}@media screen and (max-width:479px) {#rec315272853 .tn-elem[data-elem-id="1541587470842"] {top:284px;left:calc(50% - 0.5px + 0px);}}#rec315272853 .tn-elem[data-elem-id="1541587470851"]{color:#ffffff;text-align:center;z-index:8;top:calc(45vh - 275px + 305px);left:calc(50% - 600px + 129px);width:942px;}#rec315272853 .tn-elem[data-elem-id="1541587470851"] .tn-atom{color:#ffffff;font-size:62px;font-family:'TildaSans',Arial,sans-serif;line-height:1.15;font-weight:600;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272853 .tn-elem[data-elem-id="1541587470851"] {top:155px;left:calc(50% - 480px + 0px);width:652px;}#rec315272853 .tn-elem[data-elem-id="1541587470851"] .tn-atom{font-size:44px;}}@media screen and (max-width:959px) {#rec315272853 .tn-elem[data-elem-id="1541587470851"] {top:145px;left:calc(50% - 320px + 0px);width:482px;}#rec315272853 .tn-elem[data-elem-id="1541587470851"] .tn-atom{font-size:34px;}}@media screen and (max-width:639px) {#rec315272853 .tn-elem[data-elem-id="1541587470851"] {top:125px;left:calc(50% - 240px + -1px);width:372px;}#rec315272853 .tn-elem[data-elem-id="1541587470851"] .tn-atom{font-size:26px;}}@media screen and (max-width:479px) {#rec315272853 .tn-elem[data-elem-id="1541587470851"] {top:95px;left:calc(50% - 160px + 1px);width:292px;}#rec315272853 .tn-elem[data-elem-id="1541587470851"] .tn-atom{font-size:20px;}}#rec315272853 .tn-elem[data-elem-id="1541587470858"]{color:#ffffff;text-align:center;z-index:9;top:calc(45vh - 275px + 416px);left:calc(50% - 600px + 280px);width:642px;}#rec315272853 .tn-elem[data-elem-id="1541587470858"] .tn-atom{color:#ffffff;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.15;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272853 .tn-elem[data-elem-id="1541587470858"] {top:255px;left:calc(50% - 480px + 0px);width:662px;}#rec315272853 .tn-elem[data-elem-id="1541587470858"] .tn-atom{font-size:25px;}}@media screen and (max-width:959px) {#rec315272853 .tn-elem[data-elem-id="1541587470858"] {top:225px;left:calc(50% - 320px + 0px);width:452px;}#rec315272853 .tn-elem[data-elem-id="1541587470858"] .tn-atom{font-size:20px;}}@media screen and (max-width:639px) {#rec315272853 .tn-elem[data-elem-id="1541587470858"] {top:188px;left:calc(50% - 240px + -1px);width:362px;}#rec315272853 .tn-elem[data-elem-id="1541587470858"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315272853 .tn-elem[data-elem-id="1541587470858"] {top:144px;left:calc(50% - 160px + 1px);width:262px;}#rec315272853 .tn-elem[data-elem-id="1541587470858"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272853" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="center" data-artboard-height_vh="90" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-height-res-320="360" data-artboard-height-res-480="390" data-artboard-height-res-640="520"> <div class="t396__carrier" data-artboard-recid="315272853"></div> <div class="t396__filter" data-artboard-recid="315272853"></div> <div class='t396__elem tn-elem tn-elem__3152728531537460902117' data-elem-id='1537460902117' data-elem-type='text' data-field-top-value="380" data-field-left-value="295" data-field-width-value="610" 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"> <div class='tn-atom'field='tn_text_1537460902117'></div> </div> <div class='t396__elem tn-elem tn-elem__3152728531541587470842' data-elem-id='1541587470842' data-elem-type='shape' data-field-top-value="631" data-field-left-value="0" data-field-height-value="200" data-field-width-value="1" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="284" data-field-left-res-320-value="0" data-field-top-res-480-value="314" data-field-left-res-480-value="0" data-field-height-res-480-value="150" data-field-top-res-640-value="384" data-field-left-res-640-value="0" data-field-top-res-960-value="414" data-field-left-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3152728531541587470851 t-animate' data-elem-id='1541587470851' data-elem-type='text' data-field-top-value="305" data-field-left-value="129" data-field-width-value="942" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="1" data-animate-scale="0.8" data-field-top-res-320-value="95" data-field-left-res-320-value="1" data-field-width-res-320-value="292" data-field-top-res-480-value="125" data-field-left-res-480-value="-1" data-field-width-res-480-value="372" data-field-top-res-640-value="145" data-field-left-res-640-value="0" data-field-width-res-640-value="482" data-field-top-res-960-value="155" data-field-left-res-960-value="0" data-field-width-res-960-value="652" data-field-axisx-res-960-value="center"> <h1 class='tn-atom'field='tn_text_1541587470851'><strong>Button Hover Effect</strong></h1> </div> <div class='t396__elem tn-elem tn-elem__3152728531541587470858' data-elem-id='1541587470858' data-elem-type='text' data-field-top-value="416" data-field-left-value="280" data-field-width-value="642" 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="144" data-field-left-res-320-value="1" data-field-width-res-320-value="262" data-field-top-res-480-value="188" data-field-left-res-480-value="-1" data-field-width-res-480-value="362" data-field-top-res-640-value="225" data-field-left-res-640-value="0" data-field-width-res-640-value="452" data-field-top-res-960-value="255" data-field-left-res-960-value="0" data-field-width-res-960-value="662" data-field-axisx-res-960-value="center"> <div class='tn-atom'field='tn_text_1541587470858'>The Hover effect is an animation of an element that occurs when you hover over it. Here are a few tricks to make interacting with buttons more interesting</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272853');});});</script>  </div> <div id="rec315272854" class="r t-rec t-rec_pt_180 t-rec_pb_15" style="padding-top:180px;padding-bottom:15px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272854 .t396__artboard {height:250px;background-color:#121212;overflow:visible;}#rec315272854 .t396__filter {height:250px;}#rec315272854 .t396__carrier{height:250px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272854 .t396__artboard,#rec315272854 .t396__filter,#rec315272854 .t396__carrier {}#rec315272854 .t396__filter {}#rec315272854 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272854 .t396__artboard,#rec315272854 .t396__filter,#rec315272854 .t396__carrier {height:210px;}#rec315272854 .t396__filter {}#rec315272854 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272854 .t396__artboard,#rec315272854 .t396__filter,#rec315272854 .t396__carrier {height:140px;}#rec315272854 .t396__filter {}#rec315272854 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272854 .t396__artboard,#rec315272854 .t396__filter,#rec315272854 .t396__carrier {height:140px;}#rec315272854 .t396__filter {}#rec315272854 .t396__carrier {background-attachment:scroll;}}#rec315272854 .tn-elem[data-elem-id="1540458778112"]{z-index:1;top:170px;left:calc(50% - 600px + 530px);width:50px;}#rec315272854 .tn-elem[data-elem-id="1540458778112"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec315272854 .tn-elem[data-elem-id="1540458778112"] .tn-atom {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}@media screen and (max-width:1199px) {#rec315272854 .tn-elem[data-elem-id="1540458778112"] {top:180px;left:calc(50% - 480px + 400px);}}@media screen and (max-width:959px) {#rec315272854 .tn-elem[data-elem-id="1540458778112"] {top:140px;left:calc(50% - 320px + 260px);}}@media screen and (max-width:639px) {#rec315272854 .tn-elem[data-elem-id="1540458778112"] {top:79px;left:calc(50% - 240px + 208px);width:40px;}}@media screen and (max-width:479px) {#rec315272854 .tn-elem[data-elem-id="1540458778112"] {top:79px;left:calc(50% - 160px + 148px);}}#rec315272854 .tn-elem[data-elem-id="1540458892870"]{color:#ffffff;z-index:2;top:130px;left:calc(50% - 600px + 334px);width:190px;}#rec315272854 .tn-elem[data-elem-id="1540458892870"] .tn-atom{color:#ffffff;font-size:20px;font-family:'futura-pt',Arial,sans-serif;line-height:1.15;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272854 .tn-elem[data-elem-id="1540458892870"] {top:140px;left:calc(50% - 480px + 234px);}}@media screen and (max-width:959px) {#rec315272854 .tn-elem[data-elem-id="1540458892870"] {top:100px;left:calc(50% - 320px + 94px);}}@media screen and (max-width:639px) {#rec315272854 .tn-elem[data-elem-id="1540458892870"] {top:50px;left:calc(50% - 240px + 74px);width:140px;}#rec315272854 .tn-elem[data-elem-id="1540458892870"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315272854 .tn-elem[data-elem-id="1540458892870"] {top:50px;left:calc(50% - 160px + 14px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272854" data-artboard-screens="320,480,640,960,1200" data-artboard-height="250" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="140" data-artboard-height-res-480="140" data-artboard-height-res-640="210"> <div class="t396__carrier" data-artboard-recid="315272854"></div> <div class="t396__filter" data-artboard-recid="315272854"></div> <div class='t396__elem tn-elem tn-elem__3152728541540458778112' data-elem-id='1540458778112' data-elem-type='image' data-field-top-value="170" data-field-left-value="530" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="83" data-field-fileheight-value="76" data-field-top-res-320-value="79" data-field-left-res-320-value="148" data-field-top-res-480-value="79" data-field-left-res-480-value="208" data-field-width-res-480-value="40" data-field-top-res-640-value="140" data-field-left-res-640-value="260" data-field-top-res-960-value="180" data-field-left-res-960-value="400"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6264-3065-4139-b832-653863636664/clockwise.svg' alt='' imgfield='tn_img_1540458778112' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152728541540458892870' data-elem-id='1540458892870' data-elem-type='text' data-field-top-value="130" data-field-left-value="334" data-field-width-value="190" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="50" data-field-left-res-320-value="14" data-field-top-res-480-value="50" data-field-left-res-480-value="74" data-field-width-res-480-value="140" data-field-top-res-640-value="100" data-field-left-res-640-value="94" data-field-top-res-960-value="140" data-field-left-res-960-value="234"> <div class='tn-atom'field='tn_text_1540458892870'>Hover over the button, and it'll change color</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272854');});});</script>  </div> <div id="rec315272855" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#121212; " data-animationappear="off" data-record-type="191" data-bg-color="#121212">  <div class="t142"> <div class="t-container_100"> <div class="t142__wrapone"> <div class="t142__wraptwo"> <a class="t-btn t142__submit t142__submit_size_xxl" rel="nofollow" target="" style="color:#ffffff;background-color:#0059ff;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;" data-buttonfieldset="button"> <span class="t142__text">Change my color!</span> </a> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272855');});});window.addEventListener('load',function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272855');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec315272855 .t-btn:not(.t-animate_no-hover):hover {color:#ffffff !important;background-color:#ffd429 !important;}#rec315272855 .t-btn:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;background-color:#ffd429 !important;}#rec315272855 .t-btn:not(.t-animate_no-hover) {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}#rec315272855 .t-btntext:not(.t-animate_no-hover):hover {color:#ffffff !important;}#rec315272855 .t-btntext:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;}}</style> </div> <div id="rec315272856" class="r t-rec t-rec_pt_120 t-rec_pt-res-480_30 t-rec_pb_15" style="padding-top:120px;padding-bottom:15px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272856 .t396__artboard {height:250px;background-color:#121212;overflow:visible;}#rec315272856 .t396__filter {height:250px;}#rec315272856 .t396__carrier{height:250px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272856 .t396__artboard,#rec315272856 .t396__filter,#rec315272856 .t396__carrier {}#rec315272856 .t396__filter {}#rec315272856 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272856 .t396__artboard,#rec315272856 .t396__filter,#rec315272856 .t396__carrier {height:210px;}#rec315272856 .t396__filter {}#rec315272856 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272856 .t396__artboard,#rec315272856 .t396__filter,#rec315272856 .t396__carrier {height:190px;}#rec315272856 .t396__filter {}#rec315272856 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272856 .t396__artboard,#rec315272856 .t396__filter,#rec315272856 .t396__carrier {height:210px;}#rec315272856 .t396__filter {}#rec315272856 .t396__carrier {background-attachment:scroll;}}#rec315272856 .tn-elem[data-elem-id="1540458778112"]{z-index:1;top:173px;left:calc(50% - 600px + 870px);width:50px;}#rec315272856 .tn-elem[data-elem-id="1540458778112"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec315272856 .tn-elem[data-elem-id="1540458778112"] .tn-atom {-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}@media screen and (max-width:1199px) {#rec315272856 .tn-elem[data-elem-id="1540458778112"] {top:183px;left:calc(50% - 480px + 640px);}}@media screen and (max-width:959px) {#rec315272856 .tn-elem[data-elem-id="1540458778112"] {top:133px;left:calc(50% - 320px + 400px);}}@media screen and (max-width:639px) {#rec315272856 .tn-elem[data-elem-id="1540458778112"] {top:133px;left:calc(50% - 240px + 300px);width:40px;}}@media screen and (max-width:479px) {#rec315272856 .tn-elem[data-elem-id="1540458778112"] {top:151px;left:calc(50% - 160px + 220px);}}#rec315272856 .tn-elem[data-elem-id="1540458892870"]{color:#ffffff;z-index:2;top:94px;left:calc(50% - 600px + 798px);width:174px;}#rec315272856 .tn-elem[data-elem-id="1540458892870"] .tn-atom{color:#ffffff;font-size:20px;font-family:'futura-pt',Arial,sans-serif;line-height:1.15;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272856 .tn-elem[data-elem-id="1540458892870"] {top:104px;left:calc(50% - 480px + 568px);}}@media screen and (max-width:959px) {#rec315272856 .tn-elem[data-elem-id="1540458892870"] {top:64px;left:calc(50% - 320px + 328px);}}@media screen and (max-width:639px) {#rec315272856 .tn-elem[data-elem-id="1540458892870"] {top:74px;left:calc(50% - 240px + 228px);width:180px;}#rec315272856 .tn-elem[data-elem-id="1540458892870"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315272856 .tn-elem[data-elem-id="1540458892870"] {top:92px;left:calc(50% - 160px + 148px);width:137px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272856" data-artboard-screens="320,480,640,960,1200" data-artboard-height="250" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="210" data-artboard-height-res-480="190" data-artboard-height-res-640="210"> <div class="t396__carrier" data-artboard-recid="315272856"></div> <div class="t396__filter" data-artboard-recid="315272856"></div> <div class='t396__elem tn-elem tn-elem__3152728561540458778112' data-elem-id='1540458778112' data-elem-type='image' data-field-top-value="173" data-field-left-value="870" data-field-width-value="50" 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="83" data-field-fileheight-value="76" data-field-top-res-320-value="151" data-field-left-res-320-value="220" data-field-top-res-480-value="133" data-field-left-res-480-value="300" data-field-width-res-480-value="40" data-field-top-res-640-value="133" data-field-left-res-640-value="400" data-field-top-res-960-value="183" data-field-left-res-960-value="640"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3134-6661-4564-b665-616333393262/clockwise.svg' alt='' imgfield='tn_img_1540458778112' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152728561540458892870' data-elem-id='1540458892870' data-elem-type='text' data-field-top-value="94" data-field-left-value="798" data-field-width-value="174" 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="92" data-field-left-res-320-value="148" data-field-width-res-320-value="137" data-field-top-res-480-value="74" data-field-left-res-480-value="228" data-field-width-res-480-value="180" data-field-top-res-640-value="64" data-field-left-res-640-value="328" data-field-top-res-960-value="104" data-field-left-res-960-value="568"> <div class='tn-atom'field='tn_text_1540458892870'>Hover over the button to invert its color</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272856');});});</script>  </div> <div id="rec315272857" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#121212; " data-animationappear="off" data-record-type="191" data-bg-color="#121212">  <div class="t142"> <div class="t-container_100"> <div class="t142__wrapone"> <div class="t142__wraptwo"> <a class="t-btn t142__submit t142__submit_size_xxl" rel="nofollow" target="" style="color:#ffffff;background-color:#009e35;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;" data-buttonfieldset="button"> <span class="t142__text">Try the inversion!</span> </a> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272857');});});window.addEventListener('load',function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272857');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec315272857 .t-btn:not(.t-animate_no-hover):hover {color:#009e35 !important;background-color:#ffffff !important;}#rec315272857 .t-btn:not(.t-animate_no-hover):focus-visible {color:#009e35 !important;background-color:#ffffff !important;}#rec315272857 .t-btn:not(.t-animate_no-hover) {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}#rec315272857 .t-btntext:not(.t-animate_no-hover):hover {color:#009e35 !important;}#rec315272857 .t-btntext:not(.t-animate_no-hover):focus-visible {color:#009e35 !important;}}</style> </div> <div id="rec315272858" class="r t-rec t-rec_pt_120 t-rec_pb_15" style="padding-top:120px;padding-bottom:15px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272858 .t396__artboard {height:240px;background-color:#121212;overflow:visible;}#rec315272858 .t396__filter {height:240px;}#rec315272858 .t396__carrier{height:240px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272858 .t396__artboard,#rec315272858 .t396__filter,#rec315272858 .t396__carrier {}#rec315272858 .t396__filter {}#rec315272858 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272858 .t396__artboard,#rec315272858 .t396__filter,#rec315272858 .t396__carrier {height:210px;}#rec315272858 .t396__filter {}#rec315272858 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272858 .t396__artboard,#rec315272858 .t396__filter,#rec315272858 .t396__carrier {height:190px;}#rec315272858 .t396__filter {}#rec315272858 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272858 .t396__artboard,#rec315272858 .t396__filter,#rec315272858 .t396__carrier {height:150px;}#rec315272858 .t396__filter {}#rec315272858 .t396__carrier {background-attachment:scroll;}}#rec315272858 .tn-elem[data-elem-id="1540458778112"]{z-index:1;top:180px;left:calc(50% - 600px + 350px);width:50px;}#rec315272858 .tn-elem[data-elem-id="1540458778112"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec315272858 .tn-elem[data-elem-id="1540458778112"] .tn-atom {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}@media screen and (max-width:1199px) {#rec315272858 .tn-elem[data-elem-id="1540458778112"] {top:180px;left:calc(50% - 480px + 320px);}}@media screen and (max-width:959px) {#rec315272858 .tn-elem[data-elem-id="1540458778112"] {top:150px;left:calc(50% - 320px + 220px);}}@media screen and (max-width:639px) {#rec315272858 .tn-elem[data-elem-id="1540458778112"] {top:137px;left:calc(50% - 240px + 130px);width:40px;}}@media screen and (max-width:479px) {#rec315272858 .tn-elem[data-elem-id="1540458778112"] {top:105px;left:calc(50% - 160px + 50px);}}#rec315272858 .tn-elem[data-elem-id="1540458892870"]{color:#ffffff;z-index:2;top:100px;left:calc(50% - 600px + 306px);width:200px;}#rec315272858 .tn-elem[data-elem-id="1540458892870"] .tn-atom{color:#ffffff;font-size:20px;font-family:'futura-pt',Arial,sans-serif;line-height:1.15;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272858 .tn-elem[data-elem-id="1540458892870"] {top:100px;left:calc(50% - 480px + 276px);}}@media screen and (max-width:959px) {#rec315272858 .tn-elem[data-elem-id="1540458892870"] {top:80px;left:calc(50% - 320px + 176px);}}@media screen and (max-width:639px) {#rec315272858 .tn-elem[data-elem-id="1540458892870"] {top:80px;left:calc(50% - 240px + 96px);width:170px;}#rec315272858 .tn-elem[data-elem-id="1540458892870"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315272858 .tn-elem[data-elem-id="1540458892870"] {top:48px;left:calc(50% - 160px + 16px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272858" data-artboard-screens="320,480,640,960,1200" data-artboard-height="240" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="150" data-artboard-height-res-480="190" data-artboard-height-res-640="210"> <div class="t396__carrier" data-artboard-recid="315272858"></div> <div class="t396__filter" data-artboard-recid="315272858"></div> <div class='t396__elem tn-elem tn-elem__3152728581540458778112' data-elem-id='1540458778112' data-elem-type='image' data-field-top-value="180" data-field-left-value="350" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="83" data-field-fileheight-value="76" data-field-top-res-320-value="105" data-field-left-res-320-value="50" data-field-top-res-480-value="137" data-field-left-res-480-value="130" data-field-width-res-480-value="40" data-field-top-res-640-value="150" data-field-left-res-640-value="220" data-field-top-res-960-value="180" data-field-left-res-960-value="320"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3962-6235-4534-b439-363330323865/clockwise_no.svg' alt='' imgfield='tn_img_1540458778112' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152728581540458892870' data-elem-id='1540458892870' data-elem-type='text' data-field-top-value="100" data-field-left-value="306" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="48" data-field-left-res-320-value="16" data-field-top-res-480-value="80" data-field-left-res-480-value="96" data-field-width-res-480-value="170" data-field-top-res-640-value="80" data-field-left-res-640-value="176" data-field-top-res-960-value="100" data-field-left-res-960-value="276"> <div class='tn-atom'field='tn_text_1540458892870'>Increase the button by hovering over it</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272858');});});</script>  </div> <div id="rec315272859" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272859 .t396__artboard {height:200px;background-color:#121212;}#rec315272859 .t396__filter {height:200px;}#rec315272859 .t396__carrier{height:200px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272859 .t396__artboard,#rec315272859 .t396__filter,#rec315272859 .t396__carrier {height:203px;}#rec315272859 .t396__filter {}#rec315272859 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272859 .t396__artboard,#rec315272859 .t396__filter,#rec315272859 .t396__carrier {height:178px;}#rec315272859 .t396__filter {}#rec315272859 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272859 .t396__artboard,#rec315272859 .t396__filter,#rec315272859 .t396__carrier {height:113px;}#rec315272859 .t396__filter {}#rec315272859 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272859 .t396__artboard,#rec315272859 .t396__filter,#rec315272859 .t396__carrier {height:103px;}#rec315272859 .t396__filter {}#rec315272859 .t396__carrier {background-attachment:scroll;}}#rec315272859 .tn-elem[data-elem-id="1481028507037"]{color:#ffffff;text-align:center;z-index:5;top:42px;left:calc(50% - 210px + 0px);width:420px;height:100px;}#rec315272859 .tn-elem.t396__elem--anim-hidden[data-elem-id="1481028507037"] {opacity:0;}#rec315272859 .tn-elem[data-elem-id="1481028507037"] .tn-atom{color:#ffffff;font-size:28px;font-family:'futura-pt',Arial,sans-serif;line-height:1.55;font-weight:700;border-width:1px;border-radius:50px;background-color:#eb5c09;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) {#rec315272859 .tn-elem[data-elem-id="1481028507037"] {top:43px;left:calc(50% - 210px + 0px);}}@media screen and (max-width:959px) {#rec315272859 .tn-elem[data-elem-id="1481028507037"] {top:39px;left:calc(50% - 210px + 0px);width:300px;height:90px;}#rec315272859 .tn-elem[data-elem-id="1481028507037"] .tn-atom{font-size:24px;}}@media screen and (max-width:639px) {#rec315272859 .tn-elem[data-elem-id="1481028507037"] {top:23px;left:calc(50% - 210px + 0px);width:220px;height:60px;}#rec315272859 .tn-elem[data-elem-id="1481028507037"] .tn-atom{font-size:18px;}}@media screen and (max-width:479px) {#rec315272859 .tn-elem[data-elem-id="1481028507037"] {top:23px;left:calc(50% - 210px + 0px);width:190px;height:60px;}#rec315272859 .tn-elem[data-elem-id="1481028507037"] .tn-atom{font-size:16px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272859" data-artboard-screens="320,480,640,960,1200" data-artboard-height="200" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="103" data-artboard-height-res-480="113" data-artboard-height-res-640="178" data-artboard-height-res-960="203"> <div class="t396__carrier" data-artboard-recid="315272859"></div> <div class="t396__filter" data-artboard-recid="315272859"></div> <div class='t396__elem tn-elem tn-elem__3152728591481028507037 ' data-elem-id='1481028507037' data-elem-type='button' data-field-top-value="42" data-field-left-value="0" data-field-height-value="100" data-field-width-value="420" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" 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':100,'mx':'0','my':'0','sx':1.06,'sy':1.06,'op':'1','ro':'0','bl':'0','ea':'','dt':'0'}]" data-field-top-res-320-value="23" data-field-left-res-320-value="0" data-field-height-res-320-value="60" data-field-width-res-320-value="190" data-field-top-res-480-value="23" data-field-left-res-480-value="0" data-field-height-res-480-value="60" data-field-width-res-480-value="220" data-field-top-res-640-value="39" data-field-left-res-640-value="0" data-field-height-res-640-value="90" data-field-width-res-640-value="300" data-field-top-res-960-value="43" data-field-left-res-960-value="0"> <div class='tn-atom'>Resize this button</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272859');});});</script>  </div> <div id="rec315272860" class="r t-rec t-rec_pt_90 t-rec_pb_15" style="padding-top:90px;padding-bottom:15px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272860 .t396__artboard {height:250px;background-color:#121212;overflow:visible;}#rec315272860 .t396__filter {height:250px;}#rec315272860 .t396__carrier{height:250px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272860 .t396__artboard,#rec315272860 .t396__filter,#rec315272860 .t396__carrier {}#rec315272860 .t396__filter {}#rec315272860 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272860 .t396__artboard,#rec315272860 .t396__filter,#rec315272860 .t396__carrier {height:220px;}#rec315272860 .t396__filter {}#rec315272860 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272860 .t396__artboard,#rec315272860 .t396__filter,#rec315272860 .t396__carrier {height:200px;}#rec315272860 .t396__filter {}#rec315272860 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272860 .t396__artboard,#rec315272860 .t396__filter,#rec315272860 .t396__carrier {height:190px;}#rec315272860 .t396__filter {}#rec315272860 .t396__carrier {background-attachment:scroll;}}#rec315272860 .tn-elem[data-elem-id="1540458778112"]{z-index:1;top:170px;left:calc(50% - 600px + 593px);width:50px;}#rec315272860 .tn-elem[data-elem-id="1540458778112"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec315272860 .tn-elem[data-elem-id="1540458778112"] .tn-atom {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}@media screen and (max-width:1199px) {#rec315272860 .tn-elem[data-elem-id="1540458778112"] {top:170px;left:calc(50% - 480px + 513px);}}@media screen and (max-width:959px) {#rec315272860 .tn-elem[data-elem-id="1540458778112"] {top:140px;left:calc(50% - 320px + 353px);}}@media screen and (max-width:639px) {#rec315272860 .tn-elem[data-elem-id="1540458778112"] {top:130px;left:calc(50% - 240px + 253px);width:40px;}}@media screen and (max-width:479px) {#rec315272860 .tn-elem[data-elem-id="1540458778112"] {top:116px;left:calc(50% - 160px + 97px);}}#rec315272860 .tn-elem[data-elem-id="1540458892870"]{color:#ffffff;z-index:2;top:130px;left:calc(50% - 600px + 659px);width:200px;}#rec315272860 .tn-elem[data-elem-id="1540458892870"] .tn-atom{color:#ffffff;font-size:20px;font-family:'futura-pt',Arial,sans-serif;line-height:1.15;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272860 .tn-elem[data-elem-id="1540458892870"] {top:130px;left:calc(50% - 480px + 580px);}}@media screen and (max-width:959px) {#rec315272860 .tn-elem[data-elem-id="1540458892870"] {top:100px;left:calc(50% - 320px + 411px);}}@media screen and (max-width:639px) {#rec315272860 .tn-elem[data-elem-id="1540458892870"] {top:100px;left:calc(50% - 240px + 308px);width:170px;}#rec315272860 .tn-elem[data-elem-id="1540458892870"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315272860 .tn-elem[data-elem-id="1540458892870"] {top:85px;left:calc(50% - 160px + 148px);width:160px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272860" data-artboard-screens="320,480,640,960,1200" data-artboard-height="250" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="190" data-artboard-height-res-480="200" data-artboard-height-res-640="220"> <div class="t396__carrier" data-artboard-recid="315272860"></div> <div class="t396__filter" data-artboard-recid="315272860"></div> <div class='t396__elem tn-elem tn-elem__3152728601540458778112' data-elem-id='1540458778112' data-elem-type='image' data-field-top-value="170" data-field-left-value="593" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="83" data-field-fileheight-value="76" data-field-top-res-320-value="116" data-field-left-res-320-value="97" data-field-top-res-480-value="130" data-field-left-res-480-value="253" data-field-width-res-480-value="40" data-field-top-res-640-value="140" data-field-left-res-640-value="353" data-field-top-res-960-value="170" data-field-left-res-960-value="513"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3465-3765-4239-a535-313966323764/clockwise_no.svg' alt='' imgfield='tn_img_1540458778112' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152728601540458892870' data-elem-id='1540458892870' data-elem-type='text' data-field-top-value="130" data-field-left-value="659" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="85" data-field-left-res-320-value="148" data-field-width-res-320-value="160" data-field-top-res-480-value="100" data-field-left-res-480-value="308" data-field-width-res-480-value="170" data-field-top-res-640-value="100" data-field-left-res-640-value="411" data-field-top-res-960-value="130" data-field-left-res-960-value="580"> <div class='tn-atom'field='tn_text_1540458892870'>Hover over the button to change its transparency</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272860');});});</script>  </div> <div id="rec315272861" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#121212; " data-animationappear="off" data-record-type="191" data-bg-color="#121212">  <div class="t142"> <div class="t-container_100"> <div class="t142__wrapone"> <div class="t142__wraptwo"> <a class="t-btn t142__submit t142__submit_size_xxl" rel="nofollow" target="_blank" style="color:#ffffff;border:2px solid #ffffff;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;" data-buttonfieldset="button"> <span class="t142__text">Hover for transparency</span> </a> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272861');});});window.addEventListener('load',function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272861');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec315272861 .t-btn:not(.t-animate_no-hover):hover {color:#000000 !important;background-color:#ffffff !important;}#rec315272861 .t-btn:not(.t-animate_no-hover):focus-visible {color:#000000 !important;background-color:#ffffff !important;}#rec315272861 .t-btn:not(.t-animate_no-hover) {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}#rec315272861 .t-btntext:not(.t-animate_no-hover):hover {color:#000000 !important;}#rec315272861 .t-btntext:not(.t-animate_no-hover):focus-visible {color:#000000 !important;}}</style> </div> <div id="rec315272862" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272862 .t396__artboard {height:250px;background-color:#121212;overflow:visible;}#rec315272862 .t396__filter {height:250px;}#rec315272862 .t396__carrier{height:250px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272862 .t396__artboard,#rec315272862 .t396__filter,#rec315272862 .t396__carrier {height:240px;}#rec315272862 .t396__filter {}#rec315272862 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272862 .t396__artboard,#rec315272862 .t396__filter,#rec315272862 .t396__carrier {height:220px;}#rec315272862 .t396__filter {}#rec315272862 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272862 .t396__artboard,#rec315272862 .t396__filter,#rec315272862 .t396__carrier {height:190px;}#rec315272862 .t396__filter {}#rec315272862 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272862 .t396__artboard,#rec315272862 .t396__filter,#rec315272862 .t396__carrier {}#rec315272862 .t396__filter {}#rec315272862 .t396__carrier {background-attachment:scroll;}}#rec315272862 .tn-elem[data-elem-id="1541085444905"]{z-index:2;top:278px;left:calc(50% - 600px + 1488px);width:1249px;height:491px;}@media (min-width:1200px) {#rec315272862 .tn-elem.t396__elem--anim-hidden[data-elem-id="1541085444905"] {opacity:0;}}#rec315272862 .tn-elem[data-elem-id="1541085444905"] .tn-atom{background-color:#ffffff;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) {}#rec315272862 .tn-elem[data-elem-id="1541084628152"]{z-index:3;top:281px;left:calc(50% - 600px + 1380px);width:1180px;}@media (min-width:1200px) {#rec315272862 .tn-elem.t396__elem--anim-hidden[data-elem-id="1541084628152"] {opacity:0;}}#rec315272862 .tn-elem[data-elem-id="1541084628152"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec315272862 .tn-elem[data-elem-id="1540458778112"]{z-index:4;top:122px;left:calc(50% - 600px + 954px);width:50px;}#rec315272862 .tn-elem[data-elem-id="1540458778112"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec315272862 .tn-elem[data-elem-id="1540458778112"] .tn-atom {-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}@media screen and (max-width:1199px) {#rec315272862 .tn-elem[data-elem-id="1540458778112"] {top:152px;left:calc(50% - 480px + 736px);}}@media screen and (max-width:959px) {#rec315272862 .tn-elem[data-elem-id="1540458778112"] {top:132px;left:calc(50% - 320px + 478px);}}@media screen and (max-width:639px) {#rec315272862 .tn-elem[data-elem-id="1540458778112"] {top:120px;left:calc(50% - 240px + 348px);width:40px;}}@media screen and (max-width:479px) {#rec315272862 .tn-elem[data-elem-id="1540458778112"] {top:120px;left:calc(50% - 160px + 248px);}}#rec315272862 .tn-elem[data-elem-id="1540458892870"]{color:#ffffff;z-index:5;top:73px;left:calc(50% - 600px + 820px);width:170px;}#rec315272862 .tn-elem[data-elem-id="1540458892870"] .tn-atom{color:#ffffff;font-size:20px;font-family:'futura-pt',Arial,sans-serif;line-height:1.15;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272862 .tn-elem[data-elem-id="1540458892870"] {top:103px;left:calc(50% - 480px + 520px);}}@media screen and (max-width:959px) {#rec315272862 .tn-elem[data-elem-id="1540458892870"] {top:83px;left:calc(50% - 320px + 260px);}}@media screen and (max-width:639px) {#rec315272862 .tn-elem[data-elem-id="1540458892870"] {top:83px;left:calc(50% - 240px + 179px);width:147px;}#rec315272862 .tn-elem[data-elem-id="1540458892870"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315272862 .tn-elem[data-elem-id="1540458892870"] {top:83px;left:calc(50% - 160px + 80px);width:142px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272862" data-artboard-screens="320,480,640,960,1200" data-artboard-height="250" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-height-res-480="190" data-artboard-height-res-640="220" data-artboard-height-res-960="240"> <div class="t396__carrier" data-artboard-recid="315272862"></div> <div class="t396__filter" data-artboard-recid="315272862"></div> <div class='t396__elem tn-elem tn-elem__3152728621540458778112' data-elem-id='1540458778112' data-elem-type='image' data-field-top-value="122" data-field-left-value="954" data-field-width-value="50" 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="83" data-field-fileheight-value="76" data-field-top-res-320-value="120" data-field-left-res-320-value="248" data-field-top-res-480-value="120" data-field-left-res-480-value="348" data-field-width-res-480-value="40" data-field-top-res-640-value="132" data-field-left-res-640-value="478" data-field-top-res-960-value="152" data-field-left-res-960-value="736"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6138-6232-4463-b131-623865663438/clockwise.svg' alt='' imgfield='tn_img_1540458778112' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152728621540458892870' data-elem-id='1540458892870' data-elem-type='text' data-field-top-value="73" data-field-left-value="820" data-field-width-value="170" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="83" data-field-left-res-320-value="80" data-field-width-res-320-value="142" data-field-top-res-480-value="83" data-field-left-res-480-value="179" data-field-width-res-480-value="147" data-field-top-res-640-value="83" data-field-left-res-640-value="260" data-field-top-res-960-value="103" data-field-left-res-960-value="520"> <div class='tn-atom'field='tn_text_1540458892870'>Hover over the button for a shadow effect</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272862');});});</script>  </div> <div id="rec375596075" class="r t-rec" style="background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec375596075 .t396__artboard {height:100px;overflow:visible;}#rec375596075 .t396__filter {height:100px;}#rec375596075 .t396__carrier{height:100px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec375596075 .t396__artboard,#rec375596075 .t396__filter,#rec375596075 .t396__carrier {}#rec375596075 .t396__filter {}#rec375596075 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec375596075 .t396__artboard,#rec375596075 .t396__filter,#rec375596075 .t396__carrier {}#rec375596075 .t396__filter {}#rec375596075 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec375596075 .t396__artboard,#rec375596075 .t396__filter,#rec375596075 .t396__carrier {}#rec375596075 .t396__filter {}#rec375596075 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec375596075 .t396__artboard,#rec375596075 .t396__filter,#rec375596075 .t396__carrier {}#rec375596075 .t396__filter {}#rec375596075 .t396__carrier {background-attachment:scroll;}}#rec375596075 .tn-elem[data-elem-id="1542036979096"]{z-index:1;top:-62px;left:calc(50% - 600px + 1320px);width:960px;}#rec375596075 .tn-elem.t396__elem--anim-hidden[data-elem-id="1542036979096"] {opacity:0;}#rec375596075 .tn-elem[data-elem-id="1542036979096"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec375596075 .tn-elem[data-elem-id="1542036979096"] {top:35px;left:calc(50% - 320px + 1320px);width:450px;}}@media screen and (max-width:639px) {#rec375596075 .tn-elem[data-elem-id="1542036979096"] {top:50px;left:calc(50% - 240px + 708px);width:370px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="375596075" data-artboard-screens="320,480,640,960,1200" data-artboard-height="100" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="375596075"></div> <div class="t396__filter" data-artboard-recid="375596075"></div> <div class='t396__elem tn-elem tn-elem__3755960751542036979096 ' data-elem-id='1542036979096' data-elem-type='image' data-field-top-value="-62" data-field-left-value="1320" data-field-width-value="960" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="scroll" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'di':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':'','dd':'0'},{'di':1300,'mx':-2510,'my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':'','dd':'0'}]" data-field-filewidth-value="1143" data-field-fileheight-value="510" data-field-top-res-480-value="50" data-field-left-res-480-value="708" data-field-width-res-480-value="370" data-field-top-res-640-value="35" data-field-left-res-640-value="1320" data-field-width-res-640-value="450"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6634-6333-4366-b364-643665613466/flag.svg' alt='' imgfield='tn_img_1542036979096' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('375596075');});});</script>  </div> <div id="rec315272864" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#121212; " data-animationappear="off" data-record-type="191" data-bg-color="#121212">  <div class="t142"> <div class="t-container_100"> <div class="t142__wrapone"> <div class="t142__wraptwo"> <a class="t-btn t142__submit t142__submit_size_xxl" rel="nofollow" target="_blank" style="color:#000000;border:2px solid #ffe100;background-color:#ffe100;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);" data-buttonfieldset="button"> <span class="t142__text">Get shadow under the button!</span> </a> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272864');});});window.addEventListener('load',function() {t_onFuncLoad('t142_checkSize',function() {t142_checkSize('315272864');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec315272864 .t-btn:not(.t-animate_no-hover):hover {box-shadow:0px 0px 30px 0px rgba(0,0,0,0.4) !important;}#rec315272864 .t-btn:not(.t-animate_no-hover):focus-visible {box-shadow:0px 0px 30px 0px rgba(0,0,0,0.4) !important;}#rec315272864 .t-btn:not(.t-animate_no-hover) {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}}</style> </div> <div id="rec315272865" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272865 .t396__artboard {height:250px;background-color:#121212;overflow:visible;}#rec315272865 .t396__filter {height:250px;}#rec315272865 .t396__carrier{height:250px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272865 .t396__artboard,#rec315272865 .t396__filter,#rec315272865 .t396__carrier {height:230px;}#rec315272865 .t396__filter {}#rec315272865 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272865 .t396__artboard,#rec315272865 .t396__filter,#rec315272865 .t396__carrier {height:210px;}#rec315272865 .t396__filter {}#rec315272865 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272865 .t396__artboard,#rec315272865 .t396__filter,#rec315272865 .t396__carrier {height:180px;}#rec315272865 .t396__filter {}#rec315272865 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272865 .t396__artboard,#rec315272865 .t396__filter,#rec315272865 .t396__carrier {height:170px;}#rec315272865 .t396__filter {}#rec315272865 .t396__carrier {background-attachment:scroll;}}#rec315272865 .tn-elem[data-elem-id="1540458778112"]{z-index:1;top:184px;left:calc(50% - 600px + 470px);width:60px;}#rec315272865 .tn-elem[data-elem-id="1540458778112"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec315272865 .tn-elem[data-elem-id="1540458778112"] .tn-atom {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}@media screen and (max-width:1199px) {#rec315272865 .tn-elem[data-elem-id="1540458778112"] {top:164px;left:calc(50% - 480px + 380px);}}@media screen and (max-width:959px) {#rec315272865 .tn-elem[data-elem-id="1540458778112"] {top:144px;left:calc(50% - 320px + 260px);}}@media screen and (max-width:639px) {#rec315272865 .tn-elem[data-elem-id="1540458778112"] {top:137px;left:calc(50% - 240px + 200px);width:40px;}}@media screen and (max-width:479px) {#rec315272865 .tn-elem[data-elem-id="1540458778112"] {top:126px;left:calc(50% - 160px + 166px);}}#rec315272865 .tn-elem[data-elem-id="1540458892870"]{color:#ffffff;z-index:2;top:120px;left:calc(50% - 600px + 280px);width:178px;}#rec315272865 .tn-elem[data-elem-id="1540458892870"] .tn-atom{color:#ffffff;font-size:20px;font-family:'futura-pt',Arial,sans-serif;line-height:1.15;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec315272865 .tn-elem[data-elem-id="1540458892870"] {top:100px;left:calc(50% - 480px + 190px);}}@media screen and (max-width:959px) {#rec315272865 .tn-elem[data-elem-id="1540458892870"] {top:80px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec315272865 .tn-elem[data-elem-id="1540458892870"] {top:90px;left:calc(50% - 240px + 50px);width:137px;}#rec315272865 .tn-elem[data-elem-id="1540458892870"] .tn-atom{font-size:16px;}}@media screen and (max-width:479px) {#rec315272865 .tn-elem[data-elem-id="1540458892870"] {top:78px;left:calc(50% - 160px + 14px);width:133px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272865" data-artboard-screens="320,480,640,960,1200" data-artboard-height="250" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="170" data-artboard-height-res-480="180" data-artboard-height-res-640="210" data-artboard-height-res-960="230"> <div class="t396__carrier" data-artboard-recid="315272865"></div> <div class="t396__filter" data-artboard-recid="315272865"></div> <div class='t396__elem tn-elem tn-elem__3152728651540458778112' data-elem-id='1540458778112' data-elem-type='image' data-field-top-value="184" data-field-left-value="470" data-field-width-value="60" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="497" data-field-fileheight-value="448" data-field-top-res-320-value="126" data-field-left-res-320-value="166" data-field-top-res-480-value="137" data-field-left-res-480-value="200" data-field-width-res-480-value="40" data-field-top-res-640-value="144" data-field-left-res-640-value="260" data-field-top-res-960-value="164" data-field-left-res-960-value="380"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6136-3766-4233-b366-313534343364/clockwise.svg' alt='' imgfield='tn_img_1540458778112' /> </div> </div> <div class='t396__elem tn-elem tn-elem__3152728651540458892870' data-elem-id='1540458892870' data-elem-type='text' data-field-top-value="120" data-field-left-value="280" data-field-width-value="178" 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="78" data-field-left-res-320-value="14" data-field-width-res-320-value="133" data-field-top-res-480-value="90" data-field-left-res-480-value="50" data-field-width-res-480-value="137" data-field-top-res-640-value="80" data-field-left-res-640-value="70" data-field-top-res-960-value="100" data-field-left-res-960-value="190"> <div class='tn-atom'field='tn_text_1540458892870'>Hover over the button to move it</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272865');});});</script>  </div> <div id="rec315272866" class="r t-rec t-rec_pt_0 t-rec_pb_210" style="padding-top:0px;padding-bottom:210px;background-color:#121212; " data-animationappear="off" data-record-type="396" data-bg-color="#121212">  <style>#rec315272866 .t396__artboard {height:200px;background-color:#121212;}#rec315272866 .t396__filter {height:200px;}#rec315272866 .t396__carrier{height:200px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec315272866 .t396__artboard,#rec315272866 .t396__filter,#rec315272866 .t396__carrier {height:233px;}#rec315272866 .t396__filter {}#rec315272866 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec315272866 .t396__artboard,#rec315272866 .t396__filter,#rec315272866 .t396__carrier {height:178px;}#rec315272866 .t396__filter {}#rec315272866 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec315272866 .t396__artboard,#rec315272866 .t396__filter,#rec315272866 .t396__carrier {height:123px;}#rec315272866 .t396__filter {}#rec315272866 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec315272866 .t396__artboard,#rec315272866 .t396__filter,#rec315272866 .t396__carrier {height:123px;}#rec315272866 .t396__filter {}#rec315272866 .t396__carrier {background-attachment:scroll;}}#rec315272866 .tn-elem[data-elem-id="1481028507037"]{color:#ffffff;text-align:center;z-index:5;top:42px;left:calc(50% - 220px + 0px);width:440px;height:100px;}#rec315272866 .tn-elem.t396__elem--anim-hidden[data-elem-id="1481028507037"] {opacity:0;}#rec315272866 .tn-elem[data-elem-id="1481028507037"] .tn-atom{color:#ffffff;font-size:28px;font-family:'futura-pt',Arial,sans-serif;line-height:1.55;font-weight:700;border-width:1px;border-radius:50px;background-color:#eb5c09;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) {#rec315272866 .tn-elem[data-elem-id="1481028507037"] {top:61px;left:calc(50% - 220px + 0px);}}@media screen and (max-width:959px) {#rec315272866 .tn-elem[data-elem-id="1481028507037"] {top:41px;left:calc(50% - 220px + 2px);width:380px;height:90px;}#rec315272866 .tn-elem[data-elem-id="1481028507037"] .tn-atom{font-size:24px;}}@media screen and (max-width:639px) {#rec315272866 .tn-elem[data-elem-id="1481028507037"] {top:31px;left:calc(50% - 220px + 0px);width:280px;height:60px;}#rec315272866 .tn-elem[data-elem-id="1481028507037"] .tn-atom{font-size:18px;}}@media screen and (max-width:479px) {#rec315272866 .tn-elem[data-elem-id="1481028507037"] {top:29px;left:calc(50% - 220px + 0px);width:250px;height:60px;}#rec315272866 .tn-elem[data-elem-id="1481028507037"] .tn-atom{font-size:16px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="315272866" data-artboard-screens="320,480,640,960,1200" data-artboard-height="200" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="123" data-artboard-height-res-480="123" data-artboard-height-res-640="178" data-artboard-height-res-960="233"> <div class="t396__carrier" data-artboard-recid="315272866"></div> <div class="t396__filter" data-artboard-recid="315272866"></div> <div class='t396__elem tn-elem tn-elem__3152728661481028507037 ' data-elem-id='1481028507037' data-elem-type='button' data-field-top-value="42" data-field-left-value="0" data-field-height-value="100" data-field-width-value="440" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" 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':100,'mx':10,'my':-10,'sx':1,'sy':1,'op':'1','ro':'0','bl':'0','ea':'','dt':'0'}]" data-field-top-res-320-value="29" data-field-left-res-320-value="0" data-field-height-res-320-value="60" data-field-width-res-320-value="250" data-field-top-res-480-value="31" data-field-left-res-480-value="0" data-field-height-res-480-value="60" data-field-width-res-480-value="280" data-field-top-res-640-value="41" data-field-left-res-640-value="2" data-field-height-res-640-value="90" data-field-width-res-640-value="380" data-field-top-res-960-value="61" data-field-left-res-960-value="0"> <div class='tn-atom'>Try to move me!</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('315272866');});});</script>  </div> <div id="rec315272867" class="r t-rec t-rec_pt_90 t-rec_pb_120" style="padding-top:90px;padding-bottom:120px;background-color:#121212; " data-record-type="33" data-bg-color="#121212">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_6 t-prefix_3"> <div class="t017__uptitle t-uptitle t-uptitle_md" field="subtitle">VIDEO TUTORIAL</div> <div class="t017__title t-title t-title_xxs" field="title">How to recreate this animation effect in the Tilda editor</div> </div> </div> </div> <style> #rec315272867 .t017__uptitle{color:#ffffff;font-weight:300;font-family:'Arial';letter-spacing:3px;}#rec315272867 .t017__title{color:#ffffff;font-weight:500;}#rec315272867 .t017__descr{color:#ffffff;}</style> </div> <div id="rec315272868" class="r t-rec t-rec_pt_0 t-rec_pb_210" style="padding-top:0px;padding-bottom:210px;background-color:#121212; " data-record-type="4" data-bg-color="#121212">  <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="315272868" data-videolazy-type="youtube" data-videolazy-id="3Li3_NWtkJA" data-videolazy-height="540px" style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('315272868');});});</script> <style>#rec315272868 .t121__wrap-video {box-shadow:0px 0px 40px rgba(0,0,0,0.9);}</style> </div> <div id="rec315272870" class="r t-rec" style="background-color:#121212; " data-animationappear="off" data-record-type="131" data-bg-color="#121212">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <style> #rec73200724 { position: relative; z-index: 3; } #allrecords { background-color: rgb(18, 18, 18); } </style>  </div> </div> </div> </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: 44,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-page19528089.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-video-1.0.min.js"></script><script type="text/javascript" src="/static/project4102777/js/tilda-video-processor-1.0.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>