Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
wp-content
/
themes
/
kasuari
/
css
:
plugin.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } /*ol, ul { list-style: none; }*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules) You need this once per page no matter how many menu trees or different themes you use. -------------------------------------------------------------------------------------------*/ .sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);} .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;} .sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;} .sm ul{display:none;} .sm li,.sm a{position:relative;} .sm a{display:block;} .sm a.disabled{cursor:not-allowed;} .sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;} .sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} /* You probably do not need to edit this at all. Add some SmartMenus required styles not covered in Bootstrap 3's default CSS. These are theme independent and should work with any Bootstrap 3 theme mod. */ /* sub menus arrows on desktop */ .navbar-nav:not(.sm-collapsible) ul .caret { position: absolute; right: 0; margin-top: 6px; margin-right: 15px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; } .navbar-nav:not(.sm-collapsible) ul a.has-submenu { padding-right: 30px; } /* make sub menu arrows look like +/- buttons in collapsible mode */ .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: -3px 15px 0 0; padding: 0; width: 32px; height: 26px; line-height: 24px; text-align: center; border-width: 1px; border-style: solid; } .navbar-nav.sm-collapsible .caret:before { content: '+'; font-family: monospace; font-weight: bold; } .navbar-nav.sm-collapsible .open > a > .caret:before { content: '-'; } .navbar-nav.sm-collapsible a.has-submenu { padding-right: 50px; } /* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */ .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret { position: static; margin: 0 0 0 2px; padding: 0; width: 0; height: 0; border-top: 4px dashed; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before { content: '' !important; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu { padding-right: 15px; } /* scrolling arrows for tall menus */ .navbar-nav span.scroll-up, .navbar-nav span.scroll-down { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center; } .navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid; border-left: 7px dashed transparent; } .navbar-nav span.scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px dashed transparent; border-bottom: 7px dashed transparent; border-left: 7px dashed transparent; } /* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */ .navbar-nav.sm-collapsible ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header { padding-left: 35px; } .navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header { padding-left: 45px; } .navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header { padding-left: 55px; } .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header { padding-left: 65px; } /* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */ .navbar-nav .dropdown-menu > li > a { white-space: normal; } .navbar-nav ul.sm-nowrap > li > a { white-space: nowrap; } .navbar-nav.sm-collapsible ul.sm-nowrap > li > a { white-space: normal; } /* fix .navbar-right subs alignment */ .navbar-right ul.dropdown-menu { left: 0; right: auto; } .sm-clean a.current { color: #d23600; } .sm-clean a.disabled { color: #bbbbbb; } .sm-clean a span.sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 4px; width: 34px; height: 34px; overflow: hidden; font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .sm-clean a.highlighted span.sub-arrow:before { display: block; content: '-'; } .sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .sm-clean li { border-top: 1px solid rgba(0, 0, 0, 0.05); } .sm-clean > li:first-child { border-top: 0; } .sm-clean ul { background: rgba(162, 162, 162, 0.1); } .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active { font-size: 16px; border-left: 8px solid transparent; } .sm-clean ul ul a, .sm-clean ul ul a:hover, .sm-clean ul ul a:focus, .sm-clean ul ul a:active { border-left: 16px solid transparent; } .sm-clean ul ul ul a, .sm-clean ul ul ul a:hover, .sm-clean ul ul ul a:focus, .sm-clean ul ul ul a:active { border-left: 24px solid transparent; } .sm-clean ul ul ul ul a, .sm-clean ul ul ul ul a:hover, .sm-clean ul ul ul ul a:focus, .sm-clean ul ul ul ul a:active { border-left: 32px solid transparent; } .sm-clean ul ul ul ul ul a, .sm-clean ul ul ul ul ul a:hover, .sm-clean ul ul ul ul ul a:focus, .sm-clean ul ul ul ul ul a:active { border-left: 40px solid transparent; } @media (min-width: 769px) { /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/ /* start... (it's not recommended editing these rules) */ .sm-clean ul { position: absolute; width: 12em; } .sm-clean li { float: left; } .sm-clean.sm-rtl li { float: right; } .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li { float: none; } .sm-clean a { white-space: nowrap; } .sm-clean ul a, .sm-clean.sm-vertical a { white-space: normal; } .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a { white-space: nowrap; } /* ...end */ .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { color: #d23600; } .sm-clean a.current { color: #d23600; } .sm-clean a.disabled { color: #bbbbbb; } .sm-clean a.has-submenu { padding-right: 24px; } .sm-clean a span.sub-arrow { top: 50%; margin-top: -2px; right: 7px; width: 0; height: 0; border-width: 4px; border-style: solid dashed dashed dashed; border-color: #555555 transparent transparent transparent; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .sm-clean a.highlighted span.sub-arrow:before { display: none; } .sm-clean li { border-top: 0; } .sm-clean > li > ul:before, .sm-clean > li > ul:after { content: ''; position: absolute; top: -18px; left: 30px; width: 0; height: 0; overflow: hidden; border-width: 9px; border-style: dashed dashed solid dashed; border-color: transparent transparent #bbbbbb transparent; } .sm-clean > li > ul:after { top: -16px; left: 31px; border-width: 8px; border-color: transparent transparent white transparent; } .sm-clean ul { border: 1px solid #bbbbbb; padding: 5px 0; background: white; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; border-radius: 5px !important; -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2); } .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { border: 0 !important; padding: 10px 20px; color: #555555; } .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { background: transparent; color: #d23600; } .sm-clean ul a.current { color: #d23600; } .sm-clean ul a.disabled { background: white; color: #cccccc; } .sm-clean ul a.has-submenu { padding-right: 20px; } .sm-clean ul a span.sub-arrow { right: 8px; top: 50%; margin-top: -5px; border-width: 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #555555; } .sm-clean span.scroll-up, .sm-clean span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: white; height: 20px; } .sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover { background: #eeeeee; } .sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow { border-color: transparent transparent #d23600 transparent; } .sm-clean span.scroll-down:hover span.scroll-down-arrow { border-color: #d23600 transparent transparent transparent; } .sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow { position: absolute; top: 0; left: 50%; margin-left: -6px; width: 0; height: 0; overflow: hidden; border-width: 6px; border-style: dashed dashed solid dashed; border-color: transparent transparent #555555 transparent; } .sm-clean span.scroll-down-arrow { top: 8px; border-style: solid dashed dashed dashed; border-color: #555555 transparent transparent transparent; } .sm-clean.sm-rtl a.has-submenu { padding-right: 12px; padding-left: 24px; } .sm-clean.sm-rtl a span.sub-arrow { right: auto; left: 12px; } .sm-clean.sm-rtl.sm-vertical a.has-submenu { padding: 10px 20px; } .sm-clean.sm-rtl.sm-vertical a span.sub-arrow { right: auto; left: 8px; border-style: dashed solid dashed dashed; border-color: transparent #555555 transparent transparent; } .sm-clean.sm-rtl > li > ul:before { left: auto; right: 30px; } .sm-clean.sm-rtl > li > ul:after { left: auto; right: 31px; } .sm-clean.sm-rtl ul a.has-submenu { padding: 10px 20px !important; } .sm-clean.sm-rtl ul a span.sub-arrow { right: auto; left: 8px; border-style: dashed solid dashed dashed; border-color: transparent #555555 transparent transparent; } .sm-clean.sm-vertical { padding: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .sm-clean.sm-vertical a { padding: 10px 20px; } .sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted { background: transparent; } .sm-clean.sm-vertical a.disabled { background: #eeeeee; } .sm-clean.sm-vertical a span.sub-arrow { right: 8px; top: 50%; margin-top: -5px; border-width: 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #555555; } .sm-clean.sm-vertical > li > ul:before, .sm-clean.sm-vertical > li > ul:after { display: none; } .sm-clean.sm-vertical ul a { padding: 10px 20px; } .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted { background: #eeeeee; } .sm-clean.sm-vertical ul a.disabled { background: white; } } @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-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 shake{0%,100%{-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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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)}100%{-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)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}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)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}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)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) 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) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) 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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) 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) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) 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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{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{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /** * Swiper 3.4.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: October 16, 2016 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} @charset "UTF-8"; /* * ImageHover.css - http://www.imagehover.io * Version 1.0 * Author: Ciarán Walsh * Copyright (C) Imagehover.io */ [class^='imghvr-'], [class*=' imghvr-'] { position: relative; display: inline-block; margin: 0px; max-width: 100%; background-color: #2266a5; color: #fff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); transform: translateZ(0); } [class^='imghvr-'] > img, [class*=' imghvr-'] > img { vertical-align: top; max-width: 100%; } [class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption { background-color: #135796; position: absolute; padding: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #ffffff; } [class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 { color: #ffffff; } [class^='imghvr-'] a, [class*=' imghvr-'] a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } [class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before, [class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after { box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /* imghvr-fade-* ----------------------------- */ [class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption { opacity: 0; } [class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img { opacity: 0; } [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption { opacity: 1; } [class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* imghvr-fade ----------------------------- */ /* imghvr-fade-in-up ----------------------------- */ .imghvr-fade-in-up figcaption { -webkit-transform: translate(0, 15%); transform: translate(0, 15%); } /* imghvr-fade-in-down ----------------------------- */ .imghvr-fade-in-down figcaption { -webkit-transform: translate(0, -15%); transform: translate(0, -15%); } /* imghvr-fade-in-left ----------------------------- */ .imghvr-fade-in-left figcaption { -webkit-transform: translate(-15%, 0); transform: translate(-15%, 0); } /* imghvr-fade-in-right ----------------------------- */ .imghvr-fade-in-right figcaption { -webkit-transform: translate(15%, 0); transform: translate(15%, 0); } /* imghvr-push-* ----------------------------- */ [class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* imghvr-push-up ----------------------------- */ .imghvr-push-up figcaption { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-push-up:hover > img { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* imghvr-push-down ----------------------------- */ .imghvr-push-down figcaption { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-push-down:hover > img { -webkit-transform: translateY(100%); transform: translateY(100%); } /* imghvr-push-left ----------------------------- */ .imghvr-push-left figcaption { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-push-left:hover > img { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* imghvr-push--right ----------------------------- */ .imghvr-push-right figcaption { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-push-right:hover > img { -webkit-transform: translateX(100%); transform: translateX(100%); } /* imghvr-slide-* ----------------------------- */ [class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* imghvr-slide-up ----------------------------- */ .imghvr-slide-up figcaption { -webkit-transform: translateY(100%); transform: translateY(100%); } /* imghvr-slide-down ----------------------------- */ .imghvr-slide-down figcaption { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* imghvr-slide-left ----------------------------- */ .imghvr-slide-left figcaption { -webkit-transform: translateX(100%); transform: translateX(100%); } /* imghvr-slide-right ----------------------------- */ .imghvr-slide-right figcaption { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* imghvr-slide-top-left ----------------------------- */ .imghvr-slide-top-left figcaption { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } /* imghvr-slide-top-right ----------------------------- */ .imghvr-slide-top-right figcaption { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } /* imghvr-slide-bottom-left ----------------------------- */ .imghvr-slide-bottom-left figcaption { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } /* imghvr-slide-bottom-right ----------------------------- */ .imghvr-slide-bottom-right figcaption { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } /* imghvr-reveal-* ----------------------------- */ [class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: #000000; } [class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption { opacity: 0; } [class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before { -webkit-transform: translate(0, 0); transform: translate(0, 0); } [class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-reveal-up ----------------------------- */ .imghvr-reveal-up:before { -webkit-transform: translateY(100%); transform: translateY(100%); } /* imghvr-reveal-down ----------------------------- */ .imghvr-reveal-down:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* imghvr-reveal-left ----------------------------- */ .imghvr-reveal-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); } /* imghvr-reveal-right ----------------------------- */ .imghvr-reveal-right:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* imghvr-reveal-top-left ----------------------------- */ .imghvr-reveal-top-left:before { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } /* imghvr-reveal-top-right ----------------------------- */ .imghvr-reveal-top-right:before { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } /* imghvr-reveal-bottom-left ----------------------------- */ .imghvr-reveal-bottom-left:before { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } /* imghvr-reveal-bottom-right ----------------------------- */ .imghvr-reveal-bottom-right:before { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } /* imghvr-hinge-* ----------------------------- */ [class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] { -webkit-perspective: 50em; perspective: 50em; } [class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption { opacity: 0; z-index: 1; } [class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img { opacity: 0; } [class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-hinge-up ----------------------------- */ .imghvr-hinge-up img { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-hinge-up figcaption { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-hinge-up:hover > img { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } .imghvr-hinge-up:hover figcaption { -webkit-transform: rotateX(0); transform: rotateX(0); } /* imghvr-hinge-down ----------------------------- */ .imghvr-hinge-down img { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-hinge-down figcaption { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% -50%; transform-origin: 50% -50%; } .imghvr-hinge-down:hover > img { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; } .imghvr-hinge-down:hover figcaption { -webkit-transform: rotateX(0); transform: rotateX(0); } /* imghvr-hinge-left ----------------------------- */ .imghvr-hinge-left img { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-hinge-left figcaption { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-hinge-left:hover > img { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .imghvr-hinge-left:hover figcaption { -webkit-transform: rotateY(0); transform: rotateY(0); } /* imghvr-hinge-right ----------------------------- */ .imghvr-hinge-right img { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-hinge-right figcaption { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .imghvr-hinge-right:hover > img { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .imghvr-hinge-right:hover figcaption { -webkit-transform: rotateY(0); transform: rotateY(0); } /* imghvr-flip-* ----------------------------- */ [class^='imghvr-flip-'], [class*=' imghvr-flip-'] { -webkit-perspective: 50em; perspective: 50em; } [class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img { backface-visibility: hidden; } [class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption { opacity: 0; } [class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img { opacity: 0; } [class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } /* imghvr-flip-horiz ----------------------------- */ .imghvr-flip-horiz figcaption { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-flip-horiz:hover img { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .imghvr-flip-horiz:hover figcaption { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } /* imghvr-flip-vert ----------------------------- */ .imghvr-flip-vert figcaption { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-flip-vert:hover > img { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .imghvr-flip-vert:hover figcaption { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } /* imghvr-flip-diag-1 ----------------------------- */ .imghvr-flip-diag-1 figcaption { -webkit-transform: rotate3d(1, -1, 0, 100deg); transform: rotate3d(1, -1, 0, 100deg); } .imghvr-flip-diag-1:hover > img { -webkit-transform: rotate3d(-1, 1, 0, 100deg); transform: rotate3d(-1, 1, 0, 100deg); } .imghvr-flip-diag-1:hover figcaption { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); } /* imghvr-flip-diag-2 ----------------------------- */ .imghvr-flip-diag-2 figcaption { -webkit-transform: rotate3d(1, 1, 0, 100deg); transform: rotate3d(1, 1, 0, 100deg); } .imghvr-flip-diag-2:hover > img { -webkit-transform: rotate3d(-1, -1, 0, 100deg); transform: rotate3d(-1, -1, 0, 100deg); } .imghvr-flip-diag-2:hover figcaption { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); } /* imghvr-shutter-out-* ----------------------------- */ [class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before { background: #135796; position: absolute; content: ''; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } [class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before { -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } /* imghvr-shutter-out-horiz ----------------------------- */ .imghvr-shutter-out-horiz:before { left: 50%; right: 50%; top: 0; bottom: 0; } .imghvr-shutter-out-horiz:hover:before { left: 0; right: 0; } /* imghvr-shutter-out-vert ----------------------------- */ .imghvr-shutter-out-vert:before { top: 50%; bottom: 50%; left: 0; right: 0; } .imghvr-shutter-out-vert:hover:before { top: 0; bottom: 0; } /* imghvr-shutter-out-diag-1 ----------------------------- */ .imghvr-shutter-out-diag-1:before { top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .imghvr-shutter-out-diag-1:hover:before { top: -35%; bottom: -35%; } /* imghvr-shutter-out-diag-2 ----------------------------- */ .imghvr-shutter-out-diag-2:before { top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .imghvr-shutter-out-diag-2:hover:before { top: -35%; bottom: -35%; } /* imghvr-shutter-in-* ----------------------------- */ [class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before { background: #135796; position: absolute; content: ''; } [class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after { top: 0; left: 0; } [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before { right: 0; bottom: 0; } [class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption { opacity: 0; z-index: 1; } [class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-shutter-in-horiz ----------------------------- */ .imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before { width: 0; height: 100%; } .imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before { width: 50%; } /* imghvr-shutter-in-vert ----------------------------- */ .imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before { height: 0; width: 100%; } .imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before { height: 50%; } /* imghvr-shutter-in-out-horiz ----------------------------- */ .imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before { width: 0; height: 100%; opacity: 0.75; } .imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before { width: 100%; } /* imghvr-shutter-in-out-vert ----------------------------- */ .imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before { height: 0; width: 100%; opacity: 0.75; } .imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before { height: 100%; } /* imghvr-shutter-in-out-diag-1 ----------------------------- */ .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before { width: 200%; height: 200%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75; } .imghvr-shutter-in-out-diag-1:after { -webkit-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%); } .imghvr-shutter-in-out-diag-1:before { -webkit-transform: skew(-45deg) translateX(150%); transform: skew(-45deg) translateX(150%); } .imghvr-shutter-in-out-diag-1:hover:after { -webkit-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%); } .imghvr-shutter-in-out-diag-1:hover:before { -webkit-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%); } /* imghvr-shutter-in-out-diag-2 ----------------------------- */ .imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before { width: 200%; height: 200%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75; } .imghvr-shutter-in-out-diag-2:after { -webkit-transform: skew(45deg) translateX(-100%); transform: skew(45deg) translateX(-100%); } .imghvr-shutter-in-out-diag-2:before { -webkit-transform: skew(45deg) translateX(100%); transform: skew(45deg) translateX(100%); } .imghvr-shutter-in-out-diag-2:hover:after { -webkit-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%); } .imghvr-shutter-in-out-diag-2:hover:before { -webkit-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%); } /* imghvr-fold* ----------------------------- */ [class^='imghvr-fold'], [class*=' imghvr-fold'] { -webkit-perspective: 50em; perspective: 50em; } [class^='imghvr-fold'] img, [class*=' imghvr-fold'] img { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } [class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption { z-index: 1; opacity: 0; } [class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img { opacity: 0; -webkit-transition-delay: 0; transition-delay: 0; } [class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption { -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); transform: rotateX(0) translate3d(0, 0%, 0) scale(1); opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-fold-up ----------------------------- */ .imghvr-fold-up > img { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-fold-up figcaption { -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-fold-up:hover > img { -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%); transform: rotateX(90deg) scale(0.6) translateY(50%); } /* imghvr-fold-down ----------------------------- */ .imghvr-fold-down > img { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-fold-down figcaption { -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-fold-down:hover > img { -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%); transform: rotateX(-90deg) scale(0.6) translateY(-50%); } /* imghvr-fold-left ----------------------------- */ .imghvr-fold-left > img { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-fold-left figcaption { -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-fold-left:hover > img { -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%); transform: rotateY(-90deg) scale(0.6) translateX(50%); } /* imghvr-fold-right ----------------------------- */ .imghvr-fold-right > img { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-fold-right figcaption { -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .imghvr-fold-right:hover > img { -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%); transform: rotateY(90deg) scale(0.6) translateX(-50%); } /* imghvr-zoom-in ----------------------------- */ .imghvr-zoom-in figcaption { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } .imghvr-zoom-in:hover figcaption { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /* imghvr-zoom-out* ----------------------------- */ [class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; } [class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-zoom-out ----------------------------- */ .imghvr-zoom-out:hover > img { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } /* imghvr-zoom-out-up ----------------------------- */ .imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img { -webkit-animation: imghvr-zoom-out-up 0.4025s linear; animation: imghvr-zoom-out-up 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-up { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-up { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; } } /* imghvr-zoom-out-down ----------------------------- */ .imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img { -webkit-animation: imghvr-zoom-out-down 0.4025s linear; animation: imghvr-zoom-out-down 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-down { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-down { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; } } /* imghvr-zoom-out-left ----------------------------- */ .imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img { -webkit-animation: imghvr-zoom-out-left 0.4025s linear; animation: imghvr-zoom-out-left 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-left { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-left { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; } } /* imghvr-zoom-out-right ----------------------------- */ .imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img { -webkit-animation: imghvr-zoom-out-right 0.4025s linear; animation: imghvr-zoom-out-right 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-right { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-right { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; } } /* imghvr-zoom-out-flip-horiz ----------------------------- */ .imghvr-zoom-out-flip-horiz { -webkit-perspective: 50em; perspective: 50em; } .imghvr-zoom-out-flip-horiz figcaption { opacity: 0; -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5); transform: rotateX(90deg) translateY(-100%) scale(0.5); } .imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img { -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5); transform: rotateX(-100deg) translateY(50%) scale(0.5); opacity: 0; -webkit-transition-delay: 0; transition-delay: 0; } .imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption { -webkit-transform: rotateX(0) translateY(0%) scale(1); transform: rotateX(0) translateY(0%) scale(1); opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-zoom-out-flip-vert ----------------------------- */ .imghvr-zoom-out-flip-vert { -webkit-perspective: 50em; perspective: 50em; } .imghvr-zoom-out-flip-vert figcaption { opacity: 0; -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5); transform: rotateY(90deg) translate(50%, 0) scale(0.5); } .imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img { -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5); transform: rotateY(-100deg) translateX(50%) scale(0.5); opacity: 0; -webkit-transition-delay: 0; transition-delay: 0; } .imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption { -webkit-transform: rotateY(0) translate(0, 0) scale(1); transform: rotateY(0) translate(0, 0) scale(1); opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-blur ----------------------------- */ .imghvr-blur figcaption { opacity: 0; } .imghvr-blur:hover > img { -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .imghvr-blur:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-blocks* ----------------------------- */ [class^='imghvr-blocks']:before, [class^='imghvr-blocks']:after, [class^='imghvr-blocks'] figcaption:before, [class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks']:before, [class*=' imghvr-blocks']:after, [class*=' imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:after { background-color: #135796; opacity: 0; position: absolute; content: ''; height: 50%; width: 50%; } [class^='imghvr-blocks']:before, [class^='imghvr-blocks']:after, [class*=' imghvr-blocks']:before, [class*=' imghvr-blocks']:after { z-index: 1; } [class^='imghvr-blocks']:before, [class*=' imghvr-blocks']:before { top: 0; right: 0; } [class^='imghvr-blocks']:after, [class*=' imghvr-blocks']:after { bottom: 0; left: 0; } [class^='imghvr-blocks'] figcaption, [class*=' imghvr-blocks'] figcaption { z-index: 3; background-color: transparent; } [class^='imghvr-blocks'] figcaption *, [class*=' imghvr-blocks'] figcaption * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-blocks'] figcaption:before, [class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:after { z-index: -1; } [class^='imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:before { top: 0; left: 0; } [class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:after { bottom: 0; right: 0; } [class^='imghvr-blocks'] a, [class*=' imghvr-blocks'] a { z-index: 3; } [class^='imghvr-blocks']:hover:before, [class^='imghvr-blocks']:hover:after, [class^='imghvr-blocks']:hover figcaption:before, [class^='imghvr-blocks']:hover figcaption:after, [class*=' imghvr-blocks']:hover:before, [class*=' imghvr-blocks']:hover:after, [class*=' imghvr-blocks']:hover figcaption:before, [class*=' imghvr-blocks']:hover figcaption:after { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1; } [class^='imghvr-blocks']:hover figcaption *, [class*=' imghvr-blocks']:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-blocks-rotate-left ----------------------------- */ .imghvr-blocks-rotate-left:before { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-blocks-rotate-left:after { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-blocks-rotate-left figcaption:before { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-blocks-rotate-left figcaption:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* imghvr-blocks-rotate-right ----------------------------- */ .imghvr-blocks-rotate-right:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-blocks-rotate-right:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-blocks-rotate-right figcaption:before { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-blocks-rotate-right figcaption:after { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* imghvr-blocks-rotate-in-left ----------------------------- */ .imghvr-blocks-rotate-in-left:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-blocks-rotate-in-left:after { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-blocks-rotate-in-left figcaption:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-blocks-rotate-in-left figcaption:after { -webkit-transform: translateX(100%); transform: translateX(100%); } /* imghvr-blocks-rotate-in-right ----------------------------- */ .imghvr-blocks-rotate-in-right:before { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-blocks-rotate-in-right:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-blocks-rotate-in-right figcaption:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-blocks-rotate-in-right figcaption:after { -webkit-transform: translateY(100%); transform: translateY(100%); } /* imghvr-blocks-in ----------------------------- */ .imghvr-blocks-in:before { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } .imghvr-blocks-in:after { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .imghvr-blocks-in figcaption:before { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .imghvr-blocks-in figcaption:after { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } /* imghvr-blocks-out ----------------------------- */ .imghvr-blocks-out:before { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .imghvr-blocks-out:after { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } .imghvr-blocks-out figcaption:before { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } .imghvr-blocks-out figcaption:after { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } /* imghvr-blocks-float-up ----------------------------- */ .imghvr-blocks-float-up:before, .imghvr-blocks-float-up:after, .imghvr-blocks-float-up figcaption:before, .imghvr-blocks-float-up figcaption:after { -webkit-transform: translate(0, 200%); transform: translate(0, 200%); } .imghvr-blocks-float-up:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-up:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-up figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-up figcaption:after { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .imghvr-blocks-float-up:hover:before { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .imghvr-blocks-float-up:hover:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-up:hover figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-up:hover figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-up:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-blocks-float-down ----------------------------- */ .imghvr-blocks-float-down:before, .imghvr-blocks-float-down:after, .imghvr-blocks-float-down figcaption:before, .imghvr-blocks-float-down figcaption:after { -webkit-transform: translate(0, -200%); transform: translate(0, -200%); } .imghvr-blocks-float-down:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-down:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-down figcaption:before { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .imghvr-blocks-float-down figcaption:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-down:hover:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-down:hover:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-down:hover figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-down:hover figcaption:after { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .imghvr-blocks-float-down:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-blocks-float-left ----------------------------- */ .imghvr-blocks-float-left:before, .imghvr-blocks-float-left:after, .imghvr-blocks-float-left figcaption:before, .imghvr-blocks-float-left figcaption:after { -webkit-transform: translate(200%, 0); transform: translate(200%, 0); } .imghvr-blocks-float-left:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-left:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-left figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-blocks-float-left figcaption:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-left:hover:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-left:hover:after { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .imghvr-blocks-float-left:hover figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-left:hover figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-left:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-blocks-float-right ----------------------------- */ .imghvr-blocks-float-right:before, .imghvr-blocks-float-right:after, .imghvr-blocks-float-right figcaption:before, .imghvr-blocks-float-right figcaption:after { -webkit-transform: translate(-200%, 0); transform: translate(-200%, 0); } .imghvr-blocks-float-right:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-right:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-right figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-right figcaption:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-blocks-float-right:hover:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-float-right:hover:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-float-right:hover figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blocks-float-right:hover figcaption:after { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .imghvr-blocks-float-right:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-blocks-zoom-top-left ----------------------------- */ .imghvr-blocks-zoom-top-left:before, .imghvr-blocks-zoom-top-left:after, .imghvr-blocks-zoom-top-left figcaption:before, .imghvr-blocks-zoom-top-left figcaption:after { -webkit-transform: scale(0.05); transform: scale(0.05); } .imghvr-blocks-zoom-top-left:hover:before { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-top-left:hover:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-top-left:hover figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-zoom-top-left:hover figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-zoom-top-left:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-blocks-zoom-top-right ----------------------------- */ .imghvr-blocks-zoom-top-right:before, .imghvr-blocks-zoom-top-right:after, .imghvr-blocks-zoom-top-right figcaption:before, .imghvr-blocks-zoom-top-right figcaption:after { -webkit-transform: scale(0.05); transform: scale(0.05); } .imghvr-blocks-zoom-top-right:hover:before { -webkit-transition-delay: 0, 0s; transition-delay: 0, 0s; } .imghvr-blocks-zoom-top-right:hover:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-zoom-top-right:hover figcaption:before { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-top-right:hover figcaption:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-top-right:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-blocks-zoom-bottom-left ----------------------------- */ .imghvr-blocks-zoom-bottom-left:before, .imghvr-blocks-zoom-bottom-left:after, .imghvr-blocks-zoom-bottom-left figcaption:before, .imghvr-blocks-zoom-bottom-left figcaption:after { -webkit-transform: scale(0.05); transform: scale(0.05); } .imghvr-blocks-zoom-bottom-left:hover:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-zoom-bottom-left:hover:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-zoom-bottom-left:hover figcaption:before { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-bottom-left:hover figcaption:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-bottom-left:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-blocks-zoom-bottom-right ----------------------------- */ .imghvr-blocks-zoom-bottom-right:before, .imghvr-blocks-zoom-bottom-right:after, .imghvr-blocks-zoom-bottom-right figcaption:before, .imghvr-blocks-zoom-bottom-right figcaption:after { -webkit-transform: scale(0.05); transform: scale(0.05); } .imghvr-blocks-zoom-bottom-right:hover:before { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-bottom-right:hover:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-blocks-zoom-bottom-right:hover figcaption:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blocks-zoom-bottom-right:hover figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blocks-zoom-bottom-right:hover figcaption * { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } /* imghvr-strip-shutter-* ----------------------------- */ [class^='imghvr-strip-shutter']:before, [class^='imghvr-strip-shutter']:after, [class^='imghvr-strip-shutter'] figcaption:before, [class^='imghvr-strip-shutter'] figcaption:after, [class*=' imghvr-strip-shutter']:before, [class*=' imghvr-strip-shutter']:after, [class*=' imghvr-strip-shutter'] figcaption:before, [class*=' imghvr-strip-shutter'] figcaption:after { background-color: #135796; opacity: 0; position: absolute; content: ''; } [class^='imghvr-strip-shutter']:before, [class^='imghvr-strip-shutter']:after, [class*=' imghvr-strip-shutter']:before, [class*=' imghvr-strip-shutter']:after { z-index: 1; } [class^='imghvr-strip-shutter'] figcaption, [class*=' imghvr-strip-shutter'] figcaption { z-index: 3; background-color: transparent; } [class^='imghvr-strip-shutter'] figcaption *, [class*=' imghvr-strip-shutter'] figcaption * { opacity: 0; } [class^='imghvr-strip-shutter'] figcaption:before, [class^='imghvr-strip-shutter'] figcaption:after, [class*=' imghvr-strip-shutter'] figcaption:before, [class*=' imghvr-strip-shutter'] figcaption:after { z-index: -1; } [class^='imghvr-strip-shutter'] a, [class*=' imghvr-strip-shutter'] a { z-index: 3; } [class^='imghvr-strip-shutter']:hover:before, [class^='imghvr-strip-shutter']:hover:after, [class^='imghvr-strip-shutter']:hover figcaption:before, [class^='imghvr-strip-shutter']:hover figcaption:after, [class*=' imghvr-strip-shutter']:hover:before, [class*=' imghvr-strip-shutter']:hover:after, [class*=' imghvr-strip-shutter']:hover figcaption:before, [class*=' imghvr-strip-shutter']:hover figcaption:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } [class^='imghvr-strip-shutter']:hover figcaption *, [class*=' imghvr-strip-shutter']:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-shutter-up ----------------------------- */ .imghvr-strip-shutter-up:before, .imghvr-strip-shutter-up:after, .imghvr-strip-shutter-up figcaption:before, .imghvr-strip-shutter-up figcaption:after { height: 26%; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); left: 0; } .imghvr-strip-shutter-up:before { top: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-strip-shutter-up:after { top: 25%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-shutter-up figcaption:before { top: 50%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-shutter-up figcaption:after { top: 75%; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-shutter-down ----------------------------- */ .imghvr-strip-shutter-down:before, .imghvr-strip-shutter-down:after, .imghvr-strip-shutter-down figcaption:before, .imghvr-strip-shutter-down figcaption:after { height: 26%; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); left: 0; } .imghvr-strip-shutter-down:before { top: 0; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-strip-shutter-down:after { top: 25%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-shutter-down figcaption:before { top: 50%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-shutter-down figcaption:after { top: 75%; -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-strip-shutter-left ----------------------------- */ .imghvr-strip-shutter-left:before, .imghvr-strip-shutter-left:after, .imghvr-strip-shutter-left figcaption:before, .imghvr-strip-shutter-left figcaption:after { width: 26%; height: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); top: 0; } .imghvr-strip-shutter-left:before { left: 0; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-strip-shutter-left:after { left: 25%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-shutter-left figcaption:before { left: 50%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-shutter-left figcaption:after { left: 75%; -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-strip-shutter-right ----------------------------- */ .imghvr-strip-shutter-right:before, .imghvr-strip-shutter-right:after, .imghvr-strip-shutter-right figcaption:before, .imghvr-strip-shutter-right figcaption:after { width: 26%; height: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); top: 0; } .imghvr-strip-shutter-right:before { left: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-strip-shutter-right:after { left: 25%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-shutter-right figcaption:before { left: 50%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-shutter-right figcaption:after { left: 75%; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-horiz-* ----------------------------- */ [class^='imghvr-strip-horiz']:before, [class^='imghvr-strip-horiz']:after, [class^='imghvr-strip-horiz'] figcaption:before, [class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:after { background-color: #135796; opacity: 0; position: absolute; content: ''; height: 26%; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); left: 0; } [class^='imghvr-strip-horiz']:before, [class^='imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:after { z-index: 1; } [class^='imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:before { top: 0; } [class^='imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz']:after { top: 25%; } [class^='imghvr-strip-horiz'] figcaption, [class*=' imghvr-strip-horiz'] figcaption { z-index: 3; background-color: transparent; } [class^='imghvr-strip-horiz'] figcaption *, [class*=' imghvr-strip-horiz'] figcaption * { opacity: 0; } [class^='imghvr-strip-horiz'] figcaption:before, [class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:after { z-index: -1; } [class^='imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:before { top: 50%; } [class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz'] figcaption:after { top: 75%; } [class^='imghvr-strip-horiz'] a, [class*=' imghvr-strip-horiz'] a { z-index: 3; } [class^='imghvr-strip-horiz']:hover:before, [class^='imghvr-strip-horiz']:hover:after, [class^='imghvr-strip-horiz']:hover figcaption:before, [class^='imghvr-strip-horiz']:hover figcaption:after, [class*=' imghvr-strip-horiz']:hover:before, [class*=' imghvr-strip-horiz']:hover:after, [class*=' imghvr-strip-horiz']:hover figcaption:before, [class*=' imghvr-strip-horiz']:hover figcaption:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } [class^='imghvr-strip-horiz']:hover figcaption *, [class*=' imghvr-strip-horiz']:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-horiz-up ----------------------------- */ .imghvr-strip-horiz-up:before, .imghvr-strip-horiz-up:after, .imghvr-strip-horiz-up figcaption:before, .imghvr-strip-horiz-up figcaption:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } /* imghvr-strip-horiz-down ----------------------------- */ .imghvr-strip-horiz-down:before, .imghvr-strip-horiz-down:after, .imghvr-strip-horiz-down figcaption:before, .imghvr-strip-horiz-down figcaption:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } /* imghvr-strip-horiz-top-left ----------------------------- */ .imghvr-strip-horiz-top-left:before, .imghvr-strip-horiz-top-left:after, .imghvr-strip-horiz-top-left figcaption:before, .imghvr-strip-horiz-top-left figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-strip-horiz-top-left:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-strip-horiz-top-left:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-horiz-top-left figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-horiz-top-left figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-horiz-top-right ----------------------------- */ .imghvr-strip-horiz-top-right:before, .imghvr-strip-horiz-top-right:after, .imghvr-strip-horiz-top-right figcaption:before, .imghvr-strip-horiz-top-right figcaption:after { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .imghvr-strip-horiz-top-right:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-strip-horiz-top-right:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-horiz-top-right figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-horiz-top-right figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-horiz-bottom-left ----------------------------- */ .imghvr-strip-horiz-bottom-left:before, .imghvr-strip-horiz-bottom-left:after, .imghvr-strip-horiz-bottom-left figcaption:before, .imghvr-strip-horiz-bottom-left figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-strip-horiz-bottom-left:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-strip-horiz-bottom-left:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-horiz-bottom-left figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-horiz-bottom-left figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-strip-horiz-bottom-right ----------------------------- */ .imghvr-strip-horiz-bottom-right:before, .imghvr-strip-horiz-bottom-right:after, .imghvr-strip-horiz-bottom-right figcaption:before, .imghvr-strip-horiz-bottom-right figcaption:after { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .imghvr-strip-horiz-bottom-right:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-strip-horiz-bottom-right:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-horiz-bottom-right figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-horiz-bottom-right figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-strip-vert-* ----------------------------- */ [class^='imghvr-strip-vert']:before, [class^='imghvr-strip-vert']:after, [class^='imghvr-strip-vert'] figcaption:before, [class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:after, [class*=' imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:after { background-color: #135796; opacity: 0; position: absolute; content: ''; width: 26%; height: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); top: 0; } [class^='imghvr-strip-vert']:before, [class^='imghvr-strip-vert']:after, [class*=' imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:after { z-index: 1; } [class^='imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:before { left: 0; } [class^='imghvr-strip-vert']:after, [class*=' imghvr-strip-vert']:after { left: 25%; } [class^='imghvr-strip-vert'] figcaption, [class*=' imghvr-strip-vert'] figcaption { z-index: 3; background-color: transparent; } [class^='imghvr-strip-vert'] figcaption *, [class*=' imghvr-strip-vert'] figcaption * { opacity: 0; } [class^='imghvr-strip-vert'] figcaption:before, [class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:after { z-index: -1; } [class^='imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:before { left: 50%; } [class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert'] figcaption:after { left: 75%; } [class^='imghvr-strip-vert'] a, [class*=' imghvr-strip-vert'] a { z-index: 3; } [class^='imghvr-strip-vert']:hover:before, [class^='imghvr-strip-vert']:hover:after, [class^='imghvr-strip-vert']:hover figcaption:before, [class^='imghvr-strip-vert']:hover figcaption:after, [class*=' imghvr-strip-vert']:hover:before, [class*=' imghvr-strip-vert']:hover:after, [class*=' imghvr-strip-vert']:hover figcaption:before, [class*=' imghvr-strip-vert']:hover figcaption:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } [class^='imghvr-strip-vert']:hover figcaption *, [class*=' imghvr-strip-vert']:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-vert-left ----------------------------- */ .imghvr-strip-vert-left:before, .imghvr-strip-vert-left:after, .imghvr-strip-vert-left figcaption:before, .imghvr-strip-vert-left figcaption:after { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* imghvr-strip-vert-right ----------------------------- */ .imghvr-strip-vert-right:before, .imghvr-strip-vert-right:after, .imghvr-strip-vert-right figcaption:before, .imghvr-strip-vert-right figcaption:after { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } /* imghvr-strip-vert-top-left ----------------------------- */ .imghvr-strip-vert-top-left:before, .imghvr-strip-vert-top-left:after, .imghvr-strip-vert-top-left figcaption:before, .imghvr-strip-vert-top-left figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-strip-vert-top-left:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-strip-vert-top-left:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-vert-top-left figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-vert-top-left figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-vert-top-right ----------------------------- */ .imghvr-strip-vert-top-right:before, .imghvr-strip-vert-top-right:after, .imghvr-strip-vert-top-right figcaption:before, .imghvr-strip-vert-top-right figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-strip-vert-top-right:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-strip-vert-top-right:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-vert-top-right figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-vert-top-right figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-strip-vert-bottom-left ----------------------------- */ .imghvr-strip-vert-bottom-left:before, .imghvr-strip-vert-bottom-left:after, .imghvr-strip-vert-bottom-left figcaption:before, .imghvr-strip-vert-bottom-left figcaption:after { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .imghvr-strip-vert-bottom-left:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-strip-vert-bottom-left:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-vert-bottom-left figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-vert-bottom-left figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-strip-vert-bottom-right ----------------------------- */ .imghvr-strip-vert-bottom-right:before, .imghvr-strip-vert-bottom-right:after, .imghvr-strip-vert-bottom-right figcaption:before, .imghvr-strip-vert-bottom-right figcaption:after { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .imghvr-strip-vert-bottom-right:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-strip-vert-bottom-right:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-strip-vert-bottom-right figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-strip-vert-bottom-right figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-pixel-* ----------------------------- */ [class^='imghvr-pixel']:before, [class^='imghvr-pixel']:after, [class^='imghvr-pixel'] figcaption:before, [class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel']:before, [class*=' imghvr-pixel']:after, [class*=' imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:after { -webkit-transition: all 0.35s steps(4); transition: all 0.35s steps(4); background-color: #135796; opacity: 0; position: absolute; content: ''; height: 26%; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); left: 0; } [class^='imghvr-pixel']:before, [class^='imghvr-pixel']:after, [class*=' imghvr-pixel']:before, [class*=' imghvr-pixel']:after { z-index: 1; } [class^='imghvr-pixel']:before, [class*=' imghvr-pixel']:before { top: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-pixel']:after, [class*=' imghvr-pixel']:after { top: 25%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } [class^='imghvr-pixel'] figcaption, [class*=' imghvr-pixel'] figcaption { z-index: 3; background-color: transparent; } [class^='imghvr-pixel'] figcaption *, [class*=' imghvr-pixel'] figcaption * { opacity: 0; } [class^='imghvr-pixel'] figcaption:before, [class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:after { z-index: -1; } [class^='imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:before { top: 50%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } [class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel'] figcaption:after { top: 75%; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [class^='imghvr-pixel'] a, [class*=' imghvr-pixel'] a { z-index: 3; } [class^='imghvr-pixel']:hover:before, [class^='imghvr-pixel']:hover:after, [class^='imghvr-pixel']:hover figcaption:before, [class^='imghvr-pixel']:hover figcaption:after, [class*=' imghvr-pixel']:hover:before, [class*=' imghvr-pixel']:hover:after, [class*=' imghvr-pixel']:hover figcaption:before, [class*=' imghvr-pixel']:hover figcaption:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } [class^='imghvr-pixel']:hover figcaption *, [class*=' imghvr-pixel']:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-pixel-up ----------------------------- */ .imghvr-pixel-up:before, .imghvr-pixel-up:after, .imghvr-pixel-up figcaption:before, .imghvr-pixel-up figcaption:after { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .imghvr-pixel-up:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-pixel-up:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-up figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-up figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-pixel-down ----------------------------- */ .imghvr-pixel-down:before, .imghvr-pixel-down:after, .imghvr-pixel-down figcaption:before, .imghvr-pixel-down figcaption:after { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .imghvr-pixel-down:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-pixel-down:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-down figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-down figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-pixel-left ----------------------------- */ .imghvr-pixel-left:before, .imghvr-pixel-left:after, .imghvr-pixel-left figcaption:before, .imghvr-pixel-left figcaption:after { width: 25.1%; height: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); top: 0; } .imghvr-pixel-left:before { left: 0; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-pixel-left:after { left: 25%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-left figcaption:before { left: 50%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-left figcaption:after { left: 75%; -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-pixel-right ----------------------------- */ .imghvr-pixel-right:before, .imghvr-pixel-right:after, .imghvr-pixel-right figcaption:before, .imghvr-pixel-right figcaption:after { width: 25.1%; height: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); top: 0; } .imghvr-pixel-right:before { left: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-pixel-right:after { left: 25%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-right figcaption:before { left: 50%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-right figcaption:after { left: 75%; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-pixel-top-left ----------------------------- */ .imghvr-pixel-top-left:before, .imghvr-pixel-top-left:after, .imghvr-pixel-top-left figcaption:before, .imghvr-pixel-top-left figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-pixel-top-left:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-pixel-top-left:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-top-left figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-top-left figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-pixel-top-right ----------------------------- */ .imghvr-pixel-top-right:before, .imghvr-pixel-top-right:after, .imghvr-pixel-top-right figcaption:before, .imghvr-pixel-top-right figcaption:after { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .imghvr-pixel-top-right:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-pixel-top-right:after { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-top-right figcaption:before { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-top-right figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-pixel-bottom-left ----------------------------- */ .imghvr-pixel-bottom-left:before, .imghvr-pixel-bottom-left:after, .imghvr-pixel-bottom-left figcaption:before, .imghvr-pixel-bottom-left figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-pixel-bottom-left:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-pixel-bottom-left:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-bottom-left figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-bottom-left figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-pixel-bottom-right ----------------------------- */ .imghvr-pixel-bottom-right:before, .imghvr-pixel-bottom-right:after, .imghvr-pixel-bottom-right figcaption:before, .imghvr-pixel-bottom-right figcaption:after { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .imghvr-pixel-bottom-right:before { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-pixel-bottom-right:after { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-pixel-bottom-right figcaption:before { -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-pixel-bottom-right figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-pivot-in* ----------------------------- */ [class^='imghvr-pivot-in'] figcaption, [class*=' imghvr-pivot-in'] figcaption { background-color: #135796; } [class^='imghvr-pivot-in']:hover figcaption, [class*=' imghvr-pivot-in']:hover figcaption { -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* imghvr-pivot-in-top-left* ----------------------------- */ .imghvr-pivot-in-top-left figcaption { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* imghvr-pivot-in-top-right* ----------------------------- */ .imghvr-pivot-in-top-right figcaption { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } /* imghvr-pivot-in-bottom-left* ----------------------------- */ .imghvr-pivot-in-bottom-left figcaption { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } /* imghvr-pivot-in-bottom-right* ----------------------------- */ .imghvr-pivot-in-bottom-right figcaption { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* imghvr-pivot-out-* ----------------------------- */ [class^='imghvr-pivot-out'] > img, [class*=' imghvr-pivot-out'] > img { -webkit-transform: rotate(0deg); transform: rotate(0deg); } [class^='imghvr-pivot-out'] figcaption, [class*=' imghvr-pivot-out'] figcaption { background-color: #135796; z-index: -1; } /* imghvr-pivot-out-top-left* ----------------------------- */ .imghvr-pivot-out-top-left > img { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-pivot-out-top-left:hover > img { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* imghvr-pivot-out-top-right* ----------------------------- */ .imghvr-pivot-out-top-right > img { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .imghvr-pivot-out-top-right:hover > img { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* imghvr-pivot-out-bottom-left* ----------------------------- */ .imghvr-pivot-out-bottom-left > img { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .imghvr-pivot-out-bottom-left:hover > img { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* imghvr-pivot-out-bottom-right* ----------------------------- */ .imghvr-pivot-out-bottom-right > img { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-pivot-out-bottom-right:hover > img { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* imghvr-throw-in-* ----------------------------- */ [class^='imghvr-throw-in'] figcaption, [class*=' imghvr-throw-in'] figcaption { background-color: #135796; } [class^='imghvr-throw-in']:hover figcaption, [class*=' imghvr-throw-in']:hover figcaption { -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* imghvr-throw-in-up ----------------------------- */ .imghvr-throw-in-up figcaption { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .imghvr-throw-in-up:hover figcaption { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } /* imghvr-throw-in-down ----------------------------- */ .imghvr-throw-in-down figcaption { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .imghvr-throw-in-down:hover figcaption { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } /* imghvr-throw-in-left ----------------------------- */ .imghvr-throw-in-left figcaption { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .imghvr-throw-in-left:hover figcaption { -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } /* imghvr-throw-in-right ----------------------------- */ .imghvr-throw-in-right figcaption { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0%; transform-origin: 0 0%; } .imghvr-throw-in-right:hover figcaption { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* imghvr-throw-out* ----------------------------- */ [class^='imghvr-throw-out'] > img, [class*=' imghvr-throw-out'] > img { -webkit-transform: rotate(0); transform: rotate(0); } [class^='imghvr-throw-out'] figcaption, [class*=' imghvr-throw-out'] figcaption { background-color: #135796; z-index: -1; } /* imghvr-throw-out-up ----------------------------- */ .imghvr-throw-out-up > img { -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .imghvr-throw-out-up:hover > img { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } /* imghvr-throw-out-down ----------------------------- */ .imghvr-throw-out-down > img { -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .imghvr-throw-out-down:hover > img { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* imghvr-throw-out-left ----------------------------- */ .imghvr-throw-out-left > img { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .imghvr-throw-out-left:hover > img { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* imghvr-throw-out-right ----------------------------- */ .imghvr-throw-out-right > img { -webkit-transform-origin: 0% 0; transform-origin: 0% 0; } .imghvr-throw-out-right:hover > img { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } /* imghvr-blinds-* ----------------------------- */ [class^='imghvr-blinds']:before, [class^='imghvr-blinds']:after, [class^='imghvr-blinds'] figcaption:before, [class^='imghvr-blinds'] figcaption:after, [class*=' imghvr-blinds']:before, [class*=' imghvr-blinds']:after, [class*=' imghvr-blinds'] figcaption:before, [class*=' imghvr-blinds'] figcaption:after { background-color: #135796; opacity: 0; position: absolute; content: ''; } [class^='imghvr-blinds']:before, [class^='imghvr-blinds']:after, [class*=' imghvr-blinds']:before, [class*=' imghvr-blinds']:after { z-index: 1; } [class^='imghvr-blinds']:before, [class*=' imghvr-blinds']:before { top: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-blinds']:after, [class*=' imghvr-blinds']:after { top: 25%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } [class^='imghvr-blinds'] figcaption, [class*=' imghvr-blinds'] figcaption { z-index: 3; background-color: transparent; } [class^='imghvr-blinds'] figcaption *, [class*=' imghvr-blinds'] figcaption * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-blinds'] figcaption:before, [class^='imghvr-blinds'] figcaption:after, [class*=' imghvr-blinds'] figcaption:before, [class*=' imghvr-blinds'] figcaption:after { z-index: -1; } [class^='imghvr-blinds'] a, [class*=' imghvr-blinds'] a { z-index: 3; } [class^='imghvr-blinds']:hover:before, [class^='imghvr-blinds']:hover:after, [class^='imghvr-blinds']:hover figcaption:before, [class^='imghvr-blinds']:hover figcaption:after, [class*=' imghvr-blinds']:hover:before, [class*=' imghvr-blinds']:hover:after, [class*=' imghvr-blinds']:hover figcaption:before, [class*=' imghvr-blinds']:hover figcaption:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } [class^='imghvr-blinds']:hover figcaption *, [class*=' imghvr-blinds']:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.4025s; transition-delay: 0.4025s; } /* imghvr-blinds-horiz ----------------------------- */ .imghvr-blinds-horiz:before, .imghvr-blinds-horiz:after, .imghvr-blinds-horiz figcaption:before, .imghvr-blinds-horiz figcaption:after { height: 26%; width: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); left: 0; } .imghvr-blinds-horiz:before { top: 0; } .imghvr-blinds-horiz:after { top: 25%; } .imghvr-blinds-horiz figcaption:before { top: 50%; } .imghvr-blinds-horiz figcaption:after { top: 75%; } .imghvr-blinds-horiz:hover figcaption * { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-blinds-vert ----------------------------- */ .imghvr-blinds-vert:before, .imghvr-blinds-vert:after, .imghvr-blinds-vert figcaption:before, .imghvr-blinds-vert figcaption:after { width: 26%; height: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); top: 0; } .imghvr-blinds-vert:before { left: 0; } .imghvr-blinds-vert:after { left: 25%; } .imghvr-blinds-vert figcaption:before { left: 50%; } .imghvr-blinds-vert figcaption:after { left: 75%; } .imghvr-blinds-vert:hover figcaption * { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-blinds-up ----------------------------- */ .imghvr-blinds-up:before, .imghvr-blinds-up:after, .imghvr-blinds-up figcaption:before, .imghvr-blinds-up figcaption:after { height: 26%; width: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); left: 0; } .imghvr-blinds-up:before { top: 0; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blinds-up:after { top: 25%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blinds-up figcaption:before { top: 50%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-blinds-up figcaption:after { top: 75%; -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-blinds-down ----------------------------- */ .imghvr-blinds-down:before, .imghvr-blinds-down:after, .imghvr-blinds-down figcaption:before, .imghvr-blinds-down figcaption:after { height: 26%; width: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); left: 0; } .imghvr-blinds-down:before { top: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blinds-down:after { top: 25%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-blinds-down figcaption:before { top: 50%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blinds-down figcaption:after { top: 75%; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-blinds-left ----------------------------- */ .imghvr-blinds-left:before, .imghvr-blinds-left:after, .imghvr-blinds-left figcaption:before, .imghvr-blinds-left figcaption:after { width: 26%; height: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); top: 0; } .imghvr-blinds-left:before { left: 0; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-blinds-left:after { left: 25%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blinds-left figcaption:before { left: 50%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-blinds-left figcaption:after { left: 75%; -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-blinds-right ----------------------------- */ .imghvr-blinds-right:before, .imghvr-blinds-right:after, .imghvr-blinds-right figcaption:before, .imghvr-blinds-right figcaption:after { width: 26%; height: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); top: 0; } .imghvr-blinds-right:before { left: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-blinds-right:after { left: 25%; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } .imghvr-blinds-right figcaption:before { left: 50%; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .imghvr-blinds-right figcaption:after { left: 75%; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-border-reveal-* ----------------------------- */ [class^='imghvr-border-reveal'], [class*=' imghvr-border-reveal'] { background-color: #135796; } [class^='imghvr-border-reveal']:before, [class^='imghvr-border-reveal']:after, [class^='imghvr-border-reveal'] figcaption:before, [class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:after, [class*=' imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:after { background-color: #ffffff; position: absolute; content: ''; } [class^='imghvr-border-reveal']:before, [class^='imghvr-border-reveal']:after, [class*=' imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:after { z-index: 1; height: 4px; left: 5px; right: 5px; -webkit-transform: scaleX(0); transform: scaleX(0); } [class^='imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:before { top: 5px; } [class^='imghvr-border-reveal']:after, [class*=' imghvr-border-reveal']:after { bottom: 5px; } [class^='imghvr-border-reveal'] figcaption, [class*=' imghvr-border-reveal'] figcaption { z-index: 3; background-color: transparent; } [class^='imghvr-border-reveal'] figcaption *, [class*=' imghvr-border-reveal'] figcaption * { opacity: 0; } [class^='imghvr-border-reveal'] figcaption:before, [class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:after { z-index: -1; width: 4px; top: 5px; bottom: 5px; -webkit-transform: scaleY(0); transform: scaleY(0); } [class^='imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:before { left: 5px; } [class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal'] figcaption:after { right: 5px; } [class^='imghvr-border-reveal'] a, [class*=' imghvr-border-reveal'] a { z-index: 3; } [class^='imghvr-border-reveal']:hover > img, [class*=' imghvr-border-reveal']:hover > img { opacity: 0; } [class^='imghvr-border-reveal']:hover:before, [class^='imghvr-border-reveal']:hover:after, [class^='imghvr-border-reveal']:hover figcaption:before, [class^='imghvr-border-reveal']:hover figcaption:after, [class*=' imghvr-border-reveal']:hover:before, [class*=' imghvr-border-reveal']:hover:after, [class*=' imghvr-border-reveal']:hover figcaption:before, [class*=' imghvr-border-reveal']:hover figcaption:after { -webkit-transform: scale(1); transform: scale(1); } [class^='imghvr-border-reveal']:hover figcaption *, [class*=' imghvr-border-reveal']:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-border-reveal-vert ----------------------------- */ .imghvr-border-reveal-vert:before, .imghvr-border-reveal-vert:after { -webkit-transition-duration: 0s; transition-duration: 0s; } .imghvr-border-reveal-vert:hover:before, .imghvr-border-reveal-vert:hover:after { -webkit-transition-delay: 0.23333s; transition-delay: 0.23333s; } /* imghvr-border-reveal-horiz ----------------------------- */ .imghvr-border-reveal-horiz figcaption:before, .imghvr-border-reveal-horiz figcaption:after { -webkit-transition-duration: 0s; transition-duration: 0s; } .imghvr-border-reveal-horiz:hover figcaption:before, .imghvr-border-reveal-horiz:hover figcaption:after { -webkit-transition-delay: 0.23333s; transition-delay: 0.23333s; } /* imghvr-border-reveal-corners-1 ----------------------------- */ .imghvr-border-reveal-corners-1:before, .imghvr-border-reveal-corners-1 figcaption:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-border-reveal-corners-1:after, .imghvr-border-reveal-corners-1 figcaption:after { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* imghvr-border-reveal-corners-2 ----------------------------- */ .imghvr-border-reveal-corners-2:before, .imghvr-border-reveal-corners-2 figcaption:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-border-reveal-corners-2:after, .imghvr-border-reveal-corners-2 figcaption:after { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } /* imghvr-border-reveal-top-left ----------------------------- */ .imghvr-border-reveal-top-left:before, .imghvr-border-reveal-top-left:after, .imghvr-border-reveal-top-left figcaption:before, .imghvr-border-reveal-top-left figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-border-reveal-top-left:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-top-left:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-top-left figcaption:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-top-left figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-top-left:hover:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-top-left:hover:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-top-left:hover figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-top-left:hover figcaption:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } /* imghvr-border-reveal-top-right ----------------------------- */ .imghvr-border-reveal-top-right:before, .imghvr-border-reveal-top-right:after, .imghvr-border-reveal-top-right figcaption:before, .imghvr-border-reveal-top-right figcaption:after { -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .imghvr-border-reveal-top-right:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-top-right:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-top-right figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-top-right figcaption:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-top-right:hover:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-top-right:hover:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-top-right:hover figcaption:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-top-right:hover figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-border-reveal-bottom-left ----------------------------- */ .imghvr-border-reveal-bottom-left:before, .imghvr-border-reveal-bottom-left:after, .imghvr-border-reveal-bottom-left figcaption:before, .imghvr-border-reveal-bottom-left figcaption:after { -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .imghvr-border-reveal-bottom-left:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-bottom-left:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-bottom-left figcaption:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-bottom-left figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-bottom-left:hover:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-bottom-left:hover:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-bottom-left:hover figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-bottom-left:hover figcaption:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } /* imghvr-border-reveal-bottom-right ----------------------------- */ .imghvr-border-reveal-bottom-right:before, .imghvr-border-reveal-bottom-right:after, .imghvr-border-reveal-bottom-right figcaption:before, .imghvr-border-reveal-bottom-right figcaption:after { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-border-reveal-bottom-right:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-bottom-right:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-bottom-right figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-bottom-right figcaption:after { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-bottom-right:hover:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-bottom-right:hover:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-bottom-right:hover figcaption:before { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .imghvr-border-reveal-bottom-right:hover figcaption:after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* imghvr-border-reveal-cc-1 ----------------------------- */ .imghvr-border-reveal-cc-1:before, .imghvr-border-reveal-cc-1:after, .imghvr-border-reveal-cc-1 figcaption:before, .imghvr-border-reveal-cc-1 figcaption:after { -webkit-transition-duration: 0.23333s; transition-duration: 0.23333s; } .imghvr-border-reveal-cc-1:before, .imghvr-border-reveal-cc-1 figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-border-reveal-cc-1:after, .imghvr-border-reveal-cc-1 figcaption:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-border-reveal-cc-1:before { -webkit-transition-delay: 0.525s; transition-delay: 0.525s; } .imghvr-border-reveal-cc-1:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-border-reveal-cc-1 figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-cc-1 figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-border-reveal-cc-1:hover:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-cc-1:hover:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-border-reveal-cc-1:hover figcaption:before { -webkit-transition-delay: 0.525s; transition-delay: 0.525s; } .imghvr-border-reveal-cc-1:hover figcaption:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } /* imghvr-border-reveal-ccc-1 ----------------------------- */ .imghvr-border-reveal-ccc-1:before, .imghvr-border-reveal-ccc-1:after, .imghvr-border-reveal-ccc-1 figcaption:before, .imghvr-border-reveal-ccc-1 figcaption:after { -webkit-transition-duration: 0.23333s; transition-duration: 0.23333s; } .imghvr-border-reveal-ccc-1:before, .imghvr-border-reveal-ccc-1 figcaption:after { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-border-reveal-ccc-1:after, .imghvr-border-reveal-ccc-1 figcaption:before { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .imghvr-border-reveal-ccc-1:before { -webkit-transition-delay: 0; transition-delay: 0; } .imghvr-border-reveal-ccc-1:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .imghvr-border-reveal-ccc-1 figcaption:before { -webkit-transition-delay: 0.525s; transition-delay: 0.525s; } .imghvr-border-reveal-ccc-1 figcaption:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-border-reveal-ccc-1:hover:before { -webkit-transition-delay: 0.525s; transition-delay: 0.525s; } .imghvr-border-reveal-ccc-1:hover:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .imghvr-border-reveal-ccc-1:hover figcaption:before { -webkit-transition-delay: 0s; transition-delay: 0s; } .imghvr-border-reveal-ccc-1:hover figcaption:after { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-border-reveal-cc-2 ----------------------------- */ .imghvr-border-reveal-cc-2:before, .imghvr-border-reveal-cc-2 figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-border-reveal-cc-2:after, .imghvr-border-reveal-cc-2 figcaption:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* imghvr-border-reveal-ccc-2 ----------------------------- */ .imghvr-border-reveal-ccc-2:before, .imghvr-border-reveal-ccc-2 figcaption:after { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-border-reveal-ccc-2:after, .imghvr-border-reveal-ccc-2 figcaption:before { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } /* imghvr-border-reveal-cc-3 ----------------------------- */ .imghvr-border-reveal-cc-3:before, .imghvr-border-reveal-cc-3 figcaption:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .imghvr-border-reveal-cc-3:after, .imghvr-border-reveal-cc-3 figcaption:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-border-reveal-cc-3:before { right: 14px; left: 0; } .imghvr-border-reveal-cc-3:after { left: 14px; right: 0; } .imghvr-border-reveal-cc-3 figcaption:before { top: 14px; bottom: 0; } .imghvr-border-reveal-cc-3 figcaption:after { bottom: 14px; top: 0; } /* imghvr-border-reveal-ccc-3 ----------------------------- */ .imghvr-border-reveal-ccc-3:before, .imghvr-border-reveal-ccc-3 figcaption:after { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .imghvr-border-reveal-ccc-3:after, .imghvr-border-reveal-ccc-3 figcaption:before { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .imghvr-border-reveal-ccc-3:before { left: 14px; right: 0; } .imghvr-border-reveal-ccc-3:after { right: 14px; left: 0; } .imghvr-border-reveal-ccc-3 figcaption:before { bottom: 14px; top: 0; } .imghvr-border-reveal-ccc-3 figcaption:after { top: 14px; bottom: 0; } /* imghvr-image-* ----------------------------- */ [class^='imghvr-image-'] figcaption, [class*=' imghvr-image-'] figcaption { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-image-']:hover figcaption, [class*=' imghvr-image-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } /* imghvr-image-zoom-center ----------------------------- */ .imghvr-image-zoom-center:hover > img { -webkit-transform: scale(1.25); transform: scale(1.25); } /* imghvr-image-zoom-out ----------------------------- */ .imghvr-image-zoom-out:hover > img { -webkit-transform: scale(0.7); transform: scale(0.7); } /* imghvr-image-rotate-left ----------------------------- */ .imghvr-image-rotate-left:hover > img { -webkit-transform: scale(1.3) rotate(-15deg); transform: scale(1.3) rotate(-15deg); } /* imghvr-image-rotate-right ----------------------------- */ .imghvr-image-rotate-right:hover > img { -webkit-transform: scale(1.3) rotate(15deg); transform: scale(1.3) rotate(15deg); } /* imghvr-book-open-* ----------------------------- */ *[class^='imghvr-book-open-'], *[class*=' imghvr-book-open-'] { overflow: visible; } *[class^='imghvr-book-open-'] figcaption, *[class*=' imghvr-book-open-'] figcaption { background-color: transparent; border: none; } *[class^='imghvr-book-open-'] figcaption:before, *[class^='imghvr-book-open-'] figcaption:after, *[class*=' imghvr-book-open-'] figcaption:before, *[class*=' imghvr-book-open-'] figcaption:after { z-index: -1; background-color: black; content: ''; position: absolute; opacity: 0; -webkit-transition: all 0.45s ease; transition: all 0.45s ease; } *[class^='imghvr-book-open-']:hover figcaption:before, *[class^='imghvr-book-open-']:hover figcaption:after, *[class*=' imghvr-book-open-']:hover figcaption:before, *[class*=' imghvr-book-open-']:hover figcaption:after { opacity: 1; background-color: #135796; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } /* imghvr-book-open-horiz ----------------------------- */ .imghvr-book-open-horiz figcaption { -webkit-perspective: 50em; perspective: 50em; } .imghvr-book-open-horiz figcaption * { opacity: 0; } .imghvr-book-open-horiz figcaption:before, .imghvr-book-open-horiz figcaption:after { height: 100%; width: 50%; top: 0; } .imghvr-book-open-horiz figcaption:before { background-image: -webkit-linear-gradient( left , transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%); background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%); left: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-book-open-horiz figcaption:after { background-image: -webkit-linear-gradient( right , transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%); background-image: linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%); right: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-book-open-horiz:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-book-open-vert ----------------------------- */ .imghvr-book-open-vert figcaption { -webkit-perspective: 50em; perspective: 50em; } .imghvr-book-open-vert figcaption * { opacity: 0; } .imghvr-book-open-vert figcaption:before, .imghvr-book-open-vert figcaption:after { height: 50%; width: 100%; left: 0; } .imghvr-book-open-vert figcaption:before { background-image: -webkit-linear-gradient( top , transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%); background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%); top: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-book-open-vert figcaption:after { background-image: -webkit-linear-gradient( bottom , transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%); background-image: linear-gradient(to top, transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%); bottom: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-book-open-vert:hover figcaption * { opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-book-open-up ----------------------------- */ .imghvr-book-open-up { -webkit-perspective: 50em; perspective: 50em; } .imghvr-book-open-up > img { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-book-open-up figcaption { z-index: -1; } .imghvr-book-open-up figcaption * { opacity: 1; } .imghvr-book-open-up figcaption:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: -webkit-linear-gradient( bottom , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to top, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); left: 0; } .imghvr-book-open-up:hover > img { -webkit-transform: rotateX(86deg); transform: rotateX(86deg); } /* imghvr-book-open-down ----------------------------- */ .imghvr-book-open-down { -webkit-perspective: 50em; perspective: 50em; } .imghvr-book-open-down > img { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-book-open-down figcaption { z-index: -1; } .imghvr-book-open-down figcaption * { opacity: 1; } .imghvr-book-open-down figcaption:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: -webkit-linear-gradient( top , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); left: 0; } .imghvr-book-open-down:hover > img { -webkit-transform: rotateX(-86deg); transform: rotateX(-86deg); } /* imghvr-book-open-left ----------------------------- */ .imghvr-book-open-left { -webkit-perspective: 50em; perspective: 50em; } .imghvr-book-open-left > img { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-book-open-left figcaption { z-index: -1; } .imghvr-book-open-left figcaption * { opacity: 1; } .imghvr-book-open-left figcaption:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: -webkit-linear-gradient( right , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to left, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); left: 0; } .imghvr-book-open-left:hover > img { -webkit-transform: rotateY(-86deg); transform: rotateY(-86deg); } /* imghvr-book-open-right ----------------------------- */ .imghvr-book-open-right { -webkit-perspective: 50em; perspective: 50em; } .imghvr-book-open-right > img { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-book-open-right figcaption { z-index: -1; } .imghvr-book-open-right figcaption * { opacity: 1; } .imghvr-book-open-right figcaption:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: -webkit-linear-gradient( left , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%); left: 0; } .imghvr-book-open-right:hover > img { -webkit-transform: rotateY(86deg); transform: rotateY(86deg); } /* imghvr-circle-* ----------------------------- */ [class^='imghvr-circle-']:before, [class*=' imghvr-circle-']:before { position: absolute; top: -25%; bottom: -25%; left: -25%; right: -25%; content: ''; background-color: #135796; border-radius: 50%; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; } [class^='imghvr-circle-'] figcaption, [class*=' imghvr-circle-'] figcaption { opacity: 0; background-color: transparent; } [class^='imghvr-circle-']:hover:before, [class*=' imghvr-circle-']:hover:before { -webkit-transform: translate(0, 0); transform: translate(0, 0); } [class^='imghvr-circle-']:hover figcaption, [class*=' imghvr-circle-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } /* imghvr-circle-up ----------------------------- */ .imghvr-circle-up:before { -webkit-transform: translateY(100%); transform: translateY(100%); } /* imghvr-circle-down ----------------------------- */ .imghvr-circle-down:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* imghvr-circle-left ----------------------------- */ .imghvr-circle-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); } /* imghvr-circle-right ----------------------------- */ .imghvr-circle-right:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* imghvr-circle-top-left ----------------------------- */ .imghvr-circle-top-left:before { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } /* imghvr-circle-top-right ----------------------------- */ .imghvr-circle-top-right:before { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } /* imghvr-circle-bottom-left ----------------------------- */ .imghvr-circle-bottom-left:before { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } /* imghvr-circle-bottom-right ----------------------------- */ .imghvr-circle-bottom-right:before { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } /* imghvr-shift-* ----------------------------- */ [class^='imghvr-shift'], [class*=' imghvr-shift'] { overflow: visible; } [class^='imghvr-shift'] figcaption, [class*=' imghvr-shift'] figcaption { background-color: #135796; opacity: 0; } /* imghvr-shift-top-left ----------------------------- */ .imghvr-shift-top-left:hover figcaption { opacity: 1; -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } /* imghvr-shift-top-right ----------------------------- */ .imghvr-shift-top-right:hover figcaption { opacity: 1; -webkit-transform: translate(10px, -10px); transform: translate(10px, -10px); } /* imghvr-shift-bottom-left ----------------------------- */ .imghvr-shift-bottom-left:hover figcaption { opacity: 1; -webkit-transform: translate(-10px, 10px); transform: translate(-10px, 10px); } /* imghvr-shift-bottom-right ----------------------------- */ .imghvr-shift-bottom-right:hover figcaption { opacity: 1; -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); } /* imghvr-bounce-* ----------------------------- */ [class^='imghvr-bounce'] figcaption, [class*=' imghvr-bounce'] figcaption { background-color: #135796; opacity: 1; } [class^='imghvr-bounce']:hover figcaption, [class*=' imghvr-bounce']:hover figcaption { -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); } /* imghvr-bounce-in ----------------------------- */ .imghvr-bounce-in figcaption { opacity: 0; } .imghvr-bounce-in:hover figcaption { -webkit-animation: imghvr-bounce-in 0.6s ease-in forwards; animation: imghvr-bounce-in 0.6s ease-in forwards; -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); opacity: 1; } @-webkit-keyframes imghvr-bounce-in { 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 imghvr-bounce-in { 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); } } /* imghvr-bounce-in-up ----------------------------- */ .imghvr-bounce-in-up figcaption { opacity: 1; -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-bounce-in-up:hover figcaption { -webkit-animation: imghvr-bounce-in-up 0.8s ease-in forwards; animation: imghvr-bounce-in-up 0.8s ease-in forwards; } @-webkit-keyframes imghvr-bounce-in-up { 25%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(25px); } 65% { -webkit-transform: translateY(10px); } 90% { -webkit-transform: translateY(2px); } } @keyframes imghvr-bounce-in-up { 25%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(25px); } 65% { transform: translateY(10px); } 90% { transform: translateY(2px); } } /* imghvr-bounce-in-down ----------------------------- */ .imghvr-bounce-in-down figcaption { opacity: 1; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-bounce-in-down:hover figcaption { -webkit-animation: imghvr-bounce-in-down 0.8s ease-in forwards; animation: imghvr-bounce-in-down 0.8s ease-in forwards; } @-webkit-keyframes imghvr-bounce-in-down { 25%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-25px); } 65% { -webkit-transform: translateY(-10px); } 90% { -webkit-transform: translateY(-2px); } } @keyframes imghvr-bounce-in-down { 25%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-25px); } 65% { transform: translateY(-10px); } 90% { transform: translateY(-2px); } } /* imghvr-bounce-in-left ----------------------------- */ .imghvr-bounce-in-left figcaption { opacity: 1; -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-bounce-in-left:hover figcaption { -webkit-animation: imghvr-bounce-in-left 0.8s ease-in forwards; animation: imghvr-bounce-in-left 0.8s ease-in forwards; } @-webkit-keyframes imghvr-bounce-in-left { 25%, 50%, 80%, 100% { -webkit-transform: translateX(0); } 40% { -webkit-transform: translateX(25px); } 65% { -webkit-transform: translateX(10px); } 90% { -webkit-transform: translateX(2px); } } @keyframes imghvr-bounce-in-left { 25%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(25px); } 65% { transform: translateX(10px); } 90% { transform: translateX(2px); } } /* imghvr-bounce-in-right ----------------------------- */ .imghvr-bounce-in-right figcaption { opacity: 1; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-bounce-in-right:hover figcaption { -webkit-animation: imghvr-bounce-in-right 0.8s ease-in forwards; animation: imghvr-bounce-in-right 0.8s ease-in forwards; } @-webkit-keyframes imghvr-bounce-in-right { 25%, 50%, 80%, 100% { -webkit-transform: translateX(0); } 40% { -webkit-transform: translateX(-25px); } 65% { -webkit-transform: translateX(-10px); } 90% { -webkit-transform: translateX(-2px); } } @keyframes imghvr-bounce-in-right { 25%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-25px); } 65% { transform: translateX(-10px); } 90% { transform: translateX(-2px); } } /* imghvr-bounce-out ----------------------------- */ .imghvr-bounce-out figcaption { opacity: 0; } .imghvr-bounce-out:hover > img { -webkit-animation: imghvr-bounce-out 0.4025s ease-in forwards; animation: imghvr-bounce-out 0.4025s ease-in forwards; } .imghvr-bounce-out:hover figcaption { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } @-webkit-keyframes imghvr-bounce-out { 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 imghvr-bounce-out { 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); } } /* imghvr-bounce-out-up ----------------------------- */ .imghvr-bounce-out-up figcaption { opacity: 0; } .imghvr-bounce-out-up:hover > img { -webkit-animation: imghvr-bounce-out-up 0.4025s ease-in forwards; animation: imghvr-bounce-out-up 0.4025s ease-in forwards; } .imghvr-bounce-out-up:hover figcaption { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } @-webkit-keyframes imghvr-bounce-out-up { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes imghvr-bounce-out-up { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } /* imghvr-bounce-out-down ----------------------------- */ .imghvr-bounce-out-down figcaption { opacity: 0; } .imghvr-bounce-out-down:hover > img { -webkit-animation: imghvr-bounce-out-down 0.4025s ease-in forwards; animation: imghvr-bounce-out-down 0.4025s ease-in forwards; } .imghvr-bounce-out-down:hover figcaption { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } @-webkit-keyframes imghvr-bounce-out-down { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes imghvr-bounce-out-down { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } /* imghvr-bounce-out-left ----------------------------- */ .imghvr-bounce-out-left figcaption { opacity: 0; } .imghvr-bounce-out-left:hover > img { -webkit-animation: imghvr-bounce-out-left 0.4025s ease-in forwards; animation: imghvr-bounce-out-left 0.4025s ease-in forwards; } .imghvr-bounce-out-left:hover figcaption { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } @-webkit-keyframes imghvr-bounce-out-left { 20% { opacity: 1; -webkit-transform: translate3d(15%, 0, 0); transform: translate3d(15%, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes imghvr-bounce-out-left { 20% { opacity: 1; -webkit-transform: translate3d(15%, 0, 0); transform: translate3d(15%, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } /* imghvr-bounce-out-right ----------------------------- */ .imghvr-bounce-out-right figcaption { opacity: 0; } .imghvr-bounce-out-right:hover > img { -webkit-animation: imghvr-bounce-out-right 0.4025s ease-in forwards; animation: imghvr-bounce-out-right 0.4025s ease-in forwards; } .imghvr-bounce-out-right:hover figcaption { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } @-webkit-keyframes imghvr-bounce-out-right { 20% { opacity: 1; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes imghvr-bounce-out-right { 20% { opacity: 1; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } /* imghvr-fall-away-* ----------------------------- */ *[class^='imghvr-fall-away-'], *[class*=' imghvr-fall-away-'] { -webkit-perspective: 50em; perspective: 50em; } *[class^='imghvr-fall-away-'] img, *[class*=' imghvr-fall-away-'] img { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.455s ease-in; transition: all 0.455s ease-in; } *[class^='imghvr-fall-away-'] figcaption, *[class*=' imghvr-fall-away-'] figcaption { opacity: 0; background-color: #135796; } *[class^='imghvr-fall-away-']:hover img, *[class*=' imghvr-fall-away-']:hover img { opacity: 0; } *[class^='imghvr-fall-away-']:hover figcaption, *[class*=' imghvr-fall-away-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.455s; transition-delay: 0.455s; } /* imghvr-fall-away-horiz ----------------------------- */ .imghvr-fall-away-horiz:hover img { -webkit-transform: rotateX(-360deg) scale(0.2); transform: rotateX(-360deg) scale(0.2); } /* imghvr-fall-away-vert ----------------------------- */ .imghvr-fall-away-vert:hover img { -webkit-transform: rotateY(-360deg) scale(0.2); transform: rotateY(-360deg) scale(0.2); } /* imghvr-fall-away-cc ----------------------------- */ .imghvr-fall-away-cc:hover img { -webkit-transform: rotate(360deg) scale(0.2); transform: rotate(360deg) scale(0.2); } /* imghvr-fall-away-ccc ----------------------------- */ .imghvr-fall-away-ccc:hover img { -webkit-transform: rotate(-360deg) scale(0.2); transform: rotate(-360deg) scale(0.2); } /* imghvr-modal-slide-* ----------------------------- */ [class^='imghvr-modal'] figcaption, [class*=' imghvr-modal'] figcaption { opacity: 1; } [class^='imghvr-modal']:hover > img, [class*=' imghvr-modal']:hover > img { opacity: 0.7; } [class^='imghvr-modal']:hover figcaption, [class*=' imghvr-modal']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* imghvr-modal-slide-up ----------------------------- */ .imghvr-modal-slide-up figcaption { top: auto; padding-top: 15px; padding-bottom: 15px; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } /* imghvr-modal-slide-down ----------------------------- */ .imghvr-modal-slide-down figcaption { bottom: auto; padding-top: 15px; padding-bottom: 15px; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } /* imghvr-modal-slide-left ----------------------------- */ .imghvr-modal-slide-left figcaption { left: auto; max-width: 70%; padding-left: 15px; padding-right: 15px; -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); } /* imghvr-modal-slide-right ----------------------------- */ .imghvr-modal-slide-right figcaption { right: auto; max-width: 70%; padding-left: 15px; padding-right: 15px; -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } /* imghvr-modal-hinge-* ----------------------------- */ [class^='imghvr-modal'], [class*=' imghvr-modal'] { -webkit-perspective: 50em; perspective: 50em; } [class^='imghvr-modal'] figcaption, [class*=' imghvr-modal'] figcaption { opacity: 1; } [class^='imghvr-modal']:hover > img, [class*=' imghvr-modal']:hover > img { opacity: 0.7; } [class^='imghvr-modal']:hover figcaption, [class*=' imghvr-modal']:hover figcaption { -webkit-transform: rotate(0); transform: rotate(0); } /* imghvr-modal-hinge-up ----------------------------- */ .imghvr-modal-hinge-up figcaption { top: auto; padding-top: 15px; padding-bottom: 15px; -webkit-transform: rotateX(100deg); transform: rotateX(100deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } /* imghvr-modal-hinge-down ----------------------------- */ .imghvr-modal-hinge-down figcaption { bottom: auto; padding-top: 15px; padding-bottom: 15px; -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: 50% -50%; transform-origin: 50% -50%; } /* imghvr-modal-hinge-left ----------------------------- */ .imghvr-modal-hinge-left figcaption { left: auto; max-width: 70%; padding-left: 15px; padding-right: 15px; -webkit-transform: rotateY(-100deg); transform: rotateY(-100deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* imghvr-modal-hinge-right ----------------------------- */ .imghvr-modal-hinge-right figcaption { right: auto; max-width: 70%; padding-left: 15px; padding-right: 15px; -webkit-transform: rotateY(100deg); transform: rotateY(100deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } /* imghvr-lightspeed-in-left ----------------------------- */ .imghvr-lightspeed-in-left figcaption { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } .imghvr-lightspeed-in-left:hover figcaption { -webkit-animation: imghvr-lightspeed-in-left 0.4025s ease-in forwards; animation: imghvr-lightspeed-in-left 0.4025s ease-in forwards; opacity: 1; } @-webkit-keyframes imghvr-lightspeed-in-left { from { -webkit-transform: translate(100%, 0) skewX(-20deg); transform: translate(100%, 0) skewX(-20deg); } 50% { -webkit-transform: translate(0, 0) skewX(-20deg); transform: translate(0, 0) skewX(-20deg); } 75% { -webkit-transform: translate(0, 0) skewX(10deg); transform: translate(0, 0) skewX(10deg); } to { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } @keyframes imghvr-lightspeed-in-left { from { -webkit-transform: translate(100%, 0) skewX(-20deg); transform: translate(100%, 0) skewX(-20deg); } 50% { -webkit-transform: translate(0, 0) skewX(-20deg); transform: translate(0, 0) skewX(-20deg); } 75% { -webkit-transform: translate(0, 0) skewX(10deg); transform: translate(0, 0) skewX(10deg); } to { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } /* imghvr-lightspeed-in-right ----------------------------- */ .imghvr-lightspeed-in-right figcaption { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } .imghvr-lightspeed-in-right:hover figcaption { -webkit-animation: imghvr-lightspeed-in-right 0.4025s ease-in forwards; animation: imghvr-lightspeed-in-right 0.4025s ease-in forwards; opacity: 1; } @-webkit-keyframes imghvr-lightspeed-in-right { from { -webkit-transform: translate(-100%, 0) skewX(20deg); transform: translate(-100%, 0) skewX(20deg); } 50% { -webkit-transform: translate(0, 0) skewX(20deg); transform: translate(0, 0) skewX(20deg); } 75% { -webkit-transform: translate(0, 0) skewX(-10deg); transform: translate(0, 0) skewX(-10deg); } to { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } @keyframes imghvr-lightspeed-in-right { from { -webkit-transform: translate(-100%, 0) skewX(20deg); transform: translate(-100%, 0) skewX(20deg); } 50% { -webkit-transform: translate(0, 0) skewX(20deg); transform: translate(0, 0) skewX(20deg); } 75% { -webkit-transform: translate(0, 0) skewX(-10deg); transform: translate(0, 0) skewX(-10deg); } to { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } /* imghvr-lightspeed-out-left ----------------------------- */ .imghvr-lightspeed-out-left figcaption { z-index: -1; opacity: 1; } .imghvr-lightspeed-out-left:hover > img { -webkit-animation: imghvr-lightspeed-out-left 0.4025s ease-in forwards; animation: imghvr-lightspeed-out-left 0.4025s ease-in forwards; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } @-webkit-keyframes imghvr-lightspeed-out-left { from { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 25% { -webkit-transform: translate(10%, 0) skewX(0deg); transform: translate(10%, 0) skewX(0deg); } 50% { -webkit-transform: translate(0, 0) skewX(-20deg); transform: translate(0, 0) skewX(-20deg); } to { -webkit-transform: translate(-150%, 0) skewX(-20deg); transform: translate(-150%, 0) skewX(-20deg); } } @keyframes imghvr-lightspeed-out-left { from { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 25% { -webkit-transform: translate(10%, 0) skewX(0deg); transform: translate(10%, 0) skewX(0deg); } 50% { -webkit-transform: translate(0, 0) skewX(-20deg); transform: translate(0, 0) skewX(-20deg); } to { -webkit-transform: translate(-150%, 0) skewX(-20deg); transform: translate(-150%, 0) skewX(-20deg); } } /* imghvr-lightspeed-out-right ----------------------------- */ .imghvr-lightspeed-out-right figcaption { z-index: -1; opacity: 1; } .imghvr-lightspeed-out-right:hover > img { -webkit-animation: imghvr-lightspeed-out-right 0.4025s ease-in forwards; animation: imghvr-lightspeed-out-right 0.4025s ease-in forwards; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } @-webkit-keyframes imghvr-lightspeed-out-right { from { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 25% { -webkit-transform: translate(10%, 0) skewX(0deg); transform: translate(10%, 0) skewX(0deg); } 50% { -webkit-transform: translate(0, 0) skewX(-20deg); transform: translate(0, 0) skewX(-20deg); } to { -webkit-transform: translate(-150%, 0) skewX(-20deg); transform: translate(-150%, 0) skewX(-20deg); } } @keyframes imghvr-lightspeed-out-right { from { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 25% { -webkit-transform: translate(-10%, 0) skewX(0deg); transform: translate(-10%, 0) skewX(0deg); } 50% { -webkit-transform: translate(0, 0) skewX(20deg); transform: translate(0, 0) skewX(20deg); } to { -webkit-transform: translate(150%, 0) skewX(20deg); transform: translate(150%, 0) skewX(20deg); } } /* imghvr-grad-* ----------------------------- */ [class^='imghvr-grad-']:before, [class*=' imghvr-grad-']:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; } [class^='imghvr-grad-'] figcaption, [class*=' imghvr-grad-'] figcaption { z-index: 1; opacity: 0; background-color: transparent; } [class^='imghvr-grad-']:hover:before, [class*=' imghvr-grad-']:hover:before { -webkit-transform: translate(0, 0); transform: translate(0, 0); } [class^='imghvr-grad-']:hover figcaption, [class*=' imghvr-grad-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } /* imghvr-grad-radial-in ----------------------------- */ .imghvr-grad-radial-in:before { background-image: -webkit-radial-gradient(transparent 0%, #135796 100%); background-image: radial-gradient(transparent 0%, #135796 100%); -webkit-transform: scale(2); transform: scale(2); opacity: 0; } .imghvr-grad-radial-in:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; opacity: 0; background-color: #135796; } .imghvr-grad-radial-in:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .imghvr-grad-radial-in:hover:after { opacity: 0.75; -webkit-transition-delay: 0.105s; transition-delay: 0.105s; } /* imghvr-grad-radial-out ----------------------------- */ .imghvr-grad-radial-out:before { background-image: -webkit-radial-gradient(#135796 0%, transparent 100%); background-image: radial-gradient(#135796 0%, transparent 100%); position: absolute; top: -75%; bottom: -75%; left: -75%; right: -75%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .imghvr-grad-radial-out:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* imghvr-grad-up ----------------------------- */ .imghvr-grad-up:before { -webkit-transform: translateY(100%); transform: translateY(100%); background-image: -webkit-linear-gradient( top , transparent 0%, #135796 100%); background-image: linear-gradient(to bottom, transparent 0%, #135796 100%); top: -75%; } /* imghvr-grad-down ----------------------------- */ .imghvr-grad-down:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); background-image: -webkit-linear-gradient( bottom , transparent 0%, #135796 100%); background-image: linear-gradient(to top, transparent 0%, #135796 100%); bottom: -75%; } /* imghvr-grad-left ----------------------------- */ .imghvr-grad-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); background-image: -webkit-linear-gradient( left , transparent 0%, #135796 100%); background-image: linear-gradient(to right, transparent 0%, #135796 100%); left: -75%; } /* imghvr-grad-right ----------------------------- */ .imghvr-grad-right:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background-image: -webkit-linear-gradient( right , transparent 0%, #135796 100%); background-image: linear-gradient(to left, transparent 0%, #135796 100%); right: -75%; } /* imghvr-grad-top-left ----------------------------- */ .imghvr-grad-top-left:before { background-image: -webkit-linear-gradient(-45deg, transparent 0%, #135796 100%); background-image: linear-gradient(-45deg, transparent 0%, #135796 100%); -webkit-transform: scale(2); transform: scale(2); opacity: 0; bottom: -75%; right: -75%; } .imghvr-grad-top-left:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* imghvr-grad-top-right ----------------------------- */ .imghvr-grad-top-right:before { background-image: -webkit-linear-gradient(-315deg, transparent 0%, #135796 100%); background-image: linear-gradient(45deg, transparent 0%, #135796 100%); -webkit-transform: scale(2); transform: scale(2); opacity: 0; bottom: -75%; left: -75%; } .imghvr-grad-top-right:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* imghvr-grad-bottom-left ----------------------------- */ .imghvr-grad-bottom-left:before { background-image: -webkit-linear-gradient(-135deg, transparent 0%, #135796 100%); background-image: linear-gradient(-135deg, transparent 0%, #135796 100%); -webkit-transform: scale(2); transform: scale(2); opacity: 0; top: -75%; right: -75%; } .imghvr-grad-bottom-left:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* imghvr-grad-bottom-right ----------------------------- */ .imghvr-grad-bottom-right:before { background-image: -webkit-linear-gradient(-405deg, transparent 0%, #135796 100%); background-image: linear-gradient(135deg, transparent 0%, #135796 100%); -webkit-transform: scale(2); transform: scale(2); opacity: 0; top: -75%; left: -75%; } .imghvr-grad-bottom-right:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* imghvr-parallax-* ----------------------------- */ [class^='imghvr-parallax-']:hover figcaption, [class*=' imghvr-parallax-']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* imghvr-parallax-up ----------------------------- */ .imghvr-parallax-up figcaption { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-parallax-up:hover > img { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* imghvr-parallax-down ----------------------------- */ .imghvr-parallax-down figcaption { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-parallax-down:hover > img { -webkit-transform: translateY(50%); transform: translateY(50%); } /* imghvr-parallax-left ----------------------------- */ .imghvr-parallax-left figcaption { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-parallax-left:hover > img { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* imghvr-parallax--right ----------------------------- */ .imghvr-parallax-right figcaption { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-parallax-right:hover > img { -webkit-transform: translateX(50%); transform: translateX(50%); } /* imghvr-stack-* ----------------------------- */ [class^='imghvr-stack-'] > img, [class^='imghvr-stack-'] figcaption, [class*=' imghvr-stack-'] > img, [class*=' imghvr-stack-'] figcaption { -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } [class^='imghvr-stack-']:hover > img, [class*=' imghvr-stack-']:hover > img { -webkit-transform: scale(0.75); transform: scale(0.75); opacity: 0.5; } [class^='imghvr-stack-']:hover figcaption, [class*=' imghvr-stack-']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* imghvr-stack-up ----------------------------- */ .imghvr-stack-up figcaption { -webkit-transform: translateY(100%); transform: translateY(100%); } /* imghvr-stack-down ----------------------------- */ .imghvr-stack-down figcaption { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* imghvr-stack-left ----------------------------- */ .imghvr-stack-left figcaption { -webkit-transform: translateX(100%); transform: translateX(100%); } /* imghvr-stack-right ----------------------------- */ .imghvr-stack-right figcaption { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* imghvr-stack-top-left ----------------------------- */ .imghvr-stack-top-left figcaption { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } /* imghvr-stack-top-right ----------------------------- */ .imghvr-stack-top-right figcaption { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } /* imghvr-stack-bottom-left ----------------------------- */ .imghvr-stack-bottom-left figcaption { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } /* imghvr-stack-bottom-right ----------------------------- */ .imghvr-stack-bottom-right figcaption { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } /* imghvr-cube-* ----------------------------- */ [class^='imghvr-cube-'], [class*=' imghvr-cube-'] { -webkit-perspective: 50em; perspective: 50em; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow: visible; background-color: transparent; } [class^='imghvr-cube-'] > img, [class*=' imghvr-cube-'] > img { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } [class^='imghvr-cube-'] figcaption, [class*=' imghvr-cube-'] figcaption { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; background-color: #135796; } [class^='imghvr-cube-']:hover > img, [class*=' imghvr-cube-']:hover > img { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-cube-']:hover figcaption, [class*=' imghvr-cube-']:hover figcaption { -webkit-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } /* imghvr-cube-up ----------------------------- */ .imghvr-cube-up figcaption { -webkit-transform: translateY(50%) rotateX(-90deg); transform: translateY(50%) rotateX(-90deg); } .imghvr-cube-up:hover > img { -webkit-transform: translateY(-50%) rotateX(90deg); transform: translateY(-50%) rotateX(90deg); } /* imghvr-cube-down ----------------------------- */ .imghvr-cube-down figcaption { -webkit-transform: translateY(-50%) rotateX(90deg); transform: translateY(-50%) rotateX(90deg); } .imghvr-cube-down:hover > img { -webkit-transform: translateY(50%) rotateX(-90deg); transform: translateY(50%) rotateX(-90deg); } /* imghvr-cube-left ----------------------------- */ .imghvr-cube-left figcaption { -webkit-transform: translateX(-50%) rotateY(-90deg); transform: translateX(-50%) rotateY(-90deg); } .imghvr-cube-left:hover > img { -webkit-transform: translateX(50%) rotateY(90deg); transform: translateX(50%) rotateY(90deg); } /* imghvr-cube-right ----------------------------- */ .imghvr-cube-right figcaption { -webkit-transform: translateX(50%) rotateY(90deg); transform: translateX(50%) rotateY(90deg); } .imghvr-cube-right:hover > img { -webkit-transform: translateX(-50%) rotateY(-90deg); transform: translateX(-50%) rotateY(-90deg); } /* imghvr-dive-* ----------------------------- */ [class^='imghvr-dive'] figcaption, [class*=' imghvr-dive'] figcaption { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-dive']:hover > img, [class*=' imghvr-dive']:hover > img { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } [class^='imghvr-dive']:hover figcaption, [class*=' imghvr-dive']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } /* imghvr-dive ----------------------------- */ .imghvr-dive figcaption { -webkit-transform: scale(5); transform: scale(5); } .imghvr-dive:hover > img { -webkit-transform: scale(5); transform: scale(5); } .imghvr-dive:hover figcaption { -webkit-transform: scale(1); transform: scale(1); } /* imghvr-dive-cc ----------------------------- */ .imghvr-dive-cc figcaption { -webkit-transform: rotate(-45deg) scale(5); transform: rotate(-45deg) scale(5); } .imghvr-dive-cc:hover > img { -webkit-transform: rotate(45deg) scale(5); transform: rotate(45deg) scale(5); } .imghvr-dive-cc:hover figcaption { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } /* imghvr-dive-ccc ----------------------------- */ .imghvr-dive-ccc figcaption { -webkit-transform: rotate(45deg) scale(5); transform: rotate(45deg) scale(5); } .imghvr-dive-ccc:hover > img { -webkit-transform: rotate(-45deg) scale(5); transform: rotate(-45deg) scale(5); } .imghvr-dive-ccc:hover figcaption { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } /* imghvr-switch-* ----------------------------- */ [class^='imghvr-switch-'] > img, [class^='imghvr-switch-'] figcaption, [class*=' imghvr-switch-'] > img, [class*=' imghvr-switch-'] figcaption { -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } [class^='imghvr-switch-']:hover figcaption, [class*=' imghvr-switch-']:hover figcaption { -webkit-transform: translate(0 0); transform: translate(0 0); } /* imghvr-switch-up ----------------------------- */ .imghvr-switch-up figcaption { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-switch-up:hover > img { -webkit-transform: translateY(100%); transform: translateY(100%); } /* imghvr-switch-down ----------------------------- */ .imghvr-switch-down figcaption { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-switch-down:hover > img { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* imghvr-switch-left ----------------------------- */ .imghvr-switch-left figcaption { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-switch-left:hover > img { -webkit-transform: translateX(100%); transform: translateX(100%); } /* imghvr-switch-right ----------------------------- */ .imghvr-switch-right figcaption { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-switch-right:hover > img { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* imghvr-flash-* ----------------------------- */ [class^='imghvr-flash-']:before, [class^='imghvr-flash-']:after, [class*=' imghvr-flash-']:before, [class*=' imghvr-flash-']:after { opacity: 0.75; background-color: #135796; position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; content: ''; } [class^='imghvr-flash-']:after, [class*=' imghvr-flash-']:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } [class^='imghvr-flash-'] figcaption, [class*=' imghvr-flash-'] figcaption { opacity: 0; z-index: 1; } [class^='imghvr-flash-']:hover figcaption, [class*=' imghvr-flash-']:hover figcaption { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; opacity: 1; } /* imghvr-flash-top-left ----------------------------- */ .imghvr-flash-top-left:before, .imghvr-flash-top-left:after { -webkit-transform: rotate(-45deg) translateY(-100%); transform: rotate(-45deg) translateY(-100%); } .imghvr-flash-top-left:hover:before { -webkit-transform: rotate(-45deg) translateY(100%); transform: rotate(-45deg) translateY(100%); } .imghvr-flash-top-left:hover:after { -webkit-transform: rotate(-45deg) translateY(0%); transform: rotate(-45deg) translateY(0%); } /* imghvr-flash-top-right ----------------------------- */ .imghvr-flash-top-right:before, .imghvr-flash-top-right:after { -webkit-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); } .imghvr-flash-top-right:hover:before { -webkit-transform: rotate(45deg) translateY(100%); transform: rotate(45deg) translateY(100%); } .imghvr-flash-top-right:hover:after { -webkit-transform: rotate(45deg) translateY(0%); transform: rotate(45deg) translateY(0%); } /* imghvr-flash-bottom-left ----------------------------- */ .imghvr-flash-bottom-left:before, .imghvr-flash-bottom-left:after { -webkit-transform: rotate(45deg) translateY(100%); transform: rotate(45deg) translateY(100%); } .imghvr-flash-bottom-left:hover:before { -webkit-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); } .imghvr-flash-bottom-left:hover:after { -webkit-transform: rotate(45deg) translateY(0%); transform: rotate(45deg) translateY(0%); } /* imghvr-flash-bottom-right ----------------------------- */ .imghvr-flash-bottom-right:before, .imghvr-flash-bottom-right:after { -webkit-transform: rotate(-45deg) translateY(100%); transform: rotate(-45deg) translateY(100%); } .imghvr-flash-bottom-right:hover:before { -webkit-transform: rotate(-45deg) translateY(-100%); transform: rotate(-45deg) translateY(-100%); } .imghvr-flash-bottom-right:hover:after { -webkit-transform: rotate(-45deg) translateY(0%); transform: rotate(-45deg) translateY(0%); } .imghvr-center figcaption { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } [class^='imghvr-']:hover .ih-delay-xs, [class*=' imghvr-']:hover .ih-delay-xs { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } [class^='imghvr-']:hover .ih-delay-sm, [class*=' imghvr-']:hover .ih-delay-sm { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [class^='imghvr-']:hover .ih-delay-md, [class*=' imghvr-']:hover .ih-delay-md { -webkit-transition-delay: 0.525s; transition-delay: 0.525s; } [class^='imghvr-']:hover .ih-delay-lg, [class*=' imghvr-']:hover .ih-delay-lg { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } [class^='imghvr-']:hover .ih-delay-xl, [class*=' imghvr-']:hover .ih-delay-xl { -webkit-transition-delay: 0.875s; transition-delay: 0.875s; } [class^='imghvr-']:hover .ih-delay-xxl, [class*=' imghvr-']:hover .ih-delay-xxl { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } [class^='imghvr-'] [class^='ih-'], [class^='imghvr-'] [class*=' ih-'], [class*=' imghvr-'] [class^='ih-'], [class*=' imghvr-'] [class*=' ih-'] { opacity: 0; } [class^='imghvr-'] .ih-fade-up, [class*=' imghvr-'] .ih-fade-up { -webkit-transform: translate(0, 25px); transform: translate(0, 25px); } [class^='imghvr-'] .ih-fade-down, [class*=' imghvr-'] .ih-fade-down { -webkit-transform: translate(0, -25px); transform: translate(0, -25px); } [class^='imghvr-'] .ih-fade-left, [class*=' imghvr-'] .ih-fade-left { -webkit-transform: translate(25px, 0); transform: translate(25px, 0); } [class^='imghvr-'] .ih-fade-right, [class*=' imghvr-'] .ih-fade-right { -webkit-transform: translate(-25px, 0); transform: translate(-25px, 0); } [class^='imghvr-'] .ih-fade-up-big, [class*=' imghvr-'] .ih-fade-up-big { -webkit-transform: translate(0, 300%); transform: translate(0, 300%); } [class^='imghvr-'] .ih-fade-down-big, [class*=' imghvr-'] .ih-fade-down-big { -webkit-transform: translate(0, -300%); transform: translate(0, -300%); } [class^='imghvr-'] .ih-fade-left-big, [class*=' imghvr-'] .ih-fade-left-big { -webkit-transform: translate(150%, 0); transform: translate(150%, 0); } [class^='imghvr-'] .ih-fade-right-big, [class*=' imghvr-'] .ih-fade-right-big { -webkit-transform: translate(-150%, 0); transform: translate(-150%, 0); } [class^='imghvr-'] .ih-zoom-in, [class*=' imghvr-'] .ih-zoom-in { -webkit-transform: scale(0.5); transform: scale(0.5); } [class^='imghvr-'] .ih-zoom-out, [class*=' imghvr-'] .ih-zoom-out { -webkit-transform: scale(1.5); transform: scale(1.5); } [class^='imghvr-'] .ih-flip-x, [class*=' imghvr-'] .ih-flip-x { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } [class^='imghvr-'] .ih-flip-y, [class*=' imghvr-'] .ih-flip-y { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } [class^='imghvr-']:hover [class^='ih-'], [class^='imghvr-']:hover [class*=' ih-'], [class*=' imghvr-']:hover [class^='ih-'], [class*=' imghvr-']:hover [class*=' ih-'] { -webkit-transform: translate(0, 0) scale(1) rotate(0); transform: translate(0, 0) scale(1) rotate(0); opacity: 1; } /*! * animsition v3.4.3 * http://blivesta.github.io/animsition/ * Licensed under MIT * Author : blivesta * http://blivesta.com/ */.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animsition-loading{position:fixed;top:0;z-index:100;width:100%;height:100%;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animsition-loading:after{position:fixed;top:50%;width:100%;margin-top:20px;font-size:16px;color:#aaa;text-align:center;content:"Loading"}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.fade-in{-webkit-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-o-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.fade-out{-webkit-animation-name:fade-out;-o-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(500px);transform:translateY(500px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-up{0%{opacity:0;-o-transform:translateY(500px);transform:translateY(500px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(500px);-o-transform:translateY(500px);transform:translateY(500px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-up{-webkit-animation-name:fade-in-up;-o-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}}@-o-keyframes fade-out-up{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-500px);transform:translateY(-500px)}}@keyframes fade-out-up{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-500px);-o-transform:translateY(-500px);transform:translateY(-500px)}}.fade-out-up{-webkit-animation-name:fade-out-up;-o-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-up-sm{0%{opacity:0;-o-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up-sm{0%{opacity:0;-webkit-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;-o-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@-o-keyframes fade-out-up-sm{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes fade-out-up-sm{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px)}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;-o-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{opacity:0;-webkit-transform:translateY(1000px);transform:translateY(1000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-up-lg{0%{opacity:0;-o-transform:translateY(1000px);transform:translateY(1000px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up-lg{0%{opacity:0;-webkit-transform:translateY(1000px);-o-transform:translateY(1000px);transform:translateY(1000px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;-o-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}}@-o-keyframes fade-out-up-lg{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-1000px);transform:translateY(-1000px)}}@keyframes fade-out-up-lg{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-1000px);-o-transform:translateY(-1000px);transform:translateY(-1000px)}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;-o-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-down{0%{opacity:0;-o-transform:translateY(-500px);transform:translateY(-500px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-500px);-o-transform:translateY(-500px);transform:translateY(-500px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-down{-webkit-animation-name:fade-in-down;-o-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(500px);transform:translateY(500px)}}@-o-keyframes fade-out-down{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(500px);transform:translateY(500px)}}@keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(500px);-o-transform:translateY(500px);transform:translateY(500px)}}.fade-out-down{-webkit-animation-name:fade-out-down;-o-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-down-sm{0%{opacity:0;-o-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down-sm{0%{opacity:0;-webkit-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;-o-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}}@-o-keyframes fade-out-down-sm{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(100px);transform:translateY(100px)}}@keyframes fade-out-down-sm{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px)}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;-o-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}@-webkit-keyframes fade-in-down-lg{0%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-down-lg{0%{opacity:0;-o-transform:translateY(-1000px);transform:translateY(-1000px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down-lg{0%{opacity:0;-webkit-transform:translateY(-1000px);-o-transform:translateY(-1000px);transform:translateY(-1000px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-down-lg{-webkit-animation-name:fade-in-down;-o-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(1000px);transform:translateY(1000px)}}@-o-keyframes fade-out-down-lg{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(1000px);transform:translateY(1000px)}}@keyframes fade-out-down-lg{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(1000px);-o-transform:translateY(1000px);transform:translateY(1000px)}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;-o-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-left{0%{opacity:0;-o-transform:translateX(-500px);transform:translateX(-500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-500px);-o-transform:translateX(-500px);transform:translateX(-500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-left{-webkit-animation-name:fade-in-left;-o-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}}@-o-keyframes fade-out-left{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-500px);transform:translateX(-500px)}}@keyframes fade-out-left{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-500px);-o-transform:translateX(-500px);transform:translateX(-500px)}}.fade-out-left{-webkit-animation-name:fade-out-left;-o-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-left-sm{0%{opacity:0;-o-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left-sm{0%{opacity:0;-webkit-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;-o-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@-o-keyframes fade-out-left-sm{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes fade-out-left-sm{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;-o-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{opacity:0;-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-left-lg{0%{opacity:0;-o-transform:translateX(-1500px);transform:translateX(-1500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left-lg{0%{opacity:0;-webkit-transform:translateX(-1500px);-o-transform:translateX(-1500px);transform:translateX(-1500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;-o-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}}@-o-keyframes fade-out-left-lg{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-1500px);transform:translateX(-1500px)}}@keyframes fade-out-left-lg{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-1500px);-o-transform:translateX(-1500px);transform:translateX(-1500px)}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;-o-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-right{0%{opacity:0;-o-transform:translateX(500px);transform:translateX(500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(500px);-o-transform:translateX(500px);transform:translateX(500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-right{-webkit-animation-name:fade-in-right;-o-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px)}}@-o-keyframes fade-out-right{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(500px);transform:translateX(500px)}}@keyframes fade-out-right{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(500px);-o-transform:translateX(500px);transform:translateX(500px)}}.fade-out-right{-webkit-animation-name:fade-out-right;-o-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-right-sm{0%{opacity:0;-o-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right-sm{0%{opacity:0;-webkit-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;-o-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}}@-o-keyframes fade-out-right-sm{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(100px);transform:translateX(100px)}}@keyframes fade-out-right-sm{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;-o-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{opacity:0;-webkit-transform:translateX(1500px);transform:translateX(1500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-right-lg{0%{opacity:0;-o-transform:translateX(1500px);transform:translateX(1500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right-lg{0%{opacity:0;-webkit-transform:translateX(1500px);-o-transform:translateX(1500px);transform:translateX(1500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;-o-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(1500px);transform:translateX(1500px)}}@-o-keyframes fade-out-right-lg{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(1500px);transform:translateX(1500px)}}@keyframes fade-out-right-lg{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(1500px);-o-transform:translateX(1500px);transform:translateX(1500px)}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;-o-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-in{0%{opacity:0;-o-transform:rotate(-90deg);transform:rotate(-90deg);-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-in{0%{opacity:0;-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-in{-webkit-animation-name:rotate-in;-o-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-out{0%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-o-transform:rotate(90deg);transform:rotate(90deg);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-out{0%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-out{-webkit-animation-name:rotate-out;-o-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-in-sm{0%{opacity:0;-o-transform:rotate(-45deg);transform:rotate(-45deg);-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-in-sm{0%{opacity:0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;-o-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-out-sm{0%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-o-transform:rotate(45deg);transform:rotate(45deg);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-out-sm{0%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;-o-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{opacity:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-in-lg{0%{opacity:0;-o-transform:rotate(-180deg);transform:rotate(-180deg);-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-in-lg{0%{opacity:0;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;-o-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-out-lg{0%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-o-transform:rotate(180deg);transform:rotate(180deg);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-out-lg{0%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;-o-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}}@-o-keyframes flip-in-x{0%{opacity:0;transform:perspective(550px) rotateX(90deg)}100%{opacity:1;transform:perspective(550px) rotateX(0deg)}}@keyframes flip-in-x{0%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}}.flip-in-x{-webkit-animation-name:flip-in-x;-o-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}}@-o-keyframes flip-out-x{0%{opacity:1;transform:perspective(550px) rotateX(0deg)}100%{opacity:0;transform:perspective(550px) rotateX(90deg)}}@keyframes flip-out-x{0%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}}.flip-out-x{-webkit-animation-name:flip-out-x;-o-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}}@-o-keyframes flip-in-x-nr{0%{opacity:0;transform:perspective(100px) rotateX(90deg)}100%{opacity:1;transform:perspective(100px) rotateX(0deg)}}@keyframes flip-in-x-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;-o-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}}@-o-keyframes flip-out-x-nr{0%{opacity:1;transform:perspective(100px) rotateX(0deg)}100%{opacity:0;transform:perspective(100px) rotateX(90deg)}}@keyframes flip-out-x-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;-o-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}}@-o-keyframes flip-in-x-fr{0%{opacity:0;transform:perspective(1000px) rotateX(90deg)}100%{opacity:1;transform:perspective(1000px) rotateX(0deg)}}@keyframes flip-in-x-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;-o-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}}@-o-keyframes flip-out-x-fr{0%{opacity:1;transform:perspective(1000px) rotateX(0deg)}100%{opacity:0;transform:perspective(1000px) rotateX(90deg)}}@keyframes flip-out-x-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;-o-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}}@-o-keyframes flip-in-y{0%{opacity:0;transform:perspective(550px) rotateY(90deg)}100%{opacity:1;transform:perspective(550px) rotateY(0deg)}}@keyframes flip-in-y{0%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}}.flip-in-y{-webkit-animation-name:flip-in-y;-o-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}}@-o-keyframes flip-out-y{0%{opacity:1;transform:perspective(550px) rotateY(0deg)}100%{opacity:0;transform:perspective(550px) rotateY(90deg)}}@keyframes flip-out-y{0%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}}.flip-out-y{-webkit-animation-name:flip-out-y;-o-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}}@-o-keyframes flip-in-y-nr{0%{opacity:0;transform:perspective(100px) rotateY(90deg)}100%{opacity:1;transform:perspective(100px) rotateY(0deg)}}@keyframes flip-in-y-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;-o-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}}@-o-keyframes flip-out-y-nr{0%{opacity:1;transform:perspective(100px) rotateY(0deg)}100%{opacity:0;transform:perspective(100px) rotateY(90deg)}}@keyframes flip-out-y-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;-o-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@-o-keyframes flip-in-y-fr{0%{opacity:0;transform:perspective(1000px) rotateY(90deg)}100%{opacity:1;transform:perspective(1000px) rotateY(0deg)}}@keyframes flip-in-y-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;-o-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}}@-o-keyframes flip-out-y-fr{0%{opacity:1;transform:perspective(1000px) rotateY(0deg)}100%{opacity:0;transform:perspective(1000px) rotateY(90deg)}}@keyframes flip-out-y-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;-o-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}100%{opacity:1}}@-o-keyframes zoom-in{0%{opacity:0;-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:1}}@keyframes zoom-in{0%{opacity:0;-webkit-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;-o-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}100%{opacity:0}}@-o-keyframes zoom-out{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:0}}@keyframes zoom-out{0%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;-o-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}100%{opacity:1}}@-o-keyframes zoom-in-sm{0%{opacity:0;-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:1}}@keyframes zoom-in-sm{0%{opacity:0;-webkit-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;-o-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}100%{opacity:0}}@-o-keyframes zoom-out-sm{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:0}}@keyframes zoom-out-sm{0%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;-o-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{opacity:0;-webkit-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1}}@-o-keyframes zoom-in-lg{0%{opacity:0;-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1}}@keyframes zoom-in-lg{0%{opacity:0;-webkit-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;-o-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.4);transform:scale(0.4)}100%{opacity:0}}@-o-keyframes zoom-out-lg{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:0}}@keyframes zoom-out-lg{0%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;-o-animation-name:zoom-out-lg;animation-name:zoom-out-lg}.blink-slow{-webkit-animation-name:blink-slow;-o-animation-name:blink-slow;animation-name:blink-slow;-webkit-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;-o-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes blink-slow{0%{opacity:.4}50%{opacity:.7}100%{opacity:1}}@-o-keyframes blink-slow{0%{opacity:.4}50%{opacity:.7}100%{opacity:1}}@keyframes blink-slow{0%{opacity:.4}50%{opacity:.7}100%{opacity:1}}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}@-o-keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;-o-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}@-o-keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;-o-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}@-o-keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;-o-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}@-o-keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;-o-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}@-o-keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;-o-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}@-o-keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;-o-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}@-o-keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;-o-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}@-o-keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;-o-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right} /* ================= */ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-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 shake{0%,100%{-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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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)}100%{-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)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}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)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}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)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) 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) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) 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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) 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) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) 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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{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{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} #content.has-fixed-footer.single-portfolio-3 { z-index: 102; } .portfolio-3-wrap .content { padding: 40px 0; } .portfolio-3-wrap .album-desc { margin-bottom: 40px; } .preview.preview--open img.original { width: 100%; } .portfolio-3-wrap .album-desc h4 { text-align: center; font-size: 10px; font-weight: bold; letter-spacing: 4px; } .portfolio-3-wrap .album-desc h2 { text-align: center; font-size: 34px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; } .portfolio-3-wrap .album-desc blockquote { text-align: center; width: 60%; max-width: 400px; margin: 0 auto; border: none; padding: 0; } .portfolio-3-wrap .album-desc blockquote cite { font-size: 10px; padding-top: 10px; display: inline-block; font-style: normal; text-transform: uppercase; letter-spacing: 4px; } .portfolio-3-wrap .grid { overflow: hidden; max-width: 100%; width: 100%; margin: 0; } .portfolio-3-wrap .grid a { float: none; width: 100%; } .grid__item { width: calc(100% / 3); } .grid__item--current { opacity: 0 !important; } .img-wrap { display: block; } .img-wrap:focus, .img-wrap:hover { outline: none; } .img-wrap img { display: block; max-width: 100%; width: 100%; height: 100%; } .preview { position: fixed; z-index: 1000; top: 0; left: 0; display: -ms-flex; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .preview::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #1f1d1d; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .preview--open { pointer-events: auto; } .preview--open::before { opacity: 1; } .clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .preview--open .animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .description { color: #fff; } .js .description--grid { display: none; } .description--preview { font-size: 2em; position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 1em; display: -ms-flex; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .preview--open .description--preview { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .description--preview h3 { font-weight: normal; margin: 0; color: #ffffff; } .description--preview p { font-size: 0.65em; max-width: 100%; color: #ffffff; } .description--preview p em { color: #5D5D5D; display: block; padding: 0.4em 0 0 0; } /* Details */ .details { max-width: 100%; /* IE 10-11 bug flexbox */ } .details ul { line-height: 1; position: relative; margin: 0; padding: 0; list-style: none; } .details ul li { font-size: 0.5em; position: relative; margin: 0 1em 1em 0; padding: 0.15em 0; white-space: nowrap; opacity: 0; color: #9d9d9d; -webkit-transition: -webkit-transform 1s, opacity 1s; transition: transform 1s, opacity 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } .preview--open .details ul li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .preview--open .details ul li:nth-child(1) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .preview--open .details ul li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .preview--open .details ul li:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .preview--open .details ul li:nth-child(4) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .preview--open .details ul li:nth-child(5) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .details ul li:first-child { font-weight: bold; color: #909090; } .icon { font-family: 'camera-icons'; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1; display: inline-block; vertical-align: middle; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; } .icon + span { margin-left: 5px; vertical-align: middle; } .icon-focal_length:before { content: '\e600'; } .icon-exposure_time:before { content: '\e601'; } .icon-iso:before { content: '\e602'; } .icon-camera:before { content: '\e603'; } .icon-aperture:before { content: '\e604'; } .details .icon { margin-right: 5px; color: #fff; } /* Close button */ .action { font-size: 1.5em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; color: #fff; border: none; background: none; } .action:hover, .action:focus { color: #fff; outline: none; } .action--close { position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .preview--image-loaded .action--close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .text-hidden { position: absolute; display: block; overflow: hidden; width: 0; height: 0; color: transparent; } @media screen and (max-width: 40em) { .description--preview h3 { font-size: 0.5em; } .description--preview p, .details { display: none; } } @-webkit-keyframes roll { 0% { -webkit-transform: translateX(500px) rotate(360deg); } 100% { -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes roll { 0% { -moz-transform: translateX(500px) rotate(360deg); opacity: 0; } 100% { -moz-transform: translateX(0px) rotate(0deg); opacity: 1; } } @-o-keyframes roll { 0% { -o-transform: translateX(500px) rotate(360deg); opacity: 0; } 100% { -o-transform: translateX(0px) rotate(0deg); opacity: 1; } } @-ms-keyframes roll { 0% { -ms-transform: translateX(500px) rotate(360deg); opacity: 0; } 100% { -ms-transform: translateX(0px) rotate(0deg); opacity: 1; } } @keyframes roll { 0% { transform: translateX(500px) rotate(360deg); opacity: 0; } 100% { transform: translateX(0px) rotate(0deg); opacity: 1; } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translateY(40px); } 100% { -webkit-transform: translateY(0px); } } @-moz-keyframes moveUp { 0% { -moz-transform: translateY(40px); } 100% { -moz-transform: translateY(0px); } } @-o-keyframes moveUp { 0% { -o-transform: translateY(40px); } 100% { -o-transform: translateY(0px); } } @-ms-keyframes moveUp { 0% { -ms-transform: translateY(40px); } 100% { -ms-transform: translateY(0px); } } @keyframes moveUp { 0% { transform: translateY(40px); } 100% { transform: translateY(0px); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes scaleDown { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.5); } } @-moz-keyframes scaleDown { 0% { -moz-transform: scale(1); } 100% { -moz-transform: scale(0.5); } } @-o-keyframes scaleDown { 0% { -o-transform: scale(1); } 100% { -o-transform: scale(0.5); } } @-ms-keyframes scaleDown { 0% { -ms-transform: scale(1); } 100% { -ms-transform: scale(0.5); } } @keyframes scaleDown { 0% { transform: scale(1); } 100% { transform: scale(0.5); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .chocolat-zoomable.chocolat-zoomed .chocolat-img{ cursor : zoom-out; } .chocolat-open{ overflow: hidden; } .chocolat-overlay{ height:100%; width:100%; position:fixed; left:0; top:0; z-index:10; background-color:#fff; display:none; opacity: 0.8; } .chocolat-wrapper{ height:100%; width:100%; position:fixed; left:0; top:0; z-index:16; color: #fff; } .chocolat-zoomable .chocolat-img{ cursor : zoom-in; } .chocolat-loader{ height:32px; width:32px; position:absolute; left:50%; top:50% ; margin-left:-16px; margin-top:-16px; z-index:11; background:url(../img/chocolat/loader.gif); display:none; } .chocolat-content{ position:fixed; width:0px; height:0px; left:50%; top:50%; z-index:14; text-align: left; } .chocolat-content .chocolat-img{ position:absolute; width:100%; height:100%; } .chocolat-wrapper .chocolat-left{ position:absolute; left:0; width:50px; height:100px; top: 50%; margin-top: -50px; cursor:pointer; background:url(../img/chocolat/left.png) 50% 50% no-repeat; z-index: 17; display: none; } .chocolat-wrapper .chocolat-right{ position:absolute; right:0; width:50px; height:100px; top: 50%; margin-top: -50px; cursor:pointer; background:url(../img/chocolat/right.png) 50% 50% no-repeat; z-index: 17; display: none; } .chocolat-wrapper .chocolat-right.active{ display: block; } .chocolat-wrapper .chocolat-left.active{ display: block; } .chocolat-wrapper .chocolat-top{ position:absolute; top:0px; right: 0; left: 0; line-height:50px; height:50px; overflow: hidden; z-index: 17; margin-bottom: 10px; } .chocolat-wrapper .chocolat-close{ width:50px; height:50px; cursor:pointer; position: absolute; top: 0; right: 0; background:url(../img/chocolat/close.png) 50% 50% no-repeat; } .chocolat-wrapper .chocolat-bottom{ position:absolute; bottom:0; left: 0; right: 0; line-height:40px; height:40px; font-size:12px; z-index: 17; padding-left: 15px; padding-right: 15px; background: rgba(0, 0, 0, 0.2); text-align: right; margin-top: 10px; } .chocolat-wrapper .chocolat-set-title{ display: inline-block; padding-right: 15px; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.3); } .chocolat-wrapper .chocolat-pagination{ float: right; display: inline-block; padding-left: 15px; padding-right: 15px; margin-right: 15px; /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/ } .chocolat-wrapper .chocolat-fullscreen{ width: 16px; height: 40px; background: url(../img/chocolat/fullscreen.png) 50% 50% no-repeat; display: block; margin:auto; cursor: pointer; float: right; } .chocolat-wrapper .chocolat-description{ display: inline-block; float: left; } /* no container mode*/ body.chocolat-open>.chocolat-overlay{ z-index:15; } body.chocolat-open>.chocolat-loader{ z-index:15; } body.chocolat-open>.chocolat-content{ z-index:17; } /* container mode*/ .chocolat-in-container .chocolat-wrapper, .chocolat-in-container .chocolat-content, .chocolat-in-container .chocolat-overlay{ position: absolute; } .chocolat-in-container{ position: relative; } /* uncomment to hide controls when zoomed-in*/ /* .chocolat-zoomable .chocolat-top, .chocolat-zoomable .chocolat-bottom, .chocolat-zoomable .chocolat-right, .chocolat-zoomable .chocolat-left { transition: opacity .3s ease, visibility 0s .3s; opacity: 1; } .chocolat-zoomable.chocolat-zoomed .chocolat-top, .chocolat-zoomable.chocolat-zoomed .chocolat-bottom, .chocolat-zoomable.chocolat-zoomed .chocolat-right, .chocolat-zoomable.chocolat-zoomed .chocolat-left { visibility: hidden; opacity: 0; } */ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(../css/fonts/lg.eot?n1z373);src:url(../css/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../css/fonts/lg.woff?n1z373) format("woff"),url(../css/fonts/lg.ttf?n1z373) format("truetype"),url(../css/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../css/img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../css/img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../css/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../css/img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../css/img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} .lg-css3.lg-zoom-in .lg-item{opacity:0}.lg-css3.lg-zoom-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-in .lg-item.lg-prev-slide{-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}.lg-css3.lg-zoom-in .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-in .lg-item.lg-current,.lg-css3.lg-zoom-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-in .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-in-big .lg-item{opacity:0}.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide{-webkit-transform:scale3d(2,2,2);transform:scale3d(2,2,2)}.lg-css3.lg-zoom-in-big .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-in-big .lg-item.lg-current,.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-out .lg-item{opacity:0}.lg-css3.lg-zoom-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-out .lg-item.lg-prev-slide{-webkit-transform:scale3d(.7,.7,.7);transform:scale3d(.7,.7,.7)}.lg-css3.lg-zoom-out .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-out .lg-item.lg-current,.lg-css3.lg-zoom-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-out .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-out-big .lg-item{opacity:0}.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}.lg-css3.lg-zoom-out-big .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-out-big .lg-item.lg-current,.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-out-in .lg-item{opacity:0}.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide{-webkit-transform:scale3d(2,2,2);transform:scale3d(2,2,2)}.lg-css3.lg-zoom-out-in .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-out-in .lg-item.lg-current,.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-in-out .lg-item{opacity:0}.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide{-webkit-transform:scale3d(2,2,2);transform:scale3d(2,2,2)}.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}.lg-css3.lg-zoom-in-out .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-in-out .lg-item.lg-current,.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-soft-zoom .lg-item{opacity:0}.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}.lg-css3.lg-soft-zoom .lg-item.lg-next-slide{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}.lg-css3.lg-soft-zoom .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-soft-zoom .lg-item.lg-current,.lg-css3.lg-soft-zoom .lg-item.lg-next-slide,.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-scale-up .lg-item{opacity:0}.lg-css3.lg-scale-up .lg-item.lg-next-slide,.lg-css3.lg-scale-up .lg-item.lg-prev-slide{-moz-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);-o-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);-ms-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);-webkit-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);transform:scale3d(.8,.8,.8) translate3d(0,10%,0)}.lg-css3.lg-scale-up .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-scale-up .lg-item.lg-current,.lg-css3.lg-scale-up .lg-item.lg-next-slide,.lg-css3.lg-scale-up .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular .lg-item{opacity:0}.lg-css3.lg-slide-circular .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,0,0);-o-transform:scale3d(0,0,0) translate3d(-100%,0,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,0,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.lg-css3.lg-slide-circular .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,0,0);-o-transform:scale3d(0,0,0) translate3d(100%,0,0);-ms-transform:scale3d(0,0,0) translate3d(100%,0,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.lg-css3.lg-slide-circular .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular .lg-item.lg-current,.lg-css3.lg-slide-circular .lg-item.lg-next-slide,.lg-css3.lg-slide-circular .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-up .lg-item{opacity:0}.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);transform:scale3d(0,0,0) translate3d(-100%,-100%,0)}.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,-100%,0);transform:scale3d(0,0,0) translate3d(100%,-100%,0)}.lg-css3.lg-slide-circular-up .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-up .lg-item.lg-current,.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-down .lg-item{opacity:0}.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,100%,0);transform:scale3d(0,0,0) translate3d(-100%,100%,0)}.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,100%,0);transform:scale3d(0,0,0) translate3d(100%,100%,0)}.lg-css3.lg-slide-circular-down .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-down .lg-item.lg-current,.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-vertical .lg-item{opacity:0}.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(0,-100%,0);-o-transform:scale3d(0,0,0) translate3d(0,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(0,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(0,-100%,0);transform:scale3d(0,0,0) translate3d(0,-100%,0)}.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(0,100%,0);-o-transform:scale3d(0,0,0) translate3d(0,100%,0);-ms-transform:scale3d(0,0,0) translate3d(0,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(0,100%,0);transform:scale3d(0,0,0) translate3d(0,100%,0)}.lg-css3.lg-slide-circular-vertical .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-vertical .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-vertical-left .lg-item{opacity:0}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);transform:scale3d(0,0,0) translate3d(-100%,-100%,0)}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,100%,0);transform:scale3d(0,0,0) translate3d(-100%,100%,0)}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-vertical-down .lg-item{opacity:0}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,-100%,0);transform:scale3d(0,0,0) translate3d(100%,-100%,0)}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,100%,0);transform:scale3d(0,0,0) translate3d(100%,100%,0)}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-vertical .lg-item{opacity:0}.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.lg-css3.lg-slide-vertical .lg-item.lg-next-slide{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.lg-css3.lg-slide-vertical .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-vertical .lg-item.lg-current,.lg-css3.lg-slide-vertical .lg-item.lg-next-slide,.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-vertical-growth .lg-item{opacity:0}.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide{-moz-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);-o-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);-ms-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);-webkit-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);transform:scale3d(.5,.5,.5) translate3d(0,-150%,0)}.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide{-moz-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);-o-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);-ms-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);-webkit-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);transform:scale3d(.5,.5,.5) translate3d(0,150%,0)}.lg-css3.lg-slide-vertical-growth .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-vertical-growth .lg-item.lg-current,.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide,.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only .lg-item{opacity:0}.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide{-moz-transform:skew(10deg,0deg);-o-transform:skew(10deg,0deg);-ms-transform:skew(10deg,0deg);-webkit-transform:skew(10deg,0deg);transform:skew(10deg,0deg)}.lg-css3.lg-slide-skew-only .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only .lg-item.lg-current,.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide{-moz-transform:skew(-10deg,0deg);-o-transform:skew(-10deg,0deg);-ms-transform:skew(-10deg,0deg);-webkit-transform:skew(-10deg,0deg);transform:skew(-10deg,0deg)}.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only-y .lg-item{opacity:0}.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide{-moz-transform:skew(0deg,10deg);-o-transform:skew(0deg,10deg);-ms-transform:skew(0deg,10deg);-webkit-transform:skew(0deg,10deg);transform:skew(0deg,10deg)}.lg-css3.lg-slide-skew-only-y .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only-y .lg-item.lg-current,.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only-y-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide{-moz-transform:skew(0deg,-10deg);-o-transform:skew(0deg,-10deg);-ms-transform:skew(0deg,-10deg);-webkit-transform:skew(0deg,-10deg);transform:skew(0deg,-10deg)}.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew .lg-item{opacity:0}.lg-css3.lg-slide-skew .lg-item.lg-prev-slide{-moz-transform:skew(20deg,0deg) translate3d(-100%,0,0);-o-transform:skew(20deg,0deg) translate3d(-100%,0,0);-ms-transform:skew(20deg,0deg) translate3d(-100%,0,0);-webkit-transform:skew(20deg,0deg) translate3d(-100%,0,0);transform:skew(20deg,0deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew .lg-item.lg-next-slide{-moz-transform:skew(20deg,0deg) translate3d(100%,0,0);-o-transform:skew(20deg,0deg) translate3d(100%,0,0);-ms-transform:skew(20deg,0deg) translate3d(100%,0,0);-webkit-transform:skew(20deg,0deg) translate3d(100%,0,0);transform:skew(20deg,0deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew .lg-item.lg-current,.lg-css3.lg-slide-skew .lg-item.lg-next-slide,.lg-css3.lg-slide-skew .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide{-moz-transform:skew(-20deg,0deg) translate3d(-100%,0,0);-o-transform:skew(-20deg,0deg) translate3d(-100%,0,0);-ms-transform:skew(-20deg,0deg) translate3d(-100%,0,0);-webkit-transform:skew(-20deg,0deg) translate3d(-100%,0,0);transform:skew(-20deg,0deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide{-moz-transform:skew(-20deg,0deg) translate3d(100%,0,0);-o-transform:skew(-20deg,0deg) translate3d(100%,0,0);-ms-transform:skew(-20deg,0deg) translate3d(100%,0,0);-webkit-transform:skew(-20deg,0deg) translate3d(100%,0,0);transform:skew(-20deg,0deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-cross .lg-item{opacity:0}.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide{-moz-transform:skew(0deg,60deg) translate3d(-100%,0,0);-o-transform:skew(0deg,60deg) translate3d(-100%,0,0);-ms-transform:skew(0deg,60deg) translate3d(-100%,0,0);-webkit-transform:skew(0deg,60deg) translate3d(-100%,0,0);transform:skew(0deg,60deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide{-moz-transform:skew(0deg,60deg) translate3d(100%,0,0);-o-transform:skew(0deg,60deg) translate3d(100%,0,0);-ms-transform:skew(0deg,60deg) translate3d(100%,0,0);-webkit-transform:skew(0deg,60deg) translate3d(100%,0,0);transform:skew(0deg,60deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew-cross .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-cross .lg-item.lg-current,.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-cross-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide{-moz-transform:skew(0deg,-60deg) translate3d(-100%,0,0);-o-transform:skew(0deg,-60deg) translate3d(-100%,0,0);-ms-transform:skew(0deg,-60deg) translate3d(-100%,0,0);-webkit-transform:skew(0deg,-60deg) translate3d(-100%,0,0);transform:skew(0deg,-60deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide{-moz-transform:skew(0deg,-60deg) translate3d(100%,0,0);-o-transform:skew(0deg,-60deg) translate3d(100%,0,0);-ms-transform:skew(0deg,-60deg) translate3d(100%,0,0);-webkit-transform:skew(0deg,-60deg) translate3d(100%,0,0);transform:skew(0deg,-60deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide{-moz-transform:skew(60deg,0deg) translate3d(0,-100%,0);-o-transform:skew(60deg,0deg) translate3d(0,-100%,0);-ms-transform:skew(60deg,0deg) translate3d(0,-100%,0);-webkit-transform:skew(60deg,0deg) translate3d(0,-100%,0);transform:skew(60deg,0deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide{-moz-transform:skew(60deg,0deg) translate3d(0,100%,0);-o-transform:skew(60deg,0deg) translate3d(0,100%,0);-ms-transform:skew(60deg,0deg) translate3d(0,100%,0);-webkit-transform:skew(60deg,0deg) translate3d(0,100%,0);transform:skew(60deg,0deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver .lg-item.lg-current,.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide{-moz-transform:skew(-60deg,0deg) translate3d(0,-100%,0);-o-transform:skew(-60deg,0deg) translate3d(0,-100%,0);-ms-transform:skew(-60deg,0deg) translate3d(0,-100%,0);-webkit-transform:skew(-60deg,0deg) translate3d(0,-100%,0);transform:skew(-60deg,0deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide{-moz-transform:skew(-60deg,0deg) translate3d(0,100%,0);-o-transform:skew(-60deg,0deg) translate3d(0,100%,0);-ms-transform:skew(-60deg,0deg) translate3d(0,100%,0);-webkit-transform:skew(-60deg,0deg) translate3d(0,100%,0);transform:skew(-60deg,0deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver-cross .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide{-moz-transform:skew(0deg,20deg) translate3d(0,-100%,0);-o-transform:skew(0deg,20deg) translate3d(0,-100%,0);-ms-transform:skew(0deg,20deg) translate3d(0,-100%,0);-webkit-transform:skew(0deg,20deg) translate3d(0,-100%,0);transform:skew(0deg,20deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide{-moz-transform:skew(0deg,20deg) translate3d(0,100%,0);-o-transform:skew(0deg,20deg) translate3d(0,100%,0);-ms-transform:skew(0deg,20deg) translate3d(0,100%,0);-webkit-transform:skew(0deg,20deg) translate3d(0,100%,0);transform:skew(0deg,20deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide{-moz-transform:skew(0deg,-20deg) translate3d(0,-100%,0);-o-transform:skew(0deg,-20deg) translate3d(0,-100%,0);-ms-transform:skew(0deg,-20deg) translate3d(0,-100%,0);-webkit-transform:skew(0deg,-20deg) translate3d(0,-100%,0);transform:skew(0deg,-20deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide{-moz-transform:skew(0deg,-20deg) translate3d(0,100%,0);-o-transform:skew(0deg,-20deg) translate3d(0,100%,0);-ms-transform:skew(0deg,-20deg) translate3d(0,100%,0);-webkit-transform:skew(0deg,-20deg) translate3d(0,100%,0);transform:skew(0deg,-20deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-lollipop .lg-item{opacity:0}.lg-css3.lg-lollipop .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-lollipop .lg-item.lg-next-slide{-moz-transform:translate3d(0,0,0) scale(.5);-o-transform:translate3d(0,0,0) scale(.5);-ms-transform:translate3d(0,0,0) scale(.5);-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5)}.lg-css3.lg-lollipop .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-lollipop .lg-item.lg-current,.lg-css3.lg-lollipop .lg-item.lg-next-slide,.lg-css3.lg-lollipop .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-lollipop-rev .lg-item{opacity:0}.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide{-moz-transform:translate3d(0,0,0) scale(.5);-o-transform:translate3d(0,0,0) scale(.5);-ms-transform:translate3d(0,0,0) scale(.5);-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5)}.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-lollipop-rev .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-lollipop-rev .lg-item.lg-current,.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide,.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-rotate .lg-item{opacity:0}.lg-css3.lg-rotate .lg-item.lg-prev-slide{-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.lg-css3.lg-rotate .lg-item.lg-next-slide{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}.lg-css3.lg-rotate .lg-item.lg-current{-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.lg-css3.lg-rotate .lg-item.lg-current,.lg-css3.lg-rotate .lg-item.lg-next-slide,.lg-css3.lg-rotate .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-rotate-rev .lg-item{opacity:0}.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}.lg-css3.lg-rotate-rev .lg-item.lg-next-slide{-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.lg-css3.lg-rotate-rev .lg-item.lg-current{-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.lg-css3.lg-rotate-rev .lg-item.lg-current,.lg-css3.lg-rotate-rev .lg-item.lg-next-slide,.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-tube .lg-item{opacity:0}.lg-css3.lg-tube .lg-item.lg-prev-slide{-moz-transform:scale3d(1,0,1) translate3d(-100%,0,0);-o-transform:scale3d(1,0,1) translate3d(-100%,0,0);-ms-transform:scale3d(1,0,1) translate3d(-100%,0,0);-webkit-transform:scale3d(1,0,1) translate3d(-100%,0,0);transform:scale3d(1,0,1) translate3d(-100%,0,0)}.lg-css3.lg-tube .lg-item.lg-next-slide{-moz-transform:scale3d(1,0,1) translate3d(100%,0,0);-o-transform:scale3d(1,0,1) translate3d(100%,0,0);-ms-transform:scale3d(1,0,1) translate3d(100%,0,0);-webkit-transform:scale3d(1,0,1) translate3d(100%,0,0);transform:scale3d(1,0,1) translate3d(100%,0,0)}.lg-css3.lg-tube .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-tube .lg-item.lg-current,.lg-css3.lg-tube .lg-item.lg-next-slide,.lg-css3.lg-tube .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} /* Effect 1: opacity */ .grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @keyframes fadeIn { 0% { } 100% { opacity: 1; } } /* Effect 2: Move Up */ .grid.effect-2 li.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* Effect 3: Scale up */ .grid.effect-3 li.animate { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; } @-webkit-keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /* Effect 4: fall perspective */ .grid.effect-4 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-4 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); transform: translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; } @-webkit-keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-5 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-5 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; } @-webkit-keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } /* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-6 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-6 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } @-webkit-keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } /* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-7 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-7 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } @-webkit-keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } /* Effect 8: */ .grid.effect-8 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-8 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; } @-webkit-keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .menu__link { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .menu__link:hover, .menu__link:focus { outline: none; } /* Individual styles */ /* Sebastian */ .header-style-1-wrap .menu--sebastian .menu__link { text-align: center; -webkit-transition: color 0.4s; transition: color 0.4s; } .menu__item > .sub-menu .menu__item:before, .menu__item > .sub-menu .menu__item:after, .menu__item > .sub-menu .menu__item .menu__link:before, .menu__item > .sub-menu .menu__item .menu__link:after { background-color: transparent !important; border: none !important; } .menu__item.menu-item-has-children > .sub-menu .menu__link { color: #ffffff !important; } .header-style-1-wrap .menu--sebastian .current-menu-item .menu__link, .header-style-1-wrap .menu--sebastian .menu__item:hover .menu__link { color: #d94f5c; } .header-style-1-wrap .menu--sebastian .menu__link::before, .header-style-1-wrap .menu--sebastian .menu__link::after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; background: #d94f5c; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .header-style-1-wrap .menu--sebastian .menu__link::before { top: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .header-style-1-wrap .menu--sebastian .menu__link::after { bottom: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .header-style-1-wrap .menu--sebastian .current-menu-item .menu__link::before, .header-style-1-wrap .menu--sebastian .current-menu-item .menu__link::after, .header-style-1-wrap .menu--sebastian .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--sebastian .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } /* Prospero */ .header-style-1-wrap .menu--prospero .menu__link { -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--prospero .menu__link::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #d94f5c; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.1s; transition: transform 0.1s; } .header-style-1-wrap .menu--prospero .current-menu-item .menu__link::before, .header-style-1-wrap .menu--prospero .menu__item:hover .menu__link::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } /* Viola */ .header-style-1-wrap .menu--viola .menu__item { padding: 0 !important; } .header-style-1-wrap .menu--viola .menu__link { -webkit-transition: color 0.4s; transition: color 0.4s; padding: 10px 15px !important; } .header-style-1-wrap .menu--viola .menu__item::before, .header-style-1-wrap .menu--viola .menu__item::after, .header-style-1-wrap .menu--viola .menu__link::before, .header-style-1-wrap .menu--viola .menu__link::after { content: ''; position: absolute; background: #d94f5c; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .header-style-1-wrap .menu--viola .menu__item::before, .header-style-1-wrap .menu--viola .menu__item::after { top: 0; width: 2px; height: 100%; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } .header-style-1-wrap .menu--viola .menu__item::before { left: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .header-style-1-wrap .menu--viola .menu__item::after { right: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .header-style-1-wrap .menu--viola .menu__link::before, .header-style-1-wrap .menu--viola .menu__link::after { left: 0; width: 100%; height: 2px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .header-style-1-wrap .menu--viola .menu__link::before { top: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .header-style-1-wrap .menu--viola .menu__link::after { bottom: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .header-style-1-wrap .menu--viola .current-menu-item::before, .header-style-1-wrap .menu--viola .current-menu-item::after, .header-style-1-wrap .menu--viola .current-menu-item .menu__link::before, .header-style-1-wrap .menu--viola .current-menu-item .menu__link::after, /**/ .header-style-1-wrap .menu--viola .menu__item:hover::before, .header-style-1-wrap .menu--viola .menu__item:hover::after, .header-style-1-wrap .menu--viola .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--viola .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } /* Antonio */ .header-style-1-wrap .menu--antonio .menu__item { padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--antonio .menu__link { padding: 10px 15px !important; -webkit-transition: color 0.2s; transition: color 0.2s; } .header-style-1-wrap .menu--antonio .menu__item:hover .menu__link { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .header-style-1-wrap .menu--antonio .menu__item::before, .header-style-1-wrap .menu--antonio .menu__item::after, .header-style-1-wrap .menu--antonio .menu__link::before, .header-style-1-wrap .menu--antonio .menu__link::after { content: ''; position: absolute; background: #d94f5c; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .header-style-1-wrap .menu--antonio .menu__item::before, .header-style-1-wrap .menu--antonio .menu__item::after { top: 0; width: 4px; height: 100%; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } .header-style-1-wrap .menu--antonio .menu__item::before { left: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .header-style-1-wrap .menu--antonio .menu__item::after { right: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .header-style-1-wrap .menu--antonio .menu__link::before, .header-style-1-wrap .menu--antonio .menu__link::after { left: 0; width: 100%; height: 4px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .header-style-1-wrap .menu--antonio .menu__link::before { top: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .header-style-1-wrap .menu--antonio .menu__link::after { bottom: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .header-style-1-wrap .menu--antonio .current-menu-item::before, .header-style-1-wrap .menu--antonio .current-menu-item::after, .header-style-1-wrap .menu--antonio .current-menu-item .menu__link::before, .header-style-1-wrap .menu--antonio .current-menu-item .menu__link::after, /**/ .header-style-1-wrap .menu--antonio .menu__item:hover::before, .header-style-1-wrap .menu--antonio .menu__item:hover::after, .header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .header-style-1-wrap .menu--antonio .current-menu-item::after, .header-style-1-wrap .menu--antonio .menu__item:hover::after { -webkit-transition-delay: 0s; transition-delay: 0s; } .header-style-1-wrap .menu--antonio .current-menu-item .menu__link::before, .header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::before { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .header-style-1-wrap .menu--antonio .current-menu-item .menu__link::after, .header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::after { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /* Miranda */ .header-style-1-wrap .menu--miranda .menu__item { padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--miranda .menu__link { padding: 10px 15px !important; -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--miranda .menu__item::before, .header-style-1-wrap .menu--miranda .menu__item::after, .header-style-1-wrap .menu--miranda .menu__link::before, .header-style-1-wrap .menu--miranda .menu__link::after { content: ''; position: absolute; background: #d94f5c; -webkit-transition: -webkit-transform 0.1s; transition: transform 0.1s; -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); } /* left and right line */ .header-style-1-wrap .menu--miranda .menu__item::before, .header-style-1-wrap .menu--miranda .menu__item::after { top: 0; width: 2px; height: 100%; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } /* left line */ .header-style-1-wrap .menu--miranda .menu__item::before { left: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } /* right line */ .header-style-1-wrap .menu--miranda .menu__item::after { right: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } /* top and bottom line */ .header-style-1-wrap .menu--miranda .menu__link::before, .header-style-1-wrap .menu--miranda .menu__link::after { left: 0; width: 100%; height: 2px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } /* top line */ .header-style-1-wrap .menu--miranda .menu__link::before { top: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } /* bottom line */ .header-style-1-wrap .menu--miranda .menu__link::after { bottom: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* Delays (first reverse, then current) */ /* These rules can be simplified, but let's keep it for better readability */ /* bottom line */ .header-style-1-wrap .menu--miranda .menu__item .menu__link::after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .header-style-1-wrap .menu--miranda .current-menu-item .menu__link::after, .header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::after { -webkit-transition-delay: 0s; transition-delay: 0s; } /* left line */ .header-style-1-wrap .menu--miranda .menu__item::before { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .header-style-1-wrap .menu--miranda .current-menu-item::before, .header-style-1-wrap .menu--miranda .menu__item:hover::before { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /* top line */ .header-style-1-wrap .menu--miranda .menu__item .menu__link::before { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .header-style-1-wrap .menu--miranda .current-menu-item .menu__link::before, .header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::before { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /* right line */ .header-style-1-wrap .menu--miranda .current-menu-item::after, .header-style-1-wrap .menu--miranda .menu__item:hover::after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .header-style-1-wrap .menu--miranda .current-menu-item::before, .header-style-1-wrap .menu--miranda .current-menu-item::after, .header-style-1-wrap .menu--miranda .current-menu-item .menu__link::before, .header-style-1-wrap .menu--miranda .current-menu-item .menu__link::after, /**/ .header-style-1-wrap .menu--miranda .menu__item:hover::before, .header-style-1-wrap .menu--miranda .menu__item:hover::after, .header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Ariel */ .header-style-1-wrap .menu--ariel .menu__item { padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--ariel .menu__link { padding: 10px 15px !important; -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--ariel .menu__item::before, .header-style-1-wrap .menu--ariel .menu__item::after, .header-style-1-wrap .menu--ariel .menu__link::before, .header-style-1-wrap .menu--ariel .menu__link::after { content: ''; position: absolute; background: #d94f5c; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.44, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.44, 0.05, 0.55, 0.95); } .header-style-1-wrap .menu--ariel .menu__item::before, .header-style-1-wrap .menu--ariel .menu__item::after { top: 0; width: 4px; height: 100%; -webkit-transform: scale3d(0.1, 0, 1); transform: scale3d(0.1, 0, 1); } /* left line */ .header-style-1-wrap .menu--ariel .menu__item::before { left: 0; } /* right line */ .header-style-1-wrap .menu--ariel .menu__item::after { right: 0; } .header-style-1-wrap .menu--ariel .menu__link::before, .header-style-1-wrap .menu--ariel .menu__link::after { left: 0; width: 100%; height: 4px; -webkit-transform: scale3d(0, 0.1, 1); transform: scale3d(0, 0.1, 1); } /* top line */ .header-style-1-wrap .menu--ariel .menu__link::before { top: 0; } /* bottom line */ .header-style-1-wrap .menu--ariel .menu__link::after { bottom: 0; } .header-style-1-wrap .menu--ariel .current-menu-item::before, .header-style-1-wrap .menu--ariel .current-menu-item::after, .header-style-1-wrap .menu--ariel .current-menu-item .menu__link::before, .header-style-1-wrap .menu--ariel .current-menu-item .menu__link::after, /**/ .header-style-1-wrap .menu--ariel .menu__item:hover::before, .header-style-1-wrap .menu--ariel .menu__item:hover::after, .header-style-1-wrap .menu--ariel .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--ariel .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Caliban */ .header-style-1-wrap .menu--caliban .menu__item { } .header-style-1-wrap .menu--caliban .menu__link { padding: 10px 15px !important; -webkit-transition: color 0.2s; transition: color 0.2s; } .header-style-1-wrap .menu--caliban .menu__link::before, .header-style-1-wrap .menu--caliban .menu__link::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #d94f5c; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .header-style-1-wrap .menu--caliban .menu__link::before { border-width: 0 2px; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; background-color: transparent !important; } .header-style-1-wrap .menu--caliban .menu__link::after { border-width: 2px 0; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; background-color: transparent !important; } .header-style-1-wrap .menu--caliban .current-menu-item .menu__link::before, .header-style-1-wrap .menu--caliban .current-menu-item .menu__link::after, .header-style-1-wrap .menu--caliban .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--caliban .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Ferdinand */ .header-style-1-wrap .menu--ferdinand .menu__link { -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .header-style-1-wrap .menu--ferdinand .menu__link::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #d94f5c; -webkit-transform: scale3d(0, 5, 1); transform: scale3d(0, 5, 1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); } .header-style-1-wrap .menu--ferdinand .current_page_item .menu__link::before, .header-style-1-wrap .menu--ferdinand .current-menu-item .menu__link::before, .header-style-1-wrap .menu--ferdinand .menu__item:hover .menu__link::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Francisco */ .header-style-1-wrap .menu--francisco .menu__item { } .header-style-1-wrap .menu--francisco .menu__link { position: relative; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--francisco .menu__link::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; opacity: 0; background: #d94f5c; -webkit-transform: translate3d(0, -3em, 0); transform: translate3d(0, -3em, 0); -webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s; transition: transform 0s 0.3s, opacity 0.2s; } .header-style-1-wrap .menu--francisco .current-menu-item .menu__link::before, .header-style-1-wrap .menu--francisco .menu__item:hover .menu__link::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s; transition: transform 0.3s, opacity 0.1s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .header-style-1-wrap .menu--francisco .menu__helper { display: block; pointer-events: none; } .header-style-1-wrap .menu--francisco .current-menu-item .menu__helper, .header-style-1-wrap .menu--francisco .menu__item:hover .menu__helper { -webkit-animation: anim-francisco 0.3s forwards; animation: anim-francisco 0.3s forwards; } @-webkit-keyframes anim-francisco { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes anim-francisco { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Trinculo */ .header-style-1-wrap .menu--trinculo .menu__item { } .header-style-1-wrap .menu--trinculo .menu__link { -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--trinculo .menu__link::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; opacity: 0; background: #d94f5c; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0s 0.2s, opacity 0.2s; transition: transform 0s 0.2s, opacity 0.2s; } .header-style-1-wrap .menu--trinculo .current-menu-item .menu__link::before, .header-style-1-wrap .menu--trinculo .menu__item:hover .menu__link::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.2s, opacity 0.1s; transition: transform 0.2s, opacity 0.1s; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .header-style-1-wrap .menu--trinculo .menu__helper { display: block; pointer-events: none; } .header-style-1-wrap .menu--trinculo .current-menu-item .menu__helper, .header-style-1-wrap .menu--trinculo .menu__item:hover .menu__helper { -webkit-animation: anim-trinculo 0.6s forwards; animation: anim-trinculo 0.6s forwards; } @-webkit-keyframes anim-trinculo { 50% { opacity: 0; color: #929292; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 51% { opacity: 0; color: #d94f5c; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 75% { opacity: 1; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { opacity: 1; color: #d94f5c; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes anim-trinculo { 50% { opacity: 0; color: #929292; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 51% { opacity: 0; color: #d94f5c; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 75% { opacity: 1; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { opacity: 1; color: #d94f5c; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Stephano */ .header-style-1-wrap .menu--stephano .menu__item { padding: 0 !important; margin-top: 10px !important; } .header-style-1-wrap .menu--stephano .menu__link { -webkit-transition: color 0.3s; transition: color 0.3s; padding: 0 10px 15px !important; } .header-style-1-wrap .menu--stephano .menu__item::before, .header-style-1-wrap .menu--stephano .menu__link::before, .header-style-1-wrap .menu--stephano .menu__link::after { content: ''; position: absolute; bottom: 0; width: 10px; height: 2px; opacity: 0; background: #d94f5c; } /* flipped sides */ .header-style-1-wrap .menu--stephano .menu__link::before, .header-style-1-wrap .menu--stephano .menu__link::after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .header-style-1-wrap .menu--stephano .current-menu-item .menu__link::before, .header-style-1-wrap .menu--stephano .current-menu-item .menu__link::after, .header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::after { opacity: 1; } /* left flip */ .header-style-1-wrap .menu--stephano .menu__link::before { left: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .header-style-1-wrap .menu--stephano .current-menu-item .menu__link::before, .header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::before { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } /* right flip */ .header-style-1-wrap .menu--stephano .menu__link::after { right: 0; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .header-style-1-wrap .menu--stephano .current-menu-item .menu__link::after, .header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::after { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } /* bottom line */ .header-style-1-wrap .menu--stephano .menu__item::before { left: 0; width: 100%; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .header-style-1-wrap .menu--stephano .current-menu-item::before, .header-style-1-wrap .menu--stephano .menu__item:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s; transition: transform 0.3s, opacity 0.1s; } /* Iris */ .header-style-1-wrap .menu--iris .menu__item { } .header-style-1-wrap .menu--iris .menu__link { -webkit-transition: color 0.3s; transition: color 0.3s; padding: 10px 15px !important; } .header-style-1-wrap .menu--iris .menu__link:hover, .header-style-1-wrap .menu--iris .menu__link:focus { color: #929292; } .header-style-1-wrap .menu--iris .current-menu-item .menu__link, .header-style-1-wrap .menu--iris .menu__item:hover .menu__link { color: #d94f5c; } .header-style-1-wrap .menu--iris .menu__link::before, .header-style-1-wrap .menu--iris .menu__link::after { content: ''; position: absolute; width: 10px; height: 10px; opacity: 0; border: 2px solid #d94f5c; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); } .header-style-1-wrap .menu--iris .menu__link::before { top: 0; left: 0; border-width: 2px 0 0 2px; background-color: transparent !important; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); } .header-style-1-wrap .menu--iris .menu__link::after { right: 0; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); background-color: transparent !important; } .header-style-1-wrap .menu--iris .current-menu-item .menu__link::before, .header-style-1-wrap .menu--iris .current-menu-item .menu__link::after, .header-style-1-wrap .menu--iris .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--iris .menu__item:hover .menu__link::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Ceres */ .header-style-1-wrap .main-menu ul.header-style-1-wrap .menu--ceres.sm-clean>li+li { margin-left: 0; } .header-style-1-wrap .menu--ceres .menu__item { position: relative; padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--ceres .menu__link { position: relative; padding: 10px 15px !important; height: 50px; text-align: center; -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--ceres .menu__item::before, .header-style-1-wrap .menu--ceres .menu__item::after, .header-style-1-wrap .menu--ceres .menu__link::after { content: ''; position: absolute; bottom: 0; background: #d94f5c; } .header-style-1-wrap .menu--ceres .menu__item::before, .header-style-1-wrap .menu--ceres .menu__item::after { width: 2px; height: 100%; opacity: 0; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0s 0.1s, opacity 0.1s; transition: transform 0s 0.1s, opacity 0.1s; } .header-style-1-wrap .menu--ceres .menu__item::before { left: 0; } .header-style-1-wrap .menu--ceres .menu__item::after { right: 0; } .header-style-1-wrap .menu--ceres .current-menu-item::before, .header-style-1-wrap .menu--ceres .current-menu-item::after, .header-style-1-wrap .menu--ceres .menu__item:hover::before, .header-style-1-wrap .menu--ceres .menu__item:hover::after { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } /* bottom line */ .header-style-1-wrap .menu--ceres .menu__link::after { left: 0; width: 100%; height: 2px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .header-style-1-wrap .menu--ceres .current-menu-item .menu__link::after, .header-style-1-wrap .menu--ceres .menu__item:hover .menu__link::after { -webkit-transform: translate3d(0, -48px, 0); transform: translate3d(0, -48px, 0); -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } /* Juno */ .header-style-1-wrap .menu--juno .menu__item { position: relative; overflow: hidden; padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--juno .menu__link { position: relative; z-index: 10; text-align: center; -webkit-transition: color 0.3s; transition: color 0.3s; padding: 10px 15px !important; } .header-style-1-wrap .menu--juno .menu__item::before, .header-style-1-wrap .menu--juno .menu__item::after, .header-style-1-wrap .menu--juno .menu__link::before, .header-style-1-wrap .menu--juno .menu__link::after { content: ''; position: absolute; pointer-events: none; opacity: 0; background: #d94f5c; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } /* top and bottom line */ .header-style-1-wrap .menu--juno .menu__item::before, .header-style-1-wrap .menu--juno .menu__item::after { left: 0; width: 100%; height: 2px; } .header-style-1-wrap .menu--juno .menu__item::before { top: 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); } .header-style-1-wrap .menu--juno .menu__item::after { bottom: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } /* left and right line */ .header-style-1-wrap .menu--juno .menu__link::before, .header-style-1-wrap .menu--juno .menu__link::after { top: 0; width: 2px; height: 100%; } .header-style-1-wrap .menu--juno .menu__link::before { left: 0; -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } .header-style-1-wrap .menu--juno .menu__link::after { right: 0; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } .header-style-1-wrap .menu--juno .current-menu-item::before, .header-style-1-wrap .menu--juno .current-menu-item::after, .header-style-1-wrap .menu--juno .current-menu-item .menu__link::before, .header-style-1-wrap .menu--juno .current-menu-item .menu__link::after, /**/ .header-style-1-wrap .menu--juno .menu__item:hover::before, .header-style-1-wrap .menu--juno .menu__item:hover::after, .header-style-1-wrap .menu--juno .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--juno .menu__item:hover .menu__link::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Maria */ .header-style-1-wrap .menu--maria .menu__item { position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; min-width: 60px; height: 60px; text-align: center; } .header-style-1-wrap .menu--maria .menu__item::before { content: ''; position: absolute; top: 100%; left: 0; width: 140%; height: 4px; background: #d94f5c; -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1); transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .header-style-1-wrap .menu--maria .menu__item.current-menu-item::before, .header-style-1-wrap .menu--maria .menu__item.menu__item:hover::before { -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); } .header-style-1-wrap .menu--maria .menu__link { position: relative; -webkit-transition: color 0.4s; transition: color 0.4s; } /* Valentine */ .header-style-1-wrap .menu--valentine .menu__item { position: relative; padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--valentine .menu__link { position: relative; padding: 10px 15px !important; display: block; text-align: center; color: #b5b5b5; -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--valentine .menu__item::before, .header-style-1-wrap .menu--valentine .menu__item::after, .header-style-1-wrap .menu--valentine .menu__link::before, .header-style-1-wrap .menu--valentine .menu__link::after { content: ''; position: absolute; background: #d94f5c; -webkit-transform-origin: 350% 350%; transform-origin: 350% 350%; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .header-style-1-wrap .menu--valentine .menu__item::before, .header-style-1-wrap .menu--valentine .menu__item::after { top: 0; width: 2px; height: 100%; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } /* left line */ .header-style-1-wrap .menu--valentine .menu__item::before { left: 0; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } /* right line */ .header-style-1-wrap .menu--valentine .menu__item::after { right: 0; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .header-style-1-wrap .menu--valentine .menu__link::before, .header-style-1-wrap .menu--valentine .menu__link::after { left: 0; width: 100%; height: 2px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } /* top line */ .header-style-1-wrap .menu--valentine .menu__link::before { top: 0; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /* bottom line */ .header-style-1-wrap .menu--valentine .menu__link::after { bottom: 0; } .header-style-1-wrap .menu--valentine .current-menu-item::before, .header-style-1-wrap .menu--valentine .current-menu-item::after, .header-style-1-wrap .menu--valentine .current-menu-item .menu__link::before, .header-style-1-wrap .menu--valentine .current-menu-item .menu__link::after, /**/ .header-style-1-wrap .menu--valentine .menu__item:hover::before, .header-style-1-wrap .menu--valentine .menu__item:hover::after, .header-style-1-wrap .menu--valentine .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--valentine .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Puck (by @eden_sg) */ .header-style-1-wrap .menu--puck .menu__link { position: relative; display: block; text-align: center; -webkit-transition: color 0.4s; transition: color 0.4s; } .header-style-1-wrap .menu--puck .menu__link::before, .header-style-1-wrap .menu--puck .menu__link::after { content: ''; position: absolute; left: 0; width: 100%; height: 7px; background: #d94f5c; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .header-style-1-wrap .menu--puck .menu__link::before { bottom: -5px; height: 2px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .header-style-1-wrap .menu--puck .menu__link::after { bottom: 0; } .header-style-1-wrap .menu--puck .current-menu-item .menu__link::before, .header-style-1-wrap .menu--puck .current-menu-item .menu__link::after, .header-style-1-wrap .menu--puck .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--puck .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1); transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1); -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } /* Titania (by @rileyjshaw) */ .header-style-1-wrap .menu--titania .menu__item { margin: 0; } .header-style-1-wrap .menu--titania .menu__link { height: 3em; width: 130px; text-align: center; -webkit-transition: color 0.3s 0.2s; transition: color 0.3s 0.2s; } .header-style-1-wrap .menu--titania .current-menu-item .menu__link, .header-style-1-wrap .menu--titania .menu__item:hover .menu__link { -webkit-transition: color 0.7s 0.2s; transition: color 0.7s 0.2s; } .header-style-1-wrap .menu--titania .menu__lines { position: absolute; top: 0; left: 0; width: 120px; height: 100%; pointer-events: none; border: 2px solid #d94f5c; border-width: 2px 0; -webkit-transition: -webkit-transform 0.5s 0.2s; transition: transform 0.5s 0.2s; -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1); -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); } /* vertical lines */ .header-style-1-wrap .menu--titania .menu__lines::before, .header-style-1-wrap .menu--titania .menu__lines::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #d94f5c; border-width: 0 2px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } /* animates out at transition start */ .header-style-1-wrap .menu--titania .menu__lines::before { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; } /* animates back in at transition end */ .header-style-1-wrap .menu--titania .menu__lines::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.2s ease 0.7s; transition: transform 0.2s ease 0.7s; } .header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::before, .header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::after, .header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::before, .header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::after { -webkit-transition: -webkit-transform 0s; transition: transform 0s; } .header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::before, .header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::after, .header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::after { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } .header-style-1-wrap .menu--titania .menu__item:nth-child(1).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(1).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(2).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(2).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(3).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(3).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(4).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(4).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(5).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(5).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } @media screen and (max-width:55em) { .header-style-1-wrap .menu--titania .menu__lines { height: 20%; border-width: 0 2px; } /* horizontal lines */ .header-style-1-wrap .menu--titania .menu__lines::before, .header-style-1-wrap .menu--titania .menu__lines::after { border-width: 2px 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .header-style-1-wrap .menu--titania .menu__lines::before { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::after, .header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::after { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .header-style-1-wrap .menu--titania .menu__item:nth-child(1).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(1).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(2).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(2).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(3).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(3).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(4).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(4).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(0, 300%, 0); transform: translate3d(0, 300%, 0); } .header-style-1-wrap .menu--titania .menu__item:nth-child(5).current-menu-item ~ .menu__lines, .header-style-1-wrap .menu--titania .menu__item:nth-child(5).menu__item:hover ~ .menu__lines { -webkit-transform: translate3d(0, 400%, 0); transform: translate3d(0, 400%, 0); } } /* bagot (by @RplusTW) */ .header-style-1-wrap .main-menu ul.header-style-1-wrap .menu--bagot.sm-clean>li+li { margin-left: 0; } .header-style-1-wrap .menu--bagot .menu__item { position: relative; } .header-style-1-wrap .menu--bagot .menu__link { position: relative; height: 50px; padding: 10px 1.5em !important; text-align: center; opacity: 0.7; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .header-style-1-wrap .menu--bagot .menu__item::before, .header-style-1-wrap .menu--bagot .menu__item::after { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; color: #d94f5c; border-style: solid; -webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0.6, 0, 1); transition: transform 0.2s cubic-bezier(1, 0.6, 0, 1); } .header-style-1-wrap .menu--bagot .menu__item::before { border-width: 2px 0 0; -webkit-transform: translateY(calc(100% - 2px)); transform: translateY(calc(100% - 2px)); } .header-style-1-wrap .menu--bagot .menu__item::after { right: -1px; left: -1px; /* for border-collapse */ border-width: 0 2px; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .header-style-1-wrap .menu--bagot .menu__item.current-menu-item::before, .header-style-1-wrap .menu--bagot .menu__item.menu__item:hover::before { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22); transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22); } .header-style-1-wrap .menu--bagot .menu__item.current-menu-item::after, .header-style-1-wrap .menu--bagot .menu__item.menu__item:hover::after { -webkit-transform: scale(1); transform: scale(1); -webkit-transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22); transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22); } .header-style-1-wrap .menu--bagot .current-menu-item .menu__link, .header-style-1-wrap .menu--bagot .menu__link:hover, .header-style-1-wrap .menu--bagot .menu__link:focus, .header-style-1-wrap .menu--bagot .menu__item:hover .menu__link { opacity: 1; } @media screen and (max-width:55em) { .header-style-1-wrap .menu--bagot .menu__item { margin: 0; } .header-style-1-wrap .menu--bagot .menu__item::before { border-width: 0 2px 0 0; -webkit-transform: translateX(calc(2px - 100%)); transform: translateX(calc(2px - 100%)); } .header-style-1-wrap .menu--bagot .menu__item::after { top: -1px; right: 0; bottom: -1px; left: 0; border-width: 2px 0; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } } /* Shylock (by @benhanks040888) */ .header-style-1-wrap .menu--shylock .menu__link { position: relative; padding-right: 0; padding-left: 0; color: #b5b5b5; -webkit-transition: color 0.4s; transition: color 0.4s; } .header-style-1-wrap .menu--shylock .current-menu-item .menu__link, .header-style-1-wrap .menu--shylock .current-menu-item .menu__link:hover, .header-style-1-wrap .menu--shylock .current-menu-item .menu__link:focus, /**/ .header-style-1-wrap .menu--shylock .menu__item:hover .menu__link, .header-style-1-wrap .menu--shylock .menu__item:hover .menu__link:hover, .header-style-1-wrap .menu--shylock .menu__item:hover .menu__link:focus { color: #d94f5c; } .header-style-1-wrap .menu--shylock .current-menu-item .menu__link::after, .header-style-1-wrap .menu--shylock .current-menu-item .menu__link::before, .header-style-1-wrap .menu--shylock .menu__item:hover .menu__link::after, .header-style-1-wrap .menu--shylock .menu__item:hover .menu__link::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .header-style-1-wrap .menu--shylock .current-menu-item .menu__link::before, .header-style-1-wrap .menu--shylock .menu__item:hover .menu__link::before { -webkit-transition-delay: 0s; transition-delay: 0s; } .header-style-1-wrap .menu--shylock .menu__link:hover::before, .header-style-1-wrap .menu--shylock .menu__link:focus::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-delay: 0s; transition-delay: 0s; } .header-style-1-wrap .menu--shylock .menu__link::before, .header-style-1-wrap .menu--shylock .menu__link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: center left; transform-origin: center left; -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); } .header-style-1-wrap .menu--shylock .menu__link::before { background: #b5b5b5; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .header-style-1-wrap .menu--shylock .menu__link::after { background: #d94f5c; } /* Cordelia (by @vivien_le_neez) */ .header-style-1-wrap .menu--cordelia .menu__item { position: relative; } .header-style-1-wrap .menu--cordelia .menu__link { -webkit-transition: color 0.3s; transition: color 0.3s; } .header-style-1-wrap .menu--cordelia .current-menu-item .menu__link, .header-style-1-wrap .menu--cordelia .menu__item:hover .menu__link { -webkit-transition: color 0.6s; transition: color 0.6s; } .header-style-1-wrap .menu--cordelia .menu__item::before, .header-style-1-wrap .menu--cordelia .menu__item::after { content: ''; position: absolute; z-index: 10; width: 100%; height: 2px; background: #d94f5c; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-animation-fill-mode: initial; animation-fill-mode: initial; } .header-style-1-wrap .menu--cordelia .menu__item::before { top: 0; right: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .header-style-1-wrap .menu--cordelia .menu__item::after { bottom: 0; left: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .header-style-1-wrap .menu--cordelia .current-menu-item::before, .header-style-1-wrap .menu--cordelia .menu__item:hover::before { -webkit-animation: anim-cordelia-top 0.6s linear both; animation: anim-cordelia-top 0.6s linear both; } .header-style-1-wrap .menu--cordelia .current-menu-item::after, .header-style-1-wrap .menu--cordelia .menu__item:hover::after { -webkit-animation: anim-cordelia-bottom 0.6s linear both; animation: anim-cordelia-bottom 0.6s linear both; } @-webkit-keyframes anim-cordelia-top { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes anim-cordelia-top { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @-webkit-keyframes anim-cordelia-bottom { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes anim-cordelia-bottom { 0% { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } /* Horatio Styles */ .header-style-1-wrap .menu--horatio .menu__item { padding: 0 !important; margin-top: 10px !important; } .header-style-1-wrap .menu--horatio .menu__item { position: relative; -webkit-transition: color .25s; transition: color .25s; } .header-style-1-wrap .menu--horatio .menu__item a { position: relative; color: inherit; padding: 10px 15px !important; } .header-style-1-wrap .menu--horatio .current-menu-item { color: #b5b5b5; } .header-style-1-wrap .menu--horatio .menu__item:hover { color: #d94f5c; } .header-style-1-wrap .menu--horatio .menu__item::before, .header-style-1-wrap .menu--horatio .menu__item::after, .header-style-1-wrap .menu--horatio .menu__item a::before, .header-style-1-wrap .menu--horatio .menu__item a::after { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid currentColor; } .header-style-1-wrap .menu--horatio .menu__item::before { border-width: 0 0 0 2px; -webkit-transform-origin: left bottom; transform-origin: left bottom; background-color: transparent !important; } .header-style-1-wrap .menu--horatio .menu__link::before { background-color: transparent !important; } .header-style-1-wrap .menu--horatio .menu__item::after { border-width: 0 2px 0 0; -webkit-transform-origin: right top; transform-origin: right top; } .header-style-1-wrap .menu--horatio .menu__item a::before, .header-style-1-wrap .menu--horatio .menu__item a::after { z-index: 2; } .header-style-1-wrap .menu--horatio .menu__item a::before { border-width: 2px 0 0; -webkit-transform-origin: left top; transform-origin: left top; } .header-style-1-wrap .menu--horatio .menu__item a::after { border-width: 0 0 2px; -webkit-transform-origin: right bottom; transform-origin: right bottom; } .header-style-1-wrap .menu--horatio .current-menu-item::before, .header-style-1-wrap .menu--horatio .current-menu-item::after, .header-style-1-wrap .menu--horatio .menu__item:hover::before, .header-style-1-wrap .menu--horatio .menu__item:hover::after, .header-style-1-wrap .menu--horatio .current-menu-item a::before, .header-style-1-wrap .menu--horatio .current-menu-item a::after, .header-style-1-wrap .menu--horatio .menu__item:hover a::before, .header-style-1-wrap .menu--horatio .menu__item:hover a::after { content: ''; } .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::before, .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::after, .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::before, .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::after { -webkit-animation: horatio-anim .6s ease-in-out; animation: horatio-anim .6s ease-in-out; } .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::before, .header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover::before { -webkit-animation-delay: -.45s; animation-delay: -.45s; } .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::before, .header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover a::before { -webkit-animation-delay: -.3s; animation-delay: -.3s; } .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::after, .header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover::after { -webkit-animation-delay: -.15s; animation-delay: -.15s; } .header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::after, .header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover a::after { -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes horatio-anim { 0%, 33% { opacity: 0; -webkit-transform: rotate(45deg) scale(1.5); transform: rotate(45deg) scale(1.5); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes horatio-anim { 0%, 33% { opacity: 0; -webkit-transform: rotate(45deg) scale(1.5); transform: rotate(45deg) scale(1.5); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* End: Horatio Styles */ /* Luce (by @ryjohnson) */ .header-style-1-wrap .menu--luce .menu__item { position: relative; padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--luce .menu__link { position: relative; display: block; text-align: center; -webkit-transition: color 0.6s; transition: color 0.6s; padding: 10px 15px !important; } .header-style-1-wrap .menu--luce .menu__item::before, .header-style-1-wrap .menu--luce .menu__item::after, .header-style-1-wrap .menu--luce .menu__link::before, .header-style-1-wrap .menu--luce .menu__link::after { content: ''; position: absolute; background: #b5b5b5; -webkit-transition: -webkit-transform 0.25s, background .75s; transition: transform 0.25s, background .75s; -webkit-transition-timing-function: cubic-bezier(1, 0.53, 0.79, 0.68); transition-timing-function: cubic-bezier(1, 0.53, 0.79, 0.68); } /* left and right line */ .header-style-1-wrap .menu--luce .menu__item::before, .header-style-1-wrap .menu--luce .menu__item::after { top: 0; width: 2px; height: 100%; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } /* left line */ .header-style-1-wrap .menu--luce .menu__item::before { left: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } /* right line */ .header-style-1-wrap .menu--luce .menu__item::after { right: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } /* top and bottom line */ .header-style-1-wrap .menu--luce .menu__link::before, .header-style-1-wrap .menu--luce .menu__link::after { left: 0; width: 100%; height: 2px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } /* top line */ .header-style-1-wrap .menu--luce .menu__link::before { top: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } /* bottom line */ .header-style-1-wrap .menu--luce .menu__link::after { bottom: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } /* Delays (first reverse, then current) */ /* These rules can be simplified, but let's keep it for better readability */ /* bottom line */ .header-style-1-wrap .menu--luce .menu__item .menu__link::after { -webkit-transition-delay: 0s; transition-delay: 0s; } .header-style-1-wrap .menu--luce .current-menu-item .menu__link::after, .header-style-1-wrap .menu--luce .menu__item:hover .menu__link::after { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } /* left line */ .header-style-1-wrap .menu--luce .menu__item::before { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .header-style-1-wrap .menu--luce .current-menu-item::before, .header-style-1-wrap .menu--luce .menu__item:hover::before { -webkit-transition-delay: 0s; transition-delay: 0s; } /* top line */ .header-style-1-wrap .menu--luce .menu__item .menu__link::before { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .header-style-1-wrap .menu--luce .current-menu-item .menu__link::before, .header-style-1-wrap .menu--luce .menu__item:hover .menu__link::before { -webkit-transition-delay: 0s; transition-delay: 0s; } /* right line */ .header-style-1-wrap .menu--luce .current-menu-item::after, .header-style-1-wrap .menu--luce .menu__item:hover::after { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .header-style-1-wrap .menu--luce .current-menu-item::before, .header-style-1-wrap .menu--luce .current-menu-item::after, .header-style-1-wrap .menu--luce .current-menu-item .menu__link::before, .header-style-1-wrap .menu--luce .current-menu-item .menu__link::after, /**/ .header-style-1-wrap .menu--luce .menu__item:hover::before, .header-style-1-wrap .menu--luce .menu__item:hover::after, .header-style-1-wrap .menu--luce .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--luce .menu__item:hover .menu__link::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background: #d94f5c; } /* End: Luce Styles */ /* Juliet Styles */ .header-style-1-wrap .menu--juliet .menu__item { position: relative; -webkit-transition: color .25s; transition: color .25s; padding: 0 !important; margin-top: 10px; } .header-style-1-wrap .menu--juliet .menu__item::before, .header-style-1-wrap .menu--juliet .menu__item::after, .header-style-1-wrap .menu--juliet .current-menu-item::before, .header-style-1-wrap .menu--juliet .current-menu-item::after, .header-style-1-wrap .menu--juliet .menu__item:hover::before, .header-style-1-wrap .menu--juliet .menu__item:hover::after { position: absolute; left: 50%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none; } .header-style-1-wrap .menu--juliet .menu__item::before, .header-style-1-wrap .menu--juliet .menu__item::after { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: left left; transform-origin: left left; -webkit-transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); } .header-style-1-wrap .menu--juliet .current-menu-item::before, .header-style-1-wrap .menu--juliet .current-menu-item::after, .header-style-1-wrap .menu--juliet .menu__item:hover::before, .header-style-1-wrap .menu--juliet .menu__item:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); } .header-style-1-wrap .menu--juliet .menu__item:hover::before, .header-style-1-wrap .menu--juliet .menu__item:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); } .header-style-1-wrap .menu--juliet .menu__item::before { top: 95%; margin-left: -9px; border-width: 10px; border-top-color: #b5b5b5; background-color: transparent !important; } .header-style-1-wrap .menu--juliet .current-menu-item::before, .header-style-1-wrap .menu--juliet .menu__item:hover::before { margin-left: -9px; border-width: 10px; border-top-color: #d94f5c; } .header-style-1-wrap .menu--juliet .menu__item::after, .header-style-1-wrap .menu--juliet .current-menu-item::after, .header-style-1-wrap .menu--juliet .menu__item:hover::after { top: 94%; margin-left: -5px; border-width: 6px; border-top-color: #2a282b; } .header-style-1-wrap .menu--juliet .menu__link { position: relative; margin: 0 1em; padding-right: 0; padding-left: 0; color: #b5b5b5; -webkit-transition: color 0.4s; transition: color 0.4s; } .header-style-1-wrap .menu--juliet .current-menu-item .menu__link::after, .header-style-1-wrap .menu--juliet .current-menu-item .menu__link::before, .header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::after, .header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .header-style-1-wrap .menu--juliet .current-menu-item .menu__link::before, .header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::before { -webkit-transition-delay: 0s; transition-delay: 0s; } .header-style-1-wrap .menu--juliet .menu__link:hover, .header-style-1-wrap .menu--juliet .menu__link:focus { color: #b5b5b5; } .header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--juliet .menu__item:focus .menu__link::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-delay: 0s; transition-delay: 0s; } .header-style-1-wrap .menu--juliet .menu__link::before, .header-style-1-wrap .menu--juliet .menu__link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: center left; transform-origin: center left; -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); } .header-style-1-wrap .menu--juliet .menu__link::before { background: #b5b5b5; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .header-style-1-wrap .menu--juliet .menu__link::after { background: #d94f5c; } /* End: Juliet Styles */ /* Invulner Styles */ .header-style-1-wrap .menu--invulner .menu__link { position: relative; -webkit-transition: color .4s ease-in; transition: color .4s ease-in; padding: 10px 15px !important; } .header-style-1-wrap .menu--invulner .menu__link::before { content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 100%; border: 2px solid #d94f5c; -webkit-transition: all .5s cubic-bezier(.52,.27,.4,1.52); transition: all .5s cubic-bezier(.52,.27,.4,1.52); opacity: 0; background-color: transparent !important; } .header-style-1-wrap .menu--invulner .current-menu-item .menu__link::before, .header-style-1-wrap .menu--invulner .menu__item:hover .menu__link::before { left: 0; top: 0; margin-top: 0; margin-left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 1; } /* End: Invulner Styles */ /* tantalid Styles */ .header-style-1-wrap .menu--tantalid .menu__link { position: relative; overflow: hidden; -webkit-transition: color .4s ease-in; transition: color .4s ease-in; padding: 10px 15px !important; } .header-style-1-wrap .menu--tantalid .menu__link:hover { } .header-style-1-wrap .menu--tantalid .current-menu-item .menu__link, .header-style-1-wrap .menu--tantalid .menu__item:hover .menu__link { overflow: visible; } .header-style-1-wrap .menu--tantalid .menu__link::before, .header-style-1-wrap .menu--tantalid .menu__link::after { content: ''; position: absolute; width: 100px; height: 100px; opacity: 0; border: 2px solid #d94f5c; -webkit-transition: -webkit-transform 0.4s, opacity 0.3s, width 0.4s; transition: transform .4s, opacity 0.3s, width .4s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .header-style-1-wrap .menu--tantalid .menu__link::before { top: 0; left: 0; border-width: 2px 0 0 2px; -webkit-transform: translate3d(-150%, 70%, 0) rotate(-30deg); transform: translate3d(-150%, 70%, 0) rotate(-30deg); background-color: transparent !important; } .header-style-1-wrap .menu--tantalid .menu__link::after { right: 0; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(150%, -70%, 0) rotate(-30deg); transform: translate3d(150%, -70%, 0) rotate(-30deg); } .header-style-1-wrap .menu--tantalid .current-menu-item .menu__link::before, .header-style-1-wrap .menu--tantalid .current-menu-item .menu__link::after, .header-style-1-wrap .menu--tantalid .menu__item:hover .menu__link::before, .header-style-1-wrap .menu--tantalid .menu__item:hover .menu__link::after { width: 80%; height: 80%; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } /* End: tantalid Styles */ /* YOUR STYLE (Shakespeare character name) see README.md for details */ /* (Please copy these two lines and insert after your custom styles) */ /* Name (by @you) */ /* [Your styles here]*/ /* End: Name Styles */ /* Media queries */ /* Stack items for smaller screens */ @media screen and (max-width:55em) { .menu__list { display: block; margin: 0 auto; } }