CINXE.COM

<!DOCTYPE html> <html lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8" /> <meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <script> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); </script> <link rel="profile" href="https://gmpg.org/xfn/11" /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>10 Things Every Website MUST Have</title><link rel="preload" href="https://smackhappy.com/wp-content/uploads/2020/12/logo-white.svg" as="image" fetchpriority="high" /><link rel="preload" href="https://smackhappy.com/wp-content/uploads/2020/12/logo-white-symbol.svg" as="image" fetchpriority="high" /><style id="perfmatters-used-css">button::-moz-focus-inner{padding:0;border:0;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}img{border:0;}svg:not(:root){overflow:hidden;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}@media print{*,*:before,*:after{color:#000 !important;text-shadow:none !important;background:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}a[href^="#"]:after,a[href^="javascript:"]:after{content:"";}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}a{color:#337ab7;text-decoration:none;}a:hover,a:focus{color:#23527c;text-decoration:underline;}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}img{vertical-align:middle;}[role="button"]{cursor:pointer;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px;}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px;}h1,.h1{font-size:36px;}h2,.h2{font-size:30px;}h3,.h3{font-size:24px;}h4,.h4{font-size:18px;}p{margin:0 0 10px;}ul,ol{margin-top:0;margin-bottom:10px;}ul ul,ol ul,ul ol,ol ol{margin-bottom:0;}body{background-color:#f2f2f2;color:#000;font-family:"Open Sans",sans-serif;font-size:22px;font-weight:400;line-height:1.45;font-style:normal;padding:0;word-wrap:break-word;}h1,h2,h3,h4,h5,h6{color:#000;font-family:"Oxygen",sans-serif;font-weight:700;line-height:1.4;text-transform:none;font-style:normal;}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#000;}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}h1{font-size:60px;line-height:1.2;letter-spacing:0px;color:#000;font-family:"Oxygen",sans-serif;font-weight:700;font-style:normal;text-transform:none;}h1 a{color:#000;}h2{font-size:48px;line-height:1.4;letter-spacing:0px;}h3{font-size:36px;line-height:1.4;letter-spacing:0px;}h4{font-size:28px;line-height:1.4;letter-spacing:0px;}a{color:#289dbb;}a:hover,a:focus{color:#1e7a91;}iframe{max-width:100%;}img{max-width:100%;height:auto;}.fl-screen-reader-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;padding:10px 15px;background:#fff !important;}.fl-screen-reader-text:focus{width:auto;height:auto;position:fixed;left:0px;top:0px;z-index:99999;}.fl-page{position:relative;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin:0 auto;}.fl-page-content{background-color:#fff;}.fl-page-content a{text-decoration:none;}.fl-page-content a:hover{text-decoration:underline;}a.fl-button,a.fl-button:visited{background:#556cb4;color:#fff;border:1px solid #1d7389;}a.fl-button:hover,.fl-builder-content a.fl-button:hover{color:#fff;background:#7bb1e0;}a.fl-button *,a.fl-button:visited *{color:#fff;}a.fl-button:hover *{color:#fff;}a.fl-button:hover,a.button:hover{color:#fff;background-color:#7bb1e0;border:1px solid #144f5e;}button,input[type=button],input[type=submit]{background-color:#289dbb;color:#fff;font-size:24px;line-height:1.2;padding:6px 12px;font-weight:normal;text-shadow:none;border:1px solid #1d7389;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#1e7a91;color:#fff;border:1px solid #144f5e;text-decoration:none;}button:active,input[type=button]:active,input[type=submit]:active,button:focus,input[type=button]:focus,input[type=submit]:focus{background-color:#1e7a91;color:#fff;border:1px solid #144f5e;outline:none;position:relative;}@media (min-width:992px){.fl-page{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;width:980px;}.fl-full-width .fl-page{width:auto;}}.fl-page button:visited,.fl-responsive-preview-content button:visited,.fl-button-lightbox-content button:visited,.fl-page input[type=button],.fl-responsive-preview-content input[type=button],.fl-button-lightbox-content input[type=button],.fl-page input[type=submit],.fl-responsive-preview-content input[type=submit],.fl-button-lightbox-content input[type=submit],.fl-page button[type=submit],.fl-responsive-preview-content button[type=submit],.fl-button-lightbox-content button[type=submit],.fl-page a.fl-button,.fl-responsive-preview-content a.fl-button,.fl-button-lightbox-content a.fl-button,.fl-page a.fl-button:visited,.fl-responsive-preview-content a.fl-button:visited,.fl-button-lightbox-content a.fl-button:visited,.fl-page a.button,.fl-responsive-preview-content a.button,.fl-button-lightbox-content a.button,.fl-page a.button:visited,.fl-responsive-preview-content a.button:visited,.fl-button-lightbox-content a.button:visited,.fl-page button.button,.fl-responsive-preview-content button.button,.fl-button-lightbox-content button.button,.fl-page button.button:visited,.fl-responsive-preview-content button.button:visited,.fl-button-lightbox-content button.button:visited,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited{color:#fff;background-color:#556cb4;font-family:"Open Sans",sans-serif;font-weight:600;font-size:24px;line-height:1.2;text-transform:uppercase;border-style:none;border-width:0px;border-color:initial;border-radius:0px;}.fl-page input[type=button] *,.fl-responsive-preview-content input[type=button] *,.fl-button-lightbox-content input[type=button] *,.fl-page input[type=submit] *,.fl-responsive-preview-content input[type=submit] *,.fl-button-lightbox-content input[type=submit] *,.fl-page button[type=submit] *,.fl-responsive-preview-content button[type=submit] *,.fl-button-lightbox-content button[type=submit] *,.fl-page a.fl-button *,.fl-responsive-preview-content a.fl-button *,.fl-button-lightbox-content a.fl-button *,.fl-page a.fl-button:visited *,.fl-responsive-preview-content a.fl-button:visited *,.fl-button-lightbox-content a.fl-button:visited *,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle *,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle *,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle *,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited *,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited *,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited *{color:#fff;}.fl-page input[type=button]:hover,.fl-responsive-preview-content input[type=button]:hover,.fl-button-lightbox-content input[type=button]:hover,.fl-page input[type=submit]:hover,.fl-responsive-preview-content input[type=submit]:hover,.fl-button-lightbox-content input[type=submit]:hover,.fl-page button[type=submit]:hover,.fl-responsive-preview-content button[type=submit]:hover,.fl-button-lightbox-content button[type=submit]:hover,.fl-page a.fl-button:hover,.fl-responsive-preview-content a.fl-button:hover,.fl-button-lightbox-content a.fl-button:hover,.fl-page a.button:hover,.fl-responsive-preview-content a.button:hover,.fl-button-lightbox-content a.button:hover,.fl-page button.button:hover,.fl-responsive-preview-content button.button:hover,.fl-button-lightbox-content button.button:hover,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover{color:#fff;border-color:initial;background-color:#7bb1e0;border-style:none;border-width:0px;border-radius:0px;}.fl-page input[type=button]:hover *,.fl-responsive-preview-content input[type=button]:hover *,.fl-button-lightbox-content input[type=button]:hover *,.fl-page input[type=submit]:hover *,.fl-responsive-preview-content input[type=submit]:hover *,.fl-button-lightbox-content input[type=submit]:hover *,.fl-page button[type=submit]:hover *,.fl-responsive-preview-content button[type=submit]:hover *,.fl-button-lightbox-content button[type=submit]:hover *,.fl-page a.fl-button:hover *,.fl-responsive-preview-content a.fl-button:hover *,.fl-button-lightbox-content a.fl-button:hover *,.fl-page a.button:hover *,.fl-responsive-preview-content a.button:hover *,.fl-button-lightbox-content a.button:hover *,.fl-page button.button:hover *,.fl-responsive-preview-content button.button:hover *,.fl-button-lightbox-content button.button:hover *,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover *,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover *,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover *{color:#fff;}@media (max-width:991px){body{font-size:18px;line-height:1.45;}h1{font-size:45px;line-height:1.4;letter-spacing:0px;}h2{font-size:38px;line-height:1.4;letter-spacing:0px;}h3{font-size:30px;line-height:1.4;letter-spacing:0px;}h4{font-size:22px;line-height:1.4;letter-spacing:0px;}.fl-page button,.fl-page input[type=button],.fl-page input[type=submit]{font-size:16px;line-height:1.2;}a.fl-button,a.fl-button:visited,.fl-page a.fl-button,.fl-page a.fl-button:visited{font-size:16px;line-height:1.2;}a.fl-button:hover{font-size:16px;line-height:1.2;}}@media (max-width:767px){body{font-size:16px;line-height:1.45;}h1{font-size:34px;line-height:1.2;letter-spacing:0px;}h2{font-size:30px;line-height:1.4;letter-spacing:0px;}h3{font-size:24px;line-height:1.4;letter-spacing:0px;}h3{font-size:24px;line-height:1.4;letter-spacing:0px;}h4{font-size:18px;line-height:1.4;letter-spacing:0px;}.fl-page button,.fl-page input[type=button],.fl-page input[type=submit]{font-size:16px;line-height:1.2;}a.fl-button,a.fl-button:visited,.fl-page a.fl-button,.fl-page a.fl-button:visited{font-size:16px;line-height:1.2;}}img[src$=".svg"]{width:100% !important;height:auto !important;}html{overflow-y:auto;}@keyframes flashArrow{0%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:100px 70px;}20%{background:url("/wp-content/uploads/2021/01/arrow-yellow.png") center left no-repeat;background-size:100px 70px;}100%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:100px 70px;}}@keyframes smallArrow{0%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:50px 35px;}20%{background:url("/wp-content/uploads/2021/01/arrow-yellow.png") center left no-repeat;background-size:50px 35px;}100%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:50px 35px;}}@media screen and (max-width: 1100px) and (min-width: 950px){.fl-builder-content-7603 .menu-header .fl-rich-text p{font-size:40px !important;}}@media screen and (max-width: 992px){.fl-builder-content-7603 .menu-header .fl-rich-text p{font-size:32px !important;}}.orange-button .fl-button{background:linear-gradient(-70deg,#f7c457 0%,#f7c457 50%,#f3822d 50%,#f3822d 100%) !important;background-size:220% !important;background-position:0%;transition:all .3s ease-in-out;}.orange-button .fl-button:hover{background-position:100% !important;box-shadow:0 3px 5px 3px rgba(0,0,0,.15);}footer .footer-social i{margin-right:7px;}footer .footer-social .fl-html a:hover i{color:#95cdd9 !important;}@media only screen and (max-width: 768px){footer .footer-social i{margin-right:3px;margin-left:3px;}footer .footer-social .fl-html{text-align:center;}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0);}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0);}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@-webkit-keyframes flash{0%,50%,to{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{0%,50%,to{opacity:1;}25%,75%{opacity:0;}}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg);}to{-webkit-transform:none;transform:none;}}@keyframes wobble{0%{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none;}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none;}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}to{-webkit-transform:none;transform:none;}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}to{-webkit-transform:none;transform:none;}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}to{-webkit-transform:none;transform:none;}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@-webkit-keyframes fadeIn{0%{opacity:0;}to{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeOut{0%{opacity:1;}to{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}to{opacity:0;}}@-webkit-keyframes fadeOutDown{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes fadeOutDown{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes fadeOutDownBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes fadeOutLeft{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes fadeOutLeftBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@-webkit-keyframes fadeOutRight{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes fadeOutRight{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes fadeOutRightBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@-webkit-keyframes fadeOutUp{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes fadeOutUp{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes fadeOutUpBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);}60%,80%{opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:none;transform:none;opacity:1;}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);}60%,80%{opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes lightSpeedOut{0%{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@keyframes lightSpeedOut{0%{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}}@keyframes rotateOut{0%{transform-origin:center;opacity:1;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}@-webkit-keyframes hinge{0%{transform-origin:top left;}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left;}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@keyframes hinge{0%{transform-origin:top left;}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left;}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes rollOut{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg);}}@keyframes rollOut{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg);}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomOut{0%{opacity:1;}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%,to{opacity:0;}}@keyframes zoomOut{0%{opacity:1;}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%,to{opacity:0;}}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}</style> <meta name="description" content="You have > 5 seconds to capture your audience's attention. Watch this video for 10 things that every website needs to get the most out of those 5 seconds."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://smackhappy.com/videocasts/10-things-every-website-must-have/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="10 Things Every Website MUST Have" /> <meta property="og:description" content="You have > 5 seconds to capture your audience's attention. Watch this video for 10 things that every website needs to get the most out of those 5 seconds." /> <meta property="og:url" content="https://smackhappy.com/videocasts/10-things-every-website-must-have/" /> <meta property="og:site_name" content="Smack Happy Design" /> <meta property="article:publisher" content="https://www.facebook.com/smackhappydesign" /> <meta property="og:image" content="https://smackhappy.com/wp-content/uploads/2021/06/SHD-Website-Featured-Image-10-things-every-website-needs.jpeg" /> <meta property="og:image:secure_url" content="https://smackhappy.com/wp-content/uploads/2021/06/SHD-Website-Featured-Image-10-things-every-website-needs.jpeg" /> <meta property="og:image:width" content="1080" /> <meta property="og:image:height" content="1080" /> <meta property="og:image:alt" content="SHD Website Featured Image - 10 things every website needs" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="10 Things Every Website MUST Have" /> <meta name="twitter:description" content="You have > 5 seconds to capture your audience's attention. Watch this video for 10 things that every website needs to get the most out of those 5 seconds." /> <meta name="twitter:site" content="@smackhappyd" /> <meta name="twitter:creator" content="@smackhappyd" /> <meta name="twitter:image" content="https://smackhappy.com/wp-content/uploads/2021/06/SHD-Website-Featured-Image-10-things-every-website-needs.jpeg" />  <link rel='dns-prefetch' href='//kit.fontawesome.com' /> <link rel='dns-prefetch' href='//use.typekit.net' /> <link rel='dns-prefetch' href='//hcaptcha.com' /> <link rel="alternate" type="application/rss+xml" title="Smack Happy Design » Feed" href="https://smackhappy.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Smack Happy Design » Comments Feed" href="https://smackhappy.com/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/smackhappy.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='fl-builder-layout-bundle-45a1ca5f5664e6a6d174ae6ea462e57d-css' href='https://smackhappy.com/wp-content/uploads/bb-plugin/cache/45a1ca5f5664e6a6d174ae6ea462e57d-layout-bundle.css?ver=2.8.6.1-1.4.11.2' media='all' /> <style id='akismet-widget-style-inline-css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel="stylesheet" id="bb-css-grid-style-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/e873c78f99eb.style.min.css?ver=6.7.2"> <link rel="stylesheet" id="jquery-magnificpopup-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/plugins/bb-plugin/css/jquery.magnificpopup.min.css?ver=2.8.6.1"> <link rel="stylesheet" id="base-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/themes/bb-theme/css/base.min.css?ver=1.7.17.1"> <link rel="stylesheet" id="fl-automator-skin-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/uploads/bb-theme/skin-6744c64ab0a44.css?ver=1.7.17.1"> <link rel="stylesheet" id="typekit-css" media="all" data-pmdelayedstyle="https://use.typekit.net/anz2nlq.css?ver=6.7.2"> <link rel="stylesheet" id="fl-child-theme-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/f3f116ced88e.style.min.css?ver=1.03"> <link rel="stylesheet" id="pp-animate-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/plugins/bbpowerpack/assets/css/animate.min.css?ver=3.5.1"> <link rel='stylesheet' id='fl-builder-google-fonts-90cdb4809a38b6112f0d4cbddddec5fe-css' href='https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/fonts/84815952bed6.google-fonts.min.css' media='all' /> <script src="https://smackhappy.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://smackhappy.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/beaver-charts-pro-v1.0/assets/js/chart.min.js?ver=1" id="chart-script-js" defer></script> <script src="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/1682d0d6222a.init.min.js?ver=1.0.3" id="site-init-js" defer></script> <script src="https://kit.fontawesome.com/7f10f84afc.js?ver=6.7.2" id="fa5-kit-js" defer></script> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://smackhappy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsmackhappy.com%2Fvideocasts%2F10-things-every-website-must-have%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://smackhappy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsmackhappy.com%2Fvideocasts%2F10-things-every-website-must-have%2F&format=xml" /> <script> var bb_powerpack = { search_term: '', version: '2.40.0.2', getAjaxUrl: function() { return atob( 'aHR0cHM6Ly9zbWFja2hhcHB5LmNvbS93cC1hZG1pbi9hZG1pbi1hamF4LnBocA==' ); }, callback: function() {} }; </script> <style> .h-captcha{position:relative;display:block;margin-bottom:2rem;padding:0;clear:both}.h-captcha[data-size="normal"]{width:303px;height:78px}.h-captcha[data-size="compact"]{width:164px;height:144px}.h-captcha[data-size="invisible"]{display:none}.h-captcha::before{content:'';display:block;position:absolute;top:0;left:0;background:url(https://smackhappy.com/wp-content/plugins/hcaptcha-for-forms-and-more/assets/images/hcaptcha-div-logo.svg) no-repeat;border:1px solid #fff0;border-radius:4px}.h-captcha[data-size="normal"]::before{width:300px;height:74px;background-position:94% 28%}.h-captcha[data-size="compact"]::before{width:156px;height:136px;background-position:50% 79%}.h-captcha[data-theme="light"]::before,body.is-light-theme .h-captcha[data-theme="auto"]::before,.h-captcha[data-theme="auto"]::before{background-color:#fafafa;border:1px solid #e0e0e0}.h-captcha[data-theme="dark"]::before,body.is-dark-theme .h-captcha[data-theme="auto"]::before,html.wp-dark-mode-active .h-captcha[data-theme="auto"]::before,html.drdt-dark-mode .h-captcha[data-theme="auto"]::before{background-image:url(https://smackhappy.com/wp-content/plugins/hcaptcha-for-forms-and-more/assets/images/hcaptcha-div-logo-white.svg);background-repeat:no-repeat;background-color:#333;border:1px solid #f5f5f5}.h-captcha[data-theme="custom"]::before{background-color:initial}.h-captcha[data-size="invisible"]::before{display:none}.h-captcha iframe{position:relative}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none} </style> <script id="google_gtagjs" src="https://www.googletagmanager.com/gtag/js?id=G-BREB1QDE38" async type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script id="google_gtagjs-inline" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-BREB1QDE38', {'anonymize_ip': true} ); </script> <style> .gform_previous_button+.h-captcha{margin-top:2rem}.gform_footer.before .h-captcha[data-size="normal"]{margin-bottom:3px}.gform_footer.before .h-captcha[data-size="compact"]{margin-bottom:0}.gform_wrapper.gravity-theme .gform_footer,.gform_wrapper.gravity-theme .gform_page_footer{flex-wrap:wrap}.gform_wrapper.gravity-theme .h-captcha,.gform_wrapper.gravity-theme .h-captcha{margin:0;flex-basis:100%}.gform_wrapper.gravity-theme input[type="submit"],.gform_wrapper.gravity-theme input[type="submit"]{align-self:flex-start}.gform_wrapper.gravity-theme .h-captcha~input[type="submit"],.gform_wrapper.gravity-theme .h-captcha~input[type="submit"]{margin:1em 0 0 0!important} </style> <style id="wp-custom-css"> .fl-builder-edit .abs, .fl-builder-edit .abs-text{ position:relative;pointer-events: all; top: auto;color:#000; } .fl-builder-edit .abs h2{ color:#000; } .gfield_radio label, .gfield_checkbox label, .name_first label, .name_last label { font-weight: normal; } .arrow-green { color: #5c9c59; } .arrow-orange { color: #f6841f; } .arrow-yellow { color: #f9c64f; } .arrow-purple { color: #556cb4; } .hero-menu li { padding-left: 100px; margin-left: 0; background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-white.png') center left no-repeat; background-size: 100px 70px; } .hero-menu li:hover { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-yellow.png') center left no-repeat; background-size: 100px 70px; } @media only screen and (max-width: 1240px) { .hero-menu li:hover { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-yello.png') center left no-repeat; background-size: 50px 35px; padding-left: 60px; } h1.fl-heading { font-size: 42px; } .hero-menu li { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-white.png') center left no-repeat; background-size: 50px 35px; margin-right: -10px !important; padding-left: 60px; } } .uabb-creative-menu .menu { margin: 0px 25px 30px -40px; } .abs h2.uabb-number-string{ font-size:4px;} .abs-text{ font-size:22px;top:40%; } } @media only screen and (max-width: 1024px) { .hero-menu li:hover { background: url('https://smackhappy.com/wp-content/uploads/2020/12/arrow-yellow.svg') center left no-repeat; background-size: 50px 100px; } .hero-menu li { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-right-white-10.svg') center left no-repeat; background-size: 50px 100px; } .abs h2.uabb-number-string{ font-size:42px; } .abs-text{ font-size:18px;top:40%; } h1.fl-heading { font-size: 42px; } } @media only screen and (max-width: 992px) { .abs h2.uabb-number-string{ font-size:32px; } .abs-text { font-size:16px;top:40%; } .fl-builder-content-primary .fl-row:first-child .fl-row-content-wrap { padding-top: 130px; } .hero-menu li { padding-left: 50; text-align: left; background: none; } .hero-menu li a { padding-left: 0 !important; } .hero-menu li:hover { background: none; padding-left: 50; } h1.fl-heading { font-size: 37px; } } @media only screen and (max-width: 768px) { .abs h2.uabb-number-string{font-size:60px;} .abs-text{font-size:32px;top:45%;} .fl-builder-content-primary .fl-row:first-child .fl-row-content-wrap { padding-top: 80px; } .fl-row-bg-uabb_gradient .fl-row-content-wrap { padding-top: 80px !important; } .hero-menu li { padding-left: 0; text-align: left; background: none; } .hero-menu li a { padding-left:0 !important; } .hero-menu li:hover { background: none; padding-left:0 !important; } .hero-menu > .fl-module-content { margin-top: 0; } .uabb-creative-menu .menu { margin: 0px -20px 30px 0px; } .fl-builder-content .fl-node-5fbdb1720957b { max-width: 50% !important; } } /** Animations **/ .abs { position:absolute;pointer-events:none;top:30%; } .abs-text { pointer-events: none; text-transform: uppercase; color: #fff; text-align: center; top: 45%; position: absolute; line-height: 1.2em; font-weight: 600; } .relative{ position:relative;} .abs h2.uabb-number-string{ font-size:62px; } .abs h2 .uabb-number-int{ font-weight:700; } .abs-text .fl-html{ font-size: 22px; font-weight: 600; } @media only screen and (max-width: 768px) { .ginput_recaptcha { transform: scale(.75) !important; margin-left: -40px!important; } } .gform_ajax_spinner { width: 50px !important; max-width: 50px !important; } </style> <noscript><style>.perfmatters-lazy[data-src]{display:none !important;}</style></noscript><style>.perfmatters-lazy-youtube{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.23%;overflow:hidden}.perfmatters-lazy-youtube img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:auto;margin:auto;border:none;cursor:pointer;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all}.perfmatters-lazy-youtube img:hover{-webkit-filter:brightness(75%)}.perfmatters-lazy-youtube .play{position:absolute;top:50%;left:50%;right:auto;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background:url(https://smackhappy.com/wp-content/plugins/perfmatters/img/youtube.svg) no-repeat;background-position:center;background-size:cover;pointer-events:none;filter:grayscale(1)}.perfmatters-lazy-youtube:hover .play{filter:grayscale(0)}.perfmatters-lazy-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.perfmatters-lazy.pmloaded,.perfmatters-lazy.pmloaded>img,.perfmatters-lazy>img.pmloaded,.perfmatters-lazy[data-ll-status=entered]{animation:500ms pmFadeIn}@keyframes pmFadeIn{0%{opacity:0}100%{opacity:1}}</style><link rel="preconnect" href="//privacy-proxy.usercentrics.eu"> <link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script"> <script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" defer></script> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="mQj1jrIQKSFtQg" async></script> </head> <body class="videocasts-template-default single single-videocasts postid-8535 fl-builder-2-8-6-1 fl-themer-1-4-11-2 fl-theme-1-7-17-1 fl-theme-builder-singular fl-theme-builder-singular-resource-hub-copy fl-theme-builder-footer fl-theme-builder-footer-shd-footer-2020 fl-theme-builder-header fl-theme-builder-header-shd-header-2020 fl-theme-builder-part fl-theme-builder-part-test fl-framework-base fl-preset-default fl-full-width fl-search-active" itemscope="itemscope" itemtype="https://schema.org/WebPage">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPGKZQW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <a aria-label="Skip to content" class="fl-screen-reader-text" href="#fl-main-content">Skip to content</a><div class="fl-page"> <header class="fl-builder-content fl-builder-content-7284 fl-builder-global-templates-locked" data-post-id="7284" data-type="header" data-sticky="1" data-sticky-on="" data-sticky-breakpoint="medium" data-shrink="1" data-overlay="1" data-overlay-bg="default" data-shrink-image-height="50px" role="banner" itemscope="itemscope" itemtype="http://schema.org/WPHeader"><div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5fbdb17209577 fl-row-default-height fl-row-align-center" data-node="5fbdb17209577"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fbdb1720957a fl-col-group-equal-height fl-col-group-align-center fl-col-group-custom-width" data-node="5fbdb1720957a"> <div class="fl-col fl-node-5fbdb1720957b fl-col-bg-color fl-col-small fl-col-small-custom-width" data-node="5fbdb1720957b"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fbdb1720957d full-logo" data-node="5fbdb1720957d"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-left" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <a href="/" target="_self" itemprop="url"> <img data-perfmatters-preload decoding="async" class="fl-photo-img wp-image-7494 size-full" src="https://smackhappy.com/wp-content/uploads/2020/12/logo-white.svg" alt="Smack Happy Home" itemprop="image" height="79" width="336" data-no-lazy="1" /> </a> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1720957c fl-col-bg-color" data-node="5fbdb1720957c"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-offcanvas-content fl-node-5ff8efd04b483 main-menu" data-node="5ff8efd04b483"> <div class="fl-module-content fl-node-content"> <div class="pp-offcanvas-content-wrap"> <div id="offcanvas-5ff8efd04b483" class="pp-offcanvas-content pp-offcanvas-content-5ff8efd04b483 pp-offcanvas-content-top pp-offcanvas-slide" data-id="5ff8efd04b483" aria-label="Menu" aria-modal="true" role="dialog"> <div class="pp-offcanvas-header"> <div class="pp-offcanvas-close" role="button" aria-label="Close Off Canvas Panel" tabindex="0"> <span class="pp-offcanvas-close-icon" aria-hidden="true"></span> </div> </div> <div class="pp-offcanvas-body"> <div class="pp-offcanvas-content-inner"> <link rel="stylesheet" id="foundation-icons-css" media="all" data-pmdelayedstyle="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css?ver=2.8.6.1"> <link rel='stylesheet' id='fl-builder-layout-7603-css' href='https://smackhappy.com/wp-content/uploads/bb-plugin/cache/7603-layout-partial.css?ver=3a2f46458b48208dc67a6531a9a3e286' media='all' /> <div class="fl-builder-content fl-builder-content-7603 fl-builder-template fl-builder-row-template fl-builder-global-templates-locked" data-post-id="7603"><div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5ff8f4be597bf fl-row-default-height fl-row-align-center" data-node="5ff8f4be597bf"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5ff8f4be5a424" data-node="5ff8f4be5a424"> <div class="fl-col fl-node-5ff8f4be5a559 fl-col-bg-color fl-col-has-cols" data-node="5ff8f4be5a559"> <div class="fl-col-content fl-node-content"> <div class="fl-col-group fl-node-5ffcc681894e1 fl-col-group-nested" data-node="5ffcc681894e1"> <div class="fl-col fl-node-5ffcc68189dd0 fl-col-bg-color" data-node="5ffcc68189dd0"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-5ff8f4edee66d shd-button orange-button" data-node="5ff8f4edee66d"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-right"> <a href="https://smackhappy.com/getting-started/" target="_self" class="fl-button"> <span class="fl-button-text">Get a Quote</span> </a> </div> </div> </div> </div> </div> </div> <div class="fl-module fl-module-separator fl-node-5ff8f96c584b5" data-node="5ff8f96c584b5"> <div class="fl-module-content fl-node-content"> <div class="fl-separator"></div> </div> </div> <div class="fl-col-group fl-node-5ff8f507b78a8 fl-col-group-nested" data-node="5ff8f507b78a8"> <div class="fl-col fl-node-5ff8f507b819a fl-col-bg-color fl-col-small" data-node="5ff8f507b819a"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-0564qb2rxgko menu-header" data-node="0564qb2rxgko"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>SERVICES</p> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-5ff8f792b0c91" data-node="5ff8f792b0c91"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-services-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7293" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/web-design-development/">Web Design & Development</a></li><li id="menu-item-7295" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/wordpress-support/">Website Support & Hosting</a></li><li id="menu-item-10986" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/growth-consulting-marketing/">Growth Marketing & Consulting</a></li><li id="menu-item-7292" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/branding-graphic-design/">Branding & Design</a></li><li id="menu-item-9159" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/accessibility-audit/">Accessibility Services</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8f507b819e fl-col-bg-color fl-col-small" data-node="5ff8f507b819e"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-cwis4oxr7fbg menu-header" data-node="cwis4oxr7fbg"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>PORTFOLIO</p> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-5ff8f98f87938" data-node="5ff8f98f87938"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-portfolio-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-1252" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/web-design/">Web Design</a></li><li id="menu-item-1248" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/graphic-design/">Graphic Design</a></li><li id="menu-item-1250" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/logo-design/">Logo Design</a></li><li id="menu-item-1249" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/illustration/">Illustration</a></li><li id="menu-item-9700" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/marketing/">Marketing</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fadcc6e3b fl-col-bg-color fl-col-small" data-node="5ff8fadcc6e3b"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-5ff8f8f8e19df phone" data-node="5ff8f8f8e19df"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-right fl-button-has-icon"> <a href="tel:14158145885" target="_self" class="fl-button"> <i class="fl-button-icon fl-button-icon-before fi-telephone" aria-hidden="true"></i> <span class="fl-button-text">(415) 814-5885</span> </a> </div> </div> </div> <div class="fl-module fl-module-photo fl-node-5ffcfb577e129" data-node="5ffcfb577e129"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-right" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <img data-perfmatters-preload decoding="async" class="fl-photo-img wp-image-7407 size-full" src="https://smackhappy.com/wp-content/uploads/2020/12/logo-white-symbol.svg" alt="logo-white-symbol" itemprop="image" height="114" width="114" title="logo-white-symbol" data-no-lazy="1" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5ff8fa83710ef" data-node="5ff8fa83710ef"> <div class="fl-col fl-node-5ff8fa8371d28 fl-col-bg-color" data-node="5ff8fa8371d28"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-u5gyi46tkhev menu-header" data-node="u5gyi46tkhev"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>EVERYTHING ELSE</p> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5ff8fa7f1e126" data-node="5ff8fa7f1e126"> <div class="fl-col fl-node-5ff8fa7f1ec43 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec43"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5ff8fa8973d6f" data-node="5ff8fa8973d6f"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-about-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7300" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/about-us/">About Us</a></li><li id="menu-item-7304" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/process/">Our Process</a></li><li id="menu-item-7301" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/happy-clients/">Our Clients</a></li><li id="menu-item-7410" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/case-studies/">Case Studies</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fa7f1ec46 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec46"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5ff8fa8cbc06b" data-node="5ff8fa8cbc06b"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-resources-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7297" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/blog/">Blog</a></li><li id="menu-item-7296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/resource-hub/">Resources</a></li><li id="menu-item-8207" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://smackhappy.com/newsletter/">Newsletter</a></li><li id="menu-item-7298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/videos/">Videos</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fa7f1ec48 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec48"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5ff8fa8fecb97" data-node="5ff8fa8fecb97"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-contact-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7305" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/">Contact Us</a></li><li id="menu-item-7307" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/getting-started/">Getting Started</a></li><li id="menu-item-7308" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/faqs/">FAQs</a></li><li id="menu-item-7306" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/support/">Support</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fa7f1ec49 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec49"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-0n7qre8ipv3g" data-node="0n7qre8ipv3g"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>DON鈥橳 JUST BE HAPPY WITH YOUR MARKETING, BE SMACK HAPPY.</p> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5ff8f96c5853a" data-node="5ff8f96c5853a"> <div class="fl-col fl-node-5ff8f96c5861f fl-col-bg-color" data-node="5ff8f96c5861f"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-separator fl-node-5ff8f989846e9" data-node="5ff8f989846e9"> <div class="fl-module-content fl-node-content"> <div class="fl-separator"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="uabb-js-breakpoint" style="display: none;"></div> </div> </div> </div> <div class="pp-offcanvas-toggle-wrap"> <a href="javascript:void(0)" class="pp-offcanvas-toggle pp-offcanvas-toggle-button pp-offcanvas-icon-after" aria-controls="offcanvas-5ff8efd04b483" role="button"> <span class="pp-offcanvas-toggle-icon fas fa-equals" aria-hidden="true"></span> <span class="pp-offcanvas-toggle-text pp-toggle-label"> MENU </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header><div class="uabb-js-breakpoint" style="display: none;"></div> <div id="fl-main-content" class="fl-page-content" itemprop="mainContentOfPage" role="main"> <div class="fl-builder-content fl-builder-content-7178 fl-builder-global-templates-locked" data-post-id="7178"><div class="fl-row fl-row-full-width fl-row-bg-uabb_gradient fl-node-5fdba63973fea fl-row-default-height fl-row-align-center" data-node="5fdba63973fea"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="pp-row-separator pp-row-separator-bottom pp-separator-curve_layers" style="color: #ffffff"> <svg class="pp-curve-layers" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none" role="presentation"> <path d="M 0 14 s 88.64 3.48 300 36 c 260 40 514 27 703 -10 l 12 28 l 3 36 h -1018 z"></path> <path d="M 0 45 s 271 45.13 500 32 c 157 -9 330 -47 515 -63 v 86 h -1015 z"></path> <path d="M 0 58 s 188.29 32 508 32 c 290 0 494 -35 494 -35 v 45 h -1002 z"></path> </svg> </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fdba63973fe4" data-node="5fdba63973fe4"> <div class="fl-col fl-node-5fdba63973fe5 fl-col-bg-color" data-node="5fdba63973fe5"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fdba63973fe7 fl-animation fl-slide-in-left" data-node="5fdba63973fe7" data-animation-delay="0" data-animation-duration="1"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">Videocast</span> </h2> </div> </div> </div> </div> <div class="fl-col fl-node-5fdba63973fe6 fl-col-bg-color fl-col-small" data-node="5fdba63973fe6"> <div class="fl-col-content fl-node-content"></div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5f90edbe159eb fl-row-default-height fl-row-align-center" data-node="5f90edbe159eb"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5f90edbe199ed" data-node="5f90edbe199ed"> <div class="fl-col fl-node-5f90edbe19aa1 fl-col-bg-color fl-col-small" data-node="5f90edbe19aa1"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-5fdba663a8475 secondary-button" data-node="5fdba663a8475"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-left fl-button-has-icon"> <a href="/videos/" target="_self" class="fl-button"> <i class="fl-button-icon fl-button-icon-before fas fa-arrow-left" aria-hidden="true"></i> <span class="fl-button-text">Back to Videocasts</span> </a> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5f90edbe19aa3 fl-col-bg-color fl-col-small" data-node="5f90edbe19aa3"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-5f90e837ecee3" data-node="5f90e837ecee3"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>EPISODE // 34:04 MIN</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-photo fl-node-5f90edd69c0f4 fl-row-default-height fl-row-align-center fl-row-bg-overlay" data-node="5f90edd69c0f4"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5f90edd69fee0" data-node="5f90edd69fee0"> <div class="fl-col fl-node-5f90edd69ff97 fl-col-bg-color" data-node="5f90edd69ff97"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5f90e51005cf6" data-node="5f90e51005cf6"> <div class="fl-module-content fl-node-content"> <h1 class="fl-heading"> <span class="fl-heading-text">10 Things Every Website MUST Have</span> </h1> </div> </div> <div class="fl-module fl-module-html fl-node-5f90eb40191ab" data-node="5f90eb40191ab"> <div class="fl-module-content fl-node-content"> <div class="fl-html"> <div style="text-align:center;"><div class="perfmatters-lazy-youtube" data-src="https://www.youtube.com/embed/w86bzA51CRk" data-id="w86bzA51CRk" data-query="" onclick="perfmattersLazyLoadYouTube(this);"><div><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='360'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="YouTube video" width="480" height="360" data-pin-nopin="true" nopin="nopin" class="perfmatters-lazy" data-src="https://i.ytimg.com/vi/w86bzA51CRk/hqdefault.jpg" /><noscript><img src="https://i.ytimg.com/vi/w86bzA51CRk/hqdefault.jpg" alt="YouTube video" width="480" height="360" data-pin-nopin="true" nopin="nopin"></noscript><div class="play"></div></div></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/w86bzA51CRk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div></div> </div> </div> <div class="fl-module fl-module-button fl-node-5f90e51005cfe shd-button" data-node="5f90e51005cfe"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-center"> <a href="https://smackhappy.com/wp-content/uploads/2021/06/The-10-Things-Every-Website-Must-Have.pdf" target="_self" class="fl-button"> <span class="fl-button-text">DOWNLOAD SHOW NOTES</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5f90e51005cf8 fl-row-default-height fl-row-align-center" data-node="5f90e51005cf8"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5f90e51005cf9" data-node="5f90e51005cf9"> <div class="fl-col fl-node-5f90e51005cfa fl-col-bg-color" data-node="5f90e51005cfa"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-5f90e61f058a2" data-node="5f90e61f058a2"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>What’s the best way to become a successful website owner? What are the secret ingredients that make a website successful?</p> <p>You don’t need a lot of things to make a website, but you need the right things. We want to fill the internet with unique, honest, and welcoming websites that excite and inspire. But squeezing your goals into your website can be hard. Remember you only have less than 5 seconds to capture our audience’s attention.</p> <p>In this video, I reveal 10 things that every website must have to get the most out of those 5 precious seconds.</p> </div> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5f90e51005cfd" data-node="5f90e51005cfd"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5f90e51005cfb fl-col-bg-color fl-col-small" data-node="5f90e51005cfb"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5f90e74a09e74" data-node="5f90e74a09e74"> <div class="fl-module-content fl-node-content"> <h3 class="fl-heading"> <span class="fl-heading-text">Featuring</span> </h3> </div> </div> <div class="fl-module fl-module-photo fl-node-5f90e77bab83d" data-node="5f90e77bab83d"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-png"> <img width="255" height="246" decoding="async" class="fl-photo-img perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='255'%20height='246'%20viewBox='0%200%20255%20246'%3E%3C/svg%3E" alt itemprop="image" data-src="https://smackhappy.com/wp-content/uploads/2021/06/bait-logo.png" /><noscript><img width="255" height="246" decoding="async" class="fl-photo-img" src="https://smackhappy.com/wp-content/uploads/2021/06/bait-logo.png" alt="" itemprop="image" /></noscript> </div> </div> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5f90e7574b50a" data-node="5f90e7574b50a"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><p>Presented by Nicole Hanusek, Smack Happy Design, for BAIT. BAIT Affinity Group Partners is a consortium of like-minded Technology Professionals in the Bay Area whose goal is to come together to network and learn from one another… and, ideally, to have a little fun in the process!</p> </p> <p><a href="https://bayareaitgroup.com/" target="_blank" rel="noopener">Visit Website</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="uabb-js-breakpoint" style="display: none;"></div> </div> <div class="fl-builder-content fl-builder-content-8155 fl-builder-global-templates-locked" data-post-id="8155" data-type="part"></div><div class="uabb-js-breakpoint" style="display: none;"></div><footer class="fl-builder-content fl-builder-content-7283 fl-builder-global-templates-locked" data-post-id="7283" data-type="footer" itemscope="itemscope" itemtype="http://schema.org/WPFooter"><div class="fl-row fl-row-full-width fl-row-bg-photo fl-node-5fbdb1054a532 fl-row-default-height fl-row-align-center" data-node="5fbdb1054a532"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fbdb1054a533" data-node="5fbdb1054a533"> <div class="fl-col fl-node-5fbdb1054a534 fl-col-bg-color" data-node="5fbdb1054a534"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fbdb1054a536" data-node="5fbdb1054a536"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">Don鈥檛 just be happy with your marketing, be Smack Happy.</span> </h2> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1054a535 fl-col-bg-color fl-col-small" data-node="5fbdb1054a535"> <div class="fl-col-content fl-node-content"></div> </div> <div class="fl-col fl-node-5fbdb1054a549 fl-col-bg-color fl-col-small" data-node="5fbdb1054a549"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-5fbdb1054a54a orange-button" data-node="5fbdb1054a54a"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-right"> <a href="https://smackhappy.com/getting-started/" target="_self" class="fl-button"> <span class="fl-button-text">Get a Quote</span> </a> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5fbdb1054a537 fl-col-group-equal-height fl-col-group-align-bottom" data-node="5fbdb1054a537"> <div class="fl-col fl-node-5fbdb1054a538 fl-col-bg-color fl-col-small fl-col-has-cols" data-node="5fbdb1054a538"> <div class="fl-col-content fl-node-content"> <div class="fl-col-group fl-node-spem6oxk951c fl-col-group-nested" data-node="spem6oxk951c"> <div class="fl-col fl-node-tjmeb6n8shcf fl-col-bg-color fl-col-small" data-node="tjmeb6n8shcf"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fbdb1054a53c fl-visible-desktop fl-visible-large" data-node="5fbdb1054a53c"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-png"> <a href="https://smackhappy.com/2023/09/smack-happy-gold-winner-summit-creative/" target="_self" itemprop="url"> <img decoding="async" class="fl-photo-img wp-image-10269 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1501'%20height='1501'%20viewBox='0%200%201501%201501'%3E%3C/svg%3E" alt="sia" itemprop="image" height="1501" width="1501" title="23-sca-seal" data-src="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png" data-srcset="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png 1501w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-1200x1200.png 1200w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-300x300.png 300w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-768x768.png 768w" data-sizes="(max-width: 1501px) 100vw, 1501px" /><noscript><img decoding="async" class="fl-photo-img wp-image-10269 size-full" src="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png" alt="sia" itemprop="image" height="1501" width="1501" title="23-sca-seal" srcset="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png 1501w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-1200x1200.png 1200w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-300x300.png 300w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-768x768.png 768w" sizes="(max-width: 1501px) 100vw, 1501px" /></noscript> </a> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-vw0z43dfx9nb fl-col-bg-color fl-col-small" data-node="vw0z43dfx9nb"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-hwbodl2iqpk6 fl-visible-desktop fl-visible-large" data-node="hwbodl2iqpk6"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-png"> <a href="https://www.cssdesignawards.com/sites/bespoke-partners/46798" target="_blank" rel="noopener" itemprop="url"> <img decoding="async" class="fl-photo-img wp-image-11106 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%20viewBox='0%200%20220%20220'%3E%3C/svg%3E" alt="cssda" itemprop="image" height="220" width="220" title="cssda-special-kudos-yellow" data-src="https://smackhappy.com/wp-content/uploads/2020/11/cssda-special-kudos-yellow.png" /><noscript><img decoding="async" class="fl-photo-img wp-image-11106 size-full" src="https://smackhappy.com/wp-content/uploads/2020/11/cssda-special-kudos-yellow.png" alt="cssda" itemprop="image" height="220" width="220" title="cssda-special-kudos-yellow" /></noscript> </a> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-agrvkiuzl59p fl-col-bg-color fl-col-small fl-visible-desktop fl-visible-large" data-node="agrvkiuzl59p"> <div class="fl-col-content fl-node-content"></div> </div> </div> <div class="fl-col-group fl-node-wr8lbkqn7h3c fl-col-group-nested" data-node="wr8lbkqn7h3c"> <div class="fl-col fl-node-1mhrpxjqkoeu fl-col-bg-color" data-node="1mhrpxjqkoeu"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-r3ws82clqhp4 fl-visible-desktop fl-visible-large" data-node="r3ws82clqhp4"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-left" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <a href="https://smackhappy.com" target="_self" itemprop="url"> <img decoding="async" class="fl-photo-img wp-image-8382 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='114'%20height='114'%20viewBox='0%200%20114%20114'%3E%3C/svg%3E" alt="Smack Happy Home" itemprop="image" height="114" width="114" title="Smack Happy Home" data-src="https://smackhappy.com/wp-content/uploads/2021/04/logo-white-symbol2.svg" /><noscript><img decoding="async" class="fl-photo-img wp-image-8382 size-full" src="https://smackhappy.com/wp-content/uploads/2021/04/logo-white-symbol2.svg" alt="Smack Happy Home" itemprop="image" height="114" width="114" title="Smack Happy Home" /></noscript> </a> </div> </div> </div> </div> </div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fbdb1054a547" data-node="5fbdb1054a547"> <div class="fl-module-content fl-node-content"> <h4 class="fl-heading"> <a href="tel:+14158145885" title="(415) 814-5885" target="_self" > <span class="fl-heading-text">(415) 814-5885</span> </a> </h4> </div> </div> <div class="fl-module fl-module-html fl-node-4we53x8z1udq footer-social" data-node="4we53x8z1udq"> <div class="fl-module-content fl-node-content"> <div class="fl-html"> <a href="https://www.linkedin.com/company/smack-happy-design/" target="_blank" rel="noopener"> <i class="fab fa-linkedin-in" aria-hidden="true" aria-role="img" aria-label="Visit us on LinkedIn!"></i> </a> <a href="https://www.facebook.com/smackhappydesign" target="_blank" rel="noopener"> <i class="fab fa-facebook-f" aria-hidden="true" aria-role="img" aria-label="Visit us on Facebook!"></i> </a> <a href="https://g.page/smackhappy/review" target="_blank" rel="noopener"> <i class="fab fa-google" aria-hidden="true" aria-role="img" aria-label="Leave us a review on Google!"></i> </a> <a href="https://www.yelp.com/biz/smack-happy-design-san-francisco" target="_blank" rel="noopener"> <i class="fab fa-yelp" aria-hidden="true" aria-role="img" aria-label="Visit us on Yelp!"></i> </a> <a href="https://pinterest.com/smackhappy/" target="_blank" rel="noopener"> <i class="fab fa-pinterest-p" aria-hidden="true" aria-role="img" aria-label="Visit us on Pinterest!"></i> </a> <a href="https://www.youtube.com/c/SmackHappyDesignLLC" target="_blank" rel="noopener"> <i class="fab fa-youtube" aria-hidden="true" aria-role="img" aria-label="Watch our videos on YouTube!"></i> </a> <a href="https://www.instagram.com/smackhappyd/" target="_blank" rel="noopener"> <i class="fab fa-instagram" aria-hidden="true" aria-role="img" aria-label="Visit us on Instagram!"></i> </a> <a href="/feed/" target="_self" aria-role="img" aria-label="Subscribe to our Feed!"> <i class="fas fa-rss" aria-hidden="true"></i> </a></div> </div> </div> <div class="fl-module fl-module-rich-text fl-node-6046cf7997b84 fl-visible-desktop fl-visible-large fl-visible-medium" data-node="6046cf7997b84"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>漏 2008-2025 Smack Happy Design. All Rights Reserved.</p> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-6046cfa5bd0da fl-visible-desktop fl-visible-large fl-visible-medium" data-node="6046cfa5bd0da"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-privacy-menu" class="menu fl-menu-horizontal fl-toggle-none"><li id="menu-item-8295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy"><a href="https://smackhappy.com/privacy/">Privacy Policy</a></li><li id="menu-item-8296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/terms-and-conditions/">Terms and Conditions</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1054a539 fl-col-bg-color fl-col-small" data-node="5fbdb1054a539"> <div class="fl-col-content fl-node-content"></div> </div> <div class="fl-col fl-node-5fbdb1054a53a fl-col-bg-color fl-col-small" data-node="5fbdb1054a53a"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fbdb1054a546" data-node="5fbdb1054a546"> <div class="fl-module-content fl-node-content"> <h4 class="fl-heading"> <span class="fl-heading-text">Services</span> </h4> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a540" data-node="5fbdb1054a540"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-services-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7293" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/web-design-development/">Web Design & Development</a></li><li id="menu-item-7295" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/wordpress-support/">Website Support & Hosting</a></li><li id="menu-item-10986" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/growth-consulting-marketing/">Growth Marketing & Consulting</a></li><li id="menu-item-7292" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/branding-graphic-design/">Branding & Design</a></li><li id="menu-item-9159" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/accessibility-audit/">Accessibility Services</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fbdb1054a53d" data-node="5fbdb1054a53d"> <div class="fl-module-content fl-node-content"> <h4 class="fl-heading"> <span class="fl-heading-text">Portfolio</span> </h4> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a53e" data-node="5fbdb1054a53e"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-portfolio-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-1252" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/web-design/">Web Design</a></li><li id="menu-item-1248" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/graphic-design/">Graphic Design</a></li><li id="menu-item-1250" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/logo-design/">Logo Design</a></li><li id="menu-item-1249" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/illustration/">Illustration</a></li><li id="menu-item-9700" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/marketing/">Marketing</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1054a53b fl-col-bg-color fl-col-small" data-node="5fbdb1054a53b"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5fbdb1054a530" data-node="5fbdb1054a530"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-about-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7300" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/about-us/">About Us</a></li><li id="menu-item-7304" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/process/">Our Process</a></li><li id="menu-item-7301" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/happy-clients/">Our Clients</a></li><li id="menu-item-7410" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/case-studies/">Case Studies</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a548" data-node="5fbdb1054a548"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-resources-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7297" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/blog/">Blog</a></li><li id="menu-item-7296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/resource-hub/">Resources</a></li><li id="menu-item-8207" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://smackhappy.com/newsletter/">Newsletter</a></li><li id="menu-item-7298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/videos/">Videos</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a541" data-node="5fbdb1054a541"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-contact-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7305" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/">Contact Us</a></li><li id="menu-item-7307" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/getting-started/">Getting Started</a></li><li id="menu-item-7308" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/faqs/">FAQs</a></li><li id="menu-item-7306" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/support/">Support</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-menu fl-node-bo2tdwvci167" data-node="bo2tdwvci167"> <div class="fl-module-content fl-node-content"> <div class="fl-menu fl-menu-responsive-toggle-always"> <button class="fl-menu-mobile-toggle hamburger-label" aria-label="More Goodies"><span class="fl-menu-icon svg-container"><svg version="1.1" class="hamburger-menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"> <rect class="fl-hamburger-menu-top" width="512" height="102"/> <rect class="fl-hamburger-menu-middle" y="205" width="512" height="102"/> <rect class="fl-hamburger-menu-bottom" y="410" width="512" height="102"/> </svg> </span><span class="fl-menu-mobile-toggle-label">More Goodies</span></button> <div class="fl-clear"></div> <nav aria-label="More Goodies" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-footer-menu" class="menu fl-menu-horizontal fl-toggle-none"><li id="menu-item-8861" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/job-openings/">Join the Team</a></li><li id="menu-item-8298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/about-us/our-culture/">Our Purpose & Culture</a></li><li id="menu-item-6980" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/diversity-inclusion-resources/">Diversity & Inclusion</a></li><li id="menu-item-8299" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/work-life-balance-culture/">Balance & Well-Being in the Workplace</a></li><li id="menu-item-8208" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/responsive-design-adaptive-design/">Responsive & Adaptive Design</a></li><li id="menu-item-8414" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/website-design-revamp-refresh/">Design, Revamp, or Refresh?</a></li><li id="menu-item-10067" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/convert-more-prospects/">Convert More Prospects</a></li><li id="menu-item-10663" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/referrals/">Referrals</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fbdb1054a529 fl-visible-mobile" data-node="5fbdb1054a529"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>漏 2008-2025 Smack Happy Design. All Rights Reserved.</p> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-5ff3abb13ca5c fl-visible-mobile" data-node="5ff3abb13ca5c"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-privacy-menu-1" class="menu fl-menu-horizontal fl-toggle-none"><li id="menu-item-8295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy"><a href="https://smackhappy.com/privacy/">Privacy Policy</a></li><li id="menu-item-8296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/terms-and-conditions/">Terms and Conditions</a></li></ul></nav></div> </div> </div> </div> </div> </div> </div> </div> </div> </footer><div class="uabb-js-breakpoint" style="display: none;"></div> </div>  <script type="text/javascript"> (function(d,s,i,r) { if (d.getElementById(i)){return;} var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/2788133.js'; e.parentNode.insertBefore(n, e); })(document,"script","hs-analytics",300000); </script>  <script id="custom-content-types-data-js-before"> var CUSTOM_CONTENT_TYPE__INITIAL_STATE; typeof CUSTOM_CONTENT_TYPE__INITIAL_STATE === "object" || (CUSTOM_CONTENT_TYPE__INITIAL_STATE = JSON.parse(decodeURIComponent("%7B%22active%22%3Atrue%2C%22over_ride%22%3Afalse%7D"))); </script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.imagesloaded.min.js?ver=2.8.6.1" id="imagesloaded-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.ba-throttle-debounce.min.js?ver=2.8.6.1" id="jquery-throttle-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.waypoints.min.js?ver=2.8.6.1" id="jquery-waypoints-js" defer></script> <script src="https://smackhappy.com/wp-content/uploads/bb-plugin/cache/363a2ab21dacfb5e5e9eb71d7703ba2e-layout-bundle.js?ver=2.8.6.1-1.4.11.2" id="fl-builder-layout-bundle-363a2ab21dacfb5e5e9eb71d7703ba2e-js" defer></script> <script id="perfmatters-lazy-load-js-before"> window.lazyLoadOptions={elements_selector:"img[data-src],.perfmatters-lazy,.perfmatters-lazy-css-bg",thresholds:"0px 0px",class_loading:"pmloading",class_loaded:"pmloaded",callback_loaded:function(element){if(element.tagName==="IFRAME"){if(element.classList.contains("pmloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener("LazyLoad::Initialized",function(e){var lazyLoadInstance=e.detail.instance;});function perfmattersLazyLoadYouTube(e){var t=document.createElement("iframe"),r="ID?";r+=0===e.dataset.query.length?"":e.dataset.query+"&",r+="autoplay=1",t.setAttribute("src",r.replace("ID",e.dataset.src)),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","1"),t.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),e.replaceChild(t,e.firstChild)} </script> <script async src="https://smackhappy.com/wp-content/plugins/perfmatters/js/lazyload.min.js?ver=2.3.9" id="perfmatters-lazy-load-js"></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.magnificpopup.min.js?ver=2.8.6.1" id="jquery-magnificpopup-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.fitvids.min.js?ver=1.2" id="jquery-fitvids-js" defer></script> <script id="fl-automator-js-extra"> var themeopts = {"medium_breakpoint":"992","mobile_breakpoint":"768","lightbox":"enabled","scrollTopPosition":"800"}; </script> <script src="https://smackhappy.com/wp-content/themes/bb-theme/js/theme.min.js?ver=1.7.17.1" id="fl-automator-js" defer></script> <script async data-no-optimize="1" src="https://smackhappy.com/wp-content/plugins/perfmatters/vendor/instant-page/pminstantpage.min.js?ver=2.3.9" id="perfmatters-instant-page-js"></script> <script src="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/bef679a2ca17.ada.min.js?ver=0.5.1" id="ada-js-js" defer></script> <script src="https://smackhappy.com/wp-content/uploads/bb-plugin/cache/7603-layout-partial.js?ver=3a2f46458b48208dc67a6531a9a3e286" id="fl-builder-layout-7603-js" defer></script> <script type="text/javascript"> (function() { var t = document.createElement( 'script' ); t.type = 'text/javascript'; t.async = true; t.id = 'gauges-tracker'; t.setAttribute( 'data-site-id', '64d4df1d33a83c261ed64562' ); t.src = '//secure.gaug.es/track.js'; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( t, s ); })(); </script> <script id="perfmatters-delayed-scripts-js">const pmDelayClick=false;const pmDelayTimer=setTimeout(pmTriggerDOMListener,10*1000);const pmUserInteractions=["keydown","mousedown","mousemove","wheel","touchmove","touchstart","touchend"],pmDelayedScripts={normal:[],defer:[],async:[]},jQueriesArray=[],pmInterceptedClicks=[];var pmDOMLoaded=!1,pmClickTarget="";function pmTriggerDOMListener(){"undefined"!=typeof pmDelayTimer&&clearTimeout(pmDelayTimer),pmUserInteractions.forEach(function(e){window.removeEventListener(e,pmTriggerDOMListener,{passive:!0})}),document.removeEventListener("visibilitychange",pmTriggerDOMListener),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",pmTriggerDelayedScripts):pmTriggerDelayedScripts()}async function pmTriggerDelayedScripts(){pmDelayEventListeners(),pmDelayJQueryReady(),pmSortDelayedScripts(),pmPreloadDelayedScripts(),await pmLoadDelayedScripts(pmDelayedScripts.normal),await pmLoadDelayedScripts(pmDelayedScripts.defer),await pmLoadDelayedScripts(pmDelayedScripts.async),await pmTriggerEventListeners(),document.querySelectorAll("link[data-pmdelayedstyle]").forEach(function(e){e.setAttribute("href",e.getAttribute("data-pmdelayedstyle"))}),window.dispatchEvent(new Event("perfmatters-allScriptsLoaded")),pmWaitForPendingClicks().then(()=>{pmReplayClicks()})}function pmDelayEventListeners(){let e={};function t(t,n){function r(n){return e[t].delayedEvents.indexOf(n)>=0?"perfmatters-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},delayedEvents:[]},t.addEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)}),e[t].delayedEvents.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:n||function(){},set:function(n){e["perfmatters"+t]=n}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}function pmDelayJQueryReady(){let e=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>e,set(t){if(t&&t.fn&&!jQueriesArray.includes(t)){t.fn.ready=t.fn.init.prototype.ready=function(e){pmDOMLoaded?e.bind(document)(t):document.addEventListener("perfmatters-DOMContentLoaded",function(){e.bind(document)(t)})};let n=t.fn.on;t.fn.on=t.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e=(e=(e=e.split(" ")).map(function(e){return"load"===e||0===e.indexOf("load.")?"perfmatters-jquery-load":e})).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(function(t){delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]})}return n.apply(this,arguments),this},jQueriesArray.push(t)}e=t}})}function pmSortDelayedScripts(){document.querySelectorAll("script[type=pmdelayedscript]").forEach(function(e){e.hasAttribute("src")?e.hasAttribute("defer")&&!1!==e.defer?pmDelayedScripts.defer.push(e):e.hasAttribute("async")&&!1!==e.async?pmDelayedScripts.async.push(e):pmDelayedScripts.normal.push(e):pmDelayedScripts.normal.push(e)})}function pmPreloadDelayedScripts(){var e=document.createDocumentFragment();[...pmDelayedScripts.normal,...pmDelayedScripts.defer,...pmDelayedScripts.async].forEach(function(t){var n=t.getAttribute("src");if(n){var r=document.createElement("link");r.href=n,"module"==t.getAttribute("data-perfmatters-type")?r.rel="modulepreload":(r.rel="preload",r.as="script"),e.appendChild(r)}}),document.head.appendChild(e)}async function pmLoadDelayedScripts(e){var t=e.shift();return t?(await pmReplaceScript(t),pmLoadDelayedScripts(e)):Promise.resolve()}async function pmReplaceScript(e){return await pmNextFrame(),new Promise(function(t){let n=document.createElement("script");[...e.attributes].forEach(function(e){let t=e.nodeName;"type"!==t&&("data-perfmatters-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))}),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t()),e.parentNode.replaceChild(n,e)})}async function pmTriggerEventListeners(){pmDOMLoaded=!0,await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-readystatechange")),await pmNextFrame(),document.perfmattersonreadystatechange&&document.perfmattersonreadystatechange(),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-load")),await pmNextFrame(),window.perfmattersonload&&window.perfmattersonload(),await pmNextFrame(),jQueriesArray.forEach(function(e){e(window).trigger("perfmatters-jquery-load")});let e=new Event("perfmatters-pageshow");e.persisted=window.pmPersisted,window.dispatchEvent(e),await pmNextFrame(),window.perfmattersonpageshow&&window.perfmattersonpageshow({persisted:window.pmPersisted})}async function pmNextFrame(){return new Promise(function(e){requestAnimationFrame(e)})}function pmReplayClicks(){window.removeEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.removeEventListener("mousedown",pmTouchStartHandler),pmInterceptedClicks.forEach(e=>{e.target.outerHTML===pmClickTarget&&e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))})}function pmWaitForPendingClicks(){return new Promise(e=>{window.pmIsClickPending?pmPendingClickFinished=e:e()})}function pmPendingClickStarted(){window.pmIsClickPending=!0}function pmPendingClickFinished(){window.pmIsClickPending=!1}function pmClickHandler(e){e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmInterceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),pmPendingClickFinished()}function pmTouchStartHandler(e){"HTML"!==e.target.tagName&&(pmClickTarget||(pmClickTarget=e.target.outerHTML),window.addEventListener("touchend",pmTouchEndHandler),window.addEventListener("mouseup",pmTouchEndHandler),window.addEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.addEventListener("mousemove",pmTouchMoveHandler),e.target.addEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"onclick","pm-onclick"),pmPendingClickStarted())}function pmTouchMoveHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler),e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmPendingClickFinished()}function pmTouchEndHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler)}function pmRenameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}window.pmIsClickPending=!1,window.addEventListener("pageshow",e=>{window.pmPersisted=e.persisted}),pmUserInteractions.forEach(function(e){window.addEventListener(e,pmTriggerDOMListener,{passive:!0})}),pmDelayClick&&(window.addEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.addEventListener("mousedown",pmTouchStartHandler)),document.addEventListener("visibilitychange",pmTriggerDOMListener);</script></body> </html>