/* Fogli di stile del sito WordPress (tema Fenix con figlio, plugin Brix, Easy Social Icons, Contact Form 7, personalizzazioni del tema e CSS aggiuntivo), ridotti con PurgeCSS alle regole che compaiono nelle pagine pubblicate del sito vivo. Generato il 12 settembre 2026: non si modifica a mano, le aggiunte stanno in brix-aggiunte.css. */ @charset "UTF-8"; .brix-section-column-block .brix-icon-wrapper{display:inline-block}.brix-section-column-block .brix-icon-wrapper .brix-icon{float:left;display:block}.brix-image{display:inline-flex;flex-direction:column;max-width:100%;margin:0;padding:0}.brix-image a{max-width:100%;display:inline-block}.brix-image-wrapper{display:inline-block;max-width:100%;position:relative}.brix-image-wrapper img{max-width:100%;height:auto;float:left}.brix-image-wrapper .brix-block-preloaded-img{position:absolute;top:0;left:0;display:inline-flex}.brix-image-wrapper .brix-block-preloaded-img.brix-img-loaded{position:relative}.brix-image-wrapper .brix-block-preloaded-img.brix-img-loaded+b{display:none !important} .brix-builder::after{clear:both;content:"";display:table}.brix-section{position:relative;margin-left:auto;margin-right:auto;box-sizing:border-box}.brix-section::after{clear:both;content:"";display:table}.brix-section-inner-wrapper{position:relative;z-index:1}.brix-boxed{margin-left:auto;margin-right:auto}.brix-extended-boxed .brix-section-inner-wrapper{margin-left:auto;margin-right:auto}.brix-section-column-vertical-alignment-middle .brix-section-column-inner-wrapper{justify-content:center}.brix-section-column-vertical-alignment-bottom .brix-section-column-inner-wrapper{justify-content:flex-end}.brix-section.brix-fluid-section:not(.brix-full-height-section) .brix-section-inner-wrapper::after{clear:both;content:"";display:table}.brix-section:not(.brix-fluid-section) .brix-section-inner-wrapper,.brix-section:not(.brix-fluid-section) .brix-subsection-spacing-wrapper,.brix-section:not(.brix-fluid-section) .brix-section-row,.brix-section:not(.brix-fluid-section) .brix-subsection{display:flex}.brix-section:not(.brix-fluid-section) .brix-section-inner-wrapper,.brix-section:not(.brix-fluid-section) .brix-subsection-spacing-wrapper{flex-flow:row wrap}.brix-section:not(.brix-fluid-section) .brix-subsection-spacing-wrapper,.brix-section:not(.brix-fluid-section) .brix-section-row-inner-wrapper{flex-grow:1}.brix-subsection-spacing-wrapper,.brix-section-row-inner-wrapper{width:100%;flex-shrink:0}.brix-subsection{float:left;box-sizing:border-box}.brix-subsection-1-1{width:100%}.brix-subsection-1-3{width:33.33333333%}.brix-subsection-2-3{width:66.66666667%}.brix-subsection-spacing-wrapper{position:relative}.brix-section-row{width:100%;position:relative}.brix-section-row::after{clear:both;content:"";display:table}.brix-section-column{position:relative;float:left;min-height:1px;box-sizing:border-box;display:flex}.brix-section-column-inner-wrapper{position:relative;display:flex;flex-direction:column;height:100%}.brix-col-1-1{width:100%}.brix-col-1-2{width:50%}.brix-col-1-3{width:33.33333333%}.brix-col-2-3{width:66.66666667%}.brix-col-1-4{width:25%}.brix-col-1-6{width:16.66666667%}.brix-col-1-12{width:8.33333333%}.brix-col-5-12{width:41.66666667%}.brix-col-7-12{width:58.33333333%}.brix-section-column-spacing-wrapper{position:relative;flex-grow:1;width:100%}.brix-section-row:not(.brix-section-column-height-fluid) .brix-section-row-inner-wrapper{display:flex;flex-flow:row wrap}.brix-section-column-block{box-sizing:border-box;padding:12px 15px;position:relative;z-index:1;flex-shrink:0}.brix-section-column-block::after{clear:both;content:"";display:table}.brix-block-external-wrapper{width:100%} .brix-background-wrapper{opacity:1;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;transition:opacity 0.2s;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.brix-background-image{position:absolute;top:0;right:0;bottom:0;left:0}.brix-background-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1} .flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;height:100%;width:100%}[data-carousel-fluid-height="1"] .flickity-viewport{-webkit-transition:height 0.2s;-moz-transition:height 0.2s;transition:height 0.2s}.brix-section-column-inner-wrapper:after{content:'flickity';display:none}.flickity-viewport .brix-block-image-img:not(.brix-img-loaded){width:1px !important;height:auto !important}.flickity-page-dots{width:100%;text-align:center;box-sizing:border-box;margin:0;padding:0;line-height:0.001em}.flickity-page-dots li{list-style-type:none;display:inline-block;cursor:pointer;height:10px;width:10px;background-color:rgba(0,0,0,0.2);border-radius:50em;margin:0 4px;padding:0;box-sizing:border-box}.flickity-page-dots li:hover{background-color:rgba(0,0,0,0.8)}.flickity-page-dots .is-selected{background-color:rgba(0,0,0,0.8)}.brix-section-column-block-accordion .brix-toggle-content{display:none}.brix-section-column-block-accordion .brix-toggle.brix-active .brix-toggle-content{display:block}.brix-section-column-block-accordion .brix-toggle+.brix-toggle{margin-top:12px}.brix-section-column-block-accordion .brix-toggle-trigger{cursor:pointer;display:flex;align-items:center}.brix-section-column-block-accordion .brix-toggle.brix-active .brix-toggle-content{margin-top:6px}.brix-section-column-block-accordion .brix-toggle-icon-position-left .brix-icon-wrapper{margin-right:5px}.brix-section-column-block-accordion .brix-toggle-icon-position-right{justify-content:space-between}.brix-section-column-block-accordion .brix-toggle-icon-position-right .brix-icon-wrapper{margin-left:5px}.brix-section-column-block-accordion .brix-toggle-content>*:last-child{margin-bottom:12px} .brix-blog-block-loop-wrapper::after,.brix-blog-block-pagination-wrapper::after{clear:both;content:"";display:table} .brix-section-column-block-button .brix-block-button{display:inline-block;border:none;box-shadow:none;margin:0;line-height:1.25;padding:.6em 1.25em;max-width:100%;background-color:transparent;color:inherit}.brix-section-column-block-button .brix-block-button img{display:inline-block}.brix-section-column-block-button .brix-block-button-inner-wrapper{display:flex;align-items:center;justify-content:center}.brix-section-column-block-button .brix-icon-wrapper+.brix-block-button-label{margin-left:15px}.brix-section-column-block-button .brix-block-button-label+.brix-icon-wrapper{margin-left:15px}.brix-section-column-block-button.brix-button-size-large .brix-block-button{font-size:130%}.brix-section-column-block-button.brix-button-size-full .brix-block-button{font-size:130%;width:100%} .brix-block-divider{display:block;clear:both;width:100%} .brix-section-column-block-feature_box .brix-icon{line-height:1;font-size:inherit;font-weight:400;font-style:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.brix-section-column-block-feature_box .brix-block-content>*:first-child{clear:none;margin-top:0}.brix-section-column-block-feature_box p{text-align:inherit}.brix-section-column-block-feature_box.brix-block-feature-box-layout-centered{text-align:center}.brix-section-column-block-feature_box.brix-block-feature-box-layout-centered .brix-icon-wrapper,.brix-section-column-block-feature_box.brix-block-feature-box-layout-centered>.brix-image{margin-top:0}.brix-section-column-block-feature_box.brix-block-feature-box-layout-centered .brix-image+.brix-block-feature-box-content-wrapper,.brix-section-column-block-feature_box.brix-block-feature-box-layout-centered .brix-icon-wrapper+.brix-block-feature-box-content-wrapper{margin-top:24px} .brix-section-column-block-gallery{padding:0}.brix-gallery-container::after{clear:both;content:"";display:table}.brix-gallery-container .brix-gallery-item{border:none;box-shadow:none}.brix-gallery-container .brix-gallery-item:hover,.brix-gallery-container .brix-gallery-item:focus{box-shadow:none}.brix-gallery-container .brix-gallery-item img{box-shadow:none}.brix-gallery-container+p{text-align:center}.brix-gallery-item{padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;float:left;box-sizing:border-box;display:inline-flex}.brix-gallery-item>span{width:100%}.brix-gallery-item figure{width:100%;margin:0}.brix-gallery-item figure img{width:100%;float:left}.brix-gallery-item.brix-gallery-lightbox{cursor:zoom-in}.brix-gallery-columns-3 .brix-gallery-item{width:33.33333333%}.brix-gallery-columns-3 .brix-gallery-item:nth-child(3n+1){clear:both} .brix-section-column-block-image figcaption{margin-top:6px}.brix-section-column-block-image.brix-block-image-alignment-left{text-align:left}.brix-section-column-block-image.brix-block-image-alignment-center{text-align:center} @charset "UTF-8";@-webkit-keyframes progressBar{from{width:0%}to{width:100%}}@-moz-keyframes progressBar{from{width:0%}to{width:100%}}@keyframes progressBar{from{width:0%}to{width:100%}} /* Theme Name: Fenix Theme URI: https://justevolve.it/product/fenix/ Author: Evolve Themes Author URI: https://justevolve.it Description: A responsive multi-purpose WordPress theme Version: 1.3.10 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, custom-menu, featured-images, post-formats, translation-ready Text Domain: fenix This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table Of Contents * - Reset * - Structure * - Builder * - Header * - Footer * - Page header * - Swiper * - Photoswipe * - Blog * - Portfolio * - Albums * - Components * - Plugins * - Pages */ @charset "UTF-8"; /** @- Reset **/ /* | ------------------------------------------------------------------------------ | Main reset | http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) | ------------------------------------------------------------------------------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, address, big, code, del, em, img, ins, q, s, small, strong, sup, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tr, th, td, article, canvas, details, embed, figure, figcaption, footer, header, menu, nav, section, time, mark, audio { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, details, figcaption, figure, footer, header, menu, nav, section { display: block; } audio, canvas { display: inline-block; } audio:not([controls]) { display: none; } [hidden] { display: none; } *:first-child + html .clearfix { min-height: 1px; } body { line-height: 1; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { text-decoration: none; } a:focus { outline: thin dotted; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } textarea { overflow: auto; vertical-align: top; } ol, ul { list-style: none; } q { quotes: none; } q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } form, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; -o-appearance: button; appearance: button; } textarea { overflow: auto; vertical-align: top; resize: vertical; max-width: 100%; } label { cursor: pointer; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } * { box-sizing: border-box; } .screen-reader-text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } iframe { max-width: 100%; } /** @- Structure **/ body { overflow-x: hidden; background-color: #fff; } .fx-l { overflow: hidden; } .fx-l-wb .fx-c, .fx-l-wb .fx-ph-sc, .fx-l-wb .fx-h-tb-w_i, .fx-l-wb .fx-h-bb-w_i, .fx-l-wb .fx-h-hl-w_i, .fx-l-wb .fx-f-w_i, .fx-l-wb .fx-f-bb-w_i { max-width: 1104px; margin-left: auto; margin-right: auto; } .fx-l-wb .fx-h-s .fx-h-tb-w_i, .fx-l-wb .fx-h-s .fx-h-bb-w_i, .fx-l-wb .fx-h-s .fx-h-hl-w_i { max-width: none; } .fx-f-stretch.fx-f-w_i { max-width: none; } .fx-c { margin-left: auto; margin-right: auto; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .fx-c::after { clear: both; content: ""; display: table; } .fx-mc { width: 100%; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -ms-flex-negative: 0; } .fx-mc-w_i { padding: 48px 30px; } .brix-active .fx-mc-w_i { padding: 0; } .brix-section-column-block[class*="fx-loop"] .hentry, .brix-section-column-block[class*="fx-loop"] .product, .brix-section-column-block[class*="fx-loop"] .fx-a-i, .fx-a-mc .hentry, .fx-a-mc .product, .fx-a-mc .fx-a-i { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: opacity 0.3s ease, -moz-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: opacity 0.3s ease, -o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } body { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #696E73; font-style: normal; font-size: 16px; line-height: 1.5; font-family: Libre Franklin; font-weight: 300; } h1 { font-family: Poppins; font-size: 52px; font-weight: 700; line-height: 1.1; letter-spacing: -1px; text-transform: none; } @media screen and (max-width: 768px) { h1 { font-family: Poppins; font-size: 42px; font-weight: 700; line-height: 1.1; letter-spacing: -1px; text-transform: none; } } h2 { font-family: Poppins; font-size: 32px; font-weight: 700; line-height: 1.25; letter-spacing: -1px; text-transform: none; } h3 { font-family: Poppins; font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -1px; text-transform: none; } h4 { font-family: Poppins; font-size: 21px; font-weight: 700; line-height: 1.25; letter-spacing: -1px; text-transform: none; } h5 { font-family: Poppins; font-size: 16px; font-weight: 700; line-height: 1.25; letter-spacing: 2px; text-transform: uppercase; } h6 { font-family: Poppins; font-size: 16px; font-weight: 700; line-height: 1.25; letter-spacing: 0; text-transform: none; } h1, h2, h3, h4, h5, h6 { color: #171819; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; display: inline-block; } a { display: inline-block; font-weight: bold; color: #171819; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; position: relative; } a:hover { color: #F50451; } a:focus { outline: none; } ul { list-style-type: disc; list-style-position: inside; } ol { list-style-type: decimal; list-style-position: inside; } ul ul, ol ul { list-style-type: circle; list-style-position: inside; } ol ol, ul ol { list-style-type: lower-latin; list-style-position: inside; } ul, ol { position: relative; } ul li, ol li { position: relative; margin-top: 6px; margin-bottom: 6px; } ul li ul, ul li ol, ol li ul, ol li ol { margin-left: 0; padding-left: 30px; } strong, b { font-weight: bold; } em { font-style: italic; } pre, code, var { font-family: Courier, "Courier New", monospace; background-color: rgba(0, 0, 0, 0.05); } small, sup { font-size: 75%; } big { font-size: 125%; } sup { height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; bottom: 1ex; } pre { padding: 1em; display: block; margin: 1em 0; overflow: auto; } pre code { padding: 0; background-color: transparent; } code { padding: .25em .5em; } table { width: 100%; } table caption { margin: 12px 0; } table td, table th { padding: 12px 4px; position: relative; } table td:after, table th:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; background: currentColor; height: 1px; opacity: .1; } table th { text-align: left; color: #171819; } address { font-style: italic; } hr { height: 0; border: 0; border-top: 1px solid currentColor; opacity: .2; margin: 2em auto; } .fx-mc-w_i h1 + *, .fx-mc-w_i h2 + *, .textwidget h1 + *, .textwidget h2 + *, .brix-block-content h1 + *, .brix-block-content h2 + *, figcaption h1 + *, figcaption h2 + * { margin-top: 2em; } .fx-mc-w_i > * + *, .textwidget > * + *, .brix-block-content > * + *, figcaption > * + * { margin-top: 1.25em; } .fx-mc-w_i h1 + h1, .fx-mc-w_i h1 + h2, .fx-mc-w_i h1 + h3, .fx-mc-w_i h1 + h4, .fx-mc-w_i h1 + h5, .fx-mc-w_i h1 + h6, .fx-mc-w_i h1 + [class*="fx-h"], .fx-mc-w_i h2 + h1, .fx-mc-w_i h2 + h2, .fx-mc-w_i h2 + h3, .fx-mc-w_i h2 + h4, .fx-mc-w_i h2 + h5, .fx-mc-w_i h2 + h6, .fx-mc-w_i h2 + [class*="fx-h"], .fx-mc-w_i h3 + h1, .fx-mc-w_i h3 + h2, .fx-mc-w_i h3 + h3, .fx-mc-w_i h3 + h4, .fx-mc-w_i h3 + h5, .fx-mc-w_i h3 + h6, .fx-mc-w_i h3 + [class*="fx-h"], .fx-mc-w_i h4 + h1, .fx-mc-w_i h4 + h2, .fx-mc-w_i h4 + h3, .fx-mc-w_i h4 + h4, .fx-mc-w_i h4 + h5, .fx-mc-w_i h4 + h6, .fx-mc-w_i h4 + [class*="fx-h"], .fx-mc-w_i h5 + h1, .fx-mc-w_i h5 + h2, .fx-mc-w_i h5 + h3, .fx-mc-w_i h5 + h4, .fx-mc-w_i h5 + h5, .fx-mc-w_i h5 + h6, .fx-mc-w_i h5 + [class*="fx-h"], .fx-mc-w_i h6 + h1, .fx-mc-w_i h6 + h2, .fx-mc-w_i h6 + h3, .fx-mc-w_i h6 + h4, .fx-mc-w_i h6 + h5, .fx-mc-w_i h6 + h6, .fx-mc-w_i h6 + [class*="fx-h"], .fx-mc-w_i [class*="fx-h"] + h1, .fx-mc-w_i [class*="fx-h"] + h2, .fx-mc-w_i [class*="fx-h"] + h3, .fx-mc-w_i [class*="fx-h"] + h4, .fx-mc-w_i [class*="fx-h"] + h5, .fx-mc-w_i [class*="fx-h"] + h6, .fx-mc-w_i [class*="fx-h"] + [class*="fx-h"], .textwidget h1 + h1, .textwidget h1 + h2, .textwidget h1 + h3, .textwidget h1 + h4, .textwidget h1 + h5, .textwidget h1 + h6, .textwidget h1 + [class*="fx-h"], .textwidget h2 + h1, .textwidget h2 + h2, .textwidget h2 + h3, .textwidget h2 + h4, .textwidget h2 + h5, .textwidget h2 + h6, .textwidget h2 + [class*="fx-h"], .textwidget h3 + h1, .textwidget h3 + h2, .textwidget h3 + h3, .textwidget h3 + h4, .textwidget h3 + h5, .textwidget h3 + h6, .textwidget h3 + [class*="fx-h"], .textwidget h4 + h1, .textwidget h4 + h2, .textwidget h4 + h3, .textwidget h4 + h4, .textwidget h4 + h5, .textwidget h4 + h6, .textwidget h4 + [class*="fx-h"], .textwidget h5 + h1, .textwidget h5 + h2, .textwidget h5 + h3, .textwidget h5 + h4, .textwidget h5 + h5, .textwidget h5 + h6, .textwidget h5 + [class*="fx-h"], .textwidget h6 + h1, .textwidget h6 + h2, .textwidget h6 + h3, .textwidget h6 + h4, .textwidget h6 + h5, .textwidget h6 + h6, .textwidget h6 + [class*="fx-h"], .textwidget [class*="fx-h"] + h1, .textwidget [class*="fx-h"] + h2, .textwidget [class*="fx-h"] + h3, .textwidget [class*="fx-h"] + h4, .textwidget [class*="fx-h"] + h5, .textwidget [class*="fx-h"] + h6, .textwidget [class*="fx-h"] + [class*="fx-h"], .brix-block-content h1 + h1, .brix-block-content h1 + h2, .brix-block-content h1 + h3, .brix-block-content h1 + h4, .brix-block-content h1 + h5, .brix-block-content h1 + h6, .brix-block-content h1 + [class*="fx-h"], .brix-block-content h2 + h1, .brix-block-content h2 + h2, .brix-block-content h2 + h3, .brix-block-content h2 + h4, .brix-block-content h2 + h5, .brix-block-content h2 + h6, .brix-block-content h2 + [class*="fx-h"], .brix-block-content h3 + h1, .brix-block-content h3 + h2, .brix-block-content h3 + h3, .brix-block-content h3 + h4, .brix-block-content h3 + h5, .brix-block-content h3 + h6, .brix-block-content h3 + [class*="fx-h"], .brix-block-content h4 + h1, .brix-block-content h4 + h2, .brix-block-content h4 + h3, .brix-block-content h4 + h4, .brix-block-content h4 + h5, .brix-block-content h4 + h6, .brix-block-content h4 + [class*="fx-h"], .brix-block-content h5 + h1, .brix-block-content h5 + h2, .brix-block-content h5 + h3, .brix-block-content h5 + h4, .brix-block-content h5 + h5, .brix-block-content h5 + h6, .brix-block-content h5 + [class*="fx-h"], .brix-block-content h6 + h1, .brix-block-content h6 + h2, .brix-block-content h6 + h3, .brix-block-content h6 + h4, .brix-block-content h6 + h5, .brix-block-content h6 + h6, .brix-block-content h6 + [class*="fx-h"], .brix-block-content [class*="fx-h"] + h1, .brix-block-content [class*="fx-h"] + h2, .brix-block-content [class*="fx-h"] + h3, .brix-block-content [class*="fx-h"] + h4, .brix-block-content [class*="fx-h"] + h5, .brix-block-content [class*="fx-h"] + h6, .brix-block-content [class*="fx-h"] + [class*="fx-h"], figcaption h1 + h1, figcaption h1 + h2, figcaption h1 + h3, figcaption h1 + h4, figcaption h1 + h5, figcaption h1 + h6, figcaption h1 + [class*="fx-h"], figcaption h2 + h1, figcaption h2 + h2, figcaption h2 + h3, figcaption h2 + h4, figcaption h2 + h5, figcaption h2 + h6, figcaption h2 + [class*="fx-h"], figcaption h3 + h1, figcaption h3 + h2, figcaption h3 + h3, figcaption h3 + h4, figcaption h3 + h5, figcaption h3 + h6, figcaption h3 + [class*="fx-h"], figcaption h4 + h1, figcaption h4 + h2, figcaption h4 + h3, figcaption h4 + h4, figcaption h4 + h5, figcaption h4 + h6, figcaption h4 + [class*="fx-h"], figcaption h5 + h1, figcaption h5 + h2, figcaption h5 + h3, figcaption h5 + h4, figcaption h5 + h5, figcaption h5 + h6, figcaption h5 + [class*="fx-h"], figcaption h6 + h1, figcaption h6 + h2, figcaption h6 + h3, figcaption h6 + h4, figcaption h6 + h5, figcaption h6 + h6, figcaption h6 + [class*="fx-h"], figcaption [class*="fx-h"] + h1, figcaption [class*="fx-h"] + h2, figcaption [class*="fx-h"] + h3, figcaption [class*="fx-h"] + h4, figcaption [class*="fx-h"] + h5, figcaption [class*="fx-h"] + h6, figcaption [class*="fx-h"] + [class*="fx-h"] { margin-top: .5em; } .fx-mc-w_i > * + hr, .textwidget > * + hr, .brix-block-content > * + hr, figcaption > * + hr { margin-top: 2em; } .fx-mc-w_i hr:first-child, .textwidget hr:first-child, .brix-block-content hr:first-child, figcaption hr:first-child { margin-top: 0; } .fx-mc-w_i h1, .fx-mc-w_i h2, .fx-mc-w_i h3, .fx-mc-w_i h4, .fx-mc-w_i h5, .fx-mc-w_i h6, .fx-mc-w_i [class*="fx-h"], .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6, .textwidget [class*="fx-h"], .brix-block-content h1, .brix-block-content h2, .brix-block-content h3, .brix-block-content h4, .brix-block-content h5, .brix-block-content h6, .brix-block-content [class*="fx-h"], figcaption h1, figcaption h2, figcaption h3, figcaption h4, figcaption h5, figcaption h6, figcaption [class*="fx-h"] { clear: both; } /** @- Builder **/ .brix-section-column-block-accordion .brix-toggle { position: relative; } .brix-section-column-block-accordion .brix-toggle .brix-toggle-trigger { position: relative; opacity: 1; color: #696E73; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; font-weight: bold; font-size: 14px; } .brix-section-column-block-accordion .brix-toggle .brix-toggle-trigger:hover { color: #171819; } .brix-section-column-block-accordion .brix-toggle.brix-active .brix-toggle-trigger { color: #171819; } .brix-section-column-block-accordion .brix-toggle.brix-accordion-in .brix-toggle-content { opacity: 1; } .brix-section-column-block-accordion .brix-toggle .brix-toggle-content { display: block; margin-top: 0; padding-top: 12px; opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .brix-section-column-block-accordion.brix-section-column-block-style-default .brix-toggle .brix-toggle-trigger { padding-left: 27px; position: relative; } .brix-section-column-block-accordion.brix-section-column-block-style-default .brix-toggle:hover .fx-ba-t { opacity: 1; } .brix-section-column-block-accordion.brix-section-column-block-style-default .brix-toggle .fx-ba-t { cursor: pointer; opacity: .5; height: 12px; width: 12px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; } .brix-section-column-block-accordion.brix-section-column-block-style-default .brix-toggle .fx-ba-t svg { height: 12px; width: 12px; float: left; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .brix-section-column-block-accordion.brix-section-column-block-style-default .brix-toggle.brix-active .fx-ba-t { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .brix-section-column-block-accordion.brix-section-column-block-style-default .brix-toggle + .brix-toggle { margin-top: 24px; } .brix-section-column-block-accordion.brix-section-column-block-style-default .brix-toggle.brix-active .brix-toggle-content > *:last-child { padding-bottom: 12px; margin-bottom: 0; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle { padding: 12px 0; -webkit-transition: padding 0.2s ease; -moz-transition: padding 0.2s ease; transition: padding 0.2s ease; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle .brix-toggle-trigger { padding-left: 27px; position: relative; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle:hover .fx-ba-t { opacity: 1; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle .fx-ba-t { cursor: pointer; opacity: .5; height: 12px; width: 12px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle .fx-ba-t svg { height: 12px; width: 12px; float: left; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle.brix-active .fx-ba-t { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle:first-child.brix-active { padding-top: 12px; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle.brix-active { padding: 24px 0; border-bottom-color: #000; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle.brix-active .brix-toggle-trigger { padding-bottom: 0; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle.brix-active .brix-toggle-content > *:last-child { margin-bottom: 0; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle .brix-toggle-content { padding-left: 27px; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-minimal .brix-toggle + .brix-toggle { margin-top: 0; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle { padding: 12px 15px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 4px 6px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow 0.2s ease, padding 0.2s ease; -moz-transition: box-shadow 0.2s ease, padding 0.2s ease; transition: box-shadow 0.2s ease, padding 0.2s ease; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle .brix-toggle-trigger { padding-left: 27px; position: relative; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle:hover .fx-ba-t { opacity: 1; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle .fx-ba-t { cursor: pointer; opacity: .5; height: 12px; width: 12px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle .fx-ba-t svg { height: 12px; width: 12px; float: left; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle.brix-active .fx-ba-t { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 20px 40px -20px rgba(0, 0, 0, 0.3); } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle .brix-toggle-trigger { opacity: 1; padding-bottom: 0; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle .brix-toggle-trigger:before, .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle .brix-toggle-trigger:after { display: none; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle .brix-toggle-content { padding-top: 12px; padding-left: 27px; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle + .brix-toggle { margin-top: 12px; } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle.brix-active { padding: 16px 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 20px 40px -20px rgba(0, 0, 0, 0.3); } .brix-section-column-block-accordion.brix-section-column-block-style-fenix-card .brix-toggle.brix-active .brix-toggle-content > *:last-child { margin-bottom: 8px; } .brix-section-column-block-button.brix-section-column-block-style-default .brix-block-button { border: none; color: #fff !important; border: 2px solid; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 4px 6px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; position: relative; font-weight: bold; background-color: #F50451; border-color: #F50451; } .brix-section-column-block-button.brix-section-column-block-style-default .brix-block-button:focus { outline: none; } .brix-section-column-block-button.brix-section-column-block-style-default .brix-block-button:hover:not([disabled]) { color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 7px 16px rgba(0, 0, 0, 0.2); } .brix-section-column-block-button.brix-section-column-block-style-secondary .brix-block-button { background: transparent; border: 2px solid; -webkit-transition: box-shadow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: box-shadow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: box-shadow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: box-shadow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; font-weight: bold; border-color: #F50451; color: #F50451; } .brix-section-column-block-button.brix-section-column-block-style-secondary .brix-block-button:focus { outline: none; } .brix-section-column-block-button.brix-section-column-block-style-secondary .brix-block-button:hover:not([disabled]) { color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 7px 16px rgba(0, 0, 0, 0.2); background-color: #F50451; } .brix-section-column-block-button.brix-button-size-default .brix-block-button { font-size: .85em; padding: .9em 1.8em; } .brix-section-column-block-button.brix-button-size-large .brix-block-button { font-size: 1em; padding: .9em 1.8em; } .brix-section-column-block-button.brix-button-size-full .brix-block-button { font-size: .85em; padding: .9em 1.8em; } .fx-btn-bt-p .brix-block-button { border-radius: 50em; } .fx-btn-bt-r .brix-block-button { border-radius: 3px; } .brix-section-column-block { padding: 48px 30px; } .brix-section-column-block-text + .brix-section-column-block-button { padding-top: 0; } [data-fx-effect] { opacity: 0; } .brix-background-image { -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0; } .brix-block-preloaded-img { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0; } .brix-block-preloaded-img.brix-img-loaded { opacity: 1; } .brix-icon { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0; } .fx-divider-sz-full { width: 100%; } .fx-divider-al-left { -webkit-align-self: flex-start; -moz-align-self: flex-start; align-self: flex-start; -ms-flex-item-align: start; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); 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; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -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); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -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); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes flip { from { -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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @-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; } to { -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; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .brix-gallery-item { padding: 30px; } .brix-gallery-item > span { margin: 0 auto; } .brix-gallery-item .brix-image { float: left; } @media screen and (max-width: 768px) { .brix-section-column-block-gallery[class*="fx-gg"] .brix-image-wrapper b { width: 100% !important; } } .brix-gallery-container { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .brix-section-column-block-image figcaption { clear: both; padding-top: 24px; } .fx-image-card-fx .brix-block-image-img { -webkit-transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease, opacity 0.2s 0.2s linear; -moz-transition: box-shadow 0.3s ease, -moz-transform 0.3s ease, opacity 0.2s 0.2s linear; -o-transition: box-shadow 0.3s ease, -o-transform 0.3s ease, opacity 0.2s 0.2s linear; transition: box-shadow 0.3s ease, transform 0.3s ease, opacity 0.2s 0.2s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); z-index: 10; } .fx-image-card-fx.fx-image-shape-rounded .brix-block-image-img { border-radius: 3px; } .fx-image-card-fx:hover .brix-block-image-img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 20px 40px -20px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } /** @- Header **/ .fx-h::after { clear: both; content: ""; display: table; } .fx-hb-a { position: absolute; top: 0; right: 0; left: 0; z-index: 100; } .fx-h-hl-w_i { position: relative; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 48px 30px; box-sizing: border-box; } .fx-logo { display: inline-block; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -ms-flex-negative: 0; } .fx-logo a { display: block; box-shadow: none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .fx-logo a:after { display: none; } .fx-site-title a { letter-spacing: 0; text-transform: uppercase; font-size: 24px; line-height: 1; font-family: Poppins; font-weight: 700; } .fx-ml { display: none; } .fx-ml img { max-width: 100%; height: auto; } .fx-hs-light .fx-ml-l { display: inline-block; } .fx-hs-scrolled.fx-hs-light .fx-ml-l { display: none; } .fx-hs-dark .fx-ml-d { display: inline-block; } .fx-hs-scrolled.fx-hs-dark .fx-ml-d { display: none; } .fx-hs-scrolled .fx-ml-s { display: inline-block; } .fx-mn, .fx-mn-t-c { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .fx-mn li, .fx-mn-t-c li { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -ms-flex-negative: 0; } .fx-mn > * + *, .fx-mn-t-c > * + * { margin-left: 30px; } @media screen and (max-width: 768px) { .fx-mn > * + *, .fx-mn-t-c > * + * { margin-left: 15px; } } .fx-h-tb, .fx-h-bb { font-size: 14px; } .fx-h-tb .widget, .fx-h-bb .widget { padding-top: 12px; padding-bottom: 12px; } .fx-h-tb::after { clear: both; content: ""; display: table; } @media screen and (max-width: 768px) { .fx-h-tb[data-fx-mobile='hidden'] { display: none; } } .fx-h-tb-w_i { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } @media screen and (max-width: 768px) { .fx-h-tb-w_i { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .fx-h-tb-al { text-align: left; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .fx-h-tb-ar { text-align: right; -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } .fx-h-tb-c { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fx-h-tb-c:nth-child(1):nth-last-child(1) { width: 100%; } .fx-h-tb-c:nth-child(1):nth-last-child(1) .widget { width: 100%; } .fx-h-tb-c:nth-child(1):nth-last-child(2), .fx-h-tb-c:nth-child(2):nth-last-child(1) { width: 50%; float: left; } @media screen and (max-width: 768px) { .fx-h-tb[data-fx-mobile='linear'] .fx-h-tb-c:nth-child(1):nth-last-child(2), .fx-h-tb[data-fx-mobile='linear'] .fx-h-tb-c:nth-child(2):nth-last-child(1) { width: 100%; float: none; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .fx-h-bb::after { clear: both; content: ""; display: table; } @media screen and (max-width: 768px) { .fx-h-bb[data-fx-mobile='hidden'] { display: none; } } .fx-h-tal { -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .fx-h-tmal { -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .fx-mn-t-w { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .fx-mn-t { position: relative; height: 24px; width: 24px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .fx-mn-t span { display: block; height: 2px; width: 12px; background-color: currentColor; position: absolute; top: 50%; right: 0; margin-top: -1px; -webkit-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .fx-mn-t span:before, .fx-mn-t span:after { background-color: currentColor; content: ""; height: 2px; width: 24px; position: absolute; right: 0; } .fx-mn-t span:before { top: -6px; -webkit-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .fx-mn-t span:after { bottom: -6px; width: 16px; -webkit-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .fx-mn-t:hover { box-shadow: none; } .fx-mn-t:hover span, .fx-mn-t:hover span:after { width: 24px; } .fx-mn-d-s-panel { display: block; opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; width: 300px; -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); -o-transform: translateX(150px); transform: translateX(150px); -webkit-transition: -webkit-transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease; -moz-transition: -moz-transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease; -o-transition: -o-transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease; background-color: #171819; z-index: 1001; } .fx-mn-d-s-panel + .fx-l:before { content: ""; display: block; background-color: rgba(255, 255, 255, 0.9); visibility: hidden; opacity: 0; height: 100%; width: 100%; position: fixed; top: 0; right: 0; -webkit-transition: opacity 0.4s ease, visibility 0.4s ease; -moz-transition: opacity 0.4s ease, visibility 0.4s ease; transition: opacity 0.4s ease, visibility 0.4s ease; z-index: 1000; } .fx-mn-d-s-panel.fx-mn-open { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .fx-mn-d-s-panel.fx-mn-open + .fx-l:before { opacity: 1; visibility: visible; } .fx-mn-d-s-panel.fx-mn-open .fx-mn-t span { width: 24px; background-color: transparent; } .fx-mn-d-s-panel.fx-mn-open .fx-mn-t span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .fx-mn-d-s-panel.fx-mn-open .fx-mn-t span:after { width: 24px; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.2s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .fx-h .fx-mn-n { position: relative; font-family: Libre Franklin; font-size: 12px; font-weight: 700; text-transform: uppercase; } .fx-h .fx-mn-n ul { padding: 0; margin: 0; } .fx-h .fx-mn-n li { list-style: none; padding: 6px 12px; margin: 0; position: relative; box-sizing: border-box; } .fx-h .fx-mn-n a { position: relative; display: block; font-family: Libre Franklin; font-size: 12px; font-weight: 700; text-transform: uppercase; } .fx-l-oh .fx-h .fx-mn-n .menu > ul > .current_page_item > a:before, .fx-l-oh .fx-h .fx-mn-n .menu > .current-menu-item > a:before { content: ""; display: block; width: 100%; height: 3px; background-color: #F50451; position: absolute; bottom: -3px; } .fx-l-oh .fx-h .fx-mn-n .menu > ul, .fx-l-oh .fx-h .fx-mn-n .menu { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .fx-l-oh .fx-h .fx-mn-n .menu > ul > li, .fx-l-oh .fx-h .fx-mn-n .menu > li { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .fx-l-oh .fx-h .fx-mn-n .menu > ul > li:first-child, .fx-l-oh .fx-h .fx-mn-n .menu > li:first-child { padding-left: 0; } .fx-l-oh .fx-h .fx-mn-n .menu > ul > li:last-child, .fx-l-oh .fx-h .fx-mn-n .menu > li:last-child { padding-right: 0; } .fx-mn-d-s-panel { overflow-y: auto; font-size: 14px; } .fx-mn-d-s-panel a:not(.fx-mi-s-ghost):not(.fx-mi-s-fill) { color: #fff; -webkit-transition: padding 0.2s ease, opacity 0.2s ease; -moz-transition: padding 0.2s ease, opacity 0.2s ease; transition: padding 0.2s ease, opacity 0.2s ease; padding: 8px 0; opacity: .7; } .fx-mn-d-s-panel a:not(.fx-mi-s-ghost):not(.fx-mi-s-fill):hover { padding-left: 5px; opacity: 1; } .fx-mn-d-s-panel > * + * { margin-left: 0; margin-right: 0; margin-top: 48px; } .fx-mn-d-s-panel .fx-mn-n { padding-left: 30px; padding-right: 30px; margin-top: 60px; margin-bottom: 60px; } .fx-mn-d-s-panel .fx-mn-n .current_page_item > a, .fx-mn-d-s-panel .fx-mn-n .current-menu-item > a { opacity: 1; } .fx-mn-d-s-panel .fx-mn-n .menu > ul li, .fx-mn-d-s-panel .fx-mn-n .menu li { padding: 0; margin: 0; list-style-type: none; position: relative; } .fx-mn-d-s-panel .fx-mn-n .menu > ul li a:not(.fx-mi-s-ghost):not(.fx-mi-s-fill), .fx-mn-d-s-panel .fx-mn-n .menu li a:not(.fx-mi-s-ghost):not(.fx-mi-s-fill) { display: block; } .fx-mn-d-s-panel .fx-mn-n .menu > ul > li > a:after, .fx-mn-d-s-panel .fx-mn-n .menu > li > a:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: currentColor; opacity: .1; } .fx-mn-d-s-panel .fx-mn-n .menu > ul ul, .fx-mn-d-s-panel .fx-mn-n .menu ul { padding-left: 0; } .fx-mn-d-s-panel .fx-mn-d-c { visibility: hidden; cursor: pointer; height: 24px; width: 24px; -webkit-transition: visibility 0.2s ease; -moz-transition: visibility 0.2s ease; transition: visibility 0.2s ease; position: absolute; top: 24px; right: 30px; } .fx-mn-d-s-panel .fx-mn-d-c:before, .fx-mn-d-s-panel .fx-mn-d-c:after { background-color: currentColor; content: ""; height: 2px; width: 24px; position: absolute; top: 50%; right: 0; margin-top: -1px; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: -moz-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: -o-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .fx-mn-d-s-panel .fx-mn-d-c:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fx-mn-d-s-panel .fx-mn-d-c:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .fx-mn-d-s-panel .fx-mn-d-c:hover:before { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .fx-mn-d-s-panel .fx-mn-d-c:hover:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .fx-mn-d-s-panel.fx-mn-open .fx-mn-d-c { visibility: visible; } /** @- Footer **/ .fx-f { font-size: 14px; } .fx-f::after { clear: both; content: ""; display: table; } .fx-f a { } .fx-f a:hover { color: #F50451; } .fx-f h1, .fx-f h2, .fx-f h3, .fx-f h4, .fx-f h5, .fx-f h6 { } .fx-f-c { float: left; box-sizing: border-box; min-height: 1px; } @media screen and (max-width: 768px) { .fx-f-w_i[data-fx-mobile='linear'] .fx-f-c { width: 100%; float: none; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } } @media screen and (max-width: 768px) { .fx-f-w_i[data-fx-mobile='hidden'] { display: none; } } .fx-f-c-1-3 { width: 33.33333333%; } .fx-f-c-2-3 { width: 66.66666667%; } .fx-f-bb { clear: both; } .fx-f-bb a { } .fx-f-bb a:hover { color: #F50451; } .fx-f-bb h1, .fx-f-bb h2, .fx-f-bb h3, .fx-f-bb h4, .fx-f-bb h5, .fx-f-bb h6 { } @media screen and (max-width: 768px) { .fx-f-bb[data-fx-mobile='hidden'] { display: none; } } .fx-f-bb .widget { width: 100%; padding-top: 12px; padding-bottom: 12px; } .fx-f-bb-w_i { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fx-f-bb-c:nth-child(1):nth-last-child(1) { width: 100%; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fx-f-bb-c:nth-child(1):nth-last-child(2), .fx-f-bb-c:nth-child(2):nth-last-child(1) { width: 50%; } @media screen and (max-width: 768px) { .fx-f-bb[data-fx-mobile='linear'] .fx-f-bb-c:nth-child(1):nth-last-child(2), .fx-f-bb[data-fx-mobile='linear'] .fx-f-bb-c:nth-child(2):nth-last-child(1) { width: 100%; float: none; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } } .fx-f-bb-c { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-top: 36px; padding-bottom: 36px; } .fx-f-bb-ac { -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } /** @- Page header **/ .fx-ph { position: relative; z-index: 0; } .fx-ph-bt a { font-weight: bold; color: #171819; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; position: relative; } .fx-ph-bt a:after { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 100%; left: 0; background-color: currentColor; opacity: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: height 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; -moz-transition: height 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, -moz-transform 0.2s ease; -o-transition: height 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, -o-transform 0.2s ease; transition: height 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease; } .fx-ph-bt a:hover { color: #F50451; border-color: currentColor; } .fx-ph-bt a:hover:after { opacity: 1; height: 2px; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); } .fx-ph-bt a:focus { outline: none; } .fx-ph-s { position: relative; width: 100%; overflow: hidden; } .fx-ph-bt > * { margin-left: 12px; margin-right: 12px; display: inline-block; } .fx-ph-sc { position: relative; z-index: 20; margin: 0 auto; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .fx-ph-bt { font-family: Poppins; font-size: 16px; font-weight: 300; line-height: 1.25; letter-spacing: 2px; text-transform: uppercase; color: #171819; margin-bottom: 24px; } .fx-ph-t { font-family: Poppins; font-size: 52px; font-weight: 700; line-height: 1.1; letter-spacing: -1px; text-transform: none; color: #171819; } @media screen and (max-width: 768px) { .fx-ph-t { font-family: Poppins; font-size: 42px; font-weight: 700; line-height: 1.1; letter-spacing: -1px; text-transform: none; } } .fx-t-d { margin-top: 24px; font-size: 14px; } .fx-ph:not(.fx-ph-t-d) .fx-ph-m-c { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; -webkit-transition: opacity 0.2s 0.2s; -moz-transition: opacity 0.2s 0.2s; transition: opacity 0.2s 0.2s; opacity: 0; } .fx-ph:not(.fx-ph-t-d) .fx-ph-m-c[data-image="0"] { opacity: 1; } .fx-ph:not(.fx-ph-t-d) .fx-ph-m-c iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; height: 100%; width: 100%; } .fx-ph:not(.fx-ph-t-d) .fx-ph-o { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; } .fx-ph-sc-ha-left { text-align: left; } .fx-ph-sc-ha-left .fx-ph-bt > *:first-child { margin-left: 0; } .fx-ph-sc-ha-center { text-align: center; } .fx-ph-sc-va-middle { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .fx-ph-sd { position: absolute; right: 50%; bottom: 24px; display: block; height: 24px; width: 24px; margin-right: -12px; z-index: 30; cursor: pointer; visibility: visible; -webkit-transition: visibility 0.2s ease; -moz-transition: visibility 0.2s ease; transition: visibility 0.2s ease; -webkit-animation: scrollDetail 1.25s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; -moz-animation: scrollDetail 1.25s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: scrollDetail 1.25s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; color: #171819; } .fx-ph-sd svg { position: absolute; top: 50%; right: 50%; -webkit-transform: translateY(-50%) translateX(50%); -moz-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); -o-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .fx-ph-sd svg path { -webkit-transition: fill 0.2s ease; -moz-transition: fill 0.2s ease; transition: fill 0.2s ease; } .fx-hs-scrolled + .fx-ph .fx-ph-sd { visibility: hidden; } .fx-ph-t-a { height: 100vh; } .fx-ph-t-a .fx-ph-w_i { height: 100%; width: 100%; } .fx-ph-t-a .fx-ph-s { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; height: 100%; } .fx-ph-t-a .fx-ph-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fx-ph-t-d .fx-ph-m { overflow: initial; max-width: 1104px; margin: 0 auto; } .fx-ph-t-d .fx-ph-m img { display: inline-block; } .fx-ph-t-d .fx-ph-sc { padding-top: 48px; padding-bottom: 72px; } .fx-ph-s-t.swiper-container, .fx-ph-s-t { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .fx-ph-s-m { height: 100%; position: relative; z-index: 1; } .fx-ph-s-t-fx-fade .fx-ph-sc { opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .fx-ph-s-t-fx-fade .swiper-slide-active .fx-ph-sc { opacity: 1; } /** @- Swiper **/ .fx-swiper-nav { position: absolute; top: 50%; opacity: 0; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; height: 60px; width: 30px; margin-top: -30px; z-index: 10; cursor: pointer; -webkit-filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2)); } .fx-swiper-nav svg { display: none; } .fx-swiper-nav:before, .fx-swiper-nav:after { content: ""; display: block; background: #fff; width: 3px; height: 50%; position: absolute; top: 50%; border-radius: 3px; -webkit-transition: -webkit-transform 0.13333333s ease; -moz-transition: -moz-transform 0.13333333s ease; -o-transition: -o-transform 0.13333333s ease; transition: transform 0.13333333s ease; } .swiper-container:hover .fx-swiper-nav { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .fx-swiper-p { left: 20px; -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } .fx-swiper-p:before, .fx-swiper-p:after { left: 5px; } .fx-swiper-p:before { -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateY(-100%) rotate(40deg); -moz-transform: translateY(-100%) rotate(40deg); -ms-transform: translateY(-100%) rotate(40deg); -o-transform: translateY(-100%) rotate(40deg); transform: translateY(-100%) rotate(40deg); } .fx-swiper-p:after { -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); transform: rotate(-40deg); } .fx-swiper-p:hover:before { -webkit-transform: translateY(-100%) rotate(45deg); -moz-transform: translateY(-100%) rotate(45deg); -ms-transform: translateY(-100%) rotate(45deg); -o-transform: translateY(-100%) rotate(45deg); transform: translateY(-100%) rotate(45deg); } .fx-swiper-p:hover:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .fx-swiper-p:active:before { -webkit-transform: translateY(-100%) rotate(48deg); -moz-transform: translateY(-100%) rotate(48deg); -ms-transform: translateY(-100%) rotate(48deg); -o-transform: translateY(-100%) rotate(48deg); transform: translateY(-100%) rotate(48deg); } .fx-swiper-p:active:after { -webkit-transform: rotate(-48deg); -moz-transform: rotate(-48deg); -ms-transform: rotate(-48deg); -o-transform: rotate(-48deg); transform: rotate(-48deg); } .fx-swiper-n { right: 20px; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .fx-swiper-n:before, .fx-swiper-n:after { right: 5px; } .fx-swiper-n:before { -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(-100%) rotate(-40deg); -moz-transform: translateY(-100%) rotate(-40deg); -ms-transform: translateY(-100%) rotate(-40deg); -o-transform: translateY(-100%) rotate(-40deg); transform: translateY(-100%) rotate(-40deg); } .fx-swiper-n:after { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); } .fx-swiper-n:hover:before { -webkit-transform: translateY(-100%) rotate(-45deg); -moz-transform: translateY(-100%) rotate(-45deg); -ms-transform: translateY(-100%) rotate(-45deg); -o-transform: translateY(-100%) rotate(-45deg); transform: translateY(-100%) rotate(-45deg); } .fx-swiper-n:hover:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fx-swiper-n:active:before { -webkit-transform: translateY(-100%) rotate(-48deg); -moz-transform: translateY(-100%) rotate(-48deg); -ms-transform: translateY(-100%) rotate(-48deg); -o-transform: translateY(-100%) rotate(-48deg); transform: translateY(-100%) rotate(-48deg); } .fx-swiper-n:active:after { -webkit-transform: rotate(48deg); -moz-transform: rotate(48deg); -ms-transform: rotate(48deg); -o-transform: rotate(48deg); transform: rotate(48deg); } /** Swiper 3.4.1 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: December 13, 2016 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .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-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ /* a11y */ /* IE10 Windows Phone 8 Fixes */ /* Arrows */ /* Pagination Styles */ /* Common Styles */ /* Bullets */ .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } /* Progress */ /* 3D Container */ /* Coverflow */ /* Cube + Flip */ /* Cube */ /* Fade */ /* Scrollbar */ /* Preloader */ @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /** @- Photoswipe **/ /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*