/* cmsms stylesheet: vonder_rwdgrid modified: Tuesday, September 29, 2026 6:16:01 AM */
/*********************************************************************************************Project : rwdgrid - responsive grid system for your next projectURI: http://rwdgrid.com/Version: 2.0Author: Vineeth G SAuthor URI: http://www.gsvineeth.comGithub URI: https://github.com/gsvineeth/rwdgrid/**********************************************************************************************1.  Base code2.  Mobile Grid3.  Grid 720px+4.  Grid 1024px+5.  Grid 1280px+6.  Helper classes**********************************************************************************************//*********************************************************************************************1.  Base code*********************************************************************************************/*,*:after,*:before{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}[class*='grid-']{float: left;padding: 10px;width: 100%;}.clear-grid{clear: both;float: inherit;}.container{margin: 0%;width: 100%;}.container:after,.container:before{display: table;clear: both;content: " ";}.nest{margin: 0 -10px;padding: 0;width: auto;}.nope{padding: 0;width: auto;}/*********************************************************************************************2.  Mobile Grid*********************************************************************************************/.grid-m-12{width: 100% !important;}.grid-m-11{width: 91.666663% !important;}.grid-m-10{width: 83.33% !important;}.grid-m-9{width: 74.999997% !important;}.grid-m-8{width: 66.66666664% !important;}.grid-m-7{width: 58.333% !important;}.grid-m-6{width: 50% !important;}.grid-m-5{width: 41.6665% !important;}.grid-m-4{width: 33.33% !important;}.grid-m-3{width: 24.99% !important;}.grid-m-2{width: 16.66666% !important;}.grid-m-1{width: 8.33% !important;}/*********************************************************************************************3.  Grid 720px+*********************************************************************************************/@media (min-width: 720px){.grid-12{width: 100% !important;}.grid-11{width: 91.666663% !important;}.grid-10{width: 83.33% !important;}.grid-9{width: 74.999997% !important;}.grid-8{width: 66.66666664% !important;}.grid-7{width: 58.333% !important;}.grid-6{width: 50% !important;}.grid-5{width: 41.6665% !important;}.grid-4{width: 33.33% !important;}.grid-3{width: 24.99% !important;}.grid-2{width: 16.66666% !important;}.grid-1{width: 8.33% !important;}.grid-t-12{width: 100% !important;}.grid-t-11{width: 91.666663% !important;}.grid-t-10{width: 83.33% !important;}.grid-t-9{width: 74.999997% !important;}.grid-t-8{width: 66.66666664% !important;}.grid-t-7{width: 58.333% !important;}.grid-t-6{width: 50% !important;}.grid-t-5{width: 41.6665% !important;}.grid-t-4{width: 33.33% !important;}.grid-t-3{width: 24.99% !important;}.grid-t-2{width: 16.66666% !important;}.grid-t-1{width: 8.33% !important;}}/*********************************************************************************************4.  Grid 1024px+*********************************************************************************************/@media only screen and (min-width: 1024px){.grid-tl-12{width: 100% !important;}.grid-tl-11{width: 91.666663% !important;}.grid-tl-10{width: 83.33% !important;}.grid-tl-9{width: 74.999997% !important;}.grid-tl-8{width: 66.66666664% !important;}.grid-tl-7{width: 58.333% !important;}.grid-tl-6{width: 50% !important;}.grid-tl-5{width: 41.6665% !important;}.grid-tl-4{width: 33.33% !important;}.grid-tl-3{width: 24.99% !important;}.grid-tl-2{width: 16.66666% !important;}.grid-tl-1{width: 8.33% !important;}}/*********************************************************************************************5.  Grid 1280px+*********************************************************************************************/@media only screen and (min-width: 1200px){.container{max-width: 1280px !important;margin: 0 auto !important;}.container-fluid{max-width: 86% !important;margin: 0 7% !important;}.grid-d-12{width: 100% !important;}.grid-d-11{width: 91.666663% !important;}.grid-d-10{width: 83.33% !important;}.grid-d-9{width: 74.999997% !important;}.grid-d-8{width: 66.66666664% !important;}.grid-d-7{width: 58.333% !important;}.grid-d-6{width: 50% !important;}.grid-d-5{width: 41.6665% !important;}.grid-d-4{width: 33.33% !important;}.grid-d-3{width: 24.99% !important;}.grid-d-2{width: 16.66666% !important;}.grid-d-1{width: 8.33% !important;}}/*********************************************************************************************6.  Helper classes*********************************************************************************************/img.scale,img.responsive,img{max-width: 100%;height: auto;}
/* cmsms stylesheet: vonder_styles modified: Tuesday, September 29, 2026 10:03:50 AM */
/*********************************************************************************************Project : rwdgrid - responsive grid system for your next projectURI: http://rwdgrid.com/Version: 1.0greyAuthor: Vineeth G SAuthor URI: http://www.gsvineeth.comGithub URI: https://github.com/gsvineeth/rwdgrid/**********************************************************************************************1.  Default / for Grid 1200px2.  960px3.  720px4.  lt 720px**********************************************************************************************//* cms setup */                      /* ==========================================================================Normalize HTML5 display definitions========================================================================== *//*** Correct `block` display not defined in IE 8/9.*/article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display: block;}/*** Correct `inline-block` display not defined in IE 8/9.*/audio,canvas,video{display: inline-block;}/*** Prevent modern browsers from displaying `audio` without controls.* Remove excess height in iOS 5 devices.*/audio:not([controls]){display: none;height: 0;}/*** Address styling not present in IE 8/9.*/[hidden]{display: none;}/* ==========================================================================Accessibility & Fixes========================================================================== */.group:after{visibility: hidden;display: block;content: "";clear: both;height: 0;}.bearer{height: 10px;font-size: 1px;width: 100%;}/*accessibility*//*menu links accesskeys*/span.accesskey{text-decoration: none;}/*accessibility divs are hidden by defaulttext, screenreaders and such will show these*/.accessibility{position: absolute;top: -999em;left: -999em;}/*definition tags are also hiddenthese are also used for menu links*/dfn{position: absolute;left: -1000px;top: -1000px;width: 0;height: 0;overflow: hidden;display: inline;}/* end accessibility *//* ==========================================================================Links========================================================================== *//*** Address `outline` inconsistency between Chrome and other browsers.*/a,a svg,button{-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;/* ...and now for the proper property */transition: .3s;};a:focus{/*outline: thin dotted;*/outline: 0;}/*** Improve readability when focused and also mouse hovered in all browsers.*/a:active,a:hover{outline: 0;}a > svg,a > object.svg{pointer-events: none;}/* ==========================================================================Fonts========================================================================== */@font-face{font-family: 'open_sansregular';src: url('https://media.vonder.co.nz/fonts/Open-Sans-Regular.eot');src: url('https://media.vonder.co.nz/fonts/Open-Sans-Regular.eot?#iefix') format('embedded-opentype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Regular.woff2') format('woff2'),url('https://media.vonder.co.nz/fonts/Open-Sans-Regular.woff') format('woff'),url('https://media.vonder.co.nz/fonts/Open-Sans-Regular.ttf') format('truetype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Regular.svg#Open-Sans-Regular') format('svg');font-weight: 400;font-style: normal;font-stretch: normal;unicode-range: U+0020-2212;font-display: swap;}@font-face{font-family: 'open_sansitalic';src: url('https://media.vonder.co.nz/fonts/Open-Sans-Italic.eot');src: url('https://media.vonder.co.nz/fonts/Open-Sans-Italic.eot?#iefix') format('embedded-opentype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Italic.woff2') format('woff2'),url('https://media.vonder.co.nz/fonts/Open-Sans-Italic.woff') format('woff'),url('https://media.vonder.co.nz/fonts/Open-Sans-Italic.ttf') format('truetype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Italic.svg#Open-Sans-Italic') format('svg');font-weight: 400;font-style: italic;font-stretch: normal;unicode-range: U+0020-2074;font-display: swap;}@font-face{font-family: 'open_sanssemibold';src: url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Regular.eot');src: url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Regular.eot?#iefix') format('embedded-opentype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Regular.woff2') format('woff2'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Regular.woff') format('woff'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Regular.ttf') format('truetype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Regular.svg#Open-Sans-Semibold-Regular') format('svg');font-weight: 600;font-style: normal;font-stretch: normal;unicode-range: U+0020-2074;font-display: swap;}@font-face{font-family: 'open_sanssemibold_italic';src: url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Italic.eot');src: url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Italic.eot?#iefix') format('embedded-opentype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Italic.woff2') format('woff2'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Italic.woff') format('woff'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Italic.ttf') format('truetype'),url('https://media.vonder.co.nz/fonts/Open-Sans-Semibold-Italic.svg#Open-Sans-Semibold-Italic') format('svg');font-weight: 600;font-style: italic;font-stretch: normal;unicode-range: U+0020-2074;font-display: swap;}/* ==========================================================================TinyMCE========================================================================== */.tinybold,.tiny_bold,.microbold,.micro_bold{font-weight: bold;}.tinybig,.tiny_big,.microbig,.micro_big{font-size: 150%;}.tinybigger,.tiny_bigger,.microbigger,.micro_bigger{font-size: 200%;}.tinysmall,.tiny_small,.microsmall,.micro_small{font-size: 80%;}.tinyred,.tiny_red,.hl,.microred,.micro_red{color: #cc0000;}.tinyorange,.tiny_orange,.hl,.microorange,.micro_ornage{color: ;}.tinyblack,.tiny_black,.microblack,.micro_black{color: #222222;}.tinygrey,.tiny_grey,.microgrey,.micro_grey,.tiny_gray,.tinygray,.microgray,.micro_gray{color: #666666;}.tinynowrap,.tiny_nowrap,.micronowrap,.micro_nowrap{white-space: nowrap;}.tinyleft,.tiny_left,.microleft,.micro_left,.float_left,.tiny_float_left,.micro_float_left{float: left;}.tinyright,.tiny_right,.microright,micro_right,.float_right,.tiny_float_right,.micro_float_right{float: right;}.tinytextleft,.tiny_textleft,.microtextleft,.micro_textleft{text-align: left;}.tinytextright,.tiny_textright,.microtextright,.micro_textright{text-align: right;}.tinycentre,.tiny_centre,.microcentre,.micro_centre{text-align: center;}.tinyclear,.tiny_clear,.microclear,.micro_clear{font-size: 1px;height: 1px;clear: both;width: 100%;}body#tinymce{text-align: left;background-image: none;width: inherit;min-width: inherit;}body#tinymce p{padding: 10px 0;}/* ==========================================================================Typography========================================================================== *//*** Address variable `h1` font size within `section` and `article` contexts in* Firefox 4+, Safari 5, and Chrome.*/h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;font-weight: 100;line-height: 130%;}h1,h2,h3,h4,h5,h6{font-family: 'open_sanssemibold', sans-serif;}h1{font-size: 4.5em;line-height: 110%;}h2{font-size: 4em;line-height: 110%;}h3{font-size: 2.2em;}h4,h5,h6{font-size: 1.8em;}p + p,h2 + h3,h3 + p,p + h3,p + h4,h4 + p,h4 + ul,h3 + h4,ul + p,p + div,div + p,h2 + p,p + h2,p + h6,h6 + p,ul + h4{padding-top: 2em;}h5 + p{padding-top: .25em;}/*** Address styling not present in IE 8/9, Safari 5, and Chrome.*/abbr[title]{border-bottom: 1px dotted;}/*** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.*/b,strong{/* font-weight: bold; */font-family: 'open_sanssemibold', sans-serif;}/*** Address styling not present in Safari 5 and Chrome.*/dfn{font-style: italic;}/*** Address styling not present in IE 8/9.*/mark{background: #ff0;color: #000;}/*** Correct font family set oddly in Safari 5 and Chrome.*/code,kbd,pre,samp{font-family: monospace, serif;font-size: 1em;}/*** Improve readability of pre-formatted text in all browsers.*/pre{white-space: pre;white-space: pre-wrap;word-wrap: break-word;}/*** Set consistent quote types.*/q{quotes: "\201C" "\201D" "\2018" "\2019";}/*** Address inconsistent and variable font size in all browsers.*/small{font-size: 80%;}/*** Prevent `sub` and `sup` affecting `line-height` in all browsers.*/sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup{top: -0.5em;}sub{bottom: -0.25em;}/* ==========================================================================Embedded content========================================================================== *//*** Remove border when inside `a` element in IE 8/9.*/img{border: 0;}/*** Correct overflow displayed oddly in IE 9.*/svg:not(:root){overflow: hidden;}/* !hack bullet proof svg */.svg,.svgicon{display: inline-block;width: 1em;height: 1em;fill: currentColor;}a:hover svg{cursor: pointer;}.svglink{display: block;}/* ends hack! *//* ==========================================================================Figures========================================================================== *//*** Address margin not present in IE 8/9 and Safari 5.*/figure{margin: 0;}/* ==========================================================================Forms========================================================================== *//*** Define consistent border, margin, and padding.*/fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}/*** 1. Correct `color` not being inherited in IE 8/9.* 2. Remove padding so people aren't caught out if they zero out fieldsets.*/legend{border: 0;/* 1 */padding: 0;/* 2 */}/*** 1. Correct font family not being inherited in all browsers.* 2. Correct font size not being inherited in all browsers.* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.*/button,input,select,textarea{font-family: inherit;/* 1 */font-size: 100%;/* 2 */margin: 0;/* 3 */}/*** Address Firefox 4+ setting `line-height` on `input` using `!important` in* the UA stylesheet.*/button,input{line-height: normal;}/*** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`*    and `video` controls.* 2. Correct inability to style clickable `input` types in iOS.* 3. Improve usability and consistency of cursor style between image-type*    `input` and others.*/button,html input[type="button"],/* 1 */input[type="reset"],input[type="submit"]{-webkit-appearance: button;/* 2 */cursor: pointer;/* 3 */}/*** Re-set default cursor for disabled elements.*/button[disabled],html input[disabled]{cursor: default;}/*** 1. Address box sizing set to `content-box` in IE 8/9.* 2. Remove excess padding in IE 8/9.*/input[type="checkbox"],input[type="radio"]{box-sizing: border-box;/* 1 */padding: 0;/* 2 */}/*** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome*    (include `-moz` to future-proof).*/input[type="search"]{-webkit-appearance: textfield;/* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box;/* 2 */box-sizing: content-box;}/*** Remove inner padding and search cancel button in Safari 5 and Chrome* on OS X.*/input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}/*** Remove inner padding and border in Firefox 4+.*/button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}button:focus{outline: 0;}/*** 1. Remove default vertical scrollbar in IE 8/9.* 2. Improve readability and alignment in all browsers.*/textarea{overflow: auto;/* 1 */vertical-align: top;/* 2 */}/* ==========================================================================Tables========================================================================== *//*** Remove most spacing between table cells.*/table{border-collapse: collapse;border-spacing: 0;}/*********************************************************************************************1.  Default / for Grid 1200px*********************************************************************************************/body{font-size: 85%;color: #222222;font-family: 'open_sansregular', sans-serif;background: #FFFFFF;/* keep type items balanced weights */-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;}/*** Firefox specific rule*/@-moz-document url-prefix(){body{font-weight: lighter !important;}}a{color: #D4672E;text-decoration: none;font-family: 'open_sansregular', sans-serif;}a:hover{color: #222222;}header{width: 100%;height: 120px;margin: 0 auto;background: rgb(115, 58, 153);background: -moz-linear-gradient(90deg, rgba(115, 58, 153, 1) 10%, rgba(0, 156, 222, 1) 90%);background: -webkit-linear-gradient(90deg, rgba(115, 58, 153, 1) 10%, rgba(0, 156, 222, 1) 90%);background: linear-gradient(90deg, rgba(115, 58, 153, 1) 10%, rgba(0, 156, 222, 1) 90%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#733a99", endColorstr="#009cde", GradientType=1);position: relative;overflow: hidden;}.page-home header{height: 700px;}.header-container{position: relative;z-index: 200;}.contain{position: relative;height: 700px;}.concave-panel{position: absolute;bottom: -2px;left: -2px;right: -2px;height: 350px;width: 101%;background: transparent;background-image: url(https://media.vonder.co.nz/images/concave.svg);background-size: 100%;background-repeat: no-repeat;background-position: bottom center;overflow: hidden;pointer-events: none;z-index: 500;}.frustration{position: absolute;/* The pile scales with .container.contain, which caps at 1280px — so at full size theopaque part of the PNG is 681px tall and its top edge sits 39px below the headertop, i.e. 31px into the main nav (nav band = 30px-70px below the header top).So push the pile down only as far as needed: 638/1200 = the opaque part of the PNG,681px = its capped height, 610px = the room below the target top edge(720px bottom anchor - 110px target top = 40px clear of the nav).Narrower screens give a shorter pile, so no push is needed there. */bottom: calc(-20px - max(0px, min(53.17vw, 681px) - 610px));right: -100px;width: 100%;height: 800px;background-image: url(https://media.vonder.co.nz/images/tax-frustration-11.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom right;z-index: 50;}.circle{width: 700px;height: 700px;border-radius: 50%;background: rgb(115, 58, 153);background: -moz-linear-gradient(90deg, rgba(115, 58, 153, 1) 0%, rgba(57, 123, 195, 1) 100%);background: -webkit-linear-gradient(90deg, rgba(115, 58, 153, 1) 0%, rgba(57, 123, 195, 1) 100%);background: linear-gradient(90deg, rgba(115, 58, 153, 1) 0%, rgba(57, 123, 195, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#733a99", endColorstr="#397bc3", GradientType=1);padding: 100px;display: flex;align-items: center;justify-content: center;}.faded-img{opacity: .15;position: absolute;top: -120px;right: -108px;width: 760px;height: 760px;}.container{position: relative;}section{margin-top: 4em;}section.main-intro{margin-top: 2em;}section.sub-header{margin-top: 2em;}section.main-packages{margin-top: 1em;}.main{background-color: #FFFFFF;width: 100%;/*min-height: 200px;*/}.main p,.main li{font-size: 1.1em;}.logo-flex{display: flex;align-items: center;}.logo,.logo-other{display: inline-block;}.logo a{width: 275px;height: 93px;display: inline-block;margin-left: -35px;}.logo svg{width: 275px;height: 93px;color: #FFFFFF;display: inline-block;}.logo-other a{width: 200px;height: 31px;color: #FFFFFF;display: inline-block;}.logo-other svg{width: 200px;height: 31px;color: #FFFFFF;display: inline-block;}.intro-text{margin-top: 2em;}.intro-text h2,.bubble-text h2{color: #FFFFFF;}.intro-text p,.bubble-text p{color: #FFFFFF;font-size: 1.6em;}.main h3{text-align: center;color: #733A99;}.main h4{text-align: center;color: #003C71;}.main-customers h3{text-align: center;color: #FFFFFF;padding-top: .8em;}.main h5{text-align: left;color: #222222;font-size: 1.3em;}.main h6{text-align: center;color: #222222;font-size: 1.3em;}.main-intro p,.main-outro p,.main-calltoaction p,.main-what.nopanel p{text-align: center !important;font-size: 1.3em;line-height: 140%;}.main-packages p{text-align: center;font-size: 1.1em;line-height: 130%;}.panels{margin-top: 1em;}.glow-panel{/*width: 100%;*/height: 320px;border: 1px solid #009CDE;border-radius: 25px;box-shadow: 0 0 50px 0 rgba(0, 156, 222, 0.3);margin: 15px;padding: 40px;text-align: center;overflow: hidden;}.page-home .glow-panel{height: 420px;border: 1px solid #003C71;}.page-home .glow-panel:hover{cursor: pointer;box-shadow: none;border: 1px solid #009CDE;}.page-bookkeeping .glow-panel{height: 240px;}/* !hack page-about's team cards. They carried two fixed heights — 550px for the cards and765px for the first pair — which padded every card out with dead space and left the firsttwo taller than the rest. Size them to their content instead, and match each row to itstallest card so the grid stays even. Card copy stays centred here (unlike the officepages' list panels, which are left-aligned). */.page-about .glow-panel{height: auto;}@media (min-width: 720px){.page-about .grid-12:has(> .grid-6 > .glow-panel){display: flex;flex-wrap: wrap;}.page-about .grid-12:has(> .grid-6 > .glow-panel) > .grid-6{display: flex;}}/* The office pages (blenheim, lower-hutt) drop the Customers/testimonials and OurProcess sections. That is handled in the page template — Vonder2-Base.33.tpl wrapsboth sections in a page_alias conditional just above main-customers — so there is noCSS for it here. The call to action (main-calltoaction) that follows them isdeliberately kept on those pages. *//* !hack the office pages' list panels (page-blenheim, page-lower-hutt). They only gotthe base .glow-panel height (320px) while their lists wanted more, so overflow:hidden was cutting the last item off. Size them to their content instead of a fixedheight — a fixed 650px would just start clipping again once the list grows or thetext wraps taller on a narrow screen. */.page-blenheim .glow-panel,.page-lower-hutt .glow-panel{height: auto;}/* ...and match the panels to whichever list is taller. The row is made a flex containerso the columns stretch to the tallest; the columns are flex containers too, so eachpanel fills its column. Browsers without :has() fall back to the auto height above(no clipping, just not height-matched). Harmless on a page with only one panel. */@media (min-width: 720px){.page-blenheim .grid-12:has(> .grid-6 > .glow-panel),.page-lower-hutt .grid-12:has(> .grid-6 > .glow-panel){display: flex;flex-wrap: wrap;}.page-blenheim .grid-12:has(> .grid-6 > .glow-panel) > .grid-6,.page-lower-hutt .grid-12:has(> .grid-6 > .glow-panel) > .grid-6{display: flex;}}/* bullets and copy sit left in these list panels; the h4 heading stays centred(it carries its own text-align from `.main h4`, restated here so that stays true) */.page-blenheim .glow-panel,.page-blenheim .glow-panel p,.page-blenheim .glow-panel li,.page-lower-hutt .glow-panel,.page-lower-hutt .glow-panel p,.page-lower-hutt .glow-panel li{text-align: left;}.page-blenheim .glow-panel h4,.page-lower-hutt .glow-panel h4{text-align: center;}/* page-about is page-style-text, and `.page-style-text .main h4 { text-align: left }` hasthe same specificity but appears later in this file, so it was pulling the team-cardnames left while everything else in the card stayed centred. !important here mirrors howthe card paragraphs are already handled by `.main-what.nopanel p`. */.page-about .glow-panel h4{text-align: center !important;}/* indent the bullet copy so it isn't hard against the panel edge (the bullets arelist-style-position: outside, so they travel left with the text and stay visibleinside the panel's own padding) */.page-blenheim .glow-panel li,.page-lower-hutt .glow-panel li{padding-left: 1em;}/* ends hack! */.main-packages .glow-panel{height: 310px;}.panel-txt{margin-top: 30px;}.main-packages .panel-txt{margin-top: 0;}.glow-panel p{text-align: center;font-size: 1.2em;line-height: 135%;}/* !hack main intro callout (LISE item 71) - auto height, no icon.Solid purple callout card: purple background, white text, no glow — reads as asolid block against the blue content panels below it.`.glow-panel` supplies a blue glow + blue border and `.main h3` a purple heading,so all three have to be reset explicitly (deleting them here is not enough).No icon offset, and text sized to match the .main-intro type block. */.main-intro .main-intro-box{height: auto;margin: 0 0 4em;padding: 35px 30px;background-color: #733A99;color: #FFFFFF;border: 1px solid #733A99;box-shadow: none;}.main-intro .main-intro-box .panel-txt{margin-top: 0;}.main-intro .main-intro-box h3{color: #56C0E2;}.main-intro .main-intro-box p{font-size: 1.3em;line-height: 140%;}/* links: semibold, white with an underline that hides on hover — same treatmentas nav.footer-nav (vonder_nav.21.css), which uses border-bottom rather thantext-decoration and swaps it to the background colour on hover. Global a/a:hoverare orange then black, unreadable on purple, so colour is reset too. Hover goesto the lighter light blue to match the h3. */.main-intro .main-intro-box a{color: #FFFFFF;font-family: 'open_sanssemibold', sans-serif;border-bottom: 2px solid #FFFFFF;}.main-intro .main-intro-box a:hover{color: #56C0E2;border-bottom: 2px solid #733A99;}/* card isn't clickable — stop `.page-home .glow-panel:hover` flashing a blueborder around the purple block */.main-intro .main-intro-box:hover{border-color: #733A99;}/* ends hack! */.main-customers{width: 100%;background-color: #009CDE;padding: 1em 0;}.test-panel{/*width: 100%;*/height: 360px;margin: 0 15px;padding: 40px;text-align: center;overflow: hidden;}.test-panel .panel-svg{height: 175px;width: 175px;display: inline-block;/*background-color: #FFFFFF*/}.test-panel .panel-txt{height: 150px;/*overflow: scroll;*/margin-top: 5px;}.test-panel p{color: #FFFFFF;font-size: 1em;}.test-panel p + p{padding-top: 1em;}.process-img{width: 100%;height: 75px;/*background: pink;*/}.about-img{text-align: center;}.gmap{background-color: #efefef;/* was height: 300px — the map canvases carry their own height now, so the bandcan't clip them once the two panels stack on portrait */height: auto;}.map{position: relative;z-index: 100;}/* two-up office maps — one panel per office, flush edge to edge (no centre gutter) */.map-panel{position: relative;}/* office name overlaid on its own map */.map-caption{position: absolute;top: 15px;left: 15px;z-index: 400;margin: 0;padding: 4px 18px;background-color: #FFFFFF;border-radius: 20px;box-shadow: 0 0 20px 0 rgba(0, 60, 113, .25);color: #003C71;font-size: 1.2em;}.map-canvas{width: 100%;height: 300px;}/* 2px dark blue divider between the two office maps. Border sits inside the secondpanel's own 50% (border-box), so the maps stay an even split — and it's only drawnwhen they're side by side, not when they stack on portrait. */@media (min-width: 720px){.gmap .map-panel:last-child{border-left: 2px solid #003C71;}}footer{background-color: #003C71;color: #FFFFFF;padding: 1em;}footer a{color: #FFFFFF;}footer a:hover{color: #009CDE;}footer p{color: #FFFFFF;text-align: center;padding: 1em;}.foot-blocks{text-align: center;}.foot-blocks h6{font-size: 1.2em;}.foot-blocks h5{font-size: 2.1em;}/* email now sits under the phone number in the middle block */.foot-blocks h5 + h6{padding-top: .25em;}/* the opening-hours line under an address follows its own block's alignment, so itlines up with the h6 above it. `footer p` centres every footer paragraph and padsit 1em, which would sit this line out of line with the address. */.foot-blocks p{text-align: inherit;padding: .25em 0 0;}/* footer address blocks: the outer two align outward on desktop (Lower Hutt left,Blenheim right) and everything centres once the blocks stack. Targeted as:first-child / :last-child so the template needs no extra classes — the threefooter blocks are its only children. */@media (min-width: 720px){.foot-blocks > div:first-child{text-align: left;}.foot-blocks > div:last-child{text-align: right;}}.footer-icons{text-align: center;}.myob-logo{text-align: right;margin-top: 18px;padding-right: 40px;}.xero-logo{text-align: left;margin-top: 5px;padding-left: 40px;}/*footer a{color: #009CDE;}footer a:hover{color: #009CDE;}*/section.top-bar{position: relative;width: 100%;background: #003C71;margin-top: 0;/*height: 42px;*/z-index: 900;}.top-bar .header-ph,.top-bar .header-ph a,.top-bar .header-em,.top-bar .header-em a{color: #00B8EA;font-size: .95em;font-weight: bold;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;/* ...and now for the proper property */transition: .3s;}.top-bar .header-ph{float: left;font-size: 1.2em;padding: 0 15px;letter-spacing: 1px;}.top-bar .header-em{float: right;padding: 0 10px;}/* !hack svg email link - see cms-fixes-library "Email Obfuscation - SVG Contact Link Reconstruction"The site's own more specific rules (.top-bar .header-em a, .foot-blocks h6) win on colour,so this mainly supplies the layout and the fill: currentColor that lets the SVG inherit it. */a.contact-link{display: inline-block;line-height: 1;vertical-align: middle;color: #cccccc;}a.contact-link:hover{color: #222222;}a.contact-link svg{display: inline-block;width: auto;height: .925rem;vertical-align: middle;transform: translateY(-0.15rem);}a.contact-link svg path{fill: currentColor !important;}/* !hack footer email - see cms-fixes-library "Email Obfuscation"Label is text + domain artwork. Setting the colour on the anchor drives BOTH thetext and the svg, because the svg path fills with currentColor. */.foot-blocks a.contact-link{color: #FFFFFF;/* The outlined domain is regular weight, so the text in front of it must be too -h6 is bold by default and would otherwise render thicker than the artwork.Regular weight also reads smaller, hence the bump on font-size (em compounds,so this is +10% on the h6's 1.2em, not an absolute size). */font-family: 'open_sansregular', sans-serif;font-weight: normal;font-size: 1.1em;}.foot-blocks a.contact-link:hover{color: #56C0E2;}/* The exported svg carries blank leading space - the path starts at x 8.39 of a312.012 x 21.265 viewBox, i.e. 0.3946 x height. margin-left pulls it back, butdeliberately only part way, to leave a small gap after the text. A full pullwould be -0.355rem at this height. */.foot-blocks a.contact-link svg{height: .9rem;transform: translateY(calc(-0.11rem + 1px));margin-left: -0.25rem;}/* !hack header (top bar) email - text and the outlined domain need opposite nudges.The anchor lifts 1px, taking the text with it; the svg's own transform then drops2px relative to the anchor, netting svg 1px DOWN and text 1px UP. Adjust the twocalc offsets together if the pair needs to move further apart. margin-left followsthe same 0.278 x height ratio as the footer, for the artwork's blank leading space. */.top-bar .header-em a.contact-link{position: relative;top: -1px;color: #00B8EA;/* regular family + normal weight to match the outlined domain - .top-bar .header-em asets font-weight: bold, which makes the text thicker than the artwork. This alsoreplaces that rule's .95em with a slightly larger size (+10%), since regularweight reads smaller. */font-family: 'open_sansregular', sans-serif;font-weight: normal;font-size: 1.05em;}/* Light blue on the #003C71 bar, white on hover - the inverse of the footer, which iswhite on the dark background and hovers to $lightblue2. This one declaration coloursboth the text and the outlined domain, since the svg path fills with currentColor. */.top-bar .header-em a.contact-link:hover{color: #FFFFFF;}.top-bar .header-em a.contact-link svg{height: .72rem;transform: translateY(calc(-0.15rem + 2px));margin-left: -0.209rem;}/*.top-bar h5, .top-bar h5 a{font-size: 1.1em;}.top-bar h6: hover, .top-bar h6: hover a, .top-bar h5: hover, .top-bar h5: hover a, footer a:hover{color: #FFFFFF;}.top-bar h5{padding: 0 15px;}.top-bar h6{padding: 0 10px;}*//* forms */.fake-btn,.submit-btn{display: inline-block;height: 60px;line-height: 55px;background: #003C71;border-radius: 30px;color: #FFFFFF;text-transform: uppercase;font-size: .9em;border: 2px solid #003C71;padding: 0 40px;font-family: 'open_sanssemibold', sans-serif;text-align: center;}a.fake-btn:hover,.submit-btn:hover{color: #FFFFFF !important;border: 2px solid #FFFFFF;background: none;}.main a.fake-btn:hover,.main .submit-btn:hover{color: #003C71 !important;border: 2px solid #003C71;background: none;}button.submit-btn{font-size: 1.25em;}/* forms */.contactform{padding-top: 2em;}.contactform .row{padding: 1em 0;}.contactform label{width: 100%;display: block;font-size: 1em;margin: .8em;color: #009CDE;}.contactform .form-control{width: 100%;border: 1px solid #009CDE;border-radius: 25px;box-shadow: 0 0 50px 0 rgba(0, 156, 222, 0.3);padding: .8em;font-size: 1.3em;display: block;}.contactform .submitrow{text-align: center;}textarea.form-control{resize: vertical;min-height: 300px;}.foot-logo{text-align: center;padding: 1em 0;}.foot-logo svg,.foot-logo a{display: inline-block;width: 180px;height: 49px;color: #FFFFFF;}.page-style-text .main p,.page-style-text .main h4{text-align: left;}.page-style-text .main li{margin-left: 3em !important;font-size: 1.3em;line-height: 140%;}.page-style-text .main li li{margin-left: 3em !important;font-size: 1em;}.page-style-text .main p + ul,.page-style-text .main li + li,.page-style-text .main ul + h3,.page-style-text .main ul li ul{padding-top: 2em;}/* error page */.error-content{width: 100%;/*height: 80vh;*/}.page-error404 header{height: 300px;}.page-error404 .viewport{width: 100vw;height: 100vh;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.page-error404 .tilt{position: absolute;left: 0;width: 100%;bottom: -180px;transform: rotate(2deg);}.page-error404 .logo{position: relative;z-index: 600;}.page-error404 p{font-size: 1.3em;}
/* cmsms stylesheet: vonder_nav modified: Tuesday, September 29, 2026 6:16:01 AM */
/** Menu*//* ------ NAVIGATION ------ */nav.main-nav{position: relative;text-align: right;z-index: 500;/*background: ;*/height: 40px;border-radius: 20px;width: 100%;margin-top: 20px;/*float: right;*/}/*nav.main-nav.home-nav{background: #FFFFFF;}*/nav.main-nav ul, nav.main-nav li{list-style: none;}nav.main-nav li{display: inline-block;}nav.main-nav a{position: relative;display: inline-block;outline: none;color: #FFFFFF;border: 2px solid #FFFFFF;text-decoration: none;font-size: 1.1em;text-align: center;font-family: 'open_sanssemibold', sans-serif;line-height: 36px;height: 40px;padding: 0 25px;border-radius: 20px;background: none;margin-left: 3px;margin-top: 5px;}nav.main-nav li:hover a, nav.main-nav a:hover{background-color: #FFFFFF;color: #009CDE;}nav.main-nav li.current a, nav.main-nav a.current{color: #003C71;border: 2px solid #003C71;}nav.main-nav li.current:hover a.current, nav.main-nav a.current:hover{color: #003C71;border: 2px solid #003C71;background: none;}.overlay-white{position: fixed;top: 0px;background: #FFFFFF;width: 100vw;z-index: 900;height: 100vh;left: 0;display: none;}.overlay-white.active{display: block;-webkit-animation-name: fadeInAbit;animation-name: fadeInAbit;}.overlay-nav{position: fixed;top: 0px;background: #003C71;width: 220px;z-index: 999;text-align: center;padding: 2em 0;height: 100vh;left: -999px;overflow: scroll;}.overlay-nav.active{left: 0;-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}nav.overlay-nav ul, nav.overlay-nav li{list-style: none;}nav.overlay-nav li{display: inline-block;width: 100%;margin: 1em 0;}nav.overlay-nav a{position: relative;display: inline-block;outline: none;color: #FFFFFF;border: 2px solid #FFFFFF;text-decoration: none;font-size: 1.1em;text-align: center;font-family: 'open_sanssemibold', sans-serif;line-height: 36px;height: 40px;padding: 0 30px;border-radius: 20px;background: none;margin-left: 5px;}nav.overlay-nav li.current a, nav.overlay-nav a.current{color: #009CDE;border: 2px solid #009CDE;}nav.footer-nav{position: relative;text-align: center;}nav.footer-nav ul, nav.footer-nav li{list-style: none;}nav.footer-nav li{display: inline-block;}nav.footer-nav li:before{position: relative;top: 0;content: "";height: 100%;width: 0;border-left: 2px solid #FFFFFF;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;/* ...and now for the proper property */transition:.3s;}nav.footer-nav li:first-child:before{margin-left: 0;border: none;}nav.footer-nav a{margin: 1em;font-size: 1.5em;border-bottom: 2px solid #FFFFFF;}nav.footer-nav a:hover{border-bottom: 2px solid #003C71;}nav.footer-nav a.current{color: #009CDE;border-bottom: 2px solid #003C71;}/* Effect 1: Brackets */.cl-effect-1 a::before,.cl-effect-1 a::after {display: inline-block;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;}.cl-effect-1 a::before {margin-right: 10px;content: '[';-webkit-transform: translateX(20px);-moz-transform: translateX(20px);transform: translateX(20px);}.cl-effect-1 a::after {margin-left: 10px;content: ']';-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);transform: translateX(-20px);}.cl-effect-1 a:hover::before,.cl-effect-1 a:hover::after,.cl-effect-1 a:focus::before,.cl-effect-1 a:focus::after {opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);}/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */.cl-effect-2 a {line-height: 44px;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}.cl-effect-2 a span {position: relative;display: inline-block;padding: 0 14px;background: #2195de;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}.csstransforms3d .cl-effect-2 a span::before {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #0965a0;content: attr(data-hover);-webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;}.cl-effect-2 a:hover span,.cl-effect-2 a:focus span {-webkit-transform: rotateX(90deg) translateY(-22px);-moz-transform: rotateX(90deg) translateY(-22px);transform: rotateX(90deg) translateY(-22px);}.csstransforms3d .cl-effect-2 a:hover span::before,.csstransforms3d .cl-effect-2 a:focus span::before {background: #28a2ee;}/* Effect 3: bottom line slides/fades in */.cl-effect-3 a {padding: 8px 0;}.cl-effect-3 a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 4px;background: rgba(0,0,0,0.1);content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}.cl-effect-3 a:hover::after,.cl-effect-3 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}/* Effect 4: bottom border enlarge */.cl-effect-4 a {padding: 0 0 10px;}.cl-effect-4 a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 1px;background: #fff;content: '';opacity: 0;-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}.cl-effect-4 a:hover::after,.cl-effect-4 a:focus::after {height: 5px;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}/* Effect 5: same word slide in */.cl-effect-5 a {overflow: hidden;padding: 0 4px;height: 1em;}.cl-effect-5 a span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);font-weight: 700;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}/* Effect 5: same word slide in and border bottom */.cl-effect-6 a {margin: 0 10px;padding: 10px 20px;}.cl-effect-6 a::before {position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: #fff;content: '';-webkit-transition: top 0.3s;-moz-transition: top 0.3s;transition: top 0.3s;}.cl-effect-6 a::after {position: absolute;top: 0;left: 0;width: 2px;height: 2px;background: #fff;content: '';-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;}.cl-effect-6 a:hover::before {top: 100%;opacity: 1;}.cl-effect-6 a:hover::after {height: 100%;}/* Effect 7: second border slides up */.cl-effect-7 a {padding: 12px 10px 10px;color: #566473;text-shadow: none;font-weight: 700;}.cl-effect-7 a::before,.cl-effect-7 a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 3px;background: #566473;content: '';-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: scale(0.85);-moz-transform: scale(0.85);transform: scale(0.85);}.cl-effect-7 a::after {opacity: 0;-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: top 0.3s, opacity 0.3s, transform 0.3s;}.cl-effect-7 a:hover::before,.cl-effect-7 a:hover::after,.cl-effect-7 a:focus::before,.cl-effect-7 a:focus::after {-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}.cl-effect-7 a:hover::after,.cl-effect-7 a:focus::after {top: 0%;opacity: 1;}/* Effect 8: border slight translate */.cl-effect-8 a {padding: 10px 20px;}.cl-effect-8 a::before,.cl-effect-8 a::after  {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 3px solid #354856;content: '';-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}.cl-effect-8 a::after  {border-color: #fff;opacity: 0;-webkit-transform: translateY(-7px) translateX(6px);-moz-transform: translateY(-7px) translateX(6px);transform: translateY(-7px) translateX(6px);}.cl-effect-8 a:hover::before,.cl-effect-8 a:focus::before {opacity: 0;-webkit-transform: translateY(5px) translateX(-5px);-moz-transform: translateY(5px) translateX(-5px);transform: translateY(5px) translateX(-5px);}.cl-effect-8 a:hover::after,.cl-effect-8 a:focus::after  {opacity: 1;-webkit-transform: translateY(0px) translateX(0px);-moz-transform: translateY(0px) translateX(0px);transform: translateY(0px) translateX(0px);}/* Effect 9: second text and borders */.cl-effect-9 a {margin: 0 20px;padding: 18px 20px;}.cl-effect-9 a::before,.cl-effect-9 a::after {position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #fff;content: '';opacity: 0.2;-webkit-transition: opacity 0.3s, height 0.3s;-moz-transition: opacity 0.3s, height 0.3s;transition: opacity 0.3s, height 0.3s;}.cl-effect-9 a::after {top: 100%;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}.cl-effect-9 a span:first-child {z-index: 2;display: block;font-weight: 300;}.cl-effect-9 a span:last-child {z-index: 1;display: block;padding: 8px 0 0 0;color: rgba(0,0,0,0.4);text-shadow: none;text-transform: none;font-style: italic;font-size: 0.75em;font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}.cl-effect-9 a:hover::before,.cl-effect-9 a:focus::before {height: 6px;}.cl-effect-9 a:hover::before,.cl-effect-9 a:hover::after,.cl-effect-9 a:focus::before,.cl-effect-9 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}.cl-effect-9 a:hover span:last-child,.cl-effect-9 a:focus span:last-child {opacity: 1;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);}/* Effect 10: reveal, push out */.cl-effect-10  {position: relative;z-index: 1;}.cl-effect-10 a {overflow: hidden;margin: 0 15px;}.cl-effect-10 a span {display: block;padding: 10px 20px;background: #0f7c67;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}.cl-effect-10 a::before {position: absolute;top: 0;left: 0;z-index: -1;padding: 10px 20px;width: 100%;height: 100%;background: #fff;color: #0f7c67;content: attr(data-hover);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: translateX(-25%);}.cl-effect-10 a:hover span,.cl-effect-10 a:focus span {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}.cl-effect-10 a:hover::before,.cl-effect-10 a:focus::before {-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */.cl-effect-11 a {padding: 10px 0;border-top: 2px solid #0972b4;color: #0972b4;text-shadow: none;}.cl-effect-11 a::before {position: absolute;top: 0;left: 0;overflow: hidden;padding: 10px 0;max-width: 0;border-bottom: 2px solid #fff;color: #fff;content: attr(data-hover);-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;}.cl-effect-11 a:hover::before,.cl-effect-11 a:focus::before {max-width: 100%;}/* Effect 12: circle */.cl-effect-12 a::before,.cl-effect-12 a::after {position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;border: 2px solid rgba(0,0,0,0.1);border-radius: 50%;content: '';opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);transform: translateX(-50%) translateY(-50%) scale(0.2);}.cl-effect-12 a::after {width: 90px;height: 90px;border-width: 6px;-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);transform: translateX(-50%) translateY(-50%) scale(0.8);}.cl-effect-12 a:hover::before,.cl-effect-12 a:hover::after,.cl-effect-12 a:focus::before,.cl-effect-12 a:focus::after {opacity: 1;-webkit-transform: translateX(-50%) translateY(-50%) scale(1);-moz-transform: translateX(-50%) translateY(-50%) scale(1);transform: translateX(-50%) translateY(-50%) scale(1);}/* Effect 13: three circles */.cl-effect-13 a {-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}.cl-effect-13 a::before {position: absolute;top: 100%;left: 50%;color: transparent;content: '•';text-shadow: 0 0 transparent;font-size: 1.2em;-webkit-transition: text-shadow 0.3s, color 0.3s;-moz-transition: text-shadow 0.3s, color 0.3s;transition: text-shadow 0.3s, color 0.3s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);pointer-events: none;}.cl-effect-13 a:hover::before,.cl-effect-13 a:focus::before {color: #fff;text-shadow: 10px 0 #fff, -10px 0 #fff;}.cl-effect-13 a:hover,.cl-effect-13 a:focus {color: #ba7700;}/* Effect 14: border switch */.cl-effect-14 a {padding: 0 20px;height: 45px;line-height: 45px;}.cl-effect-14 a::before,.cl-effect-14 a::after {position: absolute;width: 45px;height: 2px;background: #fff;content: '';opacity: 0.2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;pointer-events: none;}.cl-effect-14 a::before {top: 0;left: 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;}.cl-effect-14 a::after {right: 0;bottom: 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;transform-origin: 100% 0;}.cl-effect-14 a:hover::before,.cl-effect-14 a:hover::after,.cl-effect-14 a:focus::before,.cl-effect-14 a:focus::after {opacity: 1;}.cl-effect-14 a:hover::before,.cl-effect-14 a:focus::before {left: 50%;-webkit-transform: rotate(0deg) translateX(-50%);-moz-transform: rotate(0deg) translateX(-50%);transform: rotate(0deg) translateX(-50%);}.cl-effect-14 a:hover::after,.cl-effect-14 a:focus::after {right: 50%;-webkit-transform: rotate(0deg) translateX(50%);-moz-transform: rotate(0deg) translateX(50%);transform: rotate(0deg) translateX(50%);}/* Effect 15: scale down, reveal */.cl-effect-15 a {color: rgba(0,0,0,0.2);font-weight: 700;text-shadow: none;}.cl-effect-15 a::before {color: #fff;content: attr(data-hover);position: absolute;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}.cl-effect-15 a:hover::before,.cl-effect-15 a:focus::before {-webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);opacity: 0;}/* Effect 16: fall down */.cl-effect-16 a {color: #6f8686;text-shadow: 0 0 1px rgba(111,134,134,0.3);}.cl-effect-16 a::before {color: #fff;content: attr(data-hover);position: absolute;opacity: 0;text-shadow: 0 0 1px rgba(255,255,255,0.3);-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}.cl-effect-16 a:hover::before,.cl-effect-16 a:focus::before {-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);opacity: 1;}/* Effect 17: move up fade out, push border */.cl-effect-17 a {color: #10649b;text-shadow: none;padding: 10px 0;}.cl-effect-17 a::before {color: #fff;text-shadow: 0 0 1px rgba(255,255,255,0.3);content: attr(data-hover);position: absolute;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}.cl-effect-17 a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #fff;opacity: 0;-webkit-transform: translateY(5px);-moz-transform: translateY(5px);transform: translateY(5px);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}.cl-effect-17 a:hover::before,.cl-effect-17 a:focus::before {opacity: 0;-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);transform: translateY(-2px);}.cl-effect-17 a:hover::after,.cl-effect-17 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}/* Effect 18: cross */.cl-effect-18 {position: relative;z-index: 1;}.cl-effect-18 a {padding: 0 5px;color: #b4770d;font-weight: 700;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}.cl-effect-18 a::before,.cl-effect-18 a::after {position: absolute;width: 100%;left: 0;top: 50%;height: 2px;margin-top: -1px;background: #b4770d;content: '';z-index: -1;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}.cl-effect-18 a::before {-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);transform: translateY(-20px);}.cl-effect-18 a::after {-webkit-transform: translateY(20px);-moz-transform: translateY(20px);transform: translateY(20px);}.cl-effect-18 a:hover,.cl-effect-18 a:focus {color: #fff;}.cl-effect-18 a:hover::before,.cl-effect-18 a:hover::after,.cl-effect-18 a:focus::before,.cl-effect-18 a:focus::after {opacity: 0.7;}.cl-effect-18 a:hover::before,.cl-effect-18 a:focus::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}.cl-effect-18 a:hover::after,.cl-effect-18 a:focus::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}/* Effect 19: 3D side */.cl-effect-19 a {line-height: 2em;margin: 15px;-webkit-perspective: 800px;-moz-perspective: 800px;perspective: 800px;width: 200px;}.cl-effect-19 a span {position: relative;display: inline-block;width: 100%;padding: 0 14px;background: #e35041;-webkit-transition: -webkit-transform 0.4s, background 0.4s;-moz-transition: -moz-transform 0.4s, background 0.4s;transition: transform 0.4s, background 0.4s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 50% 50% -100px;-moz-transform-origin: 50% 50% -100px;transform-origin: 50% 50% -100px;}.csstransforms3d .cl-effect-19 a span::before {position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #b53a2d;content: attr(data-hover);-webkit-transition: background 0.4s;-moz-transition: background 0.4s;transition: background 0.4s;-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;transform-origin: 0 50%;pointer-events: none;}.cl-effect-19 a:hover span,.cl-effect-19 a:focus span {background: #b53a2d;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);transform: rotateY(-90deg);}.csstransforms3d .cl-effect-19 a:hover span::before,.csstransforms3d .cl-effect-19 a:focus span::before {background: #ef5e50;}/* Effect 20: 3D side */.cl-effect-20 a {line-height: 2em;-webkit-perspective: 800px;-moz-perspective: 800px;perspective: 800px;}.cl-effect-20 a span {position: relative;display: inline-block;padding: 3px 15px 0;background: #587285;box-shadow: inset 0 3px #2f4351;-webkit-transition: background 0.6s;-moz-transition: background 0.6s;transition: background 0.6s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;transform-origin: 0% 50%;}.cl-effect-20 a span::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;color: #2f4351;content: attr(data-hover);-webkit-transform: rotateX(270deg);-moz-transform: rotateX(270deg);transform: rotateX(270deg);-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;transition: transform 0.6s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;pointer-events: none;}.cl-effect-20 a:hover span,.cl-effect-20 a:focus span {background: #2f4351;}.cl-effect-20 a:hover span::before,.cl-effect-20 a:focus span::before {-webkit-transform: rotateX(10deg);-moz-transform: rotateX(10deg);transform: rotateX(10deg);}/* Effect 21: borders slight translate */.cl-effect-21 a {padding: 10px;color: #237546;font-weight: 700;text-shadow: none;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}.cl-effect-21 a::before,.cl-effect-21 a::after {position: absolute;left: 0;width: 100%;height: 2px;background: #fff;content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}.cl-effect-21 a::before {top: 0;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}.cl-effect-21 a::after {bottom: 0;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}.cl-effect-21 a:hover,.cl-effect-21 a:focus {color: #fff;}.cl-effect-21 a:hover::before,.cl-effect-21 a:focus::before,.cl-effect-21 a:hover::after,.cl-effect-21 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}@charset "UTF-8";/*!* animate.css - https://animate.style/* Version - 4.1.0* Licensed under the MIT license - http://opensource.org/licenses/MIT** Copyright (c) 2020 Animate.css*/:root {--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1;}.animate__animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;}.animate__animated.animate__infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}.animate__animated.animate__repeat-1 {-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-iteration-count: var(--animate-repeat);animation-iteration-count: var(--animate-repeat);}.animate__animated.animate__repeat-2 {-webkit-animation-iteration-count: calc(1 * 2);animation-iteration-count: calc(1 * 2);-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);animation-iteration-count: calc(var(--animate-repeat) * 2);}.animate__animated.animate__repeat-3 {-webkit-animation-iteration-count: calc(1 * 3);animation-iteration-count: calc(1 * 3);-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);animation-iteration-count: calc(var(--animate-repeat) * 3);}.animate__animated.animate__delay-1s {-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-delay: var(--animate-delay);animation-delay: var(--animate-delay);}.animate__animated.animate__delay-2s {-webkit-animation-delay: calc(1s * 2);animation-delay: calc(1s * 2);-webkit-animation-delay: calc(var(--animate-delay) * 2);animation-delay: calc(var(--animate-delay) * 2);}.animate__animated.animate__delay-3s {-webkit-animation-delay: calc(1s * 3);animation-delay: calc(1s * 3);-webkit-animation-delay: calc(var(--animate-delay) * 3);animation-delay: calc(var(--animate-delay) * 3);}.animate__animated.animate__delay-4s {-webkit-animation-delay: calc(1s * 4);animation-delay: calc(1s * 4);-webkit-animation-delay: calc(var(--animate-delay) * 4);animation-delay: calc(var(--animate-delay) * 4);}.animate__animated.animate__delay-5s {-webkit-animation-delay: calc(1s * 5);animation-delay: calc(1s * 5);-webkit-animation-delay: calc(var(--animate-delay) * 5);animation-delay: calc(var(--animate-delay) * 5);}.animate__animated.animate__faster {-webkit-animation-duration: calc(1s / 2);animation-duration: calc(1s / 2);-webkit-animation-duration: calc(var(--animate-duration) / 2);animation-duration: calc(var(--animate-duration) / 2);}.animate__animated.animate__fast {-webkit-animation-duration: calc(1s * 0.8);animation-duration: calc(1s * 0.8);-webkit-animation-duration: calc(var(--animate-duration) * 0.8);animation-duration: calc(var(--animate-duration) * 0.8);}.animate__animated.animate__slow {-webkit-animation-duration: calc(1s * 2);animation-duration: calc(1s * 2);-webkit-animation-duration: calc(var(--animate-duration) * 2);animation-duration: calc(var(--animate-duration) * 2);}.animate__animated.animate__slower {-webkit-animation-duration: calc(1s * 3);animation-duration: calc(1s * 3);-webkit-animation-duration: calc(var(--animate-duration) * 3);animation-duration: calc(var(--animate-duration) * 3);}@media print, (prefers-reduced-motion: reduce) {.animate__animated {-webkit-animation-duration: 1ms !important;animation-duration: 1ms !important;-webkit-transition-duration: 1ms !important;transition-duration: 1ms !important;-webkit-animation-iteration-count: 1 !important;animation-iteration-count: 1 !important;}.animate__animated[class*='Out'] {opacity: 0;}}/* Attention seekers  */@-webkit-keyframes bounce {from,20%,53%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}40%,43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);transform: translate3d(0, -30px, 0) scaleY(1.1);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);transform: translate3d(0, -15px, 0) scaleY(1.05);}80% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);transform: translate3d(0, 0, 0) scaleY(0.95);}90% {-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);transform: translate3d(0, -4px, 0) scaleY(1.02);}}@keyframes bounce {from,20%,53%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}40%,43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);transform: translate3d(0, -30px, 0) scaleY(1.1);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);transform: translate3d(0, -15px, 0) scaleY(1.05);}80% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);transform: translate3d(0, 0, 0) scaleY(0.95);}90% {-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);transform: translate3d(0, -4px, 0) scaleY(1.02);}}.animate__bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;}@-webkit-keyframes flash {from,50%,to {opacity: 1;}25%,75% {opacity: 0;}}@keyframes flash {from,50%,to {opacity: 1;}25%,75% {opacity: 0;}}.animate__flash {-webkit-animation-name: flash;animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.animate__pulse {-webkit-animation-name: pulse;animation-name: pulse;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}@-webkit-keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.animate__rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;}@-webkit-keyframes shakeX {from,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 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 shakeX {from,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 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);}}.animate__shakeX {-webkit-animation-name: shakeX;animation-name: shakeX;}@-webkit-keyframes shakeY {from,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}10%,30%,50%,70%,90% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}20%,40%,60%,80% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}}@keyframes shakeY {from,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}10%,30%,50%,70%,90% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}20%,40%,60%,80% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}}.animate__shakeY {-webkit-animation-name: shakeY;animation-name: shakeY;}@-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);}}.animate__headShake {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-name: headShake;animation-name: headShake;}@-webkit-keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}@keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}.animate__swing {-webkit-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}@-webkit-keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%,20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%,50%,70%,90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%,60%,80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%,20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%,50%,70%,90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%,60%,80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.animate__tada {-webkit-animation-name: tada;animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__wobble {-webkit-animation-name: wobble;animation-name: wobble;}@-webkit-keyframes jello {from,11.1%,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}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(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}@keyframes jello {from,11.1%,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}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(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}.animate__jello {-webkit-animation-name: jello;animation-name: jello;-webkit-transform-origin: center;transform-origin: center;}@-webkit-keyframes heartBeat {0% {-webkit-transform: scale(1);transform: scale(1);}14% {-webkit-transform: scale(1.3);transform: scale(1.3);}28% {-webkit-transform: scale(1);transform: scale(1);}42% {-webkit-transform: scale(1.3);transform: scale(1.3);}70% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes heartBeat {0% {-webkit-transform: scale(1);transform: scale(1);}14% {-webkit-transform: scale(1.3);transform: scale(1.3);}28% {-webkit-transform: scale(1);transform: scale(1);}42% {-webkit-transform: scale(1.3);transform: scale(1.3);}70% {-webkit-transform: scale(1);transform: scale(1);}}.animate__heartBeat {-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: calc(1s * 1.3);animation-duration: calc(1s * 1.3);-webkit-animation-duration: calc(var(--animate-duration) * 1.3);animation-duration: calc(var(--animate-duration) * 1.3);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}/* Back entrances */@-webkit-keyframes backInDown {0% {-webkit-transform: translateY(-1200px) scale(0.7);transform: translateY(-1200px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}@keyframes backInDown {0% {-webkit-transform: translateY(-1200px) scale(0.7);transform: translateY(-1200px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}.animate__backInDown {-webkit-animation-name: backInDown;animation-name: backInDown;}@-webkit-keyframes backInLeft {0% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}@keyframes backInLeft {0% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}.animate__backInLeft {-webkit-animation-name: backInLeft;animation-name: backInLeft;}@-webkit-keyframes backInRight {0% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}@keyframes backInRight {0% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}.animate__backInRight {-webkit-animation-name: backInRight;animation-name: backInRight;}@-webkit-keyframes backInUp {0% {-webkit-transform: translateY(1200px) scale(0.7);transform: translateY(1200px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}@keyframes backInUp {0% {-webkit-transform: translateY(1200px) scale(0.7);transform: translateY(1200px) scale(0.7);opacity: 0.7;}80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}.animate__backInUp {-webkit-animation-name: backInUp;animation-name: backInUp;}/* Back exits */@-webkit-keyframes backOutDown {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateY(700px) scale(0.7);transform: translateY(700px) scale(0.7);opacity: 0.7;}}@keyframes backOutDown {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateY(700px) scale(0.7);transform: translateY(700px) scale(0.7);opacity: 0.7;}}.animate__backOutDown {-webkit-animation-name: backOutDown;animation-name: backOutDown;}@-webkit-keyframes backOutLeft {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}}@keyframes backOutLeft {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}}.animate__backOutLeft {-webkit-animation-name: backOutLeft;animation-name: backOutLeft;}@-webkit-keyframes backOutRight {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}}@keyframes backOutRight {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}}.animate__backOutRight {-webkit-animation-name: backOutRight;animation-name: backOutRight;}@-webkit-keyframes backOutUp {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateY(-700px) scale(0.7);transform: translateY(-700px) scale(0.7);opacity: 0.7;}}@keyframes backOutUp {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}100% {-webkit-transform: translateY(-700px) scale(0.7);transform: translateY(-700px) scale(0.7);opacity: 0.7;}}.animate__backOutUp {-webkit-animation-name: backOutUp;animation-name: backOutUp;}/* Bouncing entrances  */@-webkit-keyframes bounceIn {from,20%,40%,60%,80%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes bounceIn {from,20%,40%,60%,80%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.animate__bounceIn {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-animation-name: bounceIn;animation-name: bounceIn;}@-webkit-keyframes bounceInDown {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);transform: translate3d(0, -3000px, 0) scaleY(3);}60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);transform: translate3d(0, 25px, 0) scaleY(0.9);}75% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);transform: translate3d(0, -10px, 0) scaleY(0.95);}90% {-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);transform: translate3d(0, 5px, 0) scaleY(0.985);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInDown {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);transform: translate3d(0, -3000px, 0) scaleY(3);}60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);transform: translate3d(0, 25px, 0) scaleY(0.9);}75% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);transform: translate3d(0, -10px, 0) scaleY(0.95);}90% {-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);transform: translate3d(0, 5px, 0) scaleY(0.985);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);transform: translate3d(-3000px, 0, 0) scaleX(3);}60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0) scaleX(1);transform: translate3d(25px, 0, 0) scaleX(1);}75% {-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);transform: translate3d(-10px, 0, 0) scaleX(0.98);}90% {-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);transform: translate3d(5px, 0, 0) scaleX(0.995);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInLeft {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);transform: translate3d(-3000px, 0, 0) scaleX(3);}60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0) scaleX(1);transform: translate3d(25px, 0, 0) scaleX(1);}75% {-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);transform: translate3d(-10px, 0, 0) scaleX(0.98);}90% {-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);transform: translate3d(5px, 0, 0) scaleX(0.995);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);transform: translate3d(3000px, 0, 0) scaleX(3);}60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);transform: translate3d(-25px, 0, 0) scaleX(1);}75% {-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);transform: translate3d(10px, 0, 0) scaleX(0.98);}90% {-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);transform: translate3d(-5px, 0, 0) scaleX(0.995);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInRight {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);transform: translate3d(3000px, 0, 0) scaleX(3);}60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);transform: translate3d(-25px, 0, 0) scaleX(1);}75% {-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);transform: translate3d(10px, 0, 0) scaleX(0.98);}90% {-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);transform: translate3d(-5px, 0, 0) scaleX(0.995);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);transform: translate3d(0, 3000px, 0) scaleY(5);}60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}75% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);transform: translate3d(0, 10px, 0) scaleY(0.95);}90% {-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);transform: translate3d(0, -5px, 0) scaleY(0.985);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInUp {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);transform: translate3d(0, 3000px, 0) scaleY(5);}60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}75% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);transform: translate3d(0, 10px, 0) scaleY(0.95);}90% {-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);transform: translate3d(0, -5px, 0) scaleY(0.985);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}/* Bouncing exits  */@-webkit-keyframes bounceOut {20% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}}@keyframes bounceOut {20% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}}.animate__bounceOut {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-animation-name: bounceOut;animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);transform: translate3d(0, 10px, 0) scaleY(0.985);}40%,45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);transform: translate3d(0, 2000px, 0) scaleY(3);}}@keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);transform: translate3d(0, 10px, 0) scaleY(0.985);}40%,45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);transform: translate3d(0, 2000px, 0) scaleY(3);}}.animate__bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);transform: translate3d(20px, 0, 0) scaleX(0.9);}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);transform: translate3d(-2000px, 0, 0) scaleX(2);}}@keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);transform: translate3d(20px, 0, 0) scaleX(0.9);}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);transform: translate3d(-2000px, 0, 0) scaleX(2);}}.animate__bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);transform: translate3d(-20px, 0, 0) scaleX(0.9);}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);transform: translate3d(2000px, 0, 0) scaleX(2);}}@keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);transform: translate3d(-20px, 0, 0) scaleX(0.9);}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);transform: translate3d(2000px, 0, 0) scaleX(2);}}.animate__bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);transform: translate3d(0, -10px, 0) scaleY(0.985);}40%,45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);transform: translate3d(0, 20px, 0) scaleY(0.9);}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);transform: translate3d(0, -2000px, 0) scaleY(3);}}@keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);transform: translate3d(0, -10px, 0) scaleY(0.985);}40%,45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);transform: translate3d(0, 20px, 0) scaleY(0.9);}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);transform: translate3d(0, -2000px, 0) scaleY(3);}}.animate__bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}/* Fading entrances  */@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.animate__fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}@-webkit-keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}@-webkit-keyframes fadeInTopLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInTopLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInTopLeft {-webkit-animation-name: fadeInTopLeft;animation-name: fadeInTopLeft;}@-webkit-keyframes fadeInTopRight {from {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInTopRight {from {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInTopRight {-webkit-animation-name: fadeInTopRight;animation-name: fadeInTopRight;}@-webkit-keyframes fadeInBottomLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInBottomLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInBottomLeft {-webkit-animation-name: fadeInBottomLeft;animation-name: fadeInBottomLeft;}@-webkit-keyframes fadeInBottomRight {from {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInBottomRight {from {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInBottomRight {-webkit-animation-name: fadeInBottomRight;animation-name: fadeInBottomRight;}/* Fading exits */@-webkit-keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}@keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}.animate__fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}@keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}.animate__fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}@keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}.animate__fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}@keyframes fadeOutLeft {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}.animate__fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}@keyframes fadeOutLeftBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}.animate__fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}@keyframes fadeOutRight {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}.animate__fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}@keyframes fadeOutRightBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}.animate__fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}@keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}.animate__fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}@keyframes fadeOutUpBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}.animate__fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}@-webkit-keyframes fadeOutTopLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}}@keyframes fadeOutTopLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}}.animate__fadeOutTopLeft {-webkit-animation-name: fadeOutTopLeft;animation-name: fadeOutTopLeft;}@-webkit-keyframes fadeOutTopRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}}@keyframes fadeOutTopRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}}.animate__fadeOutTopRight {-webkit-animation-name: fadeOutTopRight;animation-name: fadeOutTopRight;}@-webkit-keyframes fadeOutBottomRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}}@keyframes fadeOutBottomRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}}.animate__fadeOutBottomRight {-webkit-animation-name: fadeOutBottomRight;animation-name: fadeOutBottomRight;}@-webkit-keyframes fadeOutBottomLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}}@keyframes fadeOutBottomLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}}.animate__fadeOutBottomLeft {-webkit-animation-name: fadeOutBottomLeft;animation-name: fadeOutBottomLeft;}/* Flippers */@-webkit-keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}@keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}.animate__animated.animate__flip {-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}@-webkit-keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}@keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}.animate__flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}@-webkit-keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}@keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}.animate__flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}@-webkit-keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}@keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}.animate__flipOutX {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}@-webkit-keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}@keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}.animate__flipOutY {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;}/* Lightspeed */@-webkit-keyframes lightSpeedInRight {from {-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);opacity: 1;}80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes lightSpeedInRight {from {-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);opacity: 1;}80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__lightSpeedInRight {-webkit-animation-name: lightSpeedInRight;animation-name: lightSpeedInRight;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedInLeft {from {-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);opacity: 1;}80% {-webkit-transform: skewX(5deg);transform: skewX(5deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes lightSpeedInLeft {from {-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);opacity: 1;}80% {-webkit-transform: skewX(5deg);transform: skewX(5deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__lightSpeedInLeft {-webkit-animation-name: lightSpeedInLeft;animation-name: lightSpeedInLeft;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOutRight {from {opacity: 1;}to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}@keyframes lightSpeedOutRight {from {opacity: 1;}to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}.animate__lightSpeedOutRight {-webkit-animation-name: lightSpeedOutRight;animation-name: lightSpeedOutRight;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}@-webkit-keyframes lightSpeedOutLeft {from {opacity: 1;}to {-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);transform: translate3d(-100%, 0, 0) skewX(-30deg);opacity: 0;}}@keyframes lightSpeedOutLeft {from {opacity: 1;}to {-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);transform: translate3d(-100%, 0, 0) skewX(-30deg);opacity: 0;}}.animate__lightSpeedOutLeft {-webkit-animation-name: lightSpeedOutLeft;animation-name: lightSpeedOutLeft;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}/* Rotating entrances */@-webkit-keyframes rotateIn {from {-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateIn {from {-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.animate__rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;-webkit-transform-origin: center;transform-origin: center;}@-webkit-keyframes rotateInDownLeft {from {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInDownLeft {from {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.animate__rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}@-webkit-keyframes rotateInDownRight {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInDownRight {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.animate__rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}@-webkit-keyframes rotateInUpLeft {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInUpLeft {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.animate__rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}@-webkit-keyframes rotateInUpRight {from {-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInUpRight {from {-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.animate__rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}/* Rotating exits */@-webkit-keyframes rotateOut {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}@keyframes rotateOut {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}.animate__rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut;-webkit-transform-origin: center;transform-origin: center;}@-webkit-keyframes rotateOutDownLeft {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}@keyframes rotateOutDownLeft {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}.animate__rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}@-webkit-keyframes rotateOutDownRight {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}@keyframes rotateOutDownRight {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}.animate__rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}@-webkit-keyframes rotateOutUpLeft {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}@keyframes rotateOutUpLeft {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}.animate__rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}@-webkit-keyframes rotateOutUpRight {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}@keyframes rotateOutUpRight {from {opacity: 1;}to {-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}.animate__rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}/* Specials */@-webkit-keyframes hinge {0% {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}20%,60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}40%,80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-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% {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}20%,60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}40%,80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-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;}}.animate__hinge {-webkit-animation-duration: calc(1s * 2);animation-duration: calc(1s * 2);-webkit-animation-duration: calc(var(--animate-duration) * 2);animation-duration: calc(var(--animate-duration) * 2);-webkit-animation-name: hinge;animation-name: hinge;-webkit-transform-origin: top left;transform-origin: top left;}@-webkit-keyframes jackInTheBox {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom;}50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}@keyframes jackInTheBox {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom;}50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}.animate__jackInTheBox {-webkit-animation-name: jackInTheBox;animation-name: jackInTheBox;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}@keyframes rollOut {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}.animate__rollOut {-webkit-animation-name: rollOut;animation-name: rollOut;}/* Zooming entrances */@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}.animate__zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}@-webkit-keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.animate__zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.animate__zoomInLeft {-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.animate__zoomInRight {-webkit-animation-name: zoomInRight;animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.animate__zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp;}/* Zooming exits */@-webkit-keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}@keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}.animate__zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.animate__zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;-webkit-transform-origin: center bottom;transform-origin: center bottom;}@-webkit-keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);}}@keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);}}.animate__zoomOutLeft {-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;-webkit-transform-origin: left center;transform-origin: left center;}@-webkit-keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);}}@keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);}}.animate__zoomOutRight {-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;-webkit-transform-origin: right center;transform-origin: right center;}@-webkit-keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.animate__zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;-webkit-transform-origin: center bottom;transform-origin: center bottom;}/* Sliding entrances */@-webkit-keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}@-webkit-keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}@-webkit-keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;}/* Sliding exits */@-webkit-keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}@keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}.animate__slideOutDown {-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}@keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}.animate__slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}@keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}.animate__slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}@keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}.animate__slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}/* !hacks *//* Fading entrances  */@-webkit-keyframes fadeInAbit {from {opacity: 0;}to {opacity: 0.85;}}@keyframes fadeInAbit {from {opacity: 0;}to {opacity: 0.85;}}@-webkit-keyframes slideInUpSmall {from {-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInUpSmall {from {-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__slideInUpSmall {-webkit-animation-name: slideInUpSmall;animation-name: slideInUpSmall;}.animate__animated.animate__delay-wee {-webkit-animation-delay: calc(1s / 3);animation-delay: calc(1s / 3);-webkit-animation-delay: calc(var(--animate-delay) / 3);animation-delay: calc(var(--animate-delay) / 3);}/*@-webkit-keyframes slideInDownSmall {from {-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20%, 0);visibility: visible;opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes slideInDownSmall {from {-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);visibility: visible;opacity: 0;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.animate__slideInDownSmall {-webkit-animation-name: slideInDownSmall;animation-name: slideInDownSmall;}.animate__animated.animate__delay-0s {-webkit-animation-delay: .5s;animation-delay: .5s;-webkit-animation-delay: var(--animate-delay);animation-delay: var(--animate-delay);}*//*.mobile-hamburger{position: absolute;display: block;top: 10px;left: 0;width: 100%;}*//*!* Hamburgers* @description Tasty CSS-animated hamburgers* @author Jonathan Suh @jonsuh* @site https://jonsuh.com/hamburgers* @link https://github.com/jonsuh/hamburgers*/.hamburger {padding: 10px 5px;display: inline-block;cursor: pointer;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;}.hamburger:hover {opacity: 0.7; }/* postion */.hamburger{position: relative;float: right;/*margin: -10px 0 0 0;*/z-index: 99999;}.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }.hamburger-inner {display: block;top: 50%;margin-top: -2px; }.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #FFFFFF;border-radius: 4px;position: absolute;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;transition-duration: 0.15s;transition-timing-function: ease; }.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }.hamburger-inner::before {top: -10px; }.hamburger-inner::after {bottom: -10px; }.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color: #FFFFFF;}/** 3DX*/.hamburger--3dx .hamburger-box {-webkit-perspective: 80px;perspective: 80px; }.hamburger--3dx .hamburger-inner {transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx.is-active .hamburger-inner {background-color: transparent;-webkit-transform: rotateY(180deg);transform: rotateY(180deg); }.hamburger--3dx.is-active .hamburger-inner::before {-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);transform: translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dx.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg); }/** 3DX Reverse*/.hamburger--3dx-r .hamburger-box {-webkit-perspective: 80px;perspective: 80px; }.hamburger--3dx-r .hamburger-inner {transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx-r.is-active .hamburger-inner {background-color: transparent;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg); }.hamburger--3dx-r.is-active .hamburger-inner::before {-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);transform: translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dx-r.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg); }/** 3DY*/.hamburger--3dy .hamburger-box {-webkit-perspective: 80px;perspective: 80px; }.hamburger--3dy .hamburger-inner {transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy.is-active .hamburger-inner {background-color: transparent;-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg); }.hamburger--3dy.is-active .hamburger-inner::before {-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);transform: translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dy.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg); }/** 3DY Reverse*/.hamburger--3dy-r .hamburger-box {-webkit-perspective: 80px;perspective: 80px; }.hamburger--3dy-r .hamburger-inner {transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy-r.is-active .hamburger-inner {background-color: transparent;-webkit-transform: rotateX(180deg);transform: rotateX(180deg); }.hamburger--3dy-r.is-active .hamburger-inner::before {-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);transform: translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dy-r.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg); }/** Arrow*/.hamburger--arrow.is-active .hamburger-inner::before {-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }.hamburger--arrow.is-active .hamburger-inner::after {-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }/** Arrow Right*/.hamburger--arrow-r.is-active .hamburger-inner::before {-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }.hamburger--arrow-r.is-active .hamburger-inner::after {-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }/** Arrow Alt*/.hamburger--arrowalt .hamburger-inner::before {transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt .hamburger-inner::after {transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt.is-active .hamburger-inner::before {top: 0;-webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowalt.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }/** Arrow Alt Right*/.hamburger--arrowalt-r .hamburger-inner::before {transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt-r .hamburger-inner::after {transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt-r.is-active .hamburger-inner::before {top: 0;-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowalt-r.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }/** Boring*/.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {transition-property: none; }.hamburger--boring.is-active .hamburger-inner {-webkit-transform: rotate(45deg);transform: rotate(45deg); }.hamburger--boring.is-active .hamburger-inner::before {top: 0;opacity: 0; }.hamburger--boring.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg); }/** Collapse*/.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.15s;transition-delay: 0.15s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse.is-active .hamburger-inner {-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.32s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }.hamburger--collapse.is-active .hamburger-inner::before {top: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Collapse Reverse*/.hamburger--collapse-r .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.15s;transition-delay: 0.15s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse-r .hamburger-inner::after {top: -20px;transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }.hamburger--collapse-r .hamburger-inner::before {transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse-r.is-active .hamburger-inner {-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);transform: translate3d(0, -10px, 0) rotate(45deg);transition-delay: 0.32s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--collapse-r.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }.hamburger--collapse-r.is-active .hamburger-inner::before {top: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Elastic*/.hamburger--elastic .hamburger-inner {top: 2px;transition-duration: 0.4s;transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic .hamburger-inner::before {top: 10px;transition: opacity 0.15s 0.4s ease; }.hamburger--elastic .hamburger-inner::after {top: 20px;transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic.is-active .hamburger-inner {-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);transform: translate3d(0, 10px, 0) rotate(135deg);transition-delay: 0.1s; }.hamburger--elastic.is-active .hamburger-inner::before {transition-delay: 0s;opacity: 0; }.hamburger--elastic.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);transform: translate3d(0, -20px, 0) rotate(-270deg);transition-delay: 0.1s; }/** Elastic Reverse*/.hamburger--elastic-r .hamburger-inner {top: 2px;transition-duration: 0.4s;transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic-r .hamburger-inner::before {top: 10px;transition: opacity 0.15s 0.4s ease; }.hamburger--elastic-r .hamburger-inner::after {top: 20px;transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic-r.is-active .hamburger-inner {-webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);transform: translate3d(0, 10px, 0) rotate(-135deg);transition-delay: 0.1s; }.hamburger--elastic-r.is-active .hamburger-inner::before {transition-delay: 0s;opacity: 0; }.hamburger--elastic-r.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -20px, 0) rotate(270deg);transform: translate3d(0, -20px, 0) rotate(270deg);transition-delay: 0.1s; }/** Emphatic*/.hamburger--emphatic {overflow: hidden; }.hamburger--emphatic .hamburger-inner {transition: background-color 0.2s 0.25s ease-in; }.hamburger--emphatic .hamburger-inner::before {left: 0;transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }.hamburger--emphatic .hamburger-inner::after {top: 10px;right: 0;transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }.hamburger--emphatic.is-active .hamburger-inner {transition-delay: 0s;transition-timing-function: ease-out;background-color: transparent; }.hamburger--emphatic.is-active .hamburger-inner::before {left: -80px;top: -80px;-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);transform: translate3d(80px, 80px, 0) rotate(45deg);transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }.hamburger--emphatic.is-active .hamburger-inner::after {right: -80px;top: -80px;-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);transform: translate3d(-80px, 80px, 0) rotate(-45deg);transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }/** Emphatic Reverse*/.hamburger--emphatic-r {overflow: hidden; }.hamburger--emphatic-r .hamburger-inner {transition: background-color 0.2s 0.25s ease-in; }.hamburger--emphatic-r .hamburger-inner::before {left: 0;transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }.hamburger--emphatic-r .hamburger-inner::after {top: 10px;right: 0;transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }.hamburger--emphatic-r.is-active .hamburger-inner {transition-delay: 0s;transition-timing-function: ease-out;background-color: transparent; }.hamburger--emphatic-r.is-active .hamburger-inner::before {left: -80px;top: 80px;-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);transform: translate3d(80px, -80px, 0) rotate(-45deg);transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }.hamburger--emphatic-r.is-active .hamburger-inner::after {right: -80px;top: 80px;-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);transform: translate3d(-80px, -80px, 0) rotate(45deg);transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }/** Slider*/.hamburger--slider .hamburger-inner {top: 2px; }.hamburger--slider .hamburger-inner::before {top: 10px;transition-property: opacity, -webkit-transform;transition-property: transform, opacity;transition-property: transform, opacity, -webkit-transform;transition-timing-function: ease;transition-duration: 0.2s; }.hamburger--slider .hamburger-inner::after {top: 20px; }.hamburger--slider.is-active .hamburger-inner {-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);transform: translate3d(0, 10px, 0) rotate(45deg); }.hamburger--slider.is-active .hamburger-inner::before {-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity: 0; }.hamburger--slider.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);transform: translate3d(0, -20px, 0) rotate(-90deg); }/** Slider Reverse*/.hamburger--slider-r .hamburger-inner {top: 2px; }.hamburger--slider-r .hamburger-inner::before {top: 10px;transition-property: opacity, -webkit-transform;transition-property: transform, opacity;transition-property: transform, opacity, -webkit-transform;transition-timing-function: ease;transition-duration: 0.2s; }.hamburger--slider-r .hamburger-inner::after {top: 20px; }.hamburger--slider-r.is-active .hamburger-inner {-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);transform: translate3d(0, 10px, 0) rotate(-45deg); }.hamburger--slider-r.is-active .hamburger-inner::before {-webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);transform: rotate(45deg) translate3d(5.71429px, -6px, 0);opacity: 0; }.hamburger--slider-r.is-active .hamburger-inner::after {-webkit-transform: translate3d(0, -20px, 0) rotate(90deg);transform: translate3d(0, -20px, 0) rotate(90deg); }/** Spring*/.hamburger--spring .hamburger-inner {top: 2px;transition: background-color 0s 0.15s linear; }.hamburger--spring .hamburger-inner::before {top: 10px;transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring .hamburger-inner::after {top: 20px;transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring.is-active .hamburger-inner {transition-delay: 0.32s;background-color: transparent; }.hamburger--spring.is-active .hamburger-inner::before {top: 0;transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);transform: translate3d(0, 10px, 0) rotate(45deg); }.hamburger--spring.is-active .hamburger-inner::after {top: 0;transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);transform: translate3d(0, 10px, 0) rotate(-45deg); }/** Spring Reverse*/.hamburger--spring-r .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.15s;transition-delay: 0s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring-r .hamburger-inner::after {top: -20px;transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }.hamburger--spring-r .hamburger-inner::before {transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring-r.is-active .hamburger-inner {-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.32s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spring-r.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }.hamburger--spring-r.is-active .hamburger-inner::before {top: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Stand*/.hamburger--stand .hamburger-inner {transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand .hamburger-inner::before {transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand .hamburger-inner::after {transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand.is-active .hamburger-inner {-webkit-transform: rotate(90deg);transform: rotate(90deg);background-color: transparent;transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand.is-active .hamburger-inner::before {top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Stand Reverse*/.hamburger--stand-r .hamburger-inner {transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand-r .hamburger-inner::before {transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand-r .hamburger-inner::after {transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand-r.is-active .hamburger-inner {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);background-color: transparent;transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand-r.is-active .hamburger-inner::before {top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand-r.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Spin*/.hamburger--spin .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin.is-active .hamburger-inner {-webkit-transform: rotate(225deg);transform: rotate(225deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spin.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }.hamburger--spin.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Spin Reverse*/.hamburger--spin-r .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin-r .hamburger-inner::before {transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }.hamburger--spin-r .hamburger-inner::after {transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin-r.is-active .hamburger-inner {-webkit-transform: rotate(-225deg);transform: rotate(-225deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spin-r.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }.hamburger--spin-r.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Squeeze*/.hamburger--squeeze .hamburger-inner {transition-duration: 0.1s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--squeeze .hamburger-inner::before {transition: top 0.1s 0.14s ease, opacity 0.1s ease; }.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--squeeze.is-active .hamburger-inner {-webkit-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--squeeze.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease, opacity 0.1s 0.14s ease; }.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }/** Vortex*/.hamburger--vortex .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {transition-duration: 0s;transition-delay: 0.1s;transition-timing-function: linear; }.hamburger--vortex .hamburger-inner::before {transition-property: top, opacity; }.hamburger--vortex .hamburger-inner::after {transition-property: bottom, -webkit-transform;transition-property: bottom, transform;transition-property: bottom, transform, -webkit-transform; }.hamburger--vortex.is-active .hamburger-inner {-webkit-transform: rotate(765deg);transform: rotate(765deg);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {transition-delay: 0s; }.hamburger--vortex.is-active .hamburger-inner::before {top: 0;opacity: 0; }.hamburger--vortex.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg); }/** Vortex Reverse*/.hamburger--vortex-r .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {transition-duration: 0s;transition-delay: 0.1s;transition-timing-function: linear; }.hamburger--vortex-r .hamburger-inner::before {transition-property: top, opacity; }.hamburger--vortex-r .hamburger-inner::after {transition-property: bottom, -webkit-transform;transition-property: bottom, transform;transition-property: bottom, transform, -webkit-transform; }.hamburger--vortex-r.is-active .hamburger-inner {-webkit-transform: rotate(-765deg);transform: rotate(-765deg);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {transition-delay: 0s; }.hamburger--vortex-r.is-active .hamburger-inner::before {top: 0;opacity: 0; }.hamburger--vortex-r.is-active .hamburger-inner::after {bottom: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg); }/* hamburger !hacks */.hamburger{position: absolute;top: 50px;right: 10px;}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color: #FFFFFF;}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color: #009CDE;}.hamburger.is-active{position: fixed;}
/* cmsms stylesheet: vonder_responsive modified: Tuesday, September 29, 2026 6:16:00 AM */
/** Responsive styles*//*.responsive-nav.active{display: block;-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}*/.viewport.isResponsive{position: relative;width: 100vw;overflow: hidden;}.isResponsive .bearer{display: none;}.isResponsive .about-img{text-align: left;}.isResponsive .top-bar h6{padding: 0;}.isResponsive .sub-header{padding: 15px;background: rgb(115, 58, 153);background: -moz-linear-gradient(90deg, rgba(115, 58, 153, 1) 0%, rgba(57, 123, 195, 1) 100%);background: -webkit-linear-gradient(90deg, rgba(115, 58, 153, 1) 0%, rgba(57, 123, 195, 1) 100%);background: linear-gradient(90deg, rgba(115, 58, 153, 1) 0%, rgba(57, 123, 195, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#733a99", endColorstr="#397bc3", GradientType=1);/*border-bottom-left-radius: 50% 50px;border-bottom-right-radius: 50% 50px;*/}.isResponsive header{height: auto;}/*.isResponsive section.sub-header{margin-top: 3px;}*/.isResponsive .main-processes .grid-12{margin: 1em 0;}.isResponsive .glow-panel{height: auto !important;}.isResponsive .header-container .bubble-text{padding: 1.5em 15px;}.page-style-text .isResponsive .contain{height: auto;}.isResponsive section.sub-header{background: #FFFFFF;margin-top: -3em;}.isResponsive .bubble-text h2{padding-top: .5em;font-size: 3.7em;}.isResponsive .bubble-text p{font-size: 1.5em;}.isResponsive .intro-text{margin-top: 1em;}/*********************************************************************************************7.  smartphone portrait (iPhone 5 - iPhone 17 Pro Max)*********************************************************************************************/@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.fake-btn,.submit-btn{font-size: .70em;padding: 0 15px;}.main-intro{padding: 0 18px;}.page-style-home .contain{height: 720px;}.logo-flex{flex-direction: column;}.logo-other a,.logo a{margin-left: -85px;}.intro-text h2,.bubble-text h2{line-height: 100%;}.top-bar .header-ph,.top-bar .header-em{padding: 0 5px;letter-spacing: normal;}.test-panel{height: 320px;padding: 10px 40px;}/* office maps — shorter when the two panels stack */.map-canvas{height: 220px;}}/*  closing media tag *//*  closing media tag - reduced motion companion (portrait) */@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) and (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}/*  closing media tag *//*********************************************************************************************8.  smartphone landscape (iPhone 5 - iPhone 17 Pro Max)*********************************************************************************************/@media only screen and (min-width: 320px) and (max-width: 956px) and (orientation: landscape){.fake-btn,.submit-btn{font-size: .85em;}.panels .grid-4{padding: 10px 50px;}.main-intro{padding: 0 30px;padding: 0 30px;}.contain{height: 520px;}.contain{height: 550px;}.page-style-home .contain{height: 650px;}.test-panel{height: 290px;padding: 10px 40px;}}/*  closing media tag *//*  closing media tag - reduced motion companion (landscape) */@media only screen and (min-width: 320px) and (max-width: 956px) and (orientation: landscape) and (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}/*  closing media tag */