@charset "UTF-8"; /*! Typeplate : Starter Kit URL ........... http://typeplate.com Version ....... 3.0.2 Github ........ https://github.com/typeplate/starter-kit Authors ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain) License ....... Creative Commmons Attribution 3.0 License URL ... https://github.com/typeplate/starter-kit/blob/master/license.txt */ @font-face { font-family: "Ampersand"; src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua"); unicode-range: U+0026; } @font-face { font-family: "Ampersand"; src: local("Georgia"); unicode-range: U+270C; } .typl8-tera, .typl8-giga, .typl8-mega, h1, .typl8-alpha, h2, .typl8-beta, h3, .typl8-gamma, h4, .typl8-delta, h5, .typl8-epsilon, .typl8-zeta, h6 { text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; color: #222; } blockquote + figcaption cite { display: block; font-size: inherit; text-align: right; } body { word-wrap: break-word; } pre code { word-wrap: normal; } html { font: 100 102%/1.65 "Open Sans", "Lato", serif; } body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #444; } .typl8-tera { font-size: 7.16912em; margin-bottom: 4.34492rem; } .typl8-giga { font-size: 5.51471em; margin-bottom: 3.34225rem; } .typl8-mega, h1 { font-size: 4.41176em; margin-bottom: 2.6738rem; } .typl8-alpha, h2 { font-size: 3.67647em; margin-bottom: 2.22816rem; } .typl8-beta, h3 { font-size: 2.94118em; margin-bottom: 1.78253rem; } .typl8-gamma, h4 { font-size: 2.20588em; margin-bottom: 1.3369rem; } .typl8-delta, h5 { font-size: 1.47059em; margin-bottom: 0.89127rem; } .typl8-epsilon { font-size: 1.28676em; margin-bottom: 0.77986rem; } .typl8-zeta, h6 { font-size: 1.10294em; margin-bottom: 0.66845rem; } p { margin: auto auto 1.5rem; } p + p { text-indent: 1.5rem; margin-top: -1.5rem; } small { font-size: 65%; } input, abbr, acronym, blockquote, code, kbd, q, samp, var { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { white-space: pre; } pre code { white-space: -moz-pre-wrap; white-space: pre-wrap; } code { white-space: pre; font-family: monospace; } abbr { -webkit-font-variant: small-caps; -moz-font-variant: small-caps; -ms-font-variant: small-caps; font-variant: small-caps; font-weight: 600; text-transform: lowercase; color: gray; } abbr[title]:hover { cursor: help; } .typl8-drop-cap:first-letter { float: left; margin: 10px 10px 0 0; padding: 0 20px; font-size: 4em; font-family: inherit; line-height: 1; text-indent: 0; background: transparent; color: inherit; } p + .typl8-drop-cap { text-indent: 0; margin-top: 0; } /** * Lining Definition Style Markup *
* * Extend this object into your markup. * */ .typl8-lining dt, .typl8-lining dd { display: inline; margin: 0; } .typl8-lining dt + dt:before, .typl8-lining dd + dt:before { content: "\A"; white-space: pre; } .typl8-lining dd + dd:before { content: ", "; } .typl8-lining dd:before { content: ": "; margin-left: -0.2rem; } /** * Dictionary Definition Style Markup *
* * Extend this object into your markup. * */ .typl8-dictionary-style dt { display: inline; counter-reset: definitions; } .typl8-dictionary-style dt + dt:before { content: ", "; margin-left: -0.2rem; } .typl8-dictionary-style dd { display: block; counter-increment: definitions; } .typl8-dictionary-style dd:before { content: counter(definitions, decimal) ". "; } /** * Blockquote Markup *

* * Extend this object into your markup. * */ /** * Pull Quotes Markup * * * Extend this object into your custom stylesheet. * */ .typl8-pull-quote { position: relative; padding: 1em; } .typl8-pull-quote:before, .typl8-pull-quote:after { height: 1em; opacity: 0.5; position: absolute; font-size: 4em; color: #dc976e; } .typl8-pull-quote:before { content: '“'; top: 0; left: 0; } .typl8-pull-quote:after { content: '”'; bottom: 0; right: 0; } /** * Figures Markup *
Fig. X.X |
* * Extend this object into your markup. * */ /** * Footnote Markup : Replace 'X' with your unique number for each footnote *

* * Extend this object into your markup. * */ /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ /* Shrink */ /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* Bounce In */ /* Bounce Out */ /* Rotate */ /* Grow Rotate */ /* Float */ /* Sink */ /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } /* Skew */ /* Skew Forward */ /* Skew Backward */ /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } /* BACKGROUND TRANSITIONS */ /* Fade */ /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } /* Sweep To Right */ /* Sweep To Left */ /* Sweep To Bottom */ /* Sweep To Top */ /* Bounce To Right */ /* Bounce To Left */ /* Bounce To Bottom */ /* Bounce To Top */ /* Radial Out */ /* Radial In */ /* Rectangle In */ /* Rectangle Out */ /* Shutter In Horizontal */ /* Shutter Out Horizontal */ /* Shutter In Vertical */ /* Shutter Out Vertical */ /* BORDER TRANSITIONS */ /* Border Fade */ /* Hollow */ /* Trim */ /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } /* Outline Out */ /* Outline In */ /* Round Corners */ /* Underline From Left */ /* Underline From Center */ /* Underline From Right */ /* Overline From Left */ /* Overline From Center */ /* Overline From Right */ /* Reveal */ /* Underline Reveal */ /* Overline Reveal */ /* SHADOW/GLOW TRANSITIONS */ /* Glow */ /* Shadow */ /* Grow Shadow */ /* Box Shadow Outset */ /* Box Shadow Inset */ /* Float Shadow */ /* Shadow Radial */ /* SPEECH BUBBLES */ /* Bubble Top */ /* Bubble Right */ /* Bubble Bottom */ /* Bubble Left */ /* Bubble Float Top */ /* Bubble Float Right */ /* Bubble Float Bottom */ /* Bubble Float Left */ /* ICONS */ /* Icon Back */ /* Icon Forward */ /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ /* Icon Spin */ /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ /* Icon Fade */ /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ /* Icon Grow */ /* Icon Shrink */ /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } /* Icon Bounce */ /* Icon Rotate */ /* Icon Grow Rotate */ /* Icon Float */ /* Icon Sink */ /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } /* CURLS */ /* Curl Top Left */ /* Curl Top Right */ /* Curl Bottom Right */ /* Curl Bottom Left */ body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] { transition-duration: 50ms; } body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] { transition-delay: 0; } body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate { transition-delay: 50ms; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { transition-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { transition-delay: 0; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { transition-delay: 100ms; } body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] { transition-duration: 150ms; } body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] { transition-delay: 0; } body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate { transition-delay: 150ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { transition-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { transition-delay: 0; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { transition-delay: 200ms; } body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] { transition-duration: 250ms; } body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] { transition-delay: 0; } body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate { transition-delay: 250ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { transition-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { transition-delay: 0; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { transition-delay: 300ms; } body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] { transition-duration: 350ms; } body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] { transition-delay: 0; } body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate { transition-delay: 350ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { transition-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { transition-delay: 0; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { transition-delay: 400ms; } body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] { transition-duration: 450ms; } body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] { transition-delay: 0; } body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate { transition-delay: 450ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { transition-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { transition-delay: 0; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { transition-delay: 500ms; } body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] { transition-duration: 550ms; } body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] { transition-delay: 0; } body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate { transition-delay: 550ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { transition-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { transition-delay: 0; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { transition-delay: 600ms; } body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] { transition-duration: 650ms; } body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] { transition-delay: 0; } body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate { transition-delay: 650ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { transition-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { transition-delay: 0; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { transition-delay: 700ms; } body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] { transition-duration: 750ms; } body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] { transition-delay: 0; } body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate { transition-delay: 750ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { transition-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { transition-delay: 0; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { transition-delay: 800ms; } body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] { transition-duration: 850ms; } body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] { transition-delay: 0; } body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate { transition-delay: 850ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { transition-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { transition-delay: 0; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { transition-delay: 900ms; } body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] { transition-duration: 950ms; } body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] { transition-delay: 0; } body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate { transition-delay: 950ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { transition-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { transition-delay: 0; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { transition-delay: 1000ms; } body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] { transition-duration: 1050ms; } body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] { transition-delay: 0; } body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate { transition-delay: 1050ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { transition-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { transition-delay: 0; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { transition-delay: 1100ms; } body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] { transition-duration: 1150ms; } body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] { transition-delay: 0; } body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate { transition-delay: 1150ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { transition-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { transition-delay: 0; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { transition-delay: 1200ms; } body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] { transition-duration: 1250ms; } body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] { transition-delay: 0; } body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate { transition-delay: 1250ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { transition-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { transition-delay: 0; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { transition-delay: 1300ms; } body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] { transition-duration: 1350ms; } body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] { transition-delay: 0; } body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate { transition-delay: 1350ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { transition-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { transition-delay: 0; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { transition-delay: 1400ms; } body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] { transition-duration: 1450ms; } body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] { transition-delay: 0; } body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate { transition-delay: 1450ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { transition-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { transition-delay: 0; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { transition-delay: 1500ms; } body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] { transition-duration: 1550ms; } body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] { transition-delay: 0; } body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate { transition-delay: 1550ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { transition-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { transition-delay: 0; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { transition-delay: 1600ms; } body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] { transition-duration: 1650ms; } body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] { transition-delay: 0; } body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate { transition-delay: 1650ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { transition-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { transition-delay: 0; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { transition-delay: 1700ms; } body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] { transition-duration: 1750ms; } body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] { transition-delay: 0; } body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate { transition-delay: 1750ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { transition-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { transition-delay: 0; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { transition-delay: 1800ms; } body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] { transition-duration: 1850ms; } body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] { transition-delay: 0; } body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate { transition-delay: 1850ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { transition-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { transition-delay: 0; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { transition-delay: 1900ms; } body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] { transition-duration: 1950ms; } body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] { transition-delay: 0; } body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate { transition-delay: 1950ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { transition-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { transition-delay: 0; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { transition-delay: 2000ms; } body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] { transition-duration: 2050ms; } body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] { transition-delay: 0; } body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate { transition-delay: 2050ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { transition-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { transition-delay: 0; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { transition-delay: 2100ms; } body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] { transition-duration: 2150ms; } body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] { transition-delay: 0; } body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate { transition-delay: 2150ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { transition-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { transition-delay: 0; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { transition-delay: 2200ms; } body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] { transition-duration: 2250ms; } body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] { transition-delay: 0; } body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate { transition-delay: 2250ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { transition-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { transition-delay: 0; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { transition-delay: 2300ms; } body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] { transition-duration: 2350ms; } body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] { transition-delay: 0; } body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate { transition-delay: 2350ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { transition-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { transition-delay: 0; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { transition-delay: 2400ms; } body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] { transition-duration: 2450ms; } body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] { transition-delay: 0; } body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate { transition-delay: 2450ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { transition-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { transition-delay: 0; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { transition-delay: 2500ms; } body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] { transition-duration: 2550ms; } body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] { transition-delay: 0; } body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate { transition-delay: 2550ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { transition-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { transition-delay: 0; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { transition-delay: 2600ms; } body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] { transition-duration: 2650ms; } body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] { transition-delay: 0; } body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate { transition-delay: 2650ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { transition-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { transition-delay: 0; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { transition-delay: 2700ms; } body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] { transition-duration: 2750ms; } body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] { transition-delay: 0; } body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate { transition-delay: 2750ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { transition-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { transition-delay: 0; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { transition-delay: 2800ms; } body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] { transition-duration: 2850ms; } body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] { transition-delay: 0; } body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate { transition-delay: 2850ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { transition-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { transition-delay: 0; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { transition-delay: 2900ms; } body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] { transition-duration: 2950ms; } body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] { transition-delay: 0; } body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate { transition-delay: 2950ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { transition-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { transition-delay: 0; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; } body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^='fade'][data-aos^='fade'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; transform: translate(0, 0); } [data-aos='fade-up'] { transform: translate(0, 100px); } [data-aos='fade-down'] { transform: translate(0, -100px); } [data-aos='fade-right'] { transform: translate(-100px, 0); } [data-aos='fade-left'] { transform: translate(100px, 0); } [data-aos='fade-up-right'] { transform: translate(-100px, 100px); } [data-aos='fade-up-left'] { transform: translate(100px, 100px); } [data-aos='fade-down-right'] { transform: translate(-100px, -100px); } [data-aos='fade-down-left'] { transform: translate(100px, -100px); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; transform: translate(0, 0) scale(1); } [data-aos='zoom-in'] { transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate(0, 100px) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate(0, -100px) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate(-100px, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate(100px, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate(0, 100px) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate(0, -100px) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate(-100px, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate(100px, 0) scale(1.2); } /** * Slide animations */ [data-aos^='slide'][data-aos^='slide'] { transition-property: transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { transform: translate(0, 0); } [data-aos='slide-up'] { transform: translateY(100%); } [data-aos='slide-down'] { transform: translateY(-100%); } [data-aos='slide-right'] { transform: translateX(-100%); } [data-aos='slide-left'] { transform: translateX(100%); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos^='flip'][data-aos^='flip'] { backface-visibility: hidden; transition-property: transform; } [data-aos='flip-left'] { transform: perspective(2500px) rotateY(-100deg); } [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-right'] { transform: perspective(2500px) rotateY(100deg); } [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-up'] { transform: perspective(2500px) rotateX(-100deg); } [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(100deg); } [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); } @font-face { font-family: 'fontello'; src: url("../font/fontello.eot?15099079"); src: url("../font/fontello.eot?15099079#iefix") format("embedded-opentype"), url("../font/fontello.woff2?15099079") format("woff2"), url("../font/fontello.woff?15099079") format("woff"), url("../font/fontello.ttf?15099079") format("truetype"), url("../font/fontello.svg?15099079#fontello") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?15099079#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: 900; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-close:before { content: '\e800'; } /* '' */ .icon-phone:before { content: '\e801'; } /* '' */ .icon-menu:before { content: '\e802'; } /* '' */ .icon-presntation:before { content: '\e805'; } /* '' */ .icon-clipboard:before { content: '\e806'; } /* '' */ .icon-email:before { content: '\e809'; } /* '' */ .icon-money-pillars:before { content: '\e80a'; } /* '' */ .icon-building-briefcase:before { content: '\e80b'; } /* '' */ .icon-book:before { content: '\e80c'; } /* '' */ .icon-folder:before { content: '\e80d'; } /* '' */ .icon-home:before { content: '\e80e'; } /* '' */ .icon-right:before { content: '\e80f'; } /* '' */ .icon-left:before { content: '\e810'; } /* '' */ /** * Fit image */ /** * Text truncate into one line */ /** * clearfix */ .spacer { width: 1px; height: 1px; } @media only screen and (max-width: 680px) { *[class*='column-'] { min-width: 100%; } } @media only screen and (max-width: 680px) { .mobile.hide { display: none; visibility: hidden; } .column { padding: 0 0.5rem; } .row .row { margin: 0 -0.5rem; } } @media only screen and (min-width: 680px) and (max-width: 950px) { .tablet.hide { display: none; visibility: hidden; } } @media only screen and (max-width: 680px) { .mobile-column *[class*='column-'] { max-width: 100%; min-width: inherit; } } @media only screen and (min-width: 680px) and (max-width: 950px) { .tablet-column *[class*='column-'] { max-width: 100%; min-width: inherit; } } @media only screen and (min-width: 950px) { .desktop.hide { display: none; visibility: hidden; } .row .row { margin: 0 -1.5rem; } } /* grid system */ /* Dead Simple Grid (c) 2015 Vladimir Agafonkin */ .container { width: 100%; } .left { float: left; margin: 0 12px 12px 0; } .right { float: right; margin: 0 0 12px 12px; } .column { padding: 0 1.5rem; width: 100%; float: left; box-sizing: border-box; } .column-10 { width: 10%; } .column-15 { width: 15%; } .column-16 { width: 16%; } .column-20 { width: 20%; } .column-25 { width: 25%; } .column-30 { width: 30%; } .column-33 { width: 33%; } .column-35 { width: 35%; } .column-40 { width: 40%; } .column-45 { width: 45%; } .column-50 { width: 50%; } .column-55 { width: 55%; } .column-60 { width: 60%; } .column-65 { width: 65%; } .column-70 { width: 70%; } .column-75 { width: 75%; } .column-80 { width: 80%; } .column-85 { width: 85%; } .column-90 { width: 90%; } .column-95 { width: 95%; } .row:after { content: ""; clear: both; display: table; } /* base styles */ html { width: 100%; height: 100%; } html, body { margin: 0; padding: 0; } body { min-height: 100%; width: inherit; } .center { margin: 0 auto; } main { padding: 1.5rem 0; } html { background-color: white; height: inherit; } body { background-color: #9f9f9f; background-repeat: repeat-x; background-image: -webkit-linear-gradient(135deg, #ffffff, #EEEEEE); background-image: -o-linear-gradient(135deg, #ffffff, #EEEEEE); background-image: linear-gradient(135deg, #ffffff, #EEEEEE); color: #171717; hyphens: none; } body main { overflow-x: hidden; } body main #page { transition: all 300ms ease 0ms; transform: scale(1); opacity: 1; } a { font-family: "Lato"; color: #454545; font-weight: 300; } header, h1, h2, h3, h4, h5 { font-family: "Sorts Mill Goudy"; text-transform: capitalize; font-weight: normal; } .logo { background: url(../images/logo.png); background-repeat: no-repeat; background-position: center; background-size: contain; height: 82px; width: 100%; display: block; } @media only screen and (max-width: 1024px) { .logo { height: 100%; width: auto; margin: 0 auto; } } a#toggle-open, a#toggle-close { display: inline-block; font-size: 64px; font-size: "3.92157em"; } a#toggle-open.hvr-grow, a#toggle-close.hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } a#toggle-open.hvr-grow:hover, a#toggle-open.hvr-grow:focus, a#toggle-open.hvr-grow:active, a#toggle-close.hvr-grow:hover, a#toggle-close.hvr-grow:focus, a#toggle-close.hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } a#toggle-close { position: absolute; right: 3.4%; } .feature { background-size: contain; background-repeat: no-repeat; background-image: none; width: auto; } .feature img { width: 100%; height: auto; object-fit: cover; object-position: 50% 50%; object-fit: cover; overflow: hidden; } @media only screen and (min-width: 680px) { .feature { width: 680px; height: 450px; } } header { vertical-align: middle; transform-origin: top; } header h2 { background-color: #171717; color: #A00603; display: inline-block; padding: 12px 20px 6px; margin: 0; white-space: nowrap; font-size: 50px; font-size: 3.06373rem; } @media only screen and (max-width: 950px) { header { width: auto; } header h2 { font-size: 25px; font-size: 1.53186rem; display: block; } } ul li a { text-transform: uppercase; text-decoration: none; } ul li a i, ul li a span { display: inline; vertical-align: middle; } .btn { margin: 4px 0; padding: 14px 18px 14px; text-decoration: none; font-family: "Open Sans"; font-weight: 800; text-transform: uppercase; } .btn.hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .btn.hvr-pulse:hover, .btn.hvr-pulse:focus, .btn.hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .btn i, .btn span { vertical-align: middle; } .btn span { font-size: 24px; font-size: "1.47059rem"; } .btn i { font-size: 24px; font-size: "1.47059rem"; } .client { width: 100%; max-width: 250px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 200ms ease-in-out; } .client:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } .quote { color: #C0C0C0; background-color: #5C7363; } a.nav { text-decoration: none; text-transform: uppercase; margin: 8px; padding: 8px; display: inline-block; float: right; } .paragraph { padding: 24px; position: relative; } .paragraph h3 { font-size: 42px; font-size: 2.57353rem; color: #b0b0b0; } p + p { margin-top: 0; text-indent: 0; } .services-menu { list-style: none; margin: 0; padding: 0; } .services-menu li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .services-menu li a i { font-size: 42px; } .services-menu li a span { font-size: 18px; } ol.vertical-menu { list-style: none; margin: 0; padding: 0; } ol.vertical-menu li { margin: 9px 0; display: flex; justify-content: flex-start; align-content: center; line-height: 1.3; } ol.vertical-menu li::before { content: attr(value); border-radius: 100%; border: 1px solid #8c8c8c; font-size: 12px; font-size: 0.73529rem; display: inline-block; width: 23px; height: 23px; text-align: center; vertical-align: middle; line-height: 23px; margin: 0 8px 0; flex-shrink: 0; } ol.vertical-menu li span { vertical-align: middle; display: inline-block; } footer { text-align: right; } #footer.paragraph { background-color: #09486E; color: #FCFCFC; width: auto; font-size: 12px; font-size: 0.73529rem; } #footer.paragraph a { color: white; text-decoration: none; } #footer.paragraph a:hover { color: #BAB706; text-decoration: underline; } .loader { background-image: url("../images/logo.png"); background-repeat: no-repeat; background-position: 25% 50%; background-repeat: repeat-x; background-image: -webkit-linear-gradient(135deg, #ffffff, #EEEEEE); background-image: -o-linear-gradient(135deg, #ffffff, #EEEEEE); background-image: linear-gradient(135deg, #ffffff, #EEEEEE); position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; width: 0; opacity: 0; transition: all .2s ease; overflow: hidden; } .loader .progress-bar { position: absolute; top: 50%; transform: translate(0, -50%); width: 0%; height: 2px; background-color: #A00603; transition: width 2s, opacity .25s ease .1s; } .loader .progress-bar h1 { color: #9f9f9f; white-space: nowrap; font-size: 100px; font-size: 6.12745rem; } .is-exiting.is-loading + .loader { width: 100%; opacity: 1; } .is-exiting.is-loading + .loader .progress-bar { width: 100%; } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(90deg); } .vertical-menu ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; display: inline-block; } .vertical-menu ul > li { display: block; } .vertical-menu ul > li:last-child { margin-right: 0px; } .vertical-menu ul > li a { display: block; } .horizontal-menu ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; display: inline-block; } .horizontal-menu ul > li { display: block; float: left; } .horizontal-menu ul > li:last-child { margin-right: 0px; } .horizontal-menu ul > li a { display: block; } nav#top { text-align: center; } nav#top ul { margin: 0 auto; } nav#top ul li a i, nav#top ul li a span { margin: 0 4px; } nav#bottom { margin: 0 auto; } @media only screen and (min-width: 681px) { nav#bottom.container { width: 680px; } } @media only screen and (min-width: 950px) { nav#bottom { height: 180px; } } nav#bottom ul { height: 100%; } nav#bottom ul li { height: 100%; padding: 0; } @media only screen and (max-width: 680px) { nav#bottom ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 0.9px solid #9f9f9f; border-top: .91px solid white; } nav#bottom ul li:last-child { border-bottom: none; } nav#bottom ul li:first-child { border-top: none; } } @media only screen and (min-width: 681px) { nav#bottom ul li a { text-align: center; width: 100%; } nav#bottom ul li a i, nav#bottom ul li a span { display: block; } } nav#bottom ul li a i { font-size: 64px; font-size: 3.92157rem; } nav#bottom ul li a span { font-size: 18px; font-size: 1.10294rem; } nav ul { width: auto; } nav ul li a { font-size: 32px; font-size: 1.96078rem; } nav ul li a span { word-break: keep-all; word-wrap: normal; hyphens: none; font-size: 16px; margin-bottom: 816px; font-size: 0.98039rem; margin-bottom: 5rem; } nav ul li a i, nav ul li a span { margin: 0 8px; } @media only screen and (max-width: 950px) { nav ul li a i, nav ul li a span { margin: 0 4px; } } #main-menu { background-color: #A00603; width: 100%; position: fixed; top: 0; left: 0; height: 100%; transition: all 200ms ease 0ms; transform: scale(0); opacity: 0; z-index: 999999; } #main-menu .toggle { color: white; } #main-menu h4 { font-family: "Lato"; font-size: 28px; font-size: 1.71569rem; margin-bottom: 4px; text-transform: uppercase; color: white; font-weight: 800; } #main-menu .row .row { margin: 0 auto; } #main-menu ul { padding: 0; margin: 0; } #main-menu ul li { list-style: none; } #main-menu ul li a.hvr-sweep-to-right:hover:before { background: black; } #main-menu ul li a i { margin-left: 0; } #main-menu ul li a span, #main-menu ul li a i { color: white; } .show-nav #main-menu { opacity: 1; transform: scale(1); } #about .feature { background-size: contain; background-position: 0; } #about #about-image { float: left; } #about #company-image { float: right; background-position: right; } #about #about-text.paragraph { background-color: #171717; color: #9f9f9f; } #about #company-text.paragraph { background-color: #454545; color: #8f8f8f; } #about header#develop-introduce h2 { background-color: transparent; } @media only screen and (max-width: 950px) { #about header#gauge-feasibility { width: 100%; } } #about #services-text.paragraph { color: #454545; } @media only screen and (max-width: 680px) { #about #services-text.paragraph h4 { font-size: 30px; font-size: 1.83824rem; } } @media only screen and (max-width: 950px) { #about #services-text.paragraph { background-color: #FCFCFC; } } @media only screen and (max-width: 950px) { #about #services-list .column { padding-left: 0; } } #corporate-services #corporate-services-text.paragraph { background-color: #736868; color: #8f8f8f; } #corporate-services #corporate-services-text.paragraph.speak-left::before { border-right: 28px solid #736868; } #finance-services #finance-services-text.paragraph { background-color: #171717; color: #8f8f8f; } #finance-services #finance-services-text.paragraph.speak-left::before { border-right: 28px solid #171717; } #marketing-services #marketing-services-text.paragraph { background-color: #A9272C; color: #DCA28B; } #marketing-services #marketing-services-text.paragraph.speak-left::before { border-right: 28px solid #A9272C; } #publishing-services #publishing-services-text.paragraph { background-color: #0D456D; color: #efefef; } #publishing-services #publishing-services-text.paragraph.speak-left::before { border-right: 28px solid #0D456D; } #project-services #project-services-text.paragraph { background-color: #a3a3a3; color: #333; } #project-services #project-services-text.paragraph h3 { color: #333; } #project-services #project-services-text.paragraph.speak-left::before { border-right: 28px solid #a3a3a3; } @media only screen and (max-width: 681px) { .mobile .row .row, .tablet .row .row { margin: 0 -.5rem; } } #contact .feature { max-height: 450px; } #contact #contact-text.paragraph { background-color: #e6e6e6; color: grey; } #contact #contact-text.paragraph.speak-left::before { border-right: 28px solid #e6e6e6; } .desktop #about header#grow-mature { text-align: right; } .desktop .speak-left::before { content: ""; margin-left: -38px; margin-top: 25%; float: left; width: 0; height: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-right: 28px solid #171717; } .desktop .speak-right::before { content: ""; margin-right: -38px; margin-top: 25%; float: right; width: 0; height: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 28px solid #454545; } #home nav#top { margin: 0 auto; visibility: visible; } #home .feature { margin: 0 auto; background-image: url(../images/home-image.jpg); background-size: cover; background-position: center; } #home nav#bottom-menu .row .row { margin: 0 -.5rem; } .form { position: relative; background: #e6e6e6; box-sizing: border-box; } .form fieldset { border: none; } .form button { float: right; padding: 8px 12px; margin: 8px 0 0; border: 2px solid #78788c; background-color: transparent; color: #5a5a6e; cursor: pointer; transition: all .3s; font-size: 16px; font-size: 0.98039rem; } .form button:hover { background: #78788c; color: #fff; } .form button::before { content: "Send"; display: block; display: inline-block; overflow: hidden; text-transform: uppercase; } .form button.sending::before { content: "Sending"; color: #736868; border-color: #736868; display: inline-block; vertical-align: middle; margin-right: 2px; } .form button.sending span { display: inline-block; } .form button[disabled] { background-color: #e6e6e6; border: 1px solid #f7f7f7; color: #d5d5d5; cursor: not-allowed; } .form button[disabled]:hover { background-color: #f7f7f7; border: 1px solid #f8f8f8; color: #e6e6e6; } .form button[disabled]::before { content: "Disabled"; } .form button.sent { color: #5C7363; border-color: #5C7363; } .form button.sent::before { content: "Sent!!"; } .form button span { display: none; vertical-align: middle; height: 1.3rem; line-height: 1.5rem; font-size: 1rem; } .form > div { content: 'Call or Email'; position: absolute; bottom: -15px; right: -20px; background: #50505a; color: #fff; width: 320px; padding: 16px 4px 16px 0; font-size: 12px; font-size: 0.73529rem; box-shadow: 10px 10px 40px -14px #000; } .form > div span { margin: 0 5px 0 15px; } .form legend { margin: 10px 0; padding-bottom: 10px; color: #78788c; border-bottom: 3px solid #78788c; } .form input, .form textarea { width: 100%; padding: 10px; box-sizing: border-box; background: none; outline: none; resize: none; border: 0; transition: all .3s; border-bottom: 2px solid #bebed2; } .form input:focus, .form textarea:focus { border-bottom: 2px solid #78788c; } .form label.required:after { content: "*"; color: #A00603; } .form label span { font-size: 12px; font-size: 0.73529rem; border: 1px solid #A00603; color: #A00603; padding: 2px 8px; margin: .3rem 0; font-weight: 800; } .form label:before { content: attr(title); display: block; text-transform: uppercase; margin: 28px 0 0; color: #5a5a5a; } .form .parsley-error { border-color: #A00603; } .form .parsley-success { border-color: #BAB706; } .loading { display: inline-block; overflow: hidden; height: 1.3em; margin-top: -0.3em; line-height: 1.5em; vertical-align: text-bottom; } .loading::after { display: inline-table; white-space: pre; text-align: left; } /* --- Types --- */ /* default loading is ellip */ .loading::after { content: "\A.\A..\A..."; animation: spin4 2s steps(4) infinite; } .loading.line::after { content: "/\A–\A\\\A|"; text-align: center; animation: spin4 1s steps(4) infinite; } .loading.line2::after { content: "╲\A│\A╱\A─"; text-align: center; animation: spin4 1s steps(4) infinite; } .loading.plus::after { content: "┽\A╀\A┾\A╁"; animation: spin4 1s steps(4) infinite; } .loading.dots::after { content: "⠋\A⠙\A⠹\A⠸\A⠼\A⠴\A⠦\A⠧\A⠇\A⠏"; animation: spin10 1s steps(10) infinite; } .loading.dots2::after { content: "⠋\A⠙\A⠚\A⠞\A⠖\A⠦\A⠴\A⠲\A⠳"; animation: spin9 1s steps(9) infinite; } .loading.dots3::after { content: "⋮\A⋰\A⋯\A⋱"; text-align: center; animation: spin4 1s steps(4) infinite; } .loading.lifting::after { content: "꜈꜍\A꜉꜎\A꜊꜏\A꜋꜐\A꜌꜑"; animation: spin5 0.5s steps(5) infinite alternate; } .loading.hamburger::after { content: "☱\A☲\A☴"; animation: spin3 0.3s steps(3) infinite alternate; } .loading.bar::after { content: "▏\A▎\A▍\A▌\A▋\A▊\A▉"; animation: spin7 1s steps(7) infinite alternate; } .loading.bar2::after { content: "▁\A▂\A▃\A▄\A▅\A▆\A▇\A█"; animation: spin8 2s steps(8) infinite alternate; } .loading.circle::after { content: "◴\A◷\A◶\A◵"; animation: spin4 1s steps(4) infinite; } .loading.open-circle::after { content: "◜\A◠\A◝\A◞\A◡\A◟"; animation: spin6 0.6s steps(6) infinite; } .loading.arrow::after { content: "←\A↖\A↑\A↗\A→\A↘\A↓\A↙"; animation: spin8 1s steps(8) infinite; } .loading.triangle::after { content: "◢\A◣\A◤\A◥"; animation: spin4 1s steps(4) infinite; } .loading.triangles::after { content: "▹▹▹▹▹\A ▸▹▹▹▹\A ▹▸▹▹▹\A ▹▹▸▹▹\A ▹▹▹▸▹\A ▹▹▹▹▸"; animation: spin6 1s steps(6) infinite; } .loading.beam::after { content: "\A= \A == \A === \A ====\A ===\A ==\A =\A"; animation: spin9 1.2s steps(9) infinite; font-family: monospace; } .loading.bullet::after { content: " ● \A ● \A ● \A ● \A ●\A ● \A ● \A ● \A ● \A ● "; animation: spin10 1s steps(10) infinite; } .loading.bullseye::after { content: "◎◎◎\A◉◎◎\A◎◉◎\A◎◎◉"; animation: spin4 1s steps(4) infinite; } .loading.rhomb::after { content: "◇◇◇\A◈◇◇\A◇◈◇\A◇◇◈"; animation: spin4 1s steps(4) infinite; } .loading.fish::after { content: ">))'>\A  >))'>\A   >))'>\A    >))'>\A     >))'>\A     <'((<\A    <'((<\A   <'((<\A  <'((<\A <'((<\A"; animation: spin10 5s steps(10) infinite; } .loading.toggle::after { content: "⊶\A⊷"; animation: spin2 1s steps(2) infinite; } .loading.countdown::after { content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9"; animation: spin10 10s steps(10) reverse; } .loading.time::after { content: "🕐\A🕑\A🕒\A🕓\A🕔\A🕕\A🕖\A🕗\A🕘\A🕙\A🕚\A🕛"; animation: spin12 3s steps(12) infinite; width: 1.3em; } .loading.hearts::after { content: "💛\A💙\A💜\A💚"; animation: spin4 2s steps(4) infinite; width: 1.3em; } .loading.earth::after { content: "🌍\A🌎\A🌏"; animation: spin3 1s steps(3) infinite; width: 1.3em; } .loading.moon::after { content: "🌑\A🌒\A🌓\A🌔\A🌕\A🌖\A🌗\A🌘"; animation: spin8 2s steps(8) infinite; width: 1.3em; } .loading.monkey::after { content: "🙈\A🙉\A🙊"; animation: spin3 1.5s steps(3) infinite; width: 1.3em; } .loading.runner::after { content: "🚶\A🏃"; animation: spin2 1s steps(2) infinite; width: 1.3em; } .loading.box-bounce::after { content: "▖\A▘\A▝\A▗"; animation: spin4 1s steps(4) infinite; } .loading.star::after { content: "✶\A✸\A✹\A✺\A✹\A✷"; animation: spin6 1s steps(6) infinite; } .loading.matrix::after { content: "░ ░░░░\A░░ ░░░\A░░░ ░░\A░░░░ ░"; animation: spin4 0.5s steps(4) infinite alternate; } .loading.square::after { content: "◰\A◳\A◲\A◱"; animation: spin4 1s steps(4) infinite; } .loading.words::after { content: "Loading\A Still loading\A Mostly done\A A bit more \A Almost done\A Ready-ish"; animation: spin6 12s steps(6) infinite; } /* --- Animations --- */ @keyframes spin1 { to { transform: translateY(-1.5em); } } @keyframes spin2 { to { transform: translateY(-3em); } } @keyframes spin3 { to { transform: translateY(-4.5em); } } @keyframes spin4 { to { transform: translateY(-6em); } } @keyframes spin5 { to { transform: translateY(-7.5em); } } @keyframes spin6 { to { transform: translateY(-9em); } } @keyframes spin7 { to { transform: translateY(-10.5em); } } @keyframes spin8 { to { transform: translateY(-12em); } } @keyframes spin9 { to { transform: translateY(-13.5em); } } @keyframes spin10 { to { transform: translateY(-15em); } } @keyframes spin11 { to { transform: translateY(-16.5em); } } @keyframes spin12 { to { transform: translateY(-18em); } } .mobile main .logo { min-height: 48px; } .mobile main #page > section > article.row > .column { padding: 0; } .mobile header#gauge-feasibility { position: inherit; float: inherit; } .mobile #footer { margin-top: 0; } .mobile nav#bottom ul { margin: 0; } .mobile nav#bottom ul li { margin: 0; } .mobile nav#bottom ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 700) { .mobile #main-menu { position: absolute; height: auto; } } .mobile #main-menu .row { margin-bottom: 8px; } .mobile #main-menu .row > .column { margin: 0 -.5rem; } .mobile #main-menu ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mobile a#toggle-close { margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%, 0); position: relative; font-size: 38px; font-size: "2.32843rem"; } .mobile .row { width: 100%; } @media only screen and (max-width: 599px) { .mobile #clients.mobile-column .column-50 { min-width: 100%; } } @media only screen and (min-width: 600px) { .mobile #clients.mobile-column .column-50 { max-width: 50%; } } .tablet .row { width: 100%; } .tablet header.tablet-column { height: 91px; } .tablet header.tablet-column > * { height: 100%; } .tablet a#toggle-open { margin-top: -14px; } .tablet nav#top { display: flex; align-items: center; justify-content: center; height: 100%; } .tablet nav#top > * { align-self: center; text-align: center; width: auto; } .tablet nav#bottom ul li a span { white-space: normal; } .tablet header#gauge-feasibility { position: relative; float: inherit; } .tablet footer.container #footer.paragraph { margin-top: -150px; float: right; max-width: 300px; } .tablet #corporate-services-text.paragraph .tablet-column .row { margin-left: 0; } .tablet #corporate-services-text.paragraph .tablet-column .column-50 { width: 100%; } .tablet #corporate-services-text.paragraph .tablet-column .column { padding-left: 0; } .desktop body.show-nav main #page { transform: scale(0); opacity: 0; } .desktop a.hvr-sweep-to-right { padding-right: 8px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .desktop a.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #A00603; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .desktop a.hvr-sweep-to-right:hover, .desktop a.hvr-sweep-to-right:focus, .desktop a.hvr-sweep-to-right:active { color: white; } .desktop a.hvr-sweep-to-right:hover:before, .desktop a.hvr-sweep-to-right:focus:before, .desktop a.hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .desktop footer.container #footer.paragraph { margin-top: -190px; float: right; max-width: 300px; } .desktop .column { padding: 0 3.5rem; } .desktop .row .row { margin: 0 -3.5rem; } .desktop #home #footer-menu .row { margin: 0; } .desktop #home .logo { visibility: hidden; } .desktop nav#top { visibility: hidden; } .desktop nav#bottom ul li { border-right: 0.9px solid #9f9f9f; border-left: .91px solid white; } .desktop nav#bottom ul li:last-child { border-right: none; } .desktop nav#bottom ul li:first-child { border-left: none; } .desktop nav#bottom ul li a.hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .desktop nav#bottom ul li a.hvr-float:hover, .desktop nav#bottom ul li a.hvr-float:focus, .desktop nav#bottom ul li a.hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .desktop nav#bottom ul li a.hvr-float:hover { color: #171717; } .desktop nav#bottom ul li a.hvr-float:hover i, .desktop nav#bottom ul li a.hvr-float:hover span { font-weight: bold; } .desktop #main-menu .menu { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .desktop #main-menu .menu ul li a { font-size: 42px; font-size: "2.57353rem"; } .desktop #main-menu .menu ul li a span { font-size: 24px; font-size: "1.47059rem"; } .desktop .paragraph { margin-top: 10%; } .desktop .paragraph .tablet-column .row { margin: 0; } .desktop .paragraph .tablet-column .column-50 { padding-left: 0; padding-right: 8px; } .desktop .form { margin-left: 24px; margin: 0 auto; padding: 20px 30px; max-width: calc(100vw - 40px); } @media only screen and (min-width: 700px) and (max-width: 960px) { header.tablet-column .column-50 { width: 75%; } }