@charset "UTF-8"; /* sass-plugin-0:/home/chuck/Sources/themeco/x/src/legacy-scss/theme/site/stacks/ethos.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } input[type=search] { -webkit-appearance: textfield; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } iframe { border: 0; } *, *:before, *:after { box-sizing: border-box; } html { overflow-x: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; overflow-x: hidden; } a { text-decoration: none; } a:hover, a:active { outline: 0 !important; } [tabindex="-1"] { outline: 0 !important; } .site:before, .site:after, .x-site:before, .x-site:after { content: " "; display: table; width: 0px; } .site:after, .x-site:after { clear: both; } .x-boxed-layout-active .site, .x-boxed-layout-active .x-site { margin: 0 auto; overflow-x: hidden; background-color: #ffffff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); box-sizing: content-box; } body { line-height: 1.8; } .x-container.main:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content) { position: relative; } .x-container.main:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content):before { content: ""; display: block; position: absolute; top: -35px; bottom: -10000em; bottom: 0; width: 10000em; background-color: #ffffff; z-index: -1; } .x-container > .offset { margin: 35px auto; } .x-root { display: flex; } .x-root .site, .x-root .x-site { flex: 1 1 auto; position: relative; width: 100%; min-width: 1px; } .x-masthead, .x-colophon { position: relative; } .x-acc-item { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; position: relative; z-index: 1; transform: translate3d(0, 0, 0); } .x-acc-header { display: block; position: relative; z-index: 2; margin: 0; border: 0; border-radius: 0; padding: 0; background-color: transparent; transform: translate3d(0, 0, 0); } .x-acc-header span { pointer-events: none; } .x-acc-header-content { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .x-acc-header-indicator { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; line-height: 1; text-align: center; } .x-acc-header-text { flex: 1 0 0%; } .x-acc-content { position: relative; z-index: 1; } .x-acc-content > p:last-child, .x-acc-content > ul:last-child, .x-acc-content > ol:last-child { margin-bottom: 0; } .x-crumbs-list { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; align-content: center; margin: 0 !important; padding: 0; list-style: none; } .x-crumbs-list-item { display: inherit; flex-direction: inherit; flex-wrap: nowrap; justify-content: inherit; align-items: inherit; align-content: inherit; } .x-crumbs-list-item:last-child:after { content: "."; display: inline; visibility: hidden; width: 0; opacity: 0; pointer-events: none; speak: never; } .x-crumbs-link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .x-card { display: flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; } .x-card.is-flip-left .x-card-face.is-back, .x-card.is-flip-right .x-card-face.is-back { transform: rotate3d(0, 1, 0, 180deg); } .x-card.is-flip-up .x-card-face.is-back, .x-card.is-flip-down .x-card-face.is-back { transform: rotate3d(1, 0, 0, 180deg); } .x-card.is-active.is-flip-left .x-card-faces { transform: rotate3d(0, 1, 0, -180deg); } .x-card.is-active.is-flip-right .x-card-faces { transform: rotate3d(0, 1, 0, 180deg); } .x-card.is-active.is-flip-up .x-card-faces { transform: rotate3d(1, 0, 0, 180deg); } .x-card.is-active.is-flip-down .x-card-faces { transform: rotate3d(1, 0, 0, -180deg); } .x-card.cannot-preserve-3d .x-card-faces { transform-style: initial; } .x-card.cannot-preserve-3d .x-card-face { -webkit-backface-visibility: initial; backface-visibility: initial; } .x-card.cannot-preserve-3d .x-card-face.is-front { visibility: visible; } .x-card.cannot-preserve-3d .x-card-face.is-back { visibility: hidden; } .x-card.cannot-preserve-3d .x-text { max-width: 100%; } .x-card.cannot-preserve-3d[class*=is-flip] .x-card-faces, .x-card.cannot-preserve-3d[class*=is-flip] .x-card-face { transform: none; } .x-card.cannot-preserve-3d.is-active .x-card-face.is-front { visibility: hidden; } .x-card.cannot-preserve-3d.is-active .x-card-face.is-back { visibility: visible; } .x-card.has-not-flipped .x-card-face.is-back * { box-shadow: none !important; transform: none !important; filter: none !important; } .x-card-faces { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; -ms-grid-rows: 1fr; grid-gap: 0px; grid-auto-columns: 0px; grid-auto-rows: 0px; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: stretch; align-items: stretch; flex: 1 1 auto; position: relative; transform-style: preserve-3d; will-change: transform; } .x-card-face { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-column: 1/-1; grid-row: 1/-1; position: relative; z-index: 1; min-width: 0px; max-width: 100%; min-height: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .x-card-face [class^=x-bg][class*=lower], .x-card-face [class^=x-bg][class*=upper] { transform: translate3d(0, 0, 0); } .x-countdown { display: block; } .x-countdown.has-compact-labels .x-countdown-unit-content { flex-flow: row nowrap; justify-content: center; align-items: baseline; } .x-countdown.has-top-labels .x-countdown-unit-content, .x-countdown.has-bottom-labels .x-countdown-unit-content { flex-flow: column nowrap; justify-content: center; align-items: center; } .x-countdown.has-top-labels .x-countdown-number { order: 2; } .x-countdown.has-top-labels .x-countdown-label { order: 1; } .x-countdown.has-bottom-labels .x-countdown-number { order: 1; } .x-countdown.has-bottom-labels .x-countdown-label { order: 2; } .x-countdown-units { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .x-countdown-unit { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .x-countdown-unit:not(:last-child):after { display: inline; font-style: normal; line-height: 1; } .x-countdown-unit-content { display: flex; flex: 0 0 auto; } .x-countdown-number { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; } .x-countdown-digit { display: inline; } .x-countdown-label { display: block; } .x-statbar, .x-statbar-bar, .x-statbar-label { display: flex; position: relative; } .x-statbar { flex-direction: row; justify-content: flex-start; align-items: stretch; } .x-statbar-bar { flex-direction: inherit; align-items: center; } .x-statbar-label { justify-content: center; align-items: center; opacity: 0; pointer-events: none; } .x-statbar-label.x-active { opacity: 1; pointer-events: auto; } .x-tabs-list { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; position: relative; z-index: 2; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .x-tabs-list:before, .x-tabs-list:after { content: ""; display: block; width: 0; height: 0; visibility: hidden; } .x-tabs-list ul { display: flex; flex-flow: inherit; justify-content: flex-start; align-items: stretch; flex: 1 0 0%; margin: 0; padding: 0; list-style: none; } .x-tabs-list li { display: flex; justify-content: flex-start; align-items: stretch; } .x-tabs-list a, .x-tabs-list button { flex: 1 0 0%; display: block; border: 0; border-radius: 0; background-color: transparent; white-space: nowrap; } .x-tabs-list li:first-child, .x-tabs-list li:first-child a, .x-tabs-list li:first-child button { margin-left: 0 !important; } .x-tabs-list li:last-child, .x-tabs-list li:last-child a, .x-tabs-list li:last-child button { margin-right: 0 !important; } .x-tabs-panels { display: flex; flex-flow: row nowrap; align-items: stretch; position: relative; z-index: 1; } .x-tabs-panel { flex: 1 1 0%; } .x-tabs-panel:not(.x-active) { display: none; } .x-tabs-panel :first-child { margin-top: 0; } .x-tabs-panel :last-child { margin-bottom: 0; } .x-quote { display: flex; } .x-quote-content { display: flex; flex-direction: column; flex: 1 1 0%; } .x-quote-text :first-child { margin-top: 0; } .x-quote-text :last-child { margin-bottom: 0; } .x-quote-cite { display: flex; } .x-global-block { position: relative; } [data-x-single-anim] { animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [data-x-single-anim][class*=secondary] { animation-duration: 0.45s; } @keyframes x-slide-top { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes x-slide-left { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: translate3d(-50%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes x-slide-right { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: translate3d(50%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes x-slide-bottom { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes x-scale-up { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: scale3d(0, 0, 1); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes x-scale-down { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: scale3d(1.5, 1.5, 1); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes x-flip-x { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: perspective(125px) rotate3d(1, 0, 0, -180deg); } 100% { opacity: 1; transform: perspective(125px) rotate3d(1, 0, 0, 0deg); } } @keyframes x-flip-y { 33% { opacity: 0; transform: none; } 34% { opacity: 0; transform: perspective(125px) rotate3d(0, 1, 0, -180deg); } 100% { opacity: 1; transform: perspective(125px) rotate3d(0, 1, 0, 0deg); } } .x-testimonial { display: flex; flex-wrap: nowrap; min-width: 1px; } .x-testimonial-content { display: flex; flex-flow: column nowrap; flex: 1 1 auto; min-width: 1px; } .x-testimonial-text :first-child { margin-top: 0; } .x-testimonial-text :last-child { margin-bottom: 0; } .x-testimonial-cite { display: flex; flex-wrap: nowrap; min-width: 1px; } .x-testimonial-cite-content { flex: 1 1 auto; min-width: 1px; } .x-testimonial-cite-text { display: block; } .x-section { display: block; position: relative; } .x-div { display: block; position: relative; width: auto; min-width: 0; max-width: none; height: auto; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; padding: 0; } .x-row { display: flex; position: relative; flex-flow: row nowrap; justify-content: center; align-items: stretch; width: auto; min-width: 0; max-width: none; height: auto; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; padding: 0; } .x-row-inner { display: flex; flex-wrap: wrap; flex-grow: 1; flex-shrink: 1; flex-basis: auto; min-width: 0; min-height: 0; } .x-col { flex-grow: 0; flex-shrink: 1; flex-basis: auto; display: block; position: relative; width: auto; min-width: 0; max-width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; padding: 0; } .x-grid { display: grid; grid-auto-columns: auto; grid-auto-rows: auto; position: relative; width: auto; min-width: 0; max-width: none; height: auto; min-height: 0; max-height: auto; margin: 0; border: 0; border-radius: 0; padding: 0; } .x-cell { display: block; position: relative; width: auto; min-width: 0; max-width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; padding: 0; } .x-slide-container-viewport { overflow: hidden; width: 100%; touch-action: pan-y; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } .x-slide-container-viewport * { touch-action: manipulation; } .x-slide-container-viewport.can-drag { cursor: grab; } .x-slide-container-viewport.can-drag * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .x-slide-container-viewport.can-drag.is-drag { cursor: grabbing; } .x-slide-container-viewport.show-outlines:before { content: ""; display: block; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; outline: 8px solid #00adff; outline-offset: -8px; } .x-slide-container-viewport.show-outlines .x-slide-container-content:before { content: ""; display: block; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; outline: 8px solid #f31773; outline-offset: -8px; } .x-slide-container-content { position: relative; margin-left: auto; margin-right: auto; } .x-slide-container-content.has-adaptive-height { transition-duration: var(--x-slide-container-transition-duration, 1000ms); transition-property: height; transition-timing-function: var(--x-slide-container-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)); } .x-slide-container-content.has-adaptive-height .x-slide-container { height: 100%; } .x-slide-container-content, .x-slide-container-content .x-slide-container { height: 100% !important; } .x-slide-container { display: block; position: relative; width: 100%; min-width: 0; max-width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; padding: 0; will-change: transform; } .x-slide-container.is-inline { display: flex; flex-flow: row nowrap; justify-content: flex-start; gap: var(--x-slide-container-gap, 1rem); transition-duration: var(--x-slide-container-transition-duration, 1000ms); transition-property: transform; transition-timing-function: var(--x-slide-container-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)); } .x-slide-container.is-stacked { display: grid; grid-gap: 0; grid-template-columns: 1fr; grid-template-rows: 1fr; } .x-slide { display: block; position: relative; width: auto; min-width: 0; max-width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; padding: 0; } .x-slide-container .x-slide { transition-duration: var(--x-slide-container-transition-duration, 1000ms); transition-timing-function: var(--x-slide-container-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)); } .x-slide-container-viewport:not(.is-ready) .x-slide { opacity: 0 !important; } .x-slide-container.is-inline.is-paged .x-slide { flex-grow: 1; flex-shrink: 0; flex-basis: calc((100% / var(--x-slides-per-page, 1)) - (var(--x-slide-container-gap, 1rem) * (1 - (1 / var(--x-slides-per-page, 1))))); } .x-slide-container.is-inline.is-auto .x-slide { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .x-slide-container.is-stacked .x-slide { grid-column: 1/-1; grid-row: 1/-1; } .x-slide-container.is-stacked .x-slide:not([class*=x-effect-e]), .x-slide-container.is-stacked .x-slide.x-effect-opacity { opacity: 0 !important; } .x-slide-container.is-stacked .x-slide.is-current-slide:not([class*=x-effect-e]), .x-slide-container.is-stacked .x-slide.is-current-slide.x-effect-opacity { opacity: 1 !important; } .x-slide img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .x-slide-pagination { display: flex; flex-wrap: nowrap; align-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin: 0; border: 0; border-radius: 0; padding: 0; line-height: 1; list-style: none; } .x-slide-pagination.is-row { flex-direction: row; } .x-slide-pagination.is-column { flex-direction: column; } .x-slide-pagination li { display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; position: relative; margin: 0; border: 0; padding: 0; background-color: var(--x-slide-pagination-item-bgc, black); list-style: none; user-select: none; cursor: default; } .x-slide-pagination li.is-active { background-color: var(--x-slide-pagination-item-bgc-alt, rgba(0, 0, 0, 0.25)); } @media (hover: hover) { .x-slide-pagination li:hover { background-color: var(--x-slide-pagination-item-bgc-alt, rgba(0, 0, 0, 0.25)); } } .x-paginate { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; } .x-paginate.is-empty { display: none !important; } .x-paginate-inner { display: flex; flex-flow: row wrap; align-items: center; align-content: center; flex: 1 1 0%; } .x-paginate-inner > * { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; flex-shrink: 1; flex-basis: auto; line-height: 1; text-align: center; } .x-paginate-inner .dots, .x-paginate-inner .current { cursor: not-allowed; } .x-the-content.entry-content { margin-top: 0 !important; margin-bottom: 0 !important; } .x-the-content.entry-content > :first-child { margin-top: 0 !important; } .x-the-content.entry-content > :last-child { margin-bottom: 0 !important; } [class*=woocommerce] .x-wc-products .cross-sells, [class*=woocommerce] .x-wc-products .related, [class*=woocommerce] .x-wc-products .upsells { float: none; clear: none; width: 100%; } [class*=woocommerce] div.x-wc-product-gallery div.woocommerce-product-gallery { float: none; width: 100%; } [class*=woocommerce] .pswp { z-index: 999999999; } [class*=woocommerce] .x-wc-add-to-cart-form form { margin: 0; } .x-wc-shop-sort { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .x-wc-shop-sort .woocommerce-ordering, .x-wc-shop-sort .woocommerce-result-count { float: none; margin: 0; } .x-content-area .woocommerce-Reviews-title { margin-top: 0; } .x-icon { display: inline-flex !important; flex-flow: row nowrap !important; justify-content: center !important; align-items: center !important; width: auto; height: auto; line-height: inherit; text-align: center; } .x-icon:before { display: block !important; position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: inherit !important; height: inherit !important; margin: 0 !important; line-height: inherit !important; text-align: inherit !important; } .x-anchor { overflow: hidden; display: inline-flex; flex-flow: column nowrap; justify-content: stretch; position: relative; min-width: 1px; text-decoration: none; cursor: pointer; } .x-anchor-content { overflow: hidden; display: flex; flex: 1 0 auto; position: relative; height: 100%; border-radius: inherit; transform: translate3d(0, 0, 0); } .x-anchor-text { flex-shrink: 1; min-width: 1px; max-width: 100%; } .x-anchor-text-primary, .x-anchor-text-secondary { position: relative; display: block; } div.x-anchor-text-primary *, div.x-anchor-text-secondary * { display: block !important; margin: 0 !important; border: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 1em !important; font-style: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-align: inherit !important; text-decoration: none !important; text-shadow: none !important; text-transform: inherit !important; color: inherit !important; background-color: transparent !important; box-shadow: none !important; } .x-anchor-sub-indicator { position: relative; display: block; width: auto; height: auto; letter-spacing: 0; line-height: 1; text-align: center; } .x-anchor-sub-indicator:before { display: inherit; width: inherit; height: inherit; line-height: inherit; text-align: inherit; } li:not(.menu-item-has-children) > .x-anchor .x-anchor-sub-indicator { display: none; visibility: hidden; speak: never; } .x-anchor-content.is-int { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .x-anchor.has-int-content .x-anchor-content[class*=in-scale-up].is-int { opacity: 0; transform: scale(0); } @media (hover) { .x-anchor.has-int-content:hover .x-anchor-content[class*=in-scale-up].is-int, .x-anchor.has-int-content:focus .x-anchor-content[class*=in-scale-up].is-int { opacity: 1; transform: scale(1); } .x-anchor.has-int-content:hover .x-anchor-content.x-anchor-content-out-slide-top-in-scale-up:not(.is-int), .x-anchor.has-int-content:focus .x-anchor-content.x-anchor-content-out-slide-top-in-scale-up:not(.is-int) { transform: translate3d(0, -100%, 0); } .x-anchor.has-int-content:hover .x-anchor-content.x-anchor-content-out-slide-left-in-scale-up:not(.is-int), .x-anchor.has-int-content:focus .x-anchor-content.x-anchor-content-out-slide-left-in-scale-up:not(.is-int) { transform: translate3d(-100%, 0, 0); } .x-anchor.has-int-content:hover .x-anchor-content.x-anchor-content-out-slide-right-in-scale-up:not(.is-int), .x-anchor.has-int-content:focus .x-anchor-content.x-anchor-content-out-slide-right-in-scale-up:not(.is-int) { transform: translate3d(100%, 0, 0); } .x-anchor.has-int-content:hover .x-anchor-content.x-anchor-content-out-slide-bottom-in-scale-up:not(.is-int), .x-anchor.has-int-content:focus .x-anchor-content.x-anchor-content-out-slide-bottom-in-scale-up:not(.is-int) { transform: translate3d(0, 100%, 0); } } .x-bar { position: relative; } .x-bar, .x-bar-scroll, .x-bar-scroll-outer, .x-bar-scroll-inner, .x-bar-content { display: flex; } .x-bar, .x-bar-scroll, .x-bar-scroll-outer, .x-bar-scroll-inner { justify-content: space-between; } .x-bar-h, .x-bar-h .x-bar-scroll, .x-bar-h .x-bar-scroll-outer, .x-bar-h .x-bar-scroll-inner { flex-direction: row; } .x-bar-v, .x-bar-v .x-bar-scroll, .x-bar-v .x-bar-scroll-outer, .x-bar-v .x-bar-scroll-inner { flex-direction: column; } .x-bar-scroll, .x-bar-scroll-outer, .x-bar-scroll-inner, .x-bar-content:not(.x-container) { flex-grow: 1; flex-shrink: 0; flex-basis: auto; } .x-bar-content { z-index: 5; } .x-bar-content.x-container { flex-grow: 0; flex-shrink: 1; } .x-bar, .x-bar-scroll, .x-bar-scroll-outer, .x-bar-scroll-inner, .x-bar-content, .x-bar-container { min-width: 1px; } .x-bar-space { flex-shrink: 0; } .x-bar-space-right { -webkit-order: 9999; order: 9999; } .x-bar-outer-spacers:before, .x-bar-outer-spacers:after { content: ""; flex-grow: 0; flex-shrink: 0; display: block; pointer-events: none; visibility: hidden; } .x-bar-scroll { position: relative; width: 100% !important; height: 100% !important; } .x-bar-scroll .ps__rail-x, .x-bar-scroll .ps__rail-y { z-index: 10; } .x-bar-scroll-outer, .x-bar-scroll-inner { width: 100% !important; height: 100% !important; } .x-bar-scroll-outer { overflow: hidden !important; } .x-bar-scroll-inner { box-sizing: content-box !important; -webkit-overflow-scrolling: touch !important; -ms-overflow-style: -ms-autohiding-scrollbar !important; } .x-bar-h .x-bar-scroll-inner { overflow-x: scroll !important; overflow-y: hidden !important; padding: 0 0 50px 0 !important; } .x-bar-v .x-bar-scroll-inner { overflow-x: hidden !important; overflow-y: scroll !important; padding: 0 50px 0 0 !important; } .x-bar-scroll-button { display: block; position: absolute; z-index: 9999; top: 50%; margin: 0; border: 0; border-radius: 0; padding: 0; line-height: 1; text-align: center; opacity: 1; box-shadow: none; transform: translate3d(0, -50%, 0); outline: 0; pointer-events: auto; } .x-bar-scroll-button .x-icon { display: block; width: auto; height: 1em; margin: auto; transform: translateZ(0); } .x-bar-scroll-button:not(.is-active) { pointer-events: none; } .x-bar-scroll-button.is-bck:not(.is-active) { opacity: 0; transform: translate3d(-100%, -50%, 0); } .x-bar-scroll-button.is-fwd:not(.is-active) { opacity: 0; transform: translate3d(100%, -50%, 0); } .x-bar-absolute { position: absolute; } .x-bar-fixed { position: fixed; } .x-bar-bottom { bottom: 0; } .x-bar-left { top: 0; left: 0; bottom: 0; } .x-bar-right { top: 0; right: 0; bottom: 0; } @media screen and (min-width: 783px) { .admin-bar .x-bar-left, .admin-bar .x-bar-right { top: 32px; } } @media screen and (min-width: 601px) and (max-width: 782px) { .admin-bar .x-bar-left, .admin-bar .x-bar-right { top: 46px; } } .x-bar-h .x-bar-container { height: inherit; } .x-bar-v .x-bar-container { width: inherit; } .x-bar-container { display: flex; position: relative; } .x-bar-is-initially-hidden { opacity: 0; pointer-events: none; } .x-bar-is-initially-hidden:not(.x-bar-is-visible) { visibility: hidden; } [class^=x-bg] { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; pointer-events: none; } [class^=x-bg][data-x-params*=parallax] { opacity: 0; } [class^=x-bg] img { display: block; width: 100%; height: 100%; } [class^=x-bg] video { object-fit: cover; } .x-bg { z-index: -1; } [class*=x-bg-layer-lower] { z-index: 1; } [class*=x-bg-layer-upper] { z-index: 2; } .x-collapsed { display: none; } .x-collapsing { overflow: hidden !important; height: 0; } .x-mini-cart ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .x-mini-cart li:before, .x-mini-cart li:after { content: " "; display: table; width: 0px; } .x-mini-cart li:after { clear: both; } .x-mini-cart a:not(.x-anchor) { display: block; } .x-mini-cart a:not(.x-anchor):focus { outline: 0; } .x-mini-cart img { float: left; display: block; margin: 0; } .x-mini-cart .remove { float: right; text-align: center !important; } .x-mini-cart .quantity { display: block; margin: 0 !important; } .x-mini-cart .total { margin: 0; } .x-mini-cart .total strong { font-weight: inherit; } .x-mini-cart .buttons { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0; } .x-mini-cart .widget_shopping_cart_content { display: flex; flex-direction: column; } .rtl .x-mini-cart img { float: right; } .rtl .x-mini-cart .remove { float: left; } .x-dropdown { visibility: hidden; position: absolute; margin: 0; padding: 0; opacity: 0; transform: translate3d(0, 5%, 0); pointer-events: none; z-index: 9999; } .x-dropdown[data-x-stem*=u] { transform: translate3d(0, -5%, 0); } .x-dropdown.x-active { visibility: visible; opacity: 1; transform: none; pointer-events: auto; } ul.x-dropdown, ol.x-dropdown { list-style: none; } .menu-item-has-children { position: relative; } .x-frame { width: 100%; } .x-frame-inner { position: relative; z-index: 1; padding-bottom: 56.25%; height: 0; overflow: hidden; } .x-frame-inner video, .x-frame-inner > div, .x-frame-inner > embed, .x-frame-inner > iframe, .x-frame-inner > img, .x-frame-inner > object, .x-frame-inner > .x-map iframe, .x-frame-inner > .x-video iframe, .x-frame-inner > .x-video .mejs-poster img { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; } .x-graphic { display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; position: relative; letter-spacing: 0; line-height: 1; z-index: 2; } .x-graphic-child { position: relative; } .x-graphic-icon, .x-graphic-icon.x-icon, .x-graphic-image, .x-graphic-image.x-image { display: block; } .x-graphic-icon, .x-graphic-icon.x-icon { font-size: 1em; } .x-graphic-primary:not(:only-child), .x-graphic-secondary { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .x-graphic-primary:not(:only-child) { opacity: 1; z-index: 2; } .x-graphic-secondary { position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; } .x-scale-up.x-graphic-primary:not(:only-child) { transform: scale(1); } .x-scale-up.x-graphic-secondary { transform: scale(0.35); } .x-scale-down.x-graphic-primary:not(:only-child) { transform: scale(1); } .x-scale-down.x-graphic-secondary { transform: scale(1.5); } .x-flip-x.x-graphic-primary:not(:only-child) { transform: perspective(100px) rotateX(0deg); } .x-flip-x.x-graphic-secondary { transform: perspective(100px) rotateX(-180deg); } .x-flip-y.x-graphic-primary:not(:only-child) { transform: perspective(100px) rotateY(0deg); } .x-flip-y.x-graphic-secondary { transform: perspective(100px) rotateY(-180deg); } .has-graphic .x-graphic-primary:not(:only-child)[class*=active], .has-graphic[class*=active] .x-graphic-primary:not(:only-child) { opacity: 0; } .has-graphic .x-graphic-primary:not(:only-child)[class*=active].x-scale-up, .has-graphic[class*=active] .x-graphic-primary:not(:only-child).x-scale-up { transform: scale(1.5); } .has-graphic .x-graphic-primary:not(:only-child)[class*=active].x-scale-down, .has-graphic[class*=active] .x-graphic-primary:not(:only-child).x-scale-down { transform: scale(0.35); } .has-graphic .x-graphic-primary:not(:only-child)[class*=active].x-flip-x, .has-graphic[class*=active] .x-graphic-primary:not(:only-child).x-flip-x { transform: perspective(100px) rotateX(180deg); } .has-graphic .x-graphic-primary:not(:only-child)[class*=active].x-flip-y, .has-graphic[class*=active] .x-graphic-primary:not(:only-child).x-flip-y { transform: perspective(100px) rotateY(180deg); } @media (hover) { .has-graphic:hover .x-graphic-primary:not(:only-child), [data-x-effect-provider*=effects]:hover .x-graphic-primary:not(:only-child) { opacity: 0; } .has-graphic:hover .x-graphic-primary:not(:only-child).x-scale-up, [data-x-effect-provider*=effects]:hover .x-graphic-primary:not(:only-child).x-scale-up { transform: scale(1.5); } .has-graphic:hover .x-graphic-primary:not(:only-child).x-scale-down, [data-x-effect-provider*=effects]:hover .x-graphic-primary:not(:only-child).x-scale-down { transform: scale(0.35); } .has-graphic:hover .x-graphic-primary:not(:only-child).x-flip-x, [data-x-effect-provider*=effects]:hover .x-graphic-primary:not(:only-child).x-flip-x { transform: perspective(100px) rotateX(180deg); } .has-graphic:hover .x-graphic-primary:not(:only-child).x-flip-y, [data-x-effect-provider*=effects]:hover .x-graphic-primary:not(:only-child).x-flip-y { transform: perspective(100px) rotateY(180deg); } } .has-graphic .x-graphic-secondary[class*=active], .has-graphic[class*=active] .x-graphic-secondary { opacity: 1; } .has-graphic .x-graphic-secondary[class*=active].x-scale-up, .has-graphic[class*=active] .x-graphic-secondary.x-scale-up { transform: scale(1); } .has-graphic .x-graphic-secondary[class*=active].x-scale-down, .has-graphic[class*=active] .x-graphic-secondary.x-scale-down { transform: scale(1); } .has-graphic .x-graphic-secondary[class*=active].x-flip-x, .has-graphic[class*=active] .x-graphic-secondary.x-flip-x { transform: perspective(100px) rotateX(0deg); } .has-graphic .x-graphic-secondary[class*=active].x-flip-y, .has-graphic[class*=active] .x-graphic-secondary.x-flip-y { transform: perspective(100px) rotateY(0deg); } @media (hover) { .has-graphic:hover .x-graphic-secondary, [data-x-effect-provider*=effects]:hover .x-graphic-secondary { opacity: 1; } .has-graphic:hover .x-graphic-secondary.x-scale-up, [data-x-effect-provider*=effects]:hover .x-graphic-secondary.x-scale-up { transform: scale(1); } .has-graphic:hover .x-graphic-secondary.x-scale-down, [data-x-effect-provider*=effects]:hover .x-graphic-secondary.x-scale-down { transform: scale(1); } .has-graphic:hover .x-graphic-secondary.x-flip-x, [data-x-effect-provider*=effects]:hover .x-graphic-secondary.x-flip-x { transform: perspective(100px) rotateX(0deg); } .has-graphic:hover .x-graphic-secondary.x-flip-y, [data-x-effect-provider*=effects]:hover .x-graphic-secondary.x-flip-y { transform: perspective(100px) rotateY(0deg); } } .x-image { display: inline-block; line-height: 1; vertical-align: middle; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .x-image { min-height: 0%; } } .x-image img { display: block; max-width: 100%; height: auto; vertical-align: bottom; border: 0; -ms-interpolation-mode: bicubic; } a.x-image { cursor: pointer; } a.x-image:focus { outline: 0; } .x-image-preserve-ratio img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; } .x-image-preserve-ratio img[src*=".svg"] { height: 100% !important; } .x-line { display: block; width: 0; height: 0; margin: 0; border: 0; padding: 0; } .x-menu, .x-menu .sub-menu { margin: 0; padding: 0; list-style: none; } .x-menu, .x-menu li { min-width: 1px; } .x-has-sub { position: relative; } .x-menu-modal .x-anchor, .x-menu-layered .x-anchor, .x-menu-dropdown .x-anchor, .x-menu-collapsed .x-anchor, .x-menu-inline .x-dropdown .x-anchor { display: flex; } .x-menu-modal li:before, .x-menu-modal li:after, .x-menu-layered li:before, .x-menu-layered li:after, .x-menu-collapsed li:before, .x-menu-collapsed li:after { content: ""; display: table; } .x-menu-modal li:after, .x-menu-layered li:after, .x-menu-collapsed li:after { clear: both; } .x-bar-v .x-menu-collapsed, .x-bar-v .x-menu-collapsed > li { width: inherit; } .x-menu-inline { display: flex; } .x-menu-inline > li { display: flex; flex-direction: inherit; justify-content: inherit; align-items: inherit; } .x-menu-layered { overflow: hidden; position: relative; } .x-menu-layered .menu-item-has-children { position: static; } .x-menu-layered ul { position: absolute; top: 0; left: 0; right: 0; pointer-events: none; } .x-menu-layered li { pointer-events: none; } .x-menu-layered .x-anchor { opacity: 0; transform: translate(25px, 0); pointer-events: none; } .x-prev-layer > li > .x-anchor { transform: translate(-25px, 0); } .x-current-layer > li > .x-anchor { opacity: 1; transform: translate(0, 0); pointer-events: auto; } .x-modal { visibility: hidden; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none; z-index: 99999999; } .x-modal.x-active { visibility: visible; opacity: 1; pointer-events: auto; } .x-modal:before, .x-modal:after { content: ""; display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .x-modal-bg { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .x-modal-close { display: block; position: fixed; width: 1em; height: 1em; margin: 0; border: 0; padding: 0; line-height: 1em; text-align: center; background-color: transparent; opacity: 0; transform: scale(0); z-index: 3; } .x-modal-close span { display: block; } .x-modal-close svg { display: block; width: 1em; height: 1em; margin: auto; font-size: 1em; fill: currentColor; } .x-modal.x-active .x-modal-close { opacity: 1; transform: scale(1); } .x-modal-close-top { top: 0; } .x-modal-close-left { left: 0; } .x-modal-close-right { right: 0; } .x-modal-close-bottom { bottom: 0; } .admin-bar .x-modal-close-top { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .x-modal-close-top { top: 46px; } } .x-modal-content { flex-grow: 0; flex-shrink: 0; flex-basis: auto; z-index: 2; width: 100%; margin: 0 auto; transform: translate3d(0, -15px, 0); } .x-modal.x-active .x-modal-content { transform: translate3d(0, 0, 0); } .admin-bar .x-modal, .admin-bar .x-modal-bg { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .x-modal, .admin-bar .x-modal-bg { top: 46px; } } .x-off-canvas { overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 99999998; } .x-off-canvas.x-active { visibility: visible; pointer-events: auto; } .x-off-canvas-bg { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 1; transform: translate3d(0, 0, 0); } .x-off-canvas.x-active .x-off-canvas-bg { opacity: 1; } .x-off-canvas-close { display: block; position: absolute; top: 0; margin: 0; border: 0; padding: 0; line-height: 1; text-align: center; background-color: transparent; opacity: 0; transform: scale(0); z-index: 3; } .x-off-canvas-close span { display: block; } .x-off-canvas-close svg { display: block; width: 1em; height: 1em; margin: auto; font-size: 1em; fill: currentColor; } .x-off-canvas.x-active .x-off-canvas-close { opacity: 1; transform: scale(1); } .x-off-canvas-content { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 2; } .x-off-canvas.x-active .x-off-canvas-content { transform: translate3d(0, 0, 0); } .x-off-canvas-close-left { left: 0; } .x-off-canvas-close-right { right: 0; } .x-off-canvas-content-left { left: 0; transform: translate3d(-115%, 0, 0); } .x-off-canvas-content-right { right: 0; transform: translate3d(115%, 0, 0); } .admin-bar .x-off-canvas { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .x-off-canvas { top: 46px; } } [data-x-particle] { display: block; position: absolute; opacity: 0; pointer-events: none; speak: never; z-index: 0; } [data-x-particle] span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; background-color: currentColor; } [data-x-particle*=inside][data-x-particle*=t_] { top: 0; } [data-x-particle*=inside][data-x-particle*=_l] { left: 0; } [data-x-particle*=inside][data-x-particle*=_r] { right: 0; } [data-x-particle*=inside][data-x-particle*=b_] { bottom: 0; } [data-x-particle*=inside][data-x-particle*=c_]:not([data-x-particle*=c_c]) { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } [data-x-particle*=inside][data-x-particle*=_c]:not([data-x-particle*=c_c]) { left: 0; right: 0; margin-left: auto; margin-right: auto; } [data-x-particle*=inside][data-x-particle*=c_c] { top: 50%; left: 50%; } [data-x-particle*=overlap][data-x-particle*=t_] { top: 0%; } [data-x-particle*=overlap][data-x-particle*=c_] { top: 50%; } [data-x-particle*=overlap][data-x-particle*=b_] { top: 100%; } [data-x-particle*=overlap][data-x-particle*=_l] { left: 0%; } [data-x-particle*=overlap][data-x-particle*=_c] { left: 50%; } [data-x-particle*=overlap][data-x-particle*=_r] { left: 100%; } [data-x-particle~=scale-x_y] { transform: scale3d(0, 0, 1); } [data-x-particle~=scale-x] { transform: scale3d(0, 1, 1); } [data-x-particle~=scale-y] { transform: scale3d(1, 0, 1); } [data-x-particle*=overlap], [data-x-particle*=inside][data-x-particle*=c_c] { transform: translate3d(-50%, -50%, 0); } [data-x-particle*=overlap][data-x-particle~=scale-x_y], [data-x-particle*=inside][data-x-particle*=c_c][data-x-particle~=scale-x_y] { transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); } [data-x-particle*=overlap][data-x-particle~=scale-x], [data-x-particle*=inside][data-x-particle*=c_c][data-x-particle~=scale-x] { transform: translate3d(-50%, -50%, 0) scale3d(0, 1, 1); } [data-x-particle*=overlap][data-x-particle~=scale-y], [data-x-particle*=inside][data-x-particle*=c_c][data-x-particle~=scale-y] { transform: translate3d(-50%, -50%, 0) scale3d(1, 0, 1); } .has-particle [data-x-particle][class*=active], .has-particle:hover [data-x-particle], .has-particle.x-active [data-x-particle], [data-x-effect-provider*=particles]:hover [data-x-particle] { opacity: 1; } .has-particle [data-x-particle][class*=active][data-x-particle*=scale], .has-particle:hover [data-x-particle][data-x-particle*=scale], .has-particle.x-active [data-x-particle][data-x-particle*=scale], [data-x-effect-provider*=particles]:hover [data-x-particle][data-x-particle*=scale] { transform: scale3d(1, 1, 1); } .has-particle [data-x-particle][class*=active][data-x-particle*=scale][data-x-particle*=overlap], .has-particle [data-x-particle][class*=active][data-x-particle*=scale][data-x-particle*=inside][data-x-particle*=c_c], .has-particle:hover [data-x-particle][data-x-particle*=scale][data-x-particle*=overlap], .has-particle:hover [data-x-particle][data-x-particle*=scale][data-x-particle*=inside][data-x-particle*=c_c], .has-particle.x-active [data-x-particle][data-x-particle*=scale][data-x-particle*=overlap], .has-particle.x-active [data-x-particle][data-x-particle*=scale][data-x-particle*=inside][data-x-particle*=c_c], [data-x-effect-provider*=particles]:hover [data-x-particle][data-x-particle*=scale][data-x-particle*=overlap], [data-x-effect-provider*=particles]:hover [data-x-particle][data-x-particle*=scale][data-x-particle*=inside][data-x-particle*=c_c] { transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); } .ps { overflow: hidden !important; overflow-anchor: none; touch-action: auto; -ms-overflow-style: none; -ms-touch-action: auto; } .ps__rail-x, .ps__rail-y { display: none; position: absolute; opacity: 0; transition: background-color 0.2s ease, opacity 0.2s ease; } .ps__rail-x { bottom: 0; height: 15px; } .ps__rail-y { right: 0; width: 15px; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } .ps__thumb-x, .ps__thumb-y { position: absolute; border-radius: 100px; background-color: #aaa; transition-duration: 0.2s; transition-timing-function: ease; } .ps__thumb-x { bottom: 2px; height: 6px; transition-property: background-color, height; } .ps__thumb-y { right: 2px; width: 6px; transition-property: background-color, width; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { height: 11px; background-color: #999; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { width: 11px; background-color: #999; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .x-rating { display: inline-flex; min-width: 1px; } .x-rating-graphic { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; min-width: 1px; letter-spacing: 0 !important; line-height: 1 !important; } .x-rating-text { min-width: 1px; } .x-search { display: flex; align-items: center; margin: 0; border: 0; padding: 0; cursor: text; } .x-search:focus { outline: 0; } .x-search-btn { display: block; flex-shrink: 0; margin: 0; border: 0; padding: 0; line-height: 1; background-color: transparent; cursor: pointer; } .x-search-btn:focus { outline: 0; } .x-search-btn svg { display: block; width: 1em; height: 1em; margin: 0 auto; line-height: inherit; stroke: currentColor; } .x-search-btn-submit { order: 1; } .x-search-btn-clear { order: 3; visibility: hidden; pointer-events: none; } .x-search-has-content .x-search-btn-clear { visibility: visible; pointer-events: auto; } .x-search-input { flex-grow: 1; order: 2; width: 100%; min-width: 1px; height: auto !important; border: 0 !important; padding: 0 !important; background-color: transparent !important; box-shadow: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .x-search-input::-ms-clear { display: none; } .x-search-input::-webkit-input-placeholder { color: currentColor; opacity: 1; } .x-search-input::-moz-placeholder { color: currentColor; opacity: 1; } .x-search-input:-ms-input-placeholder { color: currentColor; opacity: 1; } [class*=x-separator] { display: block; position: absolute; z-index: -1; left: 0; right: 0; margin: 0 auto; } [class*=x-separator][class*=top] { top: 0; transform: translate(0, -100%); } [class*=x-separator][class*=bottom] { bottom: 0; transform: translate(0, 100%); } [class*=x-separator] svg { display: block; width: 100%; height: 100%; margin: 0; } [data-x-stem] { top: auto; left: auto; right: auto; bottom: auto; } [data-x-stem*=d] { top: 100%; } [data-x-stem*=l] { right: 0; } [data-x-stem*=r] { left: 0; } [data-x-stem*=u] { bottom: 100%; } [data-x-stem*=d][data-x-stem-menu-top*=h] { top: 0; } [data-x-stem*=l][data-x-stem-menu-top*=h] { right: 100%; } [data-x-stem*=r][data-x-stem-menu-top*=h] { left: 100%; } [data-x-stem*=u][data-x-stem-menu-top*=h] { bottom: 0; } [data-x-stem*=d][data-x-stem-root*=h] { top: 0; } [data-x-stem*=l][data-x-stem-root*=h] { right: 100%; } [data-x-stem*=r][data-x-stem-root*=h] { left: 100%; } [data-x-stem*=u][data-x-stem-root*=h] { bottom: 0; } [data-x-stem] [data-x-stem*=d] { top: 0; } [data-x-stem] [data-x-stem*=l] { right: 100%; } [data-x-stem] [data-x-stem*=r] { left: 100%; } [data-x-stem] [data-x-stem*=u] { bottom: 0; } .x-text { min-width: 1px; } a.x-text { display: block; } .x-text-headline { position: relative; } .x-text-content { display: -webkit-flex; display: flex; } .x-text-content-text { -webkit-flex-grow: 1; flex-grow: 1; min-width: 1px; max-width: 100%; } .x-text-content-text, .x-text-content-text-primary, .x-text-content-text-subheadline { display: block; } .x-text-content-text > p:last-child, .x-text-content-text > ul:last-child, .x-text-content-text > ol:last-child, .x-text-content-text-primary > p:last-child, .x-text-content-text-primary > ul:last-child, .x-text-content-text-primary > ol:last-child, .x-text-content-text-subheadline > p:last-child, .x-text-content-text-subheadline > ul:last-child, .x-text-content-text-subheadline > ol:last-child { margin-bottom: 0; } .x-text-content-text-primary, .x-text-content-text-subheadline { margin-top: 0; margin-bottom: 0; } .x-toggle { display: block; position: relative; transform: translate3d(0, 0, 0); pointer-events: none; speak: never; } .x-toggle > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; border-radius: inherit; background-color: currentColor; } .x-toggle-burger, .x-toggle-grid, .x-toggle-more-h, .x-toggle-more-v { height: 1em; } .x-toggle-grid, .x-toggle-more-h, .x-toggle-more-v { width: 1em; } .x-toggle-more-h, .x-toggle-more-v { border-radius: 100em; } .x-toggle-more-v { transform: translate3d(0, 0, 0) rotate(90deg); } [data-x-toggle-anim] { animation-name: none; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-play-state: paused; } [data-x-toggle-anim].x-paused { animation-play-state: paused; } [data-x-toggle-anim].x-running { animation-play-state: running; } @keyframes x-bun-t-1 { 50% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(0, 0, 0) rotate(45deg); } } @keyframes x-patty-1 { 49% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } @keyframes x-bun-b-1 { 50% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(0, 0, 0) rotate(-45deg); } } @keyframes x-grid-1 { 50% { box-shadow: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; transform: rotate3d(0, 0, 1, 0deg); } 100% { box-shadow: -1em 0, -2em 0, 0 -1em, 0 2em, 0 -2em, 0 1em, 2em 0, 1em 0; transform: rotate3d(0, 0, 1, -45deg); } } @keyframes x-more-1-1 { 50% { transform: translate3d(0, 0, 0); } 75% { border-radius: 0; } 100% { border-radius: 0; transform: translate3d(0, 0, 0) rotate(45deg) scale3d(4, 0.5, 1); } } @keyframes x-more-2-1 { 49% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } @keyframes x-more-3-1 { 50% { transform: translate3d(0, 0, 0) rotate(-45deg); } 75% { border-radius: 0; } 100% { border-radius: 0; transform: translate3d(0, 0, 0) rotate(-45deg) scale3d(4, 0.5, 1); } } [data-x-particle] { transition-delay: 0ms; } .x-dropdown.x-active { transition-delay: 0ms, 0ms, 0ms; } .x-modal.x-active { transition-delay: 0ms, 0ms; } .x-td, .x-div, .x-row, .x-col, .x-grid, .x-cell, .x-section, .x-acc-header, .x-acc-header-indicator, .x-crumbs-link, .x-paginate-inner > *, .x-anchor, .x-anchor-text-primary, .x-anchor-text-secondary, .x-anchor-sub-indicator, .x-anchor.has-int-content .x-anchor-content, .x-bar-is-sticky, .x-bar-is-sticky .x-bar-content, [data-x-toggle-collapse], .x-graphic-child, .x-image, .x-line, .x-mini-cart li, .x-mini-cart a:not(.x-anchor), .x-modal-close, .x-search, .x-search-btn, .x-search-input, .x-icon, .x-text, .x-text-content-text-primary, .x-text-content-text-subheadline, .x-text-typing, .x-typed-cursor, .x-menu-first-level, .x-menu-layered:not(.x-menu-first-level), .x-wc-add-to-cart-form, .x-wc-shop-sort, [data-x-particle], .x-bar, .x-bar-scroll-button, .x-bar-container, .x-slide, .x-slide-pagination, .x-slide-pagination li { transition-duration: 300ms; } .x-card, .x-card-faces, .x-statbar, .x-statbar-bar, .x-statbar-label { transition-duration: 750ms; } [class^=x-bg][data-x-params*=parallax] { transition-duration: 300ms, 0ms; } .has-particle:hover [data-x-particle][data-x-particle*=scale], .has-particle.x-active [data-x-particle][data-x-particle*=scale], [data-x-effect-provider*=particles]:hover [data-x-particle][data-x-particle*=scale] { transition-duration: 0ms, 300ms; } [data-x-effect] { animation-duration: 1000ms; } .x-dropdown { transition-property: opacity, transform, visibility; } .x-modal { transition-property: opacity, visibility; } .x-modal-close, .x-off-canvas-close { transition-property: color, opacity, transform; } .x-modal-content, .x-off-canvas-content { transition-property: transform; } .x-off-canvas { transition-property: visibility; } .x-off-canvas-bg { transition-property: opacity; } [data-x-particle] { transition-property: opacity, transform; } .x-bar, .x-bar-container { transition-property: opacity, filter, transform; } .x-bar-is-sticky, .x-bar-is-sticky .x-bar-content { transition-property: height, opacity; } .x-bar-is-visible { transition-property: height, opacity, transform; } [data-x-effect], .x-line, .x-card, .x-statbar, .x-menu-first-level, .x-wc-add-to-cart-form, .x-wc-shop-sort, .x-slide-pagination { transition-property: opacity, filter, transform; } .x-menu-layered:not(.x-menu-first-level) { transition-property: height; } .x-menu-layered.x-menu-first-level { transition-property: height, opacity, filter, transform; } .x-div, .x-row, .x-col, .x-grid, .x-cell, .x-section, .x-image, .x-anchor, .x-text-headline, .x-slide { transition-property: border-color, background-color, box-shadow, opacity, filter, transform; } .x-slide-pagination li { transition-property: width, height, background-color, opacity, filter, transform; } .x-icon, .x-search { transition-property: color, border-color, background-color, box-shadow, text-shadow, opacity, filter, transform; } .x-text:not(.x-text-headline) { transition-property: color, border-color, background-color, box-shadow, text-shadow, column-rule, opacity, filter, transform; } [data-x-toggle-collapse] { transition-property: height; } .x-card-faces, .x-acc-header-indicator { transition-property: transform; } .x-anchor-text-primary, .x-anchor-text-secondary, .x-anchor-sub-indicator, .x-text-content-text-primary, .x-text-content-text-subheadline, .x-text-typing, .x-typed-cursor { transition-property: color, text-shadow; } .x-anchor.has-int-content .x-anchor-content, [class^=x-bg][data-x-params*=parallax] { transition-property: opacity, transform; } .x-statbar-bar, .x-statbar-label { transition-property: width, height, transform, opacity; } .x-acc-header, .x-crumbs-link, .x-paginate-inner > *, .x-mini-cart li, .x-mini-cart a:not(.x-anchor), .x-search-btn, .x-search-input { transition-property: color, border-color, background-color, text-shadow, box-shadow; } .x-menu-layered .x-anchor { transition-property: border-color, background-color, box-shadow, opacity, transform; } .x-graphic-child { transition-property: color, background-color, text-shadow, box-shadow, opacity, transform; } .x-bar-scroll-button { transition-property: color, border-color, background-color, box-shadow, text-shadow, opacity, transform; } .x-ttf, .x-div, .x-row, .x-col, .x-grid, .x-cell, .x-section, .x-acc-header, .x-acc-header-indicator, .x-crumbs-link, .x-paginate-inner > *, .x-anchor, .x-anchor-text-primary, .x-anchor-text-secondary, .x-anchor-sub-indicator, .x-anchor.has-int-content .x-anchor-content, .x-bar-is-sticky, .x-bar-is-sticky .x-bar-content, [data-x-toggle-collapse], .x-graphic-child, .x-image, .x-line, .x-mini-cart li, .x-mini-cart a:not(.x-anchor), .x-modal-close, .x-search, .x-search-btn, .x-search-input, .x-icon, .x-text, .x-text-content-text-primary, .x-text-content-text-subheadline, .x-text-typing, .x-typed-cursor, .x-menu-first-level, .x-menu-layered:not(.x-menu-first-level), .x-card, .x-card-faces, .x-statbar, .x-statbar-bar, .x-statbar-label, .x-wc-add-to-cart-form, .x-wc-shop-sort, [data-x-particle], .x-bar, .x-bar-scroll-button, .x-bar-container, .x-slide, .x-slide-pagination, .x-slide-pagination li { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } [class^=x-bg][data-x-params*=parallax] { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), linear; } .x-off-canvas { transition-timing-function: linear; } [data-x-effect] { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .x-crumbs-link .x-icon, .x-paginate-inner > * .x-icon, .x-bar-scroll-button .x-icon { transition: initial; } [data-x-disable-animation], [data-x-disable-animation] * { transition: none !important; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .x-anim-hide, .animated-hide { opacity: 0; } @keyframes bounce { from, 20%, 53%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .heartBeat { animation-name: heartBeat; animation-duration: calc(var(--animate-duration) * 1.3); animation-timing-function: ease-in-out; } @keyframes jello { from, 11.1%, to { transform: translate3d(0, 0, 0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; animation-timing-function: ease-in-out; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes shakeX { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shakeX { animation-name: shakeX; } @keyframes shakeY { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0); } } .shakeY { animation-name: shakeY; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } @keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } } .wobble { animation-name: wobble; } @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .backInDown { animation-name: backInDown; } @keyframes backInLeft { 0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .backInLeft { animation-name: backInLeft; } @keyframes backInRight { 0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .backInRight { animation-name: backInRight; } @keyframes backInUp { 0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .backInUp { animation-name: backInUp; } @keyframes backOutDown { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(700px) scale(0.7); opacity: 0.7; } } .backOutDown { animation-name: backOutDown; } @keyframes backOutLeft { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .backOutLeft { animation-name: backOutLeft; } @keyframes backOutRight { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .backOutRight { animation-name: backOutRight; } @keyframes backOutUp { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .backOutUp { animation-name: backOutUp; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1); } 75% { transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(5px, 0, 0) scaleX(0.995); } to { transform: translate3d(0, 0, 0); } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { transform: translate3d(0, 0, 0); } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, -5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, 2000px, 0) scaleY(3); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(2000px, 0, 0) scaleX(2); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInBottomLeft { from { opacity: 0; transform: translate3d(-100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInBottomLeft { animation-name: fadeInBottomLeft; } @keyframes fadeInBottomRight { from { opacity: 0; transform: translate3d(100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInBottomRight { animation-name: fadeInBottomRight; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInTopLeft { from { opacity: 0; transform: translate3d(-100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInTopLeft { animation-name: fadeInTopLeft; } @keyframes fadeInTopRight { from { opacity: 0; transform: translate3d(100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInTopRight { animation-name: fadeInTopRight; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutBottomLeft { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-100%, 100%, 0); } } .fadeOutBottomLeft { animation-name: fadeOutBottomLeft; } @keyframes fadeOutBottomRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(100%, 100%, 0); } } .fadeOutBottomRight { animation-name: fadeOutBottomRight; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutTopLeft { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-100%, -100%, 0); } } .fadeOutTopLeft { animation-name: fadeOutTopLeft; } @keyframes fadeOutTopRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(100%, -100%, 0); } } .fadeOutTopRight { animation-name: fadeOutTopRight; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-duration: calc(var(--animate-duration) * 0.75); animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { animation-duration: calc(var(--animate-duration) * 0.75); backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedInLeft { from { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { transform: skewX(-20deg); opacity: 1; } 80% { transform: skewX(5deg); } to { transform: translate3d(0, 0, 0); } } .lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; } @keyframes lightSpeedInRight { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: translate3d(0, 0, 0); } } .lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; } @keyframes lightSpeedOutRight { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { animation-name: rotateIn; transform-origin: center; } @keyframes rotateInDownLeft { from { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; } @keyframes rotateInDownRight { from { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; } @keyframes rotateInUpLeft { from { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; } @keyframes rotateInUpRight { from { transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; } @keyframes rotateOut { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; transform-origin: center; } @keyframes rotateOutDownLeft { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; } @keyframes rotateOutDownRight { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; } @keyframes rotateOutUpLeft { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; } @keyframes rotateOutUpRight { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-duration: calc(var(--animate-duration) * 2); animation-name: hinge; transform-origin: top left; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .rollIn { animation-name: rollIn; } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); } } .zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); } } .zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; } .x-effect-exit, .x-effect-entering, .x-effect-exiting { pointer-events: none !important; } .x-effect-animated { animation-fill-mode: both !important; } @media print, (prefers-reduced-motion: reduce) { .x-effect-animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important; } } .x-no-at, .x-no-at a, .x-no-at i, .x-no-at ul, .x-no-at ol, .x-no-at img, .x-no-at div, .x-no-at span, .x-no-at button { animation-delay: 1ms !important; animation-duration: 1ms !important; transition-delay: 1ms !important; transition-duration: 1ms !important; } p { margin: 0 0 2.15em; } small { font-size: smaller; } b, strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 1.25em 0 0.2em; text-rendering: optimizelegibility; } h1, .h1 { margin-top: 1em; font-size: 400%; line-height: 1.1; } h2, .h2 { font-size: 285.7%; line-height: 1.2; } h3, .h3 { font-size: 228.5%; line-height: 1.3; } h4, h5, h6, .h4, .h5, .h6 { margin-top: 1.75em; margin-bottom: 0.5em; line-height: 1.4; } h4, .h4 { font-size: 171.4%; } h5, .h5 { font-size: 150%; } h6, .h6 { font-size: 100%; text-transform: uppercase; } ul, ol { padding: 0; margin: 0 0 2.15em 1.655em; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; padding-left: 1em; padding-right: 1em; } dl { margin-bottom: 2.15em; } dt { font-weight: bolder; } dd { margin-left: 2.15em; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 2.15em; font-style: normal; } hr { height: 0; margin: 2.15em 0; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } blockquote { margin: 2.15em 0; border: 1px solid rgba(0, 0, 0, 0.1); border-left: 0; border-right: 0; padding: 1em 0; font-size: 128.6%; font-weight: 400; line-height: 1.6; color: #333333; } code, pre { font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; color: #333333; background-color: #e4e4e4; } code { padding: 0.243em 0.386em; font-size: 0.875em; } pre { display: block; padding: 1.45em 1.65em; margin: 0 0 2.15em; font-size: 1.15em; line-height: 1.8; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; } pre code { padding: 0; background-color: transparent; border: 0; } .pre-scrollable { max-height: 360px; overflow-y: scroll; } form { margin: 0 0 2.15em; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin: 0; line-height: 1.4; border: 0; border-bottom: 1px solid #ddd; } label, input, button, select, textarea { font-size: 100%; line-height: 1.8; } input, button, select, textarea { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 2px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } .radio, .checkbox { min-height: 18px; padding-left: 18px; } .radio input[type=radio], .checkbox input[type=checkbox] { position: relative; float: left; margin-left: -18px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; } input[disabled]:not(input[type=submit]), select[disabled], textarea[disabled], input[readonly]:not(input[type=submit]), select[readonly], textarea[readonly] { background-color: #eee; } input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio][readonly], input[type=checkbox][readonly] { background-color: transparent; } .wpcf7 p { margin-bottom: 0.5375em; } .wpcf7 select, .wpcf7 textarea, .wpcf7 input[type=text], .wpcf7 input[type=password], .wpcf7 input[type=datetime], .wpcf7 input[type=datetime-local], .wpcf7 input[type=date], .wpcf7 input[type=month], .wpcf7 input[type=time], .wpcf7 input[type=week], .wpcf7 input[type=number], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=search], .wpcf7 input[type=tel], .wpcf7 input[type=color] { width: 100%; } .wpcf7 select:not(:last-child), .wpcf7 textarea:not(:last-child), .wpcf7 input[type=text]:not(:last-child), .wpcf7 input[type=password]:not(:last-child), .wpcf7 input[type=datetime]:not(:last-child), .wpcf7 input[type=datetime-local]:not(:last-child), .wpcf7 input[type=date]:not(:last-child), .wpcf7 input[type=month]:not(:last-child), .wpcf7 input[type=time]:not(:last-child), .wpcf7 input[type=week]:not(:last-child), .wpcf7 input[type=number]:not(:last-child), .wpcf7 input[type=email]:not(:last-child), .wpcf7 input[type=url]:not(:last-child), .wpcf7 input[type=search]:not(:last-child), .wpcf7 input[type=tel]:not(:last-child), .wpcf7 input[type=color]:not(:last-child) { margin-bottom: 0; } .wpcf7 form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-response-output:empty { display: none; } .wpcf7-display-none { display: none; } .wpcf7-not-valid-tip { display: block; margin: 1px 0 0; font-size: 0.75em; } .wpcf7 .wpcf7-spinner { visibility: hidden; display: inline-block; position: relative; width: 1em; height: 1em; padding: 0; border: 0; margin: 0 0 0 1em; font-size: 16px; vertical-align: middle; } .wpcf7 .wpcf7-spinner:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; border-width: 2px; border-style: solid; border-color: transparent currentColor currentColor currentColor; border-radius: 1em; animation: xCF7Spin 1.25s infinite linear; } .wpcf7 .wpcf7-spinner.is-active { visibility: visible; } .wpcf7-list-item { margin: 0 0 0 1em; } .wpcf7-list-item-label { margin: 0 0.5em 0 0; } @keyframes xCF7Spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { display: inline-block; height: 3.45em; margin-bottom: 9px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 0 1.45em; font-size: 1rem; line-height: normal; color: #555; background-color: #ffffff; } input, textarea { width: auto; } textarea { height: auto; line-height: 1.3; } textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { -webkit-transition: border 0.2s linear; transition: border 0.2s linear; } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus { border-color: rgba(0, 0, 0, 0.25); outline: 0; } input[type=radio], input[type=checkbox] { margin: 0.425em 0; line-height: normal; cursor: pointer; } @media (max-width: 479.98px) { input[type=radio], input[type=checkbox] { border: 1px solid #ccc; } } input[type=file], input[type=image], input[type=submit], input[type=reset], input[type=button], input[type=radio], input[type=checkbox] { width: auto; } select, input[type=file] { height: 2.65em; padding-top: 0.5em; padding-bottom: 0.5em; } select { width: auto; } select[multiple], select[size] { height: auto; border: 1px solid rgba(0, 0, 0, 0.1); } .form-search, .widget_product_search form { position: relative; margin-bottom: 0; line-height: 1; } .form-search:before, .widget_product_search form:before { content: "\f002"; position: absolute; left: 16px; bottom: 50%; display: block; margin-bottom: -6px; font-size: 12px; line-height: 1; text-decoration: inherit; text-shadow: none; color: #7a7a7a; font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .form-search .search-query, .form-search input[type=search], .widget_product_search form .search-query, .widget_product_search form input[type=search] { width: 100%; margin-bottom: 0; padding-left: 38px; } textarea { padding-top: 1.15em; padding-bottom: 1.15em; } input[type=color] { padding: 1px 3px; } input[type=file] { margin-top: 2px; } .checkbox input[type=checkbox] { top: 2px; } .radio input[type=radio] { top: 1px; } #recaptcha_table #recaptcha_response_field { height: 16px; border-width: 1px; font-size: 10px; line-height: 16px; } table { width: 100%; margin-bottom: 2.15em; border-spacing: 0; background-color: transparent; } table th, table td { padding: 0.5em 0.625em; line-height: 1.3; text-align: left; vertical-align: middle; } table th { font-weight: bold; } table td { line-height: 1.4; } table thead th { vertical-align: bottom; } table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; } table p:last-child, table ul:last-child, table ol:last-child { margin-bottom: 0; } table { border-collapse: collapse; } table th, table td { border-top: 1px solid #ddd; } table tbody + tbody { border-top: 2px solid #ddd; } .x-btn, .button, [type=submit] { display: inline-block; position: relative; border: 1px solid #ac1100; border-radius: 0; padding: 0.563em 1.125em 0.813em; cursor: pointer; font-size: 16px; font-weight: inherit; line-height: 1.3; text-align: center; vertical-align: middle; color: #ffffff; background-color: #ff2a13; transition: all 0.15s linear; } .x-btn:hover, .button:hover, [type=submit]:hover { text-decoration: none; color: #ffffff; border-color: #600900; background-color: #df1600; } .x-btn:hover, .x-btn:active, .button:hover, .button:active, [type=submit]:hover, [type=submit]:active { outline: 0 !important; } .x-btn[disabled], .x-btn.disabled, .button[disabled], .button.disabled, [type=submit][disabled], [type=submit].disabled { opacity: 0.25; cursor: not-allowed; } .x-btn.x-btn-jumbo { padding: 0.643em 1.429em 0.786em; font-size: 28px; } .x-btn.x-btn-x-large { padding: 0.714em 1.286em 0.857em; font-size: 21px; } .x-btn.x-btn-large { padding: 0.579em 1.105em 0.842em; font-size: 19px; } .x-btn.x-btn-regular { padding: 0.563em 1.125em 0.813em; font-size: 16px; } .x-btn.x-btn-small { padding: 0.429em 1.143em 0.643em; font-size: 14px; } .x-btn.x-btn-mini { padding: 0.385em 0.923em 0.538em; font-size: 13px; } .x-btn.x-btn-square { border-radius: 0; } .x-btn.x-btn-rounded { border-radius: 0.225em; } .x-btn.x-btn-pill { border-radius: 100em; } .x-btn-block { display: block; width: 100%; } .x-btn-block + .x-btn-block { margin-top: 1em; } .x-btn [class*=x-icon-] { display: inline; width: auto; height: auto; margin: 0 0.5em 0 0; } .x-btn [class*=x-icon-]:before { display: inline !important; position: static !important; transform: none !important; } .x-btn.x-btn-icon-only [class*=x-icon-] { margin: 0; } .x-btn-circle-wrap { display: inline-block; position: relative; } .x-btn-circle-wrap.x-btn-jumbo, .x-btn-circle-wrap.x-btn-x-large, .x-btn-circle-wrap.x-btn-large { margin: 0 0 21px; padding: 0; } .x-btn-circle-wrap:before, .x-btn-circle-wrap:after { content: ""; position: relative; display: block; margin: 0 auto; background-repeat: no-repeat; background-position: center center; z-index: 1; } .x-btn-circle-wrap:before { top: 2px; width: 172px; height: 43px; background-image: url(../../../../img/global/btn-circle-top-small.png); background-size: 172px 43px; } .x-btn-circle-wrap:after { bottom: 2px; width: 190px; height: 43px; background-image: url(../../../../img/global/btn-circle-bottom-small.png); background-size: 190px 43px; } .x-btn-circle-wrap .x-btn { position: relative; z-index: 2; } @media (max-width: 766.98px) { .x-btn-circle-wrap:before { top: 2px; width: 112px; height: 28px; background-image: url(../../../../img/global/btn-circle-top-small.png); background-size: 112px 28px; } .x-btn-circle-wrap:after { bottom: 2px; width: 127px; height: 29px; background-image: url(../../../../img/global/btn-circle-bottom-small.png); background-size: 127px 29px; } } .fade { opacity: 0; transition: opacity 0.3s ease; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.3s ease; } .x-searchform-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2030; background-color: rgba(255, 255, 255, 0.925); transition: top 0.3s ease; } .x-searchform-overlay.in { display: table; } .x-searchform-overlay .form-search { padding-bottom: 2em; font-size: 10px; } .x-searchform-overlay .form-search:before { display: none; } .x-searchform-overlay .form-search label { margin-bottom: 0.85em; font-size: 2.1em; line-height: 1.4; color: #333333; } .x-searchform-overlay .form-search .search-query { border: 0; padding: 0; height: auto; font-size: 9.4em; letter-spacing: -0.05em; line-height: 1; color: #333333; background-color: transparent; border-radius: 0; box-shadow: none; } .x-searchform-overlay .form-search .search-query:focus, .x-searchform-overlay .form-search .search-query:active { outline: 0; } @media (max-width: 766.98px) { .x-searchform-overlay .form-search { font-size: 8px; } } @media (max-width: 479.98px) { .x-searchform-overlay .form-search { font-size: 6px; } } .x-searchform-overlay-inner { display: table-cell; vertical-align: middle; } .x-nav { margin-left: 0; margin-bottom: 2.15em; list-style: none; } .x-nav > li > a { display: block; cursor: pointer; } .x-nav > li > a:hover { text-decoration: none; background-color: transparent; } .x-nav > .right { float: right; } .x-nav-tabs { position: relative; top: 1px; margin-bottom: 1px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; z-index: 10; } .x-nav-tabs:before, .x-nav-tabs:after { content: " "; display: table; width: 0px; } .x-nav-tabs:after { clear: both; } .x-nav-tabs > li { float: left; border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: center; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media (max-width: 978.98px) { .x-nav-tabs > li { border-right: 0; } } .x-nav-tabs > li > a { padding: 0.75em; font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.325); background-color: #ffffff; } .x-nav-tabs > li > a:hover { color: #333333; background-color: #ffffff; } .x-nav-tabs.left, .x-nav-tabs.right { width: 24%; max-width: 200px; } @media (max-width: 978.98px) { .x-nav-tabs.left, .x-nav-tabs.right { float: none; width: 100%; max-width: none; } } .x-nav-tabs.left > .x-nav-tabs-item, .x-nav-tabs.right > .x-nav-tabs-item { float: none; width: 100%; border-left: 0; border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .x-nav-tabs.left { border-right: 0; } @media (max-width: 978.98px) { .x-nav-tabs.left { border-right: 1px solid rgba(0, 0, 0, 0.1); } } .x-nav-tabs.right { border-left: 0; } @media (max-width: 978.98px) { .x-nav-tabs.right { border-left: 1px solid rgba(0, 0, 0, 0.1); } } .x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover { color: #333333; background-color: #ffffff; cursor: default; } .x-nav-tabs.one-up > li { width: 100%; } .x-nav-tabs.one-up > li:nth-child(1n) { border-right: 0; } .x-nav-tabs.two-up > li { width: 50%; } .x-nav-tabs.two-up > li:nth-child(2n) { border-right: 0; } .x-nav-tabs.three-up > li { width: 33.33333%; } .x-nav-tabs.three-up > li:nth-child(3n) { border-right: 0; } .x-nav-tabs.four-up > li { width: 25%; } .x-nav-tabs.four-up > li:nth-child(4n) { border-right: 0; } .x-nav-tabs.five-up > li { width: 20%; } .x-nav-tabs.five-up > li:nth-child(5n) { border-right: 0; } @media (max-width: 978.98px) { .x-nav-tabs.two-up > li, .x-nav-tabs.three-up > li, .x-nav-tabs.four-up > li, .x-nav-tabs.five-up > li { float: none; width: 100%; } } .tabbable:before, .tabbable:after { content: " "; display: table; width: 0px; } .tabbable:after { clear: both; } .x-tab-content { overflow: auto; position: relative; margin-bottom: 2.15em; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; background-color: #ffffff; z-index: 15; } .x-tab-content img, .x-tab-content .x-btn { transform: translate3d(0, 0, 0); } .x-tab-content .x-tab-pane { padding: 4%; } .x-nav-tabs.left + .x-tab-content, .x-nav-tabs.right + .x-tab-content { border-top: 1px solid #333333; } @media (max-width: 978.98px) { .x-nav-tabs.left + .x-tab-content, .x-nav-tabs.right + .x-tab-content { border-top: 0; } } .x-tab-content > .x-tab-pane { display: none; } .x-tab-content > .active { display: block; } .x-nav-articles { float: right; width: 82px; margin-left: 35px; } .x-nav-articles:before, .x-nav-articles:after { content: " "; display: table; width: 0px; } .x-nav-articles:after { clear: both; } .x-nav-articles a { position: relative; } .x-nav-articles a { display: block; width: 38px; height: 42px; font-size: 18px; line-height: 42px; border: 1px solid #333333; text-align: center; color: #333333; background-color: #ffffff; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } .x-nav-articles a:hover { color: #ffffff; background-color: #333333; } .x-nav-articles .prev { float: left; right: -1px; } .x-nav-articles .next { float: right; } .x-breadcrumb-wrap { overflow: hidden; margin: 0; padding: 16px 0; font-size: 12px; line-height: 1.4; background-color: #ffffff; } .x-breadcrumb-wrap a { color: #bababa; } .x-breadcrumb-wrap a:hover { color: #e74c3c; } .x-breadcrumbs { float: left; width: 85%; } @media (max-width: 766.98px) { .x-breadcrumbs { float: none; width: 100%; text-align: center; } } .x-breadcrumbs a, .x-breadcrumbs span { display: inline-block; } .x-breadcrumbs .delimiter { position: relative; margin: 0 0.45em 0 0.65em; } .x-breadcrumbs .current { color: #333333; } .x-pagination, .woocommerce-pagination { display: block; margin: 35px 0 0; height: 32px; text-align: center; clear: both; } .x-pagination ul, .woocommerce-pagination ul { display: inline-block; margin: 0; } .x-pagination li, .woocommerce-pagination li { display: inline; } .x-pagination a, .x-pagination span, .woocommerce-pagination a, .woocommerce-pagination span { float: left; width: 32px; height: 32px; margin-left: -1px; font-size: 13px; font-weight: 400; line-height: 32px; text-decoration: none; color: #333333; } .x-pagination a:hover, .woocommerce-pagination a:hover { color: #ffffff; background-color: #333333; } @media (max-width: 766.98px) { .x-pagination a.prev, .x-pagination a.next, .x-pagination a.prev-next, .woocommerce-pagination a.prev, .woocommerce-pagination a.next, .woocommerce-pagination a.prev-next { display: none; } } .x-pagination span.pages, .woocommerce-pagination span.pages { display: none; } .x-pagination span.dots, .x-pagination span.current, .woocommerce-pagination span.dots, .woocommerce-pagination span.current { color: #ffffff; background-color: #333333; } .tooltip { position: absolute; z-index: 1020; display: block; visibility: visible; padding: 0.455em; font-size: 11px; font-weight: normal; line-height: 1.2; text-shadow: none; opacity: 0; transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .tooltip.top { margin-top: -0.273em; } .tooltip.right { margin-left: 0.273em; } .tooltip.bottom { margin-top: 0.273em; } .tooltip.left { margin-left: -0.273em; } .tooltip-inner { max-width: 200px; padding: 0.727em 0.818em; color: #ffffff; text-align: center; text-decoration: none; background-color: #272727; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #272727; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #272727; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #272727; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #272727; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); transform: translate3d(0, 0, 0); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .popover.top { margin-top: -0.825em; } .popover.right { margin-left: 0.825em; } .popover.bottom { margin-top: 0.825em; } .popover.left { margin-left: -0.825em; } .popover-title { margin: 0; padding: 0.571em 0.75em; font-size: 15px; font-weight: 400; line-height: 1.3; background-color: #e4e4e4; } .popover-content { border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 0.563em 0.875em; font-size: 13px; font-weight: 400; line-height: 1.5; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover-content ul, .popover-content ol { margin-left: 1.286em; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { content: ""; z-index: -1; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-width: 10px 10px 0; border-top-color: #ffffff; } .popover.top .arrow:after { border-width: 11px 11px 0; border-top-color: rgba(0, 0, 0, 0.25); bottom: -1px; left: -11px; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-width: 10px 10px 10px 0; border-right-color: #ffffff; } .popover.right .arrow:after { border-width: 11px 11px 11px 0; border-right-color: rgba(0, 0, 0, 0.25); bottom: -11px; left: -1px; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-width: 0 10px 10px; border-bottom-color: #e4e4e4; } .popover.bottom .arrow:after { border-width: 0 11px 11px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -1px; left: -11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-width: 10px 0 10px 10px; border-left-color: #ffffff; } .popover.left .arrow:after { border-width: 11px 0 11px 11px; border-left-color: rgba(0, 0, 0, 0.25); bottom: -11px; right: -1px; } .flex-container a:active, .x-flexslider a:active { outline: none; } .x-slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none !important; } .x-flexslider { margin: 0; padding: 0; } .x-flexslider .x-slides .x-slide { display: none; position: relative; } .x-flexslider .x-slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .x-slides:before, .x-slides:after { content: " "; display: table; width: 0px; } .x-slides:after { clear: both; } .no-js .x-slides > li:first-child { display: block; } .x-flexslider { width: 100%; margin: 0 0 2.15em; position: relative; overflow: hidden; } .x-flexslider-featured-gallery { background: #ffffff; } .flex-viewport { max-height: 2000px; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flex-direction-nav a { display: block; cursor: pointer; position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -17px; font-size: 30px; line-height: 30px; text-align: center; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.325); color: #ffffff; opacity: 0.5; transition: opacity 0.3s ease; z-index: 10; } .flex-direction-nav a [class*=x-icon-] { width: auto; } .flex-direction-nav a:hover { text-decoration: none; color: #ffffff; opacity: 1; } .flex-direction-nav a.flex-prev { left: 14px; } .flex-direction-nav a.flex-next { right: 14px; } .flex-control-nav { position: absolute; line-height: 1; text-align: center; z-index: 10; } .flex-control-nav:not(.flex-control-thumbs) { left: 14px; right: 14px; bottom: 14px; padding: 0 4px; background-color: #ffffff; } .flex-control-nav:not(.flex-control-thumbs) li { margin: 7px 4px 6px; text-indent: -9999px; } .flex-control-nav.flex-control-thumbs { top: 0; right: 0; padding: 1em; } .flex-control-nav.flex-control-thumbs li { background-color: #000000; box-shadow: 0 0.15em 0.625em rgba(0, 0, 0, 0.215); } .flex-control-nav.flex-control-thumbs li:not(:first-child) { margin-left: 0.5em; } .flex-control-nav.flex-control-thumbs img { width: auto; height: 1.5em; vertical-align: top; transition: opacity 0.3s ease; cursor: pointer; } .flex-control-nav.flex-control-thumbs img:not(:hover):not(.flex-active) { opacity: 0.65; } .flex-control-nav li { display: inline-block; } .flex-control-nav a { display: block; width: 14px; height: 14px; background-color: #ffffff; border-radius: 100em; opacity: 0.5; transition: opacity 0.3s ease; } .flex-control-nav a:hover { cursor: pointer; opacity: 1; } .flex-control-nav a.flex-active { opacity: 1; } .x-slider-container { position: relative; z-index: 1; } .x-slider-container.bg-video { background-color: #000000; } .x-slider-container .rev_slider_wrapper { padding: 0 !important; } .x-post-slider-blog-active .x-slider-container.below { margin-bottom: 35px; } .rev_slider_wrapper .x-btn { padding: 0.563em 1.125em 0.813em !important; font-size: 16px !important; font-size: 1.6rem !important; } @media (max-width: 978.98px) { .rev_slider_wrapper .x-btn { font-size: 13px !important; font-size: 1.3rem !important; } } @media (max-width: 766.98px) { .rev_slider_wrapper .x-btn { font-size: 11px !important; font-size: 1.1rem !important; } } @media (max-width: 479.98px) { .rev_slider_wrapper .x-btn { font-size: 8px !important; font-size: 0.8rem !important; } } .x-slider-scroll-bottom { position: absolute; display: block; border: 3px solid; width: 60px; height: 60px; font-size: 41px; line-height: 53px; text-align: center; color: #ffffff; border-radius: 100em; z-index: 1020; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .x-slider-scroll-bottom.top { top: 20px; } .x-slider-scroll-bottom.left { left: 20px; } .x-slider-scroll-bottom.right { right: 20px; } .x-slider-scroll-bottom.bottom { bottom: 20px; } .x-slider-scroll-bottom.center { left: 50%; margin-left: -30px; } .x-slider-scroll-bottom:hover { color: #e74c3c; } @media (min-width: 767px) and (max-width: 978.98px) { .x-slider-scroll-bottom { width: 50px; height: 50px; font-size: 38px; line-height: 43px; } .x-slider-scroll-bottom.center { margin-left: -25px; } } @media (max-width: 766.98px) { .x-slider-scroll-bottom { border-width: 2px; width: 46px; height: 46px; font-size: 31px; line-height: 40px; } .x-slider-scroll-bottom.center { margin-left: -23px; } } @media (max-width: 479.98px) { .x-slider-scroll-bottom { width: 40px; height: 40px; font-size: 25px; line-height: 34px; } .x-slider-scroll-bottom.center { margin-left: -20px; } } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { transition-duration: 0.8s; } .isotope { transition-property: height, width; } .isotope .isotope-item { transition-property: transform; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { transition-duration: 0s; } .x-iso-container { box-sizing: content-box; } .x-iso-container.cols-1 > * { width: 100%; } .x-iso-container.cols-2 > * { width: 49.95%; } .x-iso-container.cols-3 > * { width: 33.28%; } @media (min-width: 767px) and (max-width: 978.98px) { .x-iso-container.cols-3 > * { width: 49.95%; } } .x-iso-container.cols-4 > * { width: 33.28%; } @media (min-width: 1200px) { .x-iso-container.cols-4 > * { width: 24.95%; } } @media (min-width: 767px) and (max-width: 978.98px) { .x-iso-container.cols-4 > * { width: 49.95%; } } @media (max-width: 766.98px) { .x-iso-container[class*=cols-] > * { width: 100%; } } #x-isotope-loading { position: absolute; top: 100px; left: 0; right: 0; } .x-loading, .x-loading:before, .x-loading:after { display: block; width: 2.5em; height: 2.5em; border-radius: 100em; animation-fill-mode: both; animation: xLoader 2s infinite ease-in-out; } .x-loading { position: relative; margin: 0 auto; font-size: 8px; text-indent: -9999em; color: currentColor; transform: translateZ(0); animation-delay: -0.16s; } .x-loading:before, .x-loading:after { content: ""; position: absolute; top: 0; } .x-loading:before { left: -4em; animation-delay: -0.32s; } .x-loading:after { left: 4em; } @keyframes xLoader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .x-iso-container { margin: 0 -1em; } .x-iso-container > * { margin: 0 !important; border: 0 !important; padding: 0 1em 2em !important; opacity: 0; } .x-iso-container + .pagination { margin-top: 5px; } .option-set { margin: 0 0 35px; list-style: none; } .option-set:before, .option-set:after { content: " "; display: table; width: 0px; } .option-set:after { clear: both; } .option-set .x-index-filter-label, .option-set .x-portfolio-filter-label { margin: 0; padding-left: 15px; float: left; width: calc(100% - 42px); height: 42px; font-size: 14px; letter-spacing: 2px; line-height: 42px; text-transform: uppercase; background-color: #ffffff; } .option-set .x-index-filters, .option-set .x-portfolio-filters { display: block; border: 1px solid #333333; color: #333333; } .option-set .x-index-filters i, .option-set .x-portfolio-filters i { display: block; border-left: 1px solid #333333; float: right; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: #ffffff; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } .option-set .x-index-filters:hover i, .option-set .x-portfolio-filters:hover i { color: #ffffff; background-color: #333333; } .option-set .x-index-filters-menu, .option-set .x-portfolio-filters-menu { display: none; margin: 0; padding: 15px 15px 0; text-align: center; } .option-set .x-index-filters-menu > li, .option-set .x-portfolio-filters-menu > li { display: inline-block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .option-set .x-index-filters-menu > li:after, .option-set .x-portfolio-filters-menu > li:after { content: "/"; display: inline; margin: 0 0 0 3px; } .option-set .x-index-filters-menu > li > a, .option-set .x-index-filters-menu > li:after, .option-set .x-portfolio-filters-menu > li > a, .option-set .x-portfolio-filters-menu > li:after { color: rgba(0, 0, 0, 0.35); } .option-set .x-index-filters-menu > li:last-child:after, .option-set .x-portfolio-filters-menu > li:last-child:after { display: none; } .option-set .x-index-filters-menu > li > a:hover, .option-set .x-index-filters-menu > li > a.selected, .option-set .x-portfolio-filters-menu > li > a:hover, .option-set .x-portfolio-filters-menu > li > a.selected { color: #333333; } .ilightbox-overlay.light { background: #ffffff; } .ilightbox-loader.light { -webkit-box-shadow: 0px 0px 85px #dacffc, 0px 0px 85px #dacffc; box-shadow: 0px 0px 85px #dacffc, 0px 0px 85px #dacffc; } .ilightbox-loader.light div { background: #ffffff url(../../../../img/global/ilightbox-preloader-light.gif) no-repeat center; } .ilightbox-holder.light { padding: 1%; background: #ffffff; border-radius: 2px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); } .ilightbox-holder.light .ilightbox-container .ilightbox-caption { background-color: #ffffff; } .ilightbox-holder.light .ilightbox-container .ilightbox-social { border-radius: 2px; } .ilightbox-holder.light .ilightbox-alert { color: #89949B; } .ilightbox-toolbar.light { top: 8px; left: 8px; height: 23px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } .ilightbox-toolbar.light a { width: 25px; height: 23px; text-align: center; } .ilightbox-toolbar.light a.ilightbox-close { border-radius: 3px 0 0 3px; } .ilightbox-toolbar.light a.ilightbox-fullscreen { border-radius: 0 3px 3px 0; } .ilightbox-toolbar.light a:before { display: inline-block; font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ilightbox-toolbar.light a.ilightbox-close:before { content: "\f00d"; font-size: 15px; line-height: 22px; } .ilightbox-toolbar.light a.ilightbox-fullscreen:before { content: "\f0c8"; font-size: 11px; line-height: 23px; } .ilightbox-toolbar.light a.ilightbox-prev-button, .ilightbox-toolbar.light a.ilightbox-next-button { display: none; } .ilightbox-thumbnails.light .ilightbox-thumbnails-grid .ilightbox-thumbnail img { border-radius: 2px; } .ilightbox-thumbnails.light .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url(../../../../img/global/ilightbox-thumb-overlay-play-light.png) no-repeat center; } .ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title { padding: 10px 8px; padding-right: 60px; font-size: 18px; } .ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-toolbar { top: 5px; left: auto; right: 5px; } .ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-toolbar a { float: right; } .ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-toolbar a:first-of-type { border-radius: 0 3px 3px 0; } .ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-toolbar a:last-of-type { border-radius: 3px 0 0 3px; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * { float: none; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 100%; vertical-align: baseline; background: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .ilightbox-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; } .ilightbox-loader { position: fixed; top: 45%; left: -192px; padding-left: 30px; opacity: 0.9; border-radius: 0 100px 100px 0; z-index: 100005; } .ilightbox-loader div { width: 72px; height: 72px; border-radius: 0 100px 100px 0; } .ilightbox-loader.horizontal { top: -192px; left: 45%; padding: 0; padding-top: 30px; border-radius: 0 0 100px 100px; } .ilightbox-loader.horizontal div { border-radius: 0 0 100px 100px; } .ilightbox-toolbar { display: none; position: fixed; z-index: 100010; } .ilightbox-toolbar a { float: left; cursor: pointer; } .ilightbox-thumbnails { display: block; position: fixed; z-index: 100009; } .ilightbox-thumbnails.ilightbox-horizontal { left: 0; bottom: 0; width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical { top: 0; right: 0; width: 140px; height: 100%; overflow: hidden; } .ilightbox-thumbnails .ilightbox-thumbnails-container { display: block; position: relative; } .ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container { width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container { width: 140px; height: 100%; } .ilightbox-thumbnails .ilightbox-thumbnails-grid { display: block; position: absolute; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail { display: block; position: relative; padding: 10px; cursor: pointer; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img { width: 100%; height: 100%; border-radius: 2px; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover { opacity: 1; } .ilightbox-holder { display: none; position: fixed; z-index: 100003; } .ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev { cursor: pointer; } .ilightbox-holder div.ilightbox-container { position: relative; width: 100%; height: 100%; } .ilightbox-holder img.ilightbox-image { width: 100%; height: 100%; } .ilightbox-holder .ilightbox-container .ilightbox-caption { display: none; position: absolute; left: 5%; right: 5%; bottom: 0; max-width: 100%; margin: 0 auto; padding: 5px 10px; font-size: 12px; line-height: 150%; word-wrap: break-word; text-align: center; border-radius: 3px 3px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 20003; } @media (max-width: 978.98px) { .ilightbox-holder .ilightbox-container .ilightbox-caption { font-size: 10px; } } @media (max-width: 479.98px) { .ilightbox-holder .ilightbox-container .ilightbox-caption { font-size: 8px; } } .ilightbox-holder .ilightbox-alert { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 300px; height: 50px; margin: auto; padding-top: 100px; text-align: center; } .ilightbox-holder .ilightbox-wrapper { width: 100%; height: 100%; overflow: auto; } .ilightbox-holder .ilightbox-inner-toolbar { position: relative; } .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar { position: absolute; } .x-social-global { font-weight: 400; line-height: 1; } .x-social-global a { display: inline-block; text-align: center; color: rgba(255, 255, 255, 0.25); } .x-social-global a:hover { color: #ffffff; } .x-social-global a:focus { outline: 0; } .x-social-global a i { display: block; } .x-social-global a + .tooltip.top .tooltip-arrow { border-top-color: #ffffff; } .x-social-global a + .tooltip.bottom .tooltip-arrow { border-bottom-color: #ffffff; } .x-social-global a + .tooltip .tooltip-inner { color: #333333; background-color: #ffffff; } .twitter-tweet { width: 100% !important; max-width: 100% !important; margin: 0 0 2.15em !important; } .x-scroll-top { position: fixed; z-index: 10000; bottom: 10px; width: 35px; height: 35px; margin-bottom: -75px; border: 2px solid #000000; font-size: 25px; line-height: 27px; text-align: center; color: #000000; -webkit-transition: margin-bottom 0.6s ease, opacity 0.3s ease; transition: margin-bottom 0.6s ease, opacity 0.3s ease; } .x-scroll-top.in { margin-bottom: 0; opacity: 0.375; } .x-scroll-top.in:hover { opacity: 0.825; } .x-scroll-top.left { left: 10px; } .x-scroll-top.right { right: 10px; } .x-scroll-top:hover { color: #000000; } .x-post-carousel.unstyled { position: relative; margin: 0 0 0 -2px; padding: 2px 0; height: 229px; background-color: #ffffff; } .x-post-carousel.unstyled .entry-cover { border-left: 2px solid #ffffff; padding-bottom: 225px; } .x-post-carousel.unstyled .entry-cover:hover .h-entry-cover { top: -8em; } .x-post-carousel.unstyled .entry-cover:hover .x-post-carousel-meta { bottom: 50%; margin-bottom: -60px; } .x-post-carousel-item { float: left; } .x-post-carousel-meta { position: absolute; height: 120px; left: 52.5px; right: 52.5px; bottom: -175px; -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); } .x-post-carousel-meta > span { display: block; position: relative; width: 100%; height: 40px; padding: 13px 0; font-size: 14px; letter-spacing: 0; line-height: 1; text-transform: uppercase; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .x-post-carousel-meta > span:before, .x-post-carousel-meta > span:last-child:after { content: ""; display: block; position: absolute; left: 25%; right: 25%; height: 1px; background-color: rgba(255, 255, 255, 0.125); } .x-post-carousel-meta > span:before { top: 0; } .x-post-carousel-meta > span:last-child:after { bottom: 0; } .slick-slider { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; } .slick-list { display: block; position: relative; overflow: hidden; margin: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: " "; display: table; width: 0px; } .slick-track:after { clear: both; } .slick-prev, .slick-next { display: block; position: absolute; top: 0; bottom: 0; padding: 0; border: 0; width: 85px; font-size: 0; line-height: 0; text-shadow: 0 0 20px rgba(0, 0, 0, 0.925); color: transparent; background-color: transparent; cursor: pointer; outline: none; -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .slick-prev:before, .slick-next:before { font-size: 32px; line-height: 1; color: #ffffff; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .slick-prev:hover:before, .slick-next:hover:before { opacity: 1; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev { left: 0; } .slick-prev:before { content: "\f053"; padding-right: 20px; } .slick-next { right: 0; } .slick-next:before { content: "\f054"; padding-left: 20px; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-track, .slick-loading .slick-slide { visibility: hidden; } .slick-list, .slick-track, .slick-slide, .slick-slide img { transform: translate3d(0, 0, 0); } .x-post-slider { position: relative; overflow: hidden; background-color: #ffffff; } .x-post-slider .x-slides { background-color: #000000; } .x-post-slider-entry { position: relative; padding-bottom: 425px; overflow: hidden; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: cover; } .x-post-slider-entry > a { display: block; padding: 0 65px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } .x-post-slider-entry > a > .cover { display: table; width: 100%; height: 100%; } .x-post-slider-entry > a > .cover > .middle { display: table-cell; vertical-align: middle; } .x-post-slider-entry:hover > a { background-color: rgba(0, 0, 0, 0.75); } .x-post-slider-entry .featured-meta { font-size: 18px; } .x-post-slider-entry .h-featured { font-size: 42px; } .x-post-slider-entry .featured-view { font-size: 16px; } @media (max-width: 978.98px) { .x-post-slider-entry .featured-meta { font-size: 16px; } .x-post-slider-entry .h-featured { font-size: 32px; } .x-post-slider-entry .featured-view { font-size: 14px; } } @media (max-width: 766.98px) { .x-post-slider-entry .featured-meta { display: none; } .x-post-slider-entry .h-featured { font-size: 24px; } .x-post-slider-entry .featured-view { font-size: 10px; } } @media (max-width: 479.98px) { .x-post-slider-entry .h-featured { font-size: 16px; } .x-post-slider-entry .featured-view { display: none; } } .x-post-slider .flex-direction-nav a { margin-top: -20px; width: 35px; height: 45px; line-height: 41px; } .x-container { margin: 0 auto; } .x-container:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content):before, .x-container:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content):after { content: " "; display: table; width: 0px; } .x-container:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content):after { clear: both; } .x-gap { margin: 0 0 2.15em; border-color: transparent; } .x-clear { margin: 0; border: 0; clear: both; } .x-map { margin-bottom: 2.15em; } .x-map .x-map-inner { overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0; } .x-map .x-map-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .x-map .gm-style img { max-width: none; } .x-code { line-height: 1; } .x-block-grid { display: block; overflow: hidden; margin: 0 0 2.15em; } .x-block-grid > li { display: block; float: left; height: auto; margin: 5% 5% 0 0; padding: 0; } .x-block-grid.two-up > li { width: 47.5%; } .x-block-grid.two-up > li:nth-child(-n+2) { margin-top: 0; } .x-block-grid.two-up > li:nth-child(2n) { margin-right: 0; } .x-block-grid.two-up > li:nth-child(2n+1) { clear: both; } @media (max-width: 479.98px) { .x-block-grid.two-up > li { width: 100%; margin-right: 0; } .x-block-grid.two-up > li:nth-child(2) { margin-top: 5%; } } .x-block-grid.three-up > li { width: 30%; } .x-block-grid.three-up > li:nth-child(-n+3) { margin-top: 0; } .x-block-grid.three-up > li:nth-child(3n) { margin-right: 0; } .x-block-grid.three-up > li:nth-child(3n+1) { clear: both; } @media (max-width: 978.98px) { .x-block-grid.three-up > li { width: 47.5%; } .x-block-grid.three-up > li:nth-child(3) { margin-top: 5%; } .x-block-grid.three-up > li:nth-child(3n) { margin-right: 5%; } .x-block-grid.three-up > li:nth-child(3n+1) { clear: none; } .x-block-grid.three-up > li:nth-child(2n) { margin-right: 0; } .x-block-grid.three-up > li:nth-child(2n+1) { clear: both; } } @media (max-width: 479.98px) { .x-block-grid.three-up > li { width: 100%; margin-right: 0; } .x-block-grid.three-up > li:nth-child(2) { margin-top: 5%; } .x-block-grid.three-up > li:nth-child(3n) { margin-right: 0; } } .x-block-grid.four-up > li { width: 21.25%; } .x-block-grid.four-up > li:nth-child(-n+4) { margin-top: 0; } .x-block-grid.four-up > li:nth-child(4n) { margin-right: 0; } .x-block-grid.four-up > li:nth-child(4n+1) { clear: both; } @media (max-width: 978.98px) { .x-block-grid.four-up > li { width: 47.5%; } .x-block-grid.four-up > li:nth-child(3), .x-block-grid.four-up > li:nth-child(4) { margin-top: 5%; } .x-block-grid.four-up > li:nth-child(4n) { margin-right: 5%; } .x-block-grid.four-up > li:nth-child(4n+1) { clear: none; } .x-block-grid.four-up > li:nth-child(2n) { margin-right: 0; } .x-block-grid.four-up > li:nth-child(2n+1) { clear: both; } } @media (max-width: 479.98px) { .x-block-grid.four-up > li { width: 100%; margin-right: 0; } .x-block-grid.four-up > li:nth-child(2) { margin-top: 5%; } .x-block-grid.four-up > li:nth-child(4n) { margin-right: 0; } } .x-ul-icons { margin-left: 1.5em; list-style: none; } .x-ul-icons li [class*=x-icon-] { text-indent: -1.5em; } .x-video { margin-bottom: 2.15em; } .x-video .x-video-inner { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .x-video .x-video-inner.five-by-three { padding-bottom: 60%; } .x-video .x-video-inner.five-by-four { padding-bottom: 80%; } .x-video .x-video-inner.four-by-three { padding-bottom: 75%; } .x-video .x-video-inner.three-by-two { padding-bottom: 66.67%; } .x-video .x-video-inner embed, .x-video .x-video-inner iframe, .x-video .x-video-inner img, .x-video .x-video-inner object, .x-video .x-video-inner video { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100%; height: 100%; margin: 0 !important; } .x-video.bg, .x-video.x-video-bg { margin: 0; } .x-video.bg, .x-video.bg .x-video-inner, .x-video.x-video-bg, .x-video.x-video-bg .x-video-inner { position: absolute; transition: opacity 1s ease; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } .x-video.bg.poster, .x-video.x-video-bg.poster { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .x-flexslider-shortcode-container { margin-bottom: 2.15em; } .x-flexslider-shortcode-container .x-flexslider-shortcode { margin: 0; } .x-audio { margin-bottom: 2.15em; } .x-audio.player { height: 30px; } .x-search-shortcode { margin-bottom: 2.15em; } .x-counter { text-align: center; } .x-counter .number-wrap { font-size: 3.25em; line-height: 1; } .x-counter .text-above, .x-counter .text-below { display: block; letter-spacing: 0.125em; line-height: 1.5; text-transform: uppercase; } .x-counter .text-above { margin-bottom: 0.5em; } .x-counter .text-below { margin-top: 0.5em; } .x-counter .x-counter-number-wrap:first-child { margin-top: 0 !important; } .x-counter .x-counter-number-wrap:last-child { margin-bottom: 0 !important; } .x-typed-cursor { -webkit-animation: x-blink 1s infinite; animation: x-blink 1s infinite; } @-webkit-keyframes x-blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes x-blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .x-card-outer { margin: 0 auto 2.15em; text-align: center; cursor: pointer; -webkit-perspective: 1200px; -ms-perspective: 1200px; perspective: 1200px; } .x-card-outer .x-card-inner { position: relative; } .x-card-outer .x-face-outer { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .x-card-outer .x-face-outer.front { z-index: 2; } .x-card-outer .x-face-outer.back { z-index: 1; } .x-card-outer .x-face-inner { height: 100%; } .x-card-outer .x-face-graphic { margin: 0 0 10px; line-height: 1; } .x-card-outer .x-face-title, .x-card-outer .x-face-text { color: inherit; } .x-card-outer .x-face-title { margin: 0; padding: 0; font-size: 1.75em; } .x-card-outer .x-face-text { margin: 8px 0 0; } .x-card-outer .x-face-button { display: inline-block; margin: 15px 0 0; border: 0; padding: 0.825em 1em; line-height: 1; text-decoration: none; border-radius: 0.35em; box-shadow: none; } .x-card-outer.flipped .x-face-outer.front { z-index: 1; } .x-card-outer.flipped .x-face-outer.back { z-index: 2; } .x-card-outer.center-vertically .x-face-inner:before { content: ""; display: inline-block; width: 0; height: 100%; margin: 0; padding: 0; vertical-align: middle; } .x-card-outer.center-vertically .x-face-content { display: inline-block; vertical-align: middle; } .x-card-outer .x-card-inner { -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 1.25s cubic-bezier(0.23, 1, 0.32, 1); transform-style: preserve-3d; } .x-card-outer .x-face-outer { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .x-card-outer .x-face-outer.front, .x-card-outer .x-face-outer.back, .x-card-outer.flipped .x-face-outer.front, .x-card-outer.flipped .x-face-outer.back { z-index: 1; } .x-card-outer.flip-from-left .back, .x-card-outer.flip-from-right .back { transform: rotateY(180deg); } .x-card-outer.flip-from-left.flipped .x-card-inner { transform: rotateY(180deg); } .x-card-outer.flip-from-right.flipped .x-card-inner { transform: rotateY(-180deg); } .x-card-outer.flip-from-top .back, .x-card-outer.flip-from-bottom .back { transform: rotateX(180deg); } .x-card-outer.flip-from-top.flipped .x-card-inner { transform: rotateX(-180deg); } .x-card-outer.flip-from-bottom.flipped .x-card-inner { transform: rotateX(180deg); } .x-creative-cta { display: block; overflow: hidden; position: relative; border: 0; text-align: center; text-decoration: none; box-shadow: none; transition: background-color 0.3s ease; } .x-creative-cta > span { display: block; transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .x-creative-cta > span.text { line-height: 1.2; opacity: 1; } .x-creative-cta > span.graphic { position: absolute; top: 50%; left: 50%; line-height: 1; opacity: 0; } .x-creative-cta > span.graphic > i, .x-creative-cta > span.graphic > img { transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .x-creative-cta:hover > span.text { opacity: 0; } .x-creative-cta:hover > span.graphic { opacity: 1; } .x-creative-cta.slide-top:hover > span.text { transform: translate(0, -150%); } .x-creative-cta.slide-left:hover > span.text { transform: translate(-80%, 0); } .x-creative-cta.slide-right:hover > span.text { transform: translate(80%, 0); } .x-creative-cta.slide-bottom:hover > span.text { transform: translate(0, 150%); } .x-feature-box { position: relative; margin: 0 auto 2.15em; } .x-feature-box.left-text, .x-feature-box.right-text { display: flex; } .x-feature-box.left-text .x-feature-box-content, .x-feature-box.right-text .x-feature-box-content { flex: 1 0 0%; } .x-feature-box-graphic { display: inline-block; margin: 0 0 10px; } .x-feature-box.left-text .x-feature-box-graphic, .x-feature-box.right-text .x-feature-box-graphic { margin-bottom: 0; } .x-feature-box-graphic i.rounded, .x-feature-box-graphic img.rounded { border-radius: 0.15em; } .x-feature-box-graphic i.circle, .x-feature-box-graphic img.circle { border-radius: 100em; } .x-feature-box-graphic i { display: block; position: relative; width: 1em; height: 1em; text-align: center; } .x-feature-box-graphic i:before { display: block; position: absolute; top: 50%; left: 0; right: 0; height: 1em; margin-top: -0.5em; font-size: 0.395em; line-height: 1; } .x-feature-box-graphic img { display: block; } .x-feature-box-graphic-outer, .x-feature-box-graphic-inner { position: relative; z-index: 2; } .x-feature-box-graphic-inner { width: 1em; } .x-feature-box-graphic-inner.hexagon:before, .x-feature-box-graphic-inner.hexagon:after { content: ""; display: block; border: 0 solid transparent; border-left-width: 0.5em; border-right-width: 0.5em; } .x-feature-box-graphic-inner.hexagon:before { border-bottom-width: 0.285em; border-bottom-color: inherit; } .x-feature-box-graphic-inner.hexagon:after { border-top-width: 0.285em; border-top-color: inherit; } .x-feature-box-graphic-inner.hexagon i { height: 0.6em; } .x-feature-box-graphic-inner.badge { transform: scale(0.725) rotate(15deg); } .x-feature-box-graphic-inner.badge:before, .x-feature-box-graphic-inner.badge:after { content: ""; display: block; position: absolute; top: 0; left: 0; border: 0.5em solid; border-color: inherit; z-index: 1; } .x-feature-box-graphic-inner.badge:before { transform: rotate(30deg); } .x-feature-box-graphic-inner.badge:after { transform: rotate(60deg); } .x-feature-box-graphic-inner.badge i { position: relative; z-index: 2; } .x-feature-box-graphic-inner.badge i:before { transform: scale(1.275) rotate(-15deg); } .x-feature-box-connector { display: block; position: absolute; width: 0; margin: 0 auto; z-index: 1; } .x-feature-box-connector.full { height: 100%; top: 0.5em; } .x-feature-box-connector.upper { height: 50%; top: 0; } .x-feature-box-connector.lower { height: 50%; top: 50%; } .x-feature-box-title { margin: 0; font-size: 1.5em; line-height: 1.2; } .x-feature-box-text { margin: 8px 0 0; } .x-feature-box-text a { border: 0; box-shadow: none; } .x-feature-box-align-v-middle { display: flex; flex-flow: column nowrap; justify-content: center; align-self: stretch; } .x-feature-list { margin: 0 0 2.15em; padding: 1px 0; list-style: none; counter-reset: xFeatureListNum; } .x-feature-list .x-feature-box { margin-bottom: 0; counter-increment: xFeatureListNum; } .x-feature-list .x-feature-box.top-text > div { padding: 0 0 2.15em; } .x-feature-list .x-feature-box.top-text:last-child > div { padding-bottom: 0; } .x-feature-list .x-feature-box.top-text:last-child .full { display: none; } .x-feature-list .x-feature-box.middle-text > div { padding: 1.075em 0; } .x-feature-list .x-feature-box.middle-text:first-child { margin-top: -1.075em; } .x-feature-list .x-feature-box.middle-text:last-child { margin-bottom: -1.075em; } .x-feature-list .x-feature-box.middle-text:first-child .upper, .x-feature-list .x-feature-box.middle-text:last-child .lower { display: none; } .x-feature-list .x-feature-box-graphic i.number:before { content: counter(xFeatureListNum); font-style: normal; } .x-dropcap { float: left; display: block; margin: 0.215em 0.275em 0 0; padding: 0.125em 0.275em 0.15em; font-size: 3.3em; font-weight: bold; line-height: 1; color: #ffffff; background-color: #333333; } .x-highlight { padding: 0.188em 0.375em; background-color: #fffac0; } .x-highlight.dark { color: #ffffff; background-color: #484848; } .x-pullquote { width: 40%; margin: 0.45em 1.1em 0.55em 0; font-size: 1.313em; } .x-pullquote.right { margin-right: 0; margin-left: 1.1em; } @media (max-width: 766.98px) { .x-pullquote.left, .x-pullquote.right { float: none; width: 100%; margin: 2.15em 0; } } .x-cite { display: block; margin-top: 0.5em; font-size: 0.775em; color: #7a7a7a; } .x-cite:before { content: "\2013\a0"; } .close { float: right; font-size: 18px; font-weight: bold; line-height: 1.8; color: #000000; transition: opacity 0.3s ease; } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.25; } button.close { padding: 0; cursor: pointer; background-color: transparent; border: 0; -webkit-appearance: none; } .x-alert, .wpcf7-response-output, .buddypress #message, .bbp-template-notice, .woocommerce-error, .woocommerce-info, .woocommerce-message { position: relative; margin-bottom: 2.15em; border: 2px solid #fab418; padding: 0.786em 2.25em 1em 1.15em; font-size: 14px; line-height: 1.5; color: #fab418; background-color: #ffffff; } .x-alert .h-alert, .wpcf7-response-output .h-alert, .buddypress #message .h-alert, .bbp-template-notice .h-alert, .woocommerce-error .h-alert, .woocommerce-info .h-alert, .woocommerce-message .h-alert { margin: 0.05em 0 0.25em; font-size: 18px; letter-spacing: -1px; line-height: 1.3; text-transform: none; color: inherit; } .x-alert .close, .wpcf7-response-output .close, .buddypress #message .close, .bbp-template-notice .close, .woocommerce-error .close, .woocommerce-info .close, .woocommerce-message .close { position: relative; top: -10px; right: -26px; line-height: 1; color: #fab418; } .x-alert > p, .x-alert .x-alert-content > p, .wpcf7-response-output > p, .wpcf7-response-output .x-alert-content > p, .buddypress #message > p, .buddypress #message .x-alert-content > p, .bbp-template-notice > p, .bbp-template-notice .x-alert-content > p, .woocommerce-error > p, .woocommerce-error .x-alert-content > p, .woocommerce-info > p, .woocommerce-info .x-alert-content > p, .woocommerce-message > p, .woocommerce-message .x-alert-content > p { margin-bottom: 0; } .x-alert > p + p, .x-alert .x-alert-content > p + p, .wpcf7-response-output > p + p, .wpcf7-response-output .x-alert-content > p + p, .buddypress #message > p + p, .buddypress #message .x-alert-content > p + p, .bbp-template-notice > p + p, .bbp-template-notice .x-alert-content > p + p, .woocommerce-error > p + p, .woocommerce-error .x-alert-content > p + p, .woocommerce-info > p + p, .woocommerce-info .x-alert-content > p + p, .woocommerce-message > p + p, .woocommerce-message .x-alert-content > p + p { margin-top: 6px; } .x-alert-muted { border-color: #999; color: #999; } .x-alert-muted .close { color: #999; } .x-alert-info, .buddypress #message.info, .bbp-template-notice.info, .woocommerce-info, .woocommerce-message { border-color: #4d8fcb; color: #4d8fcb; } .x-alert-info .close, .buddypress #message.info .close, .bbp-template-notice.info .close, .woocommerce-info .close, .woocommerce-message .close { color: #4d8fcb; } .x-alert-success, .wpcf7-mail-sent-ok, .buddypress #message.updated, .bbp-template-notice.updated { border-color: #2ecc71; color: #2ecc71; } .x-alert-success .close, .wpcf7-mail-sent-ok .close, .buddypress #message.updated .close, .bbp-template-notice.updated .close { color: #2ecc71; } .x-alert-danger, .buddypress #message.error, .bbp-template-notice.error, .woocommerce-error { border-color: #eb5439; color: #eb5439; } .x-alert-danger .close, .buddypress #message.error .close, .bbp-template-notice.error .close, .woocommerce-error .close { color: #eb5439; } .x-alert-block, .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 0.786em 1.15em 1em; } .wpcf7-response-output { border-width: 2px !important; margin: 2.15em 0 0 !important; padding: 0.786em 1.15em 1em !important; } .h-skill-bar { margin-top: 0; font-size: 12px; font-weight: 700; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .x-skill-bar { height: 28px; margin-bottom: 2.15em; background-color: #e4e4e4; } .x-skill-bar .bar { overflow: hidden; position: relative; width: 0%; height: 100%; float: left; background-color: #e74c3c; } .x-skill-bar .bar .percent { position: absolute; right: 3px; bottom: 6px; padding: 0 5px; font-size: 14px; line-height: 17px; color: #ffffff; } .x-img { margin-bottom: 2.15em; } .x-img.left { margin: 0.35em 2.15em 0.35em 0; } .x-img.right { margin: 0.35em 0 0.35em 2.15em; } a.x-img { display: block; } a.x-img > img { display: block; margin-left: auto; margin-right: auto; } a.x-img:not(.x-img-thumbnail) { transform: translate3d(0, 0, 0); transition: opacity 0.3s ease; } a.x-img:not(.x-img-thumbnail):hover { opacity: 0.75; } .x-img-rounded, .x-img-rounded img { border-radius: 6px; } .x-img-circle, .x-img-circle img { border-radius: 100em; } .x-img-thumbnail { padding: 5px; line-height: 1.8; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } a.x-img-thumbnail:hover { border-color: #e74c3c; } .x-columnize { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.1); -moz-column-rule: 1px solid rgba(0, 0, 0, 0.1); column-rule: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 2.15em; } .x-columnize p:last-child, .x-columnize ul:last-child, .x-columnize ol:last-child { margin-bottom: 0; } @media (max-width: 479.98px) { .x-columnize { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-rule: 0; -moz-column-rule: 0; column-rule: 0; } } .x-accordion { margin-bottom: 2.15em; } .x-accordion-group { margin: 0 0 8px; background-color: #ffffff; } .x-accordion-group:last-child { margin-bottom: 0; } .x-accordion-heading { overflow: hidden; border-bottom: 0; } .x-accordion-heading .x-accordion-toggle { display: block; padding: 9px 15px 10px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 114.2%; text-transform: uppercase; color: #ffffff; background-color: #333333; cursor: pointer; } .x-accordion-heading .x-accordion-toggle.collapsed { background-color: #333333; } .x-accordion-heading .x-accordion-toggle.collapsed:before { color: rgba(255, 255, 255, 0.25); transform: rotate(0deg); } .x-accordion-heading .x-accordion-toggle:hover { color: #ffffff; } .x-accordion-heading .x-accordion-toggle:hover:before { color: #ffffff; } .x-accordion-heading .x-accordion-toggle:before { content: "\f078"; position: relative; display: inline-block; bottom: 0.05em; margin-right: 10px; color: #ffffff; transform: rotate(-180deg); transition: all 0.3s ease; font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .x-accordion-inner { padding: 4%; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; background-color: #ffffff; } .x-accordion-inner p:last-child, .x-accordion-inner ul:last-child, .x-accordion-inner ol:last-child { margin-bottom: 0; } .x-column { position: relative; z-index: 1; float: left; margin-right: 4%; } .x-column.x-1-1 { width: 100%; } .x-column.x-1-2 { width: 48%; } .x-column.x-1-3 { width: 30.66666%; } .x-column.x-2-3 { width: 65.33332%; } .x-column.x-1-4 { width: 22%; } .x-column.x-3-4 { width: 74%; } .x-column.x-1-5 { width: 16.8%; } .x-column.x-2-5 { width: 37.6%; } .x-column.x-3-5 { width: 58.4%; } .x-column.x-4-5 { width: 79.2%; } .x-column.x-1-6 { width: 13.33332%; } .x-column.x-5-6 { width: 82.66666%; } .x-column.last, .x-column:last-of-type { margin-right: 0; } @media (max-width: 479.98px) { .x-column.x-xs { float: none; width: 100%; margin-right: 0; } } @media (max-width: 766.98px) { .x-column.x-sm { float: none; width: 100%; margin-right: 0; } } @media (max-width: 978.98px) { .x-column.x-md { float: none; width: 100%; margin-right: 0; } } .x-column[data-fade="1"], .x-column[data-fade=true] { transition: opacity cubic-bezier(0.23, 1, 0.32, 1), transform cubic-bezier(0.23, 1, 0.32, 1); } .x-protect { border: 1px solid rgba(0, 0, 0, 0.1); padding: 7% 18%; text-align: center; background-color: #ffffff; } .x-protect label { margin: 0.75em 0 0; font-size: 16px; color: #7a7a7a; } .x-protect input[type=text], .x-protect input[type=password] { width: 100%; max-width: 380px; text-align: center; } .h-protect { font-size: 18px; line-height: 1.2; color: #333333; } .x-btn-protect { margin-top: 0.75em; } .x-recent-posts { margin: 0 0 2.15em; } .x-recent-posts + .x-recent-posts { margin-top: 4%; } .x-recent-posts a { overflow: hidden; float: left; display: block; margin: 0 4% 0 0; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 5px 0; color: #999; background-color: #ffffff; transform: translate3d(0, 0, 0); } .x-recent-posts a:last-child { margin-right: 0; } .x-recent-posts a:hover { color: #999; border-color: #333333; } .x-recent-posts a.no-image { padding: 0 5px; } .x-recent-posts a.x-recent-post1 { width: 100%; } .x-recent-posts a.x-recent-post2 { width: 48%; } @media (max-width: 766.98px) { .x-recent-posts a.x-recent-post2 { width: 100%; float: none; margin-right: 0; margin-bottom: 4%; } .x-recent-posts a.x-recent-post2:last-child { margin-bottom: 0; } } .x-recent-posts a.x-recent-post3 { width: 30.6666%; } @media (max-width: 766.98px) { .x-recent-posts a.x-recent-post3 { width: 100%; float: none; margin-right: 0; margin-bottom: 4%; } .x-recent-posts a.x-recent-post3:last-child { margin-bottom: 0; } } .x-recent-posts a[class^=x-recent-post]:not([class*="1"]):not([class*="2"]):not([class*="3"]) { width: 22%; margin-right: 4%; } .x-recent-posts a[class^=x-recent-post]:not([class*="1"]):not([class*="2"]):not([class*="3"]):nth-child(4n) { margin-right: 0; margin-bottom: 4%; } @media (max-width: 978.98px) { .x-recent-posts a[class^=x-recent-post]:not([class*="1"]):not([class*="2"]):not([class*="3"]) { width: 48%; } .x-recent-posts a[class^=x-recent-post]:not([class*="1"]):not([class*="2"]):not([class*="3"]):first-child { margin-bottom: 4%; } .x-recent-posts a[class^=x-recent-post]:not([class*="1"]):not([class*="2"]):not([class*="3"]):nth-child(2n) { margin-right: 0; margin-bottom: 4%; } } @media (max-width: 766.98px) { .x-recent-posts a[class^=x-recent-post]:not([class*="1"]):not([class*="2"]):not([class*="3"]) { width: 100%; float: none; margin-right: 0; margin-bottom: 4%; } .x-recent-posts a[class^=x-recent-post]:not([class*="1"]):not([class*="2"]):not([class*="3"]):last-child { margin-bottom: 0; } } .x-recent-posts article.hentry { margin: 0; border: 0; padding: 0; } .x-recent-posts article.hentry > .entry-wrap { margin: 0; border: 0; padding: 0; background-color: transparent; border-radius: 0; } .x-recent-posts .x-recent-posts-img { position: relative; padding-bottom: 56.25%; background: center center/cover no-repeat; } .x-recent-posts .x-recent-posts-img:before, .x-recent-posts .x-recent-posts-img:after { display: block; position: absolute; opacity: 0; transition: opacity 0.3s ease; } .x-recent-posts .x-recent-posts-img:before { margin: -30px 0 0 -30px; top: 50%; left: 50%; width: 60px; height: 60px; font-size: 32px; line-height: 60px; text-align: center; color: #ffffff; z-index: 2; font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .x-recent-posts .x-recent-posts-img:after { content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 1; } .x-recent-posts .no-post-thumbnail .x-recent-posts-img:before { opacity: 0.35; } .x-recent-posts .no-post-thumbnail .x-recent-posts-img:after { opacity: 1; } .x-recent-posts .format-standard .x-recent-posts-img:before { font-family: "FontAwesomeRegular"; content: "\f15c"; } .x-recent-posts .format-video .x-recent-posts-img:before { content: "\f008"; } .x-recent-posts .format-audio .x-recent-posts-img:before { content: "\f001"; } .x-recent-posts .format-image .x-recent-posts-img:before { content: "\f083"; } .x-recent-posts .format-gallery .x-recent-posts-img:before { content: "\f03e"; } .x-recent-posts .format-link .x-recent-posts-img:before { content: "\f0c1"; } .x-recent-posts .format-quote .x-recent-posts-img:before { content: "\f10d"; } .x-recent-posts .x-portfolio .x-recent-posts-img:before { content: "\f067"; } .x-recent-posts .x-recent-posts-content { padding: 10px 5px; } .x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .x-recent-posts .h-recent-posts { margin: -1px 0 5px; font-size: 17px; line-height: 1.2; transition: color 0.3s ease; } .x-recent-posts .x-recent-posts-date { margin: 0; font-size: 10px; line-height: 1; text-transform: uppercase; } .x-recent-posts.vertical a[class^=x-recent-post] { float: none; margin-right: 0; width: 100% !important; margin-bottom: 4%; } .x-recent-posts.vertical a[class^=x-recent-post]:last-child { margin-bottom: 0; } .js .x-recent-posts[data-fade=true] a { opacity: 0; } .x-pricing-table { width: 100%; margin: 2.15em 0; } .x-pricing-table.one-column .x-pricing-column { width: 100%; } .x-pricing-table.two-columns .x-pricing-column { width: 50%; } .x-pricing-table.three-columns .x-pricing-column { width: 33.33333%; } .x-pricing-table.four-columns .x-pricing-column { width: 25%; } .x-pricing-table.five-columns .x-pricing-column { width: 20%; } @media (max-width: 978.98px) { .x-pricing-table[class*=-column] .x-pricing-column { width: 50%; } .x-pricing-table.three-columns .x-pricing-column:last-child, .x-pricing-table.five-columns .x-pricing-column:last-child { width: 99.9%; } } @media (max-width: 766.98px) { .x-pricing-table[class*=-column] .x-pricing-column { width: 100%; } } .x-pricing-column { float: left; margin: 0 0 -1px -1px; text-align: center; background-color: #ffffff; } @media (max-width: 766.98px) { .x-pricing-column { float: none; margin-left: 0; } } .x-pricing-column h2 { border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 20px 25px; letter-spacing: 0; line-height: 1.1; font-size: 32px; color: #7a7a7a; background-color: #f5f5f5; } .x-pricing-column h2 span { display: block; margin: 5px -2px 0 0; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #000000; } .x-pricing-column.featured { position: relative; margin-top: -20px; } @media (max-width: 978.98px) { .x-pricing-column.featured { margin-top: 0; } } .x-pricing-column.featured h2 { border: 0; padding-bottom: 28px; color: #ffffff; background-color: #333333; } .x-pricing-column.featured h2 span { color: #ffffff; } .x-pricing-column.featured .x-pricing-column-info { padding-bottom: 50px; border-color: #333333; } .x-pricing-column.featured .x-pricing-column-info ul { margin-bottom: 40px; } .x-pricing-column-info { border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; padding: 10px 0 32px; } .x-pricing-column-info .x-price { margin: 0; font-size: 44px; letter-spacing: -3px; } .x-pricing-column-info span { display: block; margin-top: -2px; font-size: 12px; } .x-pricing-column-info p { margin: 0; } .x-pricing-column-info ul { width: 85%; margin: 15px auto 25px; } .x-pricing-column-info ul > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 20px 11px; font-size: 16px; line-height: 1.4; } .x-pricing-column-info ul > li [class*=x-icon-] { margin-left: 0.85em; } .x-pricing-column-info ul > li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .x-pricing-column-info .x-btn { margin-left: 20px; margin-right: 20px; } .x-callout { margin: 2.15em 0; border: 1px solid rgba(0, 0, 0, 0.1); padding: 1.5em 1.75em 1.75em; font-size: 21px; background-color: #ffffff; } @media (max-width: 978.98px) { .x-callout { font-size: 18px; } } @media (max-width: 479.98px) { .x-callout { font-size: 16px; } } .x-callout .x-btn { font-size: 0.85em; } .h-callout { margin-top: 0; margin-bottom: 0.45em; font-size: 1.65em; line-height: 1.1; } .p-callout { margin-bottom: 1.15em; line-height: 1.4; } .x-promo { overflow: hidden; margin-bottom: 2.15em; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; } .x-promo-image-wrap img { min-width: 100%; } .x-promo-content { padding: 1.5em; } .x-author-box { margin: 0 0 2.15em; border: 1px solid rgba(0, 0, 0, 0.1); padding: 30px 35px 32px; background-color: #ffffff; } .x-author-box .h-about-the-author { margin: 0 0 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 3px; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #e6e6e6; } .x-author-box .avatar { float: left; width: 90px; } @media (max-width: 479.98px) { .x-author-box .avatar { display: none; } } .x-author-box .x-author-info { margin-left: 110px; } @media (max-width: 479.98px) { .x-author-box .x-author-info { margin-left: 0; } } .x-author-box .h-author { margin-bottom: 0.35em; line-height: 1; } .x-author-box .x-author-social { display: inline-block; margin-right: 1em; font-size: 13px; white-space: nowrap; } .x-author-box .x-author-social [class*=x-social] { position: relative; top: 2px; } .x-author-box .p-author { margin-top: 0.5em; } .x-prompt { margin: 0 0 2.15em; border: 1px solid rgba(0, 0, 0, 0.1); padding: 1.75em; background-color: #ffffff; } .x-prompt.message-left .x-prompt-section.x-prompt-section-message { padding-right: 2.25em; text-align: left; } .x-prompt.message-right .x-prompt-section.x-prompt-section-message { padding-left: 2.25em; text-align: right; } .x-prompt-section { position: relative; display: table-cell; vertical-align: middle; } .x-prompt-section p:last-child { margin-bottom: 0; } .x-prompt-section.x-prompt-section-message { width: 46%; font-size: 16px; line-height: 1.4; } .x-prompt-section.x-prompt-section-button { width: 30%; } .h-prompt { margin: 0 0 0.285em; font-size: 28px; line-height: 1.1; } @media (max-width: 766.98px) { .x-prompt { display: block; } .x-prompt.message-left .x-prompt-section.x-prompt-section-message { padding: 0 0 1.25em 0; } .x-prompt.message-right .x-prompt-section.x-prompt-section-message { padding: 1.25em 0 0 0; text-align: left; } .x-prompt-section { display: block; } .x-prompt-section.x-prompt-section-message, .x-prompt-section.x-prompt-section-button { width: 100%; } } .x-content-band { margin: 0 0 2.15em; padding: 40px 0; } .x-content-band:before, .x-content-band:after { content: " "; display: table; width: 0px; } .x-content-band:after { clear: both; } .x-content-band.bg-image, .x-content-band.bg-pattern { background-position: 50% 50%; } .x-content-band.bg-image.parallax, .x-content-band.bg-pattern.parallax { background-attachment: fixed; } .x-content-band.bg-image { background-size: cover; background-repeat: no-repeat; } .x-content-band.bg-pattern { background-repeat: repeat; } .x-content-band.bg-video { position: relative; overflow: hidden; } .x-content-band.border-top { border-top: 1px solid rgba(0, 0, 0, 0.075); } .x-content-band.border-left { border-left: 1px solid rgba(0, 0, 0, 0.075); } .x-content-band.border-right { border-right: 1px solid rgba(0, 0, 0, 0.075); } .x-content-band.border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.075); } .x-content-band.marginless-columns .x-container { display: table; table-layout: fixed; width: 100%; } .x-content-band.marginless-columns .x-container:before, .x-content-band.marginless-columns .x-container:after { display: none; } .x-content-band.marginless-columns .x-container > .x-column { display: table-cell; margin-right: 0; float: none; vertical-align: top; } .x-content-band.marginless-columns .x-container > .x-column.x-1-1 { width: 100%; } .x-content-band.marginless-columns .x-container > .x-column.x-1-2 { width: 50%; } .x-content-band.marginless-columns .x-container > .x-column.x-1-3 { width: 33.33333%; } .x-content-band.marginless-columns .x-container > .x-column.x-2-3 { width: 66.66666%; } .x-content-band.marginless-columns .x-container > .x-column.x-1-4 { width: 25%; } .x-content-band.marginless-columns .x-container > .x-column.x-3-4 { width: 75%; } .x-content-band.marginless-columns .x-container > .x-column.x-1-5 { width: 20%; } .x-content-band.marginless-columns .x-container > .x-column.x-2-5 { width: 40%; } .x-content-band.marginless-columns .x-container > .x-column.x-3-5 { width: 60%; } .x-content-band.marginless-columns .x-container > .x-column.x-4-5 { width: 80%; } .x-content-band.marginless-columns .x-container > .x-column.x-1-6 { width: 16.66666%; } .x-content-band.marginless-columns .x-container > .x-column.x-5-6 { width: 83.33333%; } @media (max-width: 766.98px) { .x-content-band.marginless-columns .x-container { display: block; } .x-content-band.marginless-columns .x-container:before, .x-content-band.marginless-columns .x-container:after { display: table; } .x-content-band.marginless-columns .x-container > .x-column[class*=x-] { display: block; width: 100%; vertical-align: inherit; } } .x-content-band.vc .wpb_row, .x-content-band.vc .wpb_content_element { margin-bottom: 0; } .x-content-band .x-container { position: relative; } .x-entry-share { margin: 0 0 2.15em; border: 1px solid rgba(0, 0, 0, 0.1); border-left: 0; border-right: 0; padding: 20px 0; line-height: 1; text-align: center; } .x-entry-share p { margin: 0 0 10px; font-size: 12px; font-weight: 400; text-transform: uppercase; } .x-entry-share .x-share { display: inline-block; margin: 0 0.25em; width: 45px; height: 45px; font-size: 21px; line-height: 45px; border-radius: 100em; color: #333333; background-color: rgba(0, 0, 0, 0.1); } .x-entry-share .x-share:hover { color: #ffffff; background-color: #333333; } .x-toc { width: 210px; margin: 0.55em 0; border: 1px solid rgba(0, 0, 0, 0.1); padding: 15px; font-size: 11px; background-color: #ffffff; border-radius: 3px; } .x-toc.left { margin-right: 1.75em; } .x-toc.right { margin-left: 1.75em; } @media (max-width: 479.98px) { .x-toc.left, .x-toc.right { width: auto; float: none; margin: 0 0 2.15em; } } .x-toc.block { width: auto; margin: 0 0 2.15em; } .x-toc ul { margin-bottom: -10px !important; } .h-toc { margin: 0 0 10px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .x-toc.block.two-columns .x-toc-item { float: left; width: 48%; margin-right: 4%; } .x-toc.block.two-columns .x-toc-item:nth-child(2n) { margin-right: 0; } .x-toc.block.three-columns .x-toc-item { float: left; width: 30.66667%; margin-right: 4%; } .x-toc.block.three-columns .x-toc-item:nth-child(3n) { margin-right: 0; } @media (max-width: 978.98px) { .x-toc.block.three-columns .x-toc-item { width: 48%; } .x-toc.block.three-columns .x-toc-item:nth-child(3n) { margin-right: 4%; } .x-toc.block.three-columns .x-toc-item:nth-child(2n) { margin-right: 0; } } @media (max-width: 479.98px) { .x-toc.block.two-columns .x-toc-item, .x-toc.block.three-columns .x-toc-item { width: 100%; margin-right: 0; } } .x-toc-item { margin-bottom: 10px; font-size: 14px; line-height: 1.3; } .x-toc-item a { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .h-custom-headline { letter-spacing: -1px; line-height: 1.1; } .h-custom-headline.accent { overflow: hidden; } .h-custom-headline.accent span { padding-bottom: 2px; display: inline-block; position: relative; } .h-custom-headline.accent span:before, .h-custom-headline.accent span:after { content: ""; position: absolute; top: 50%; width: 9999px; display: block; margin-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .h-custom-headline.accent span:before { right: 100%; margin-right: 0.75em; } .h-custom-headline.accent span:after { left: 100%; margin-left: 0.75em; } .h-feature-headline { line-height: 1.1; } .h-feature-headline span { display: inline-block; position: relative; padding-left: 1.5em; } .h-feature-headline span i { position: absolute; top: 50%; left: 0; width: 2em; height: 2em; margin-top: -1em; font-size: 0.65em; letter-spacing: 0; line-height: 2em; text-align: center; color: #ffffff; background-color: #333333; border-radius: 100em; } .x-section { display: block; position: relative; margin: 0 0 2.15em; padding: 45px 0; } .x-section:before, .x-section:after { content: " "; display: table; width: 0px; } .x-section:after { clear: both; } .x-section.bg-image, .x-section.bg-pattern { background-position: 50% 50%; } .x-section.bg-image.parallax, .x-section.bg-pattern.parallax { background-attachment: fixed; } @media (max-width: 978.98px) { .x-section.bg-image.parallax, .x-section.bg-pattern.parallax { background-size: auto !important; } } .x-section.bg-image { background-size: cover; background-repeat: no-repeat; } .x-section.bg-pattern { background-repeat: repeat; } .x-section.bg-video { position: relative; overflow: hidden; } .x-section .x-container:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content) { position: relative; z-index: 1; } .x-section .x-container.marginless-columns { display: table; table-layout: fixed; } .x-section .x-container.marginless-columns:not(.width) { width: 100%; } .x-section .x-container.marginless-columns:before, .x-section .x-container.marginless-columns:after { display: none; } .x-section .x-container.marginless-columns > .x-column { display: table-cell; margin-right: 0; float: none; vertical-align: top; } .x-section .x-container.marginless-columns > .x-column.x-1-1 { width: 100%; } .x-section .x-container.marginless-columns > .x-column.x-1-2 { width: 50%; } .x-section .x-container.marginless-columns > .x-column.x-1-3 { width: 33.33333%; } .x-section .x-container.marginless-columns > .x-column.x-2-3 { width: 66.66666%; } .x-section .x-container.marginless-columns > .x-column.x-1-4 { width: 25%; } .x-section .x-container.marginless-columns > .x-column.x-3-4 { width: 75%; } .x-section .x-container.marginless-columns > .x-column.x-1-5 { width: 20%; } .x-section .x-container.marginless-columns > .x-column.x-2-5 { width: 40%; } .x-section .x-container.marginless-columns > .x-column.x-3-5 { width: 60%; } .x-section .x-container.marginless-columns > .x-column.x-4-5 { width: 80%; } .x-section .x-container.marginless-columns > .x-column.x-1-6 { width: 16.66666%; } .x-section .x-container.marginless-columns > .x-column.x-5-6 { width: 83.33333%; } @media (max-width: 766.98px) { .x-section .x-container.marginless-columns { display: block; } .x-section .x-container.marginless-columns:before, .x-section .x-container.marginless-columns:after { display: table; } .x-section .x-container.marginless-columns > .x-column[class*=x-] { display: block; width: 100%; vertical-align: inherit; } } .x-section-separator { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 10; } .x-section-separator svg { display: block; width: 100%; height: 100%; margin: 0; } .x-section-separator-top { top: 0; transform: translate(0, -100%); } .x-section-separator-bottom { bottom: 0; transform: translate(0, 100%); } .with-container { border: 1px solid rgba(0, 0, 0, 0.1); padding: 2.5%; background-color: #ffffff; } .mejs-container:focus, .mejs-container:active { outline: 0; } .mejs-container.mejs-container-fullscreen { background-color: #000000; } .mejs-controls { display: flex; justify-content: space-between; align-items: center; background-color: #000000; } .mejs-controls > div { display: flex; justify-content: center; align-items: center; position: relative; width: 30px; height: 30px; line-height: 1; } .mejs-video .mejs-controls { width: auto; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 20px 20px; } .mejs-button button { margin: 0; border: 0; padding: 0; width: 30px; height: 30px; font-size: 14px; line-height: inherit; text-align: center; vertical-align: top; background: none; color: rgba(255, 255, 255, 0.5); transition-duration: 0.3s; transition-timing-function: ease; transition-property: color, background-color, text-shadow; } .mejs-button button:hover, .mejs-button button:focus { color: #ffffff; } .mejs-button button:focus, .mejs-button button:active { outline: 0; } .mejs-button button:before { content: "\f065"; display: block; margin: 0 auto; font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mejs-button.mejs-play button:before { content: "\f04b"; } .mejs-button.mejs-replay button:before { content: "\f01e"; } .mejs-button.mejs-pause button:before { content: "\f04c"; } .mejs-button.mejs-mute button:before { content: "\f028"; } .mejs-button.mejs-unmute button:before { content: "\f026"; } .mejs-button.mejs-fullscreen button:before { content: "\f065"; } .mejs-button.mejs-unfullscreen button:before { content: "\f066"; } .mejs-time { width: 46px !important; font-size: 10px; letter-spacing: 0.025em; text-align: center; color: rgba(255, 255, 255, 0.5); } @media (max-width: 766.98px) { .mejs-time { display: none !important; } } .mejs-time-rail { flex: 1 1 0%; padding: 0 10px; } .mejs-time-total { display: block; margin: 0; overflow: hidden; position: relative; z-index: 1; width: 100% !important; height: 10px; cursor: pointer; background-color: rgba(255, 255, 255, 0.25); } .mejs-time-total:focus, .mejs-time-total:active { outline: 0; } .mejs-time-loaded, .mejs-time-current { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: 0% 0%; } .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.25); } .mejs-time-current { background-color: rgba(255, 255, 255, 0.5); transform: scaleX(0); } .advanced-controls .mejs-time-rail { padding-left: 0; padding-right: 0; } @media (max-width: 766.98px) { .advanced-controls .mejs-time-rail { padding-left: 10px; padding-right: 10px; } } .mejs-video .mejs-poster { background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .mejs-video .mejs-poster img { object-fit: contain; } .mejs-video .mejs-overlay-play { cursor: pointer; } .mejs-fullscreen { overflow: hidden !important; } .mejs-container-fullscreen { top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 1000; overflow: hidden; } .mejs-container-fullscreen video, .mejs-container-fullscreen .mejs-mediaelement { width: 100% !important; height: 100% !important; } .mejs-fullscreen-button > button { background-position: -80px 0; } .mejs-unfullscreen > button { background-position: -100px 0; } .bg .mejs-mediaelement { overflow: hidden; } .me-plugin, .me-cannotplay, .bg .mejs-mediaelement, .mejs-video .mejs-layer, .hide-controls.autoplay .mejs-video .mejs-layers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-clear, .mejs-offscreen, .mejs-time-float, .mejs-time-handle, .mejs-time-hovered, .mejs-volume-slider, .mejs-time-buffering, .mejs-audio .mejs-layers, .mejs-poster .mejs-poster-img, .mejs-video .mejs-overlay-error, .vimeo .mejs-video .mejs-controls, .vimeo .mejs-mediaelement video, .mejs-video .mejs-overlay-loading, .hide-controls .mejs-video .mejs-controls, .mejs-video .mejs-overlay-play .mejs-overlay-button { display: none !important; } .x-mejs-no-source { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .has-stack-styles .mejs-controls { border: 1px solid transparent; background-color: rgba(0, 0, 0, 0.65); } .has-stack-styles .mejs-button.mejs-playpause-button { border-right: 1px solid rgba(255, 255, 255, 0.125); } .has-stack-styles .mejs-button.mejs-volume-button, .has-stack-styles .mejs-button.mejs-fullscreen-button { border-left: 1px solid rgba(255, 255, 255, 0.125); } .has-stack-styles .mejs-button button { color: #a6a6a6; } .has-stack-styles .mejs-button button:hover, .has-stack-styles .mejs-button button:focus { color: #ffffff; } .has-stack-styles .mejs-time { color: #a6a6a6; } .has-stack-styles .mejs-time-total { height: 10px; background-color: #000000; } .has-stack-styles .mejs-time-loaded { height: 10px; background-color: #a6a6a6; } .has-stack-styles .mejs-time-current { height: 10px; background-color: #ffffff; } .x-sidebar.left { padding-right: 35px; } .x-sidebar.right { padding-left: 35px; } @media (max-width: 978.98px) { .x-sidebar { margin-top: 70px; } .x-sidebar.left, .x-sidebar.right { padding: 0; } } .x-sidebar .widget { margin-top: 3em; } .x-sidebar .widget:first-child { margin-top: 0; } .x-header-landmark + .x-container > .offset > .x-sidebar { margin-top: -35px; } @media (max-width: 978.98px) { .x-header-landmark + .x-container > .offset > .x-sidebar { margin-top: 70px; } } .x-post-slider-archive-active .x-header-landmark + .x-container > .offset > .x-sidebar { margin-top: 0; } .x-main { position: relative; } .x-main.left { padding-right: 35px; } .x-main.right { padding-left: 35px; } .x-main .widget { margin-top: 3em; } .x-main .widget:first-child { margin-top: 0; } @media (max-width: 978.98px) { .x-main.left { padding-right: 0; } .x-main.right { padding-left: 0; } } .hentry:before, .hentry:after { content: " "; display: table; width: 0px; } .hentry:after { clear: both; } .entry-featured { position: relative; } .entry-thumb { display: block; position: relative; overflow: hidden; } a.entry-thumb { padding-bottom: 65%; background-repeat: no-repeat; background-position: center center; background-size: cover; } a.entry-thumb .view { display: block; margin: -16px 0 0; position: absolute; top: 250%; left: 0; right: 0; height: 30px; font-size: 12px; font-weight: 400; letter-spacing: 2px; line-height: 30px; text-align: center; text-transform: uppercase; color: #ffffff; z-index: 2; -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); } a.entry-thumb:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); z-index: 1; opacity: 0; -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); } a.entry-thumb:hover .view { top: 50%; } a.entry-thumb:hover:before { top: 0; opacity: 1; } a.entry-thumb.featured.big { padding: 16.5% 53px; text-align: center; } a.entry-thumb.featured.skinny { padding: 53px; } a.entry-thumb.featured:before { background-color: rgba(0, 0, 0, 0.5); opacity: 1; } a.entry-thumb.featured:hover:before { background-color: rgba(0, 0, 0, 0.75); } @media (max-width: 766.98px) { a.entry-thumb.featured.big { text-align: initial; } a.entry-thumb.featured.big, a.entry-thumb.featured.skinny { padding: 35px; } } @media (max-width: 479.98px) { a.entry-thumb.featured.big, a.entry-thumb.featured.skinny { padding: 24px; } a.entry-thumb.featured.big .featured-meta, a.entry-thumb.featured.skinny .featured-meta { font-size: 14px; } a.entry-thumb.featured.big .h-featured, a.entry-thumb.featured.skinny .h-featured { font-size: 24px; } a.entry-thumb.featured.big .featured-view, a.entry-thumb.featured.skinny .featured-view { font-size: 10px; } } .x-full-width-layout-active.x-content-sidebar-active a.entry-thumb.featured { margin-right: -35px; } .x-full-width-layout-active.x-sidebar-content-active a.entry-thumb.featured { margin-left: -35px; } @media (max-width: 978.98px) { .x-full-width-layout-active.x-content-sidebar-active a.entry-thumb.featured { margin-right: 0; } .x-full-width-layout-active.x-sidebar-content-active a.entry-thumb.featured { margin-left: 0; } } .featured-meta, .h-featured, .featured-view { position: relative; z-index: 2; } .featured-meta { display: inline-block; margin-bottom: 10px; font-size: 16px; line-height: 1.4; color: #ffffff; } .h-featured { margin: 0; font-size: 32px; text-transform: uppercase; color: #ffffff; } .featured-view { margin-top: 19px; display: inline-block; border: 1px solid #ffffff; padding: 0.5em 1em 0.535em; font-size: 12px; text-transform: uppercase; color: #ffffff; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } .featured-view:hover { color: #333333; background-color: #ffffff; } .entry-header:before, .entry-header:after { content: " "; display: table; width: 0px; } .entry-header:after { clear: both; } .entry-title { margin: 0; line-height: 1.1; } @media (max-width: 479.98px) { .entry-title { font-size: 200%; } } h1.entry-title { font-size: 200%; } h2.entry-title { font-size: 140%; } .p-meta { margin: 1em 0 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75em; } .p-meta > span > a { white-space: nowrap; color: #333333; } .p-meta > span > a:hover { color: #e74c3c; } .p-meta > span:after { content: "/"; padding: 0 0.45em; } .p-meta > span:last-child:after { display: none; } .entry-content { margin-top: 17.5px; } .entry-content:before, .entry-content:after { content: " "; display: table; width: 0px; } .entry-content:after { clear: both; } .entry-content embed, .entry-content iframe, .entry-content object { width: 100%; max-width: 100%; } .entry-content > p:last-child, .entry-content > ul:last-child, .entry-content > ol:last-child { margin-bottom: 0; } .entry-top-navigation { margin-bottom: 35px; } .entry-top-navigation:before, .entry-top-navigation:after { content: " "; display: table; width: 0px; } .entry-top-navigation:after { clear: both; } .entry-top-navigation .entry-parent { float: left; } .entry-top-navigation .entry-parent { display: block; width: 38px; height: 42px; font-size: 18px; line-height: 42px; border: 1px solid #333333; text-align: center; color: #333333; background-color: #ffffff; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } .entry-top-navigation .entry-parent:hover { color: #ffffff; background-color: #333333; } .entry-top-navigation .entry-parent { width: 46px; } .blog .x-main .hentry, .search .x-main .hentry, .archive .x-main .hentry { margin-top: 35px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 35px; } .blog .x-main .hentry:first-of-type, .search .x-main .hentry:first-of-type, .archive .x-main .hentry:first-of-type { margin-top: 0; } .blog .x-main .hentry:last-of-type, .search .x-main .hentry:last-of-type, .archive .x-main .hentry:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 35px; } .blog .x-main .hentry > .entry-featured, .search .x-main .hentry > .entry-featured, .archive .x-main .hentry > .entry-featured { float: left; width: 34%; margin: 0; } .blog .x-main .hentry.has-post-thumbnail > .entry-wrap, .search .x-main .hentry.has-post-thumbnail > .entry-wrap, .archive .x-main .hentry.has-post-thumbnail > .entry-wrap { float: right; width: 66%; padding-left: 35px; } @media (max-width: 766.98px) { .blog .x-main .hentry > .entry-featured, .search .x-main .hentry > .entry-featured, .archive .x-main .hentry > .entry-featured { float: none; width: auto; margin: 0 0 2.15em; } .blog .x-main .hentry.has-post-thumbnail > .entry-wrap, .search .x-main .hentry.has-post-thumbnail > .entry-wrap, .archive .x-main .hentry.has-post-thumbnail > .entry-wrap { float: none; width: auto; padding-left: 0; } } .page .x-main .hentry .entry-featured, .single-post .x-main .hentry .entry-featured { margin-bottom: 2.15em; } .page .x-main.left .hentry .entry-featured, .single-post .x-main.left .hentry .entry-featured { margin-top: -35px; margin-right: -35px; } @media (max-width: 978.98px) { .page .x-main.left .hentry .entry-featured, .single-post .x-main.left .hentry .entry-featured { margin-right: 0; } } .page .x-main.right .hentry .entry-featured, .single-post .x-main.right .hentry .entry-featured { margin-top: -35px; margin-left: -35px; } @media (max-width: 978.98px) { .page .x-main.right .hentry .entry-featured, .single-post .x-main.right .hentry .entry-featured { margin-left: 0; } } .page .x-main.full .hentry .entry-featured, .single-post .x-main.full .hentry .entry-featured { margin-top: -35px; } .x-iso-container.cols-1 .entry-cover { padding-bottom: 85%; } .x-iso-container.cols-2 .entry-cover { padding-bottom: 85%; } .x-iso-container.cols-3 .entry-cover { padding-bottom: 85%; } .x-iso-container.cols-4 .entry-cover { padding-bottom: 85%; } .x-page-title-disabled .entry-content { margin-top: 0; } @media (max-width: 766.98px) { .single-post .x-nav-articles { display: none; } } .format-audio.no-post-thumbnail .entry-featured { margin-top: 2.15em; margin-bottom: 2.15em; } .format-audio.has-post-thumbnail .entry-featured .x-audio { position: absolute; left: 10px; right: 10px; bottom: 10px; margin: 0 auto; } .format-audio.has-post-thumbnail .entry-featured .x-audio iframe { position: absolute; bottom: 0; } .format-link .link { margin: 2.15em 0; } .format-link .link a { font-size: 1.571em; line-height: 1.5; word-wrap: break-word; color: #7a7a7a; } .format-link .link a:hover { color: #e74c3c; } .format-quote .x-hgroup { margin: 2.15em 0; } .format-quote .x-hgroup .quote { margin: 0; font-size: 1.5em; line-height: 1.4; } .format-quote .x-hgroup .quote:before { content: "\201c"; } .format-quote .x-hgroup .quote:after { content: "\201d"; } .format-quote .x-hgroup .cite { display: block; margin: 0.25em 0 0; text-align: right; } .format-quote .x-hgroup .cite:before { content: "\2013\a0"; } .x-filterable-category-group { display: none; visibility: hidden; } .x-filterable-category-group.selected { display: block; visibility: visible; } .x-filterable-featured-entries { margin-bottom: 35px; } .x-filterable-featured-entries:before, .x-filterable-featured-entries:after { content: " "; display: table; width: 0px; } .x-filterable-featured-entries:after { clear: both; } .x-btn-filterable { display: block; margin-top: 35px; } .no-js .x-btn-filterable { display: block; } .single-x-portfolio .entry-featured, .single-x-portfolio .entry-wrap { margin-bottom: 35px; } .single-x-portfolio .entry-featured { float: left; padding-right: 35px; width: 68%; } .single-x-portfolio .entry-wrap { float: right; width: 32%; } .single-x-portfolio .entry-content { margin-top: 0; } .single-x-portfolio .entry-extra .x-ul-tags { margin: 0 0 35px 0; list-style: none; text-align: center; } .single-x-portfolio .entry-extra .x-ul-tags li a { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 0; color: #7a7a7a; } .single-x-portfolio .entry-extra .x-ul-tags li a:hover { color: #333333 !important; } .single-x-portfolio .entry-extra .x-ul-tags li:first-child a { border-top: 0; } .single-x-portfolio .h-extra { margin-top: 35px; font-size: 120%; letter-spacing: 2px; text-align: center; text-transform: uppercase; } .single-x-portfolio .h-extra.skills { margin-bottom: 0.3em; } .single-x-portfolio .h-extra.launch { margin-bottom: 0.4em; } .single-x-portfolio #reply-title { margin-top: 0; } @media (max-width: 978.98px) { .single-x-portfolio .entry-featured { padding: 0; } .single-x-portfolio .entry-featured, .single-x-portfolio .entry-wrap { float: none; width: 100%; } } [class*=page-template-template-blank] .entry-content { margin-top: 0; } .page-template-template-blank-3-php.x-navbar-fixed-left-active, .page-template-template-blank-3-php.x-navbar-fixed-right-active, .page-template-template-blank-6-php.x-navbar-fixed-left-active, .page-template-template-blank-6-php.x-navbar-fixed-right-active, .page-template-template-blank-7-php.x-navbar-fixed-left-active, .page-template-template-blank-7-php.x-navbar-fixed-right-active, .page-template-template-blank-8-php.x-navbar-fixed-left-active, .page-template-template-blank-8-php.x-navbar-fixed-right-active { padding: 0; } .page-template-template-blank-4-php .x-container.main > .offset, .page-template-template-blank-5-php .x-container.main > .offset, .page-template-template-blank-6-php .x-container.main > .offset, .page-template-template-blank-8-php .x-container.main > .offset { margin: 0; } .page-template-template-blank-4-php .x-main, .page-template-template-blank-5-php .x-main, .page-template-template-blank-6-php .x-main, .page-template-template-blank-8-php .x-main { background-color: #ffffff; } [class*=page-template-template-blank] .x-container.main:not(.x-row):not(.x-grid):before { left: -5000em; } .error404 .entry-404 p { max-width: 750px; margin: 0 auto 1.313em; font-size: 1.5em; } @media (max-width: 766.98px) { .error404 .entry-404 p { font-size: 1.25em; } } @media (max-width: 479.98px) { .error404 .entry-404 p { font-size: 1em; } } .error404 .entry-404 .form-search { max-width: 500px; margin: 0 auto; } .x-header-landmark { padding: 1.85em 0 2.15em; } @media (max-width: 766.98px) { .x-header-landmark { text-align: center; } } .h-landmark, .h-landmark.entry-title { margin: 0; font-size: 236%; line-height: 1.1; } .entry-cover { position: relative; display: block; padding-bottom: 65%; overflow: hidden; text-align: center; background-color: #333333; background-repeat: no-repeat; background-position: center center; background-size: cover; } .entry-cover:hover .h-entry-cover:before { background-color: rgba(0, 0, 0, 0.75); } .h-entry-cover { position: absolute; top: calc(100% - 4em); left: 0; right: 0; margin: 0; padding: 1.5em; font-size: 14px; letter-spacing: 0; line-height: 1; text-transform: uppercase; color: #ffffff; -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1); } .h-entry-cover span { display: block; position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .h-entry-cover:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 50em; background-color: rgba(0, 0, 0, 0.5); z-index: 0; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } .x-comments-area { margin: 35px 0 0; } .h-comments-title, #reply-title { overflow: hidden; margin: 0 0 35px; font-size: 150%; line-height: 1.05; } .h-comments-title span, #reply-title span { position: relative; } .h-comments-title span:before, .h-comments-title span:after, #reply-title span:before, #reply-title span:after { content: ""; position: absolute; top: 50%; width: 9999px; display: block; margin-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .h-comments-title span:before, #reply-title span:before { right: 100%; margin-right: 0.75em; } .h-comments-title span:after, #reply-title span:after { left: 100%; margin-left: 0.75em; } #reply-title small { display: block; margin-top: 5px; font-size: 12px; letter-spacing: 0; text-transform: none; } .x-comments-list #reply-title { margin-top: 0; } .x-comments-list { margin: 0; list-style: none; } .x-comments-list > li.comment:first-child { border-top: 0; } .x-comments-list > li.comment:first-child > article.comment:first-child { padding-top: 0; } .x-comments-list .children { margin: 0; list-style: none; } @media (max-width: 978.98px) { .x-comments-list .children { margin-left: 0; } } .x-comments-list .children .x-comment-content-wrap { width: calc(100% - 50px - (35px * 2)); } .x-comments-list .children .children .x-comment-content-wrap { width: calc(100% - 50px - (35px * 3)); } .x-comments-list .children .children .children .x-comment-content-wrap { width: calc(100% - 50px - (35px * 4)); } @media (max-width: 766.98px) { .x-comments-list .children .x-comment-content-wrap, .x-comments-list .children .children .x-comment-content-wrap, .x-comments-list .children .children .children .x-comment-content-wrap { width: calc(100% - 50px - 35px); } } @media (max-width: 479.98px) { .x-comments-list .x-comment-content-wrap, .x-comments-list .children .x-comment-content-wrap, .x-comments-list .children .children .x-comment-content-wrap, .x-comments-list .children .children .children .x-comment-content-wrap { width: 100%; } } li.comment { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0; } article.comment { position: relative; margin: 0; padding-top: 35px; padding-bottom: 35px; background-color: #ffffff; } article.comment:before, article.comment:after { content: " "; display: table; width: 0px; } article.comment:after { clear: both; } .x-comment-header { margin-bottom: 8.75px; } .x-comment-header .x-comment-meta { margin-bottom: 4px; line-height: 1; } .x-comment-header .x-comment-meta:before, .x-comment-header .x-comment-meta:after { content: " "; display: table; width: 0px; } .x-comment-header .x-comment-meta:after { clear: both; } .x-comment-content-wrap { float: right; width: calc(100% - 50px - 35px); } .x-comment-content { position: relative; } .x-comment-content p, .x-comment-content ul, .x-comment-content ol { margin-bottom: 1.075em; } .x-comment-content p:last-child, .x-comment-content ul:last-child, .x-comment-content ol:last-child { margin-bottom: 0; } .x-comment-author { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; line-height: 1; color: #333333; font-size: 128.6%; } .x-comment-author a { color: #333333; } .x-comment-author a:hover { color: #e74c3c; } .x-comment-time { float: left; display: inline-block; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1; text-transform: uppercase; color: #7a7a7a; } .x-comment-time:hover { color: #e74c3c; } .x-comment-awaiting-moderation { padding: 0.5em 0.5em 0.75em; line-height: 1.2; text-align: center; color: #e74c3c; background-color: #f5f5f5; } .comment-edit-link { display: block; margin-right: 1em; float: right; font-size: 12px; line-height: 1; text-transform: uppercase; } .comment-reply-link { position: relative; float: right; font-size: 12px; line-height: 1; text-transform: uppercase; } .comment-reply-link-after { position: relative; bottom: 1px; font-size: 0.722em; line-height: 1; } .x-comment-img { float: left; width: 50px; } .x-comment-img .avatar-wrap { display: block; position: relative; } .x-comment-img .avatar-wrap:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; } .x-comment-img .bypostauthor { display: block; bottom: 0; width: 100%; clear: left; margin-top: 5px; font-size: 11px; line-height: 1.2; text-align: center; opacity: 0.65; } @media (max-width: 479.98px) { .x-comment-img { display: none; } } #commentform { margin-bottom: 0; } .logged-in-as { margin-bottom: 1em; } .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-rating, .comment-form-comment { margin: 0; } .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label { position: absolute; top: -9999em; visibility: hidden; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 128.6%; color: #333333; } .comment-form-author label .required, .comment-form-email label .required, .comment-form-url label .required, .comment-form-rating label .required, .comment-form-comment label .required { position: relative; right: 0.175em; } .comment-form-author input, .comment-form-email input, .comment-form-url input { margin-bottom: 1.5em; width: 100%; } .comment-form-comment textarea { width: 100%; resize: none; margin-bottom: 1.5em; padding-top: 1.25em; padding-bottom: 1.25em; } .comment-form-cookies-consent { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: baseline; } .comment-form-cookies-consent input { margin: 0; } .comment-form-cookies-consent label { margin: 0 0 0 0.65em; line-height: inherit; cursor: pointer; } .form-submit { margin: 0; } .widget { color: rgba(255, 255, 255, 0.25); } .widget a { color: rgba(255, 255, 255, 0.25); } .widget p:last-child, .widget ul:last-child, .widget ol:last-child { margin-bottom: 0; } .widget ul, .widget ol { margin-left: 0; list-style: none; } .widget ul li a, .widget ol li a { display: inline-block; color: rgba(255, 255, 255, 0.25); } .widget ul li li a, .widget ol li li a { padding-left: 1.655em; } .widget ul li li li a, .widget ol li li li a { padding-left: 3.31em; } .widget ul li li li li a, .widget ol li li li li a { padding-left: 4.965em; } .widget ul li li li li li a, .widget ol li li li li li a { padding-left: 6.62em; } .widget select { width: 100%; } .widget:before { content: ""; display: block; height: 2px; background-color: rgba(255, 255, 255, 0.1); } .x-main .widget, .x-sidebar .widget { color: #333333; } .x-main .widget a, .x-sidebar .widget a { text-decoration: underline; } .x-main .widget a:hover, .x-sidebar .widget a:hover { text-decoration: none; } .x-main .widget ul li, .x-main .widget ol li, .x-sidebar .widget ul li, .x-sidebar .widget ol li { border-top: 1px solid rgba(0, 0, 0, 0.085); } .x-main .widget ul li a, .x-main .widget ol li a, .x-sidebar .widget ul li a, .x-sidebar .widget ol li a { padding-top: 8px; padding-bottom: 8px; color: #333333; } .x-main .widget > ul > li:last-child, .x-main .widget > ol > li:last-child, .x-main .widget div > ul > li:last-child, .x-main .widget div > ol > li:last-child, .x-sidebar .widget > ul > li:last-child, .x-sidebar .widget > ol > li:last-child, .x-sidebar .widget div > ul > li:last-child, .x-sidebar .widget div > ol > li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.085); } .x-main .widget:before, .x-sidebar .widget:before { display: none; } @media (max-width: 978.98px) { body .x-main .widget, body .x-sidebar .widget { color: #7a7a7a; } body .x-main .widget a, body .x-sidebar .widget a { color: #7a7a7a; } body .x-main .widget a:hover, body .x-sidebar .widget a:hover { color: #7a7a7a; } body .x-main .widget ul li a, body .x-main .widget ol li a, body .x-sidebar .widget ul li a, body .x-sidebar .widget ol li a { color: #7a7a7a; } body .x-main .widget ul li a:hover, body .x-main .widget ol li a:hover, body .x-sidebar .widget ul li a:hover, body .x-sidebar .widget ol li a:hover { color: #7a7a7a; } } .h-widget { margin: 16px 0 12px; font-size: 128.6%; line-height: 1.3; color: #ffffff; } .x-main .h-widget, .x-sidebar .h-widget { margin-top: 0; border: 1px solid #333333; padding: 0.65em 0.65em 0.75em; font-size: 85%; letter-spacing: 0.15em; text-align: center; text-transform: uppercase; color: #333333; background-color: transparent; } @media (max-width: 978.98px) { body .x-main .h-widget, body .x-sidebar .h-widget { color: #333333; border-color: #333333; } } .widget_calendar #wp-calendar { margin: 0; font-size: 87.5%; } .widget_calendar #wp-calendar caption { display: none; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td { line-height: 1; text-align: center; } .widget_calendar #wp-calendar th { padding: 4.5% 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #ffffff; background-color: rgba(0, 0, 0, 0.2); } .widget_calendar #wp-calendar td { border: 0; padding: 4.75% 0; color: #333333; } .widget_calendar #wp-calendar tbody td { background-color: #ffffff; } .widget_calendar #wp-calendar tfoot td { background-color: rgba(0, 0, 0, 0.2); } .widget_calendar #wp-calendar #prev, .widget_calendar #wp-calendar #next { padding: 3% 0; font-size: 87.5%; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1; } .widget_calendar #wp-calendar #prev a, .widget_calendar #wp-calendar #next a { color: #ffffff; opacity: 0.15; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .widget_calendar #wp-calendar #prev a:hover, .widget_calendar #wp-calendar #next a:hover { opacity: 1; } .x-main .widget_calendar #wp-calendar th, .x-main .widget_calendar #wp-calendar tfoot td, .x-sidebar .widget_calendar #wp-calendar th, .x-sidebar .widget_calendar #wp-calendar tfoot td { background-color: #333333; } .widget_categories select, .widget_product_categories select { margin-bottom: 0; } .widget_nav_menu .menu > li:last-child a:first-child { border-bottom: 0; } .widget.widget_meta ul { border-bottom: 0; } .widget.widget_meta li abbr[title] { border-bottom: 0; } .widget.widget_recent_comments a { display: inline; } .x-main .widget.widget_recent_comments li, .x-sidebar .widget.widget_recent_comments li { padding-top: 8px; padding-bottom: 8px; } .widget.widget_recent_entries li { padding-bottom: 16px; line-height: 1.5; } .widget.widget_recent_entries li:last-child { padding-bottom: 0; } .widget.widget_recent_entries li a { display: inline; } .widget.widget_recent_entries li .post-date { display: block; font-size: 85%; margin-top: 0.5em; text-transform: uppercase; opacity: 0.575; } .x-main .widget.widget_recent_entries li, .x-sidebar .widget.widget_recent_entries li { padding-top: 8px; padding-bottom: 8px; } .widget_rss .h-widget a.rsswidget { text-decoration: none; } .widget_rss .rsswidget img { display: none; } .widget.widget_rss li { padding-bottom: 16px; } .widget.widget_rss li:last-child { padding-bottom: 0; } .widget.widget_rss li .rsswidget { display: inline-block; padding: 0; line-height: 1.5; } .widget_rss .rss-date { display: block; font-size: 85%; text-transform: uppercase; opacity: 0.575; } .widget_rss .rssSummary { margin: 0.75em 0; } .widget_rss cite { display: block; font-size: 85%; text-transform: uppercase; opacity: 0.575; } .widget_rss cite:before { content: "By: "; } .x-main .widget.widget_rss li, .x-sidebar .widget.widget_rss li { padding: 8px 0; } .widget_tag_cloud .tagcloud:before, .widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:before, .widget_product_tag_cloud .tagcloud:after { content: " "; display: table; width: 0px; } .widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:after { clear: both; } .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { display: inline-block; width: 47%; color: rgba(255, 255, 255, 0.25); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget_tag_cloud .tagcloud a:nth-child(1n), .widget_product_tag_cloud .tagcloud a:nth-child(1n) { float: left; } .widget_tag_cloud .tagcloud a:nth-child(2n), .widget_product_tag_cloud .tagcloud a:nth-child(2n) { float: right; } .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover { color: #e74c3c; } .x-main .widget_tag_cloud .tagcloud a, .x-main .widget_product_tag_cloud .tagcloud a, .x-sidebar .widget_tag_cloud .tagcloud a, .x-sidebar .widget_product_tag_cloud .tagcloud a { color: #333333; } .widget_text a { text-decoration: underline; } .widget_text ol, .widget_text ul { overflow: visible; margin: 0 0 2.15em 1.655em; border: 0; list-style: disc; background-color: transparent; } .widget_text ol.x-ul-icons, .widget_text ul.x-ul-icons { list-style: none; } .x-main .widget_text ol li, .x-main .widget_text ul li, .x-sidebar .widget_text ol li, .x-sidebar .widget_text ul li { border: 0; } .x-main .widget_text ol li a, .x-main .widget_text ul li a, .x-sidebar .widget_text ol li a, .x-sidebar .widget_text ul li a { padding: 0; } .x-main .widget_text > ul > li:last-child, .x-main .widget_text > ol > li:last-child, .x-main .widget_text div > ul > li:last-child, .x-main .widget_text div > ol > li:last-child, .x-sidebar .widget_text > ul > li:last-child, .x-sidebar .widget_text > ol > li:last-child, .x-sidebar .widget_text div > ul > li:last-child, .x-sidebar .widget_text div > ol > li:last-child { border-bottom: 0; } .x-main .widget.widget_pages .current_page_item, .x-main .widget.widget_nav_menu .current-menu-item, .x-sidebar .widget.widget_pages .current_page_item, .x-sidebar .widget.widget_nav_menu .current-menu-item { border: 1px solid #333333; border-left: 0; border-right: 0; margin-bottom: -1px; } .x-main .widget.widget_pages .current_page_item a, .x-main .widget.widget_nav_menu .current-menu-item a, .x-sidebar .widget.widget_pages .current_page_item a, .x-sidebar .widget.widget_nav_menu .current-menu-item a { color: #333333; } .x-main .widget.widget_pages .current_page_item a:hover, .x-main .widget.widget_nav_menu .current-menu-item a:hover, .x-sidebar .widget.widget_pages .current_page_item a:hover, .x-sidebar .widget.widget_nav_menu .current-menu-item a:hover { color: #333333; } @media (max-width: 978.98px) { body .x-main .widget.widget_pages .current_page_item, body .x-main .widget.widget_nav_menu .current-menu-item, body .x-sidebar .widget.widget_pages .current_page_item, body .x-sidebar .widget.widget_nav_menu .current-menu-item { border: 1px solid #333333; border-left: 0; border-right: 0; margin-bottom: -1px; } body .x-main .widget.widget_pages .current_page_item a, body .x-main .widget.widget_nav_menu .current-menu-item a, body .x-sidebar .widget.widget_pages .current_page_item a, body .x-sidebar .widget.widget_nav_menu .current-menu-item a { color: #333333; } body .x-main .widget.widget_pages .current_page_item a:hover, body .x-main .widget.widget_nav_menu .current-menu-item a:hover, body .x-sidebar .widget.widget_pages .current_page_item a:hover, body .x-sidebar .widget.widget_nav_menu .current-menu-item a:hover { color: #333333; } } .sticky { margin: 0; } .alignright { float: right; margin: 0.35em 0 0.35em 2.15em; } .alignleft { float: left; margin: 0.35em 2.15em 0.35em 0; } .alignnone { float: none; margin: 0 0 2.15em 0; } .aligncenter { display: block; margin: 0 auto 2.15em; } .wp-caption, .gallery-item { max-width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; text-align: center; background-color: #ffffff; border-radius: 3px; } .wp-caption img, .gallery-item img { border-radius: 2px; } .wp-caption > .gallery-caption, .wp-caption > .wp-caption-text, .wp-caption > .wp-caption-text:last-child, .gallery-item > .gallery-caption, .gallery-item > .wp-caption-text, .gallery-item > .wp-caption-text:last-child { display: block; margin: 9px 0 5px; padding: 0 5%; font-size: 10px; line-height: 1.2; text-transform: uppercase; } .gallery { clear: both; margin: -4% 0 2.15em; } .gallery:before, .gallery:after { content: " "; display: table; width: 0px; } .gallery:after { clear: both; } .gallery .gallery-item { float: left; margin: 4% 4% 0 0; } .gallery-columns-0 .gallery-item, .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 48%; } .gallery-columns-2 .gallery-item:nth-child(2n) { margin-right: 0; } .gallery-columns-3 .gallery-item { width: 30.6666%; } .gallery-columns-3 .gallery-item:nth-child(3n) { margin-right: 0; } .gallery-columns-4 .gallery-item { width: 22%; } .gallery-columns-4 .gallery-item:nth-child(4n) { margin-right: 0; } @media (max-width: 978.98px) { .gallery-columns-4 .gallery-item { width: 48%; } .gallery-columns-4 .gallery-item:nth-child(2n) { margin-right: 0; } } @media (max-width: 766.98px) { .gallery-columns-0 .gallery-item, .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item { width: 100%; float: none; margin-right: 0; } } .alignwide, .alignfull { width: auto; max-width: none; margin-left: 0; margin-right: 0; } .alignwide img, .alignfull img { display: block; margin: 0 auto; } @media (max-width: 978.98px) { .x-content-sidebar-active .alignwide, .x-sidebar-content-active .alignwide { width: 92vw; max-width: 92vw; margin-left: calc(50% - 46vw); } } @media (max-width: 978.98px) { .x-content-sidebar-active .alignfull, .x-sidebar-content-active .alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); } } .x-full-width-active .alignwide { width: 92vw; max-width: 92vw; margin-left: calc(50% - 46vw); } .x-full-width-active .alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); } .page-template-template-blank-4-php .alignwide, .page-template-template-blank-4-php .alignfull, .page-template-template-blank-5-php .alignwide, .page-template-template-blank-5-php .alignfull, .page-template-template-blank-6-php .alignwide, .page-template-template-blank-6-php .alignfull, .page-template-template-blank-8-php .alignwide, .page-template-template-blank-8-php .alignfull { margin-left: 0; margin-right: 0; } .x-resp-embed, .is-type-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .wp-embed-aspect-5-3 .x-resp-embed { padding-bottom: 60%; } .wp-embed-aspect-4-4 .x-resp-embed { padding-bottom: 80%; } .wp-embed-aspect-4-3 .x-resp-embed { padding-bottom: 75%; } .wp-embed-aspect-3-2 .x-resp-embed { padding-bottom: 66.67%; } .x-resp-embed iframe, .is-type-video iframe { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100%; height: 100%; margin: 0 !important; } @media print { * { background: none !important; background-color: transparent !important; text-shadow: none !important; color: #000 !important; box-shadow: none !important; } html, body { overflow: visible !important; } a, a:visited { text-decoration: underline; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .x-root { display: block; } .x-masthead, .x-colophon, .x-bg, .backstretch { display: none !important; } .x-effect-exit, .x-effect-exiting, .x-effect-enter, .x-effect-entering { opacity: 1 !important; filter: none !important; animation: none !important; transform: none !important; } } .cf:before, .cf:after { content: " "; display: table; width: 0px; } .cf:after { clear: both; } .right { float: right; } .left { float: left; } .center-block { margin-left: auto; margin-right: auto; } .center-list { display: table; margin-left: auto; margin-right: auto; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .visually-hidden, .screen-reader-text, .screen-reader-response, .bp-screen-reader-text { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0 0 0 0); } .visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .transparent { opacity: 0; } .opaque { opacity: 1; } .w-900 { font-weight: 900; } .w-800 { font-weight: 800; } .w-700 { font-weight: 700; } .w-600 { font-weight: 600; } .w-500 { font-weight: 500; } .w-400 { font-weight: 400; } .w-300 { font-weight: 300; } .w-200 { font-weight: 200; } .w-100 { font-weight: 100; } .tt-upper { text-transform: uppercase; } .tt-lower { text-transform: lowercase; } .tt-none { text-transform: none; } .center-text { text-align: center; } .right-text { text-align: right; } .left-text { text-align: left; } .justify-text { text-align: justify; } @media (min-width: 1200px) { .x-hide-xl { display: none !important; } } @media (min-width: 979px) and (max-width: 1199.98px) { .x-hide-lg { display: none !important; } } @media (min-width: 767px) and (max-width: 978.98px) { .x-hide-md { display: none !important; } } @media (min-width: 480px) and (max-width: 766.98px) { .x-hide-sm { display: none !important; } } @media (max-width: 479.98px) { .x-hide-xs { display: none !important; } } .x-visible-phone { display: none !important; } .x-visible-tablet { display: none !important; } .x-visible-desktop { display: inherit !important; } span.x-visible-desktop { display: inline !important; } .x-hidden-desktop { display: none !important; } @media (min-width: 767px) and (max-width: 978.98px) { .x-visible-tablet { display: inherit !important; } span.x-visible-tablet { display: inline !important; } .x-hidden-tablet { display: none !important; } .x-hidden-desktop { display: inherit !important; } span.x-hidden-desktop { display: inline !important; } .x-visible-desktop { display: none !important; } } @media (max-width: 766.98px) { .x-visible-phone { display: inherit !important; } span.x-visible-phone { display: inline !important; } .x-hidden-phone { display: none !important; } .x-hidden-desktop { display: inherit !important; } span.x-hidden-desktop { display: inline !important; } .x-visible-desktop { display: none !important; } } .ptn, .pvn, .pan { padding-top: 0 !important; } .pts, .pvs, .pas { padding-top: 0.5em !important; } .ptm, .pvm, .pam { padding-top: 1em !important; } .ptl, .pvl, .pal { padding-top: 2em !important; } .prn, .phn, .pan { padding-right: 0 !important; } .prs, .phs, .pas { padding-right: 0.5em !important; } .prm, .phm, .pam { padding-right: 1em !important; } .prl, .phl, .pal { padding-right: 2em !important; } .pbn, .pvn, .pan { padding-bottom: 0 !important; } .pbs, .pvs, .pas { padding-bottom: 0.5em !important; } .pbm, .pvm, .pam { padding-bottom: 1em !important; } .pbl, .pvl, .pal { padding-bottom: 2em !important; } .pln, .phn, .pan { padding-left: 0 !important; } .pls, .phs, .pas { padding-left: 0.5em !important; } .plm, .phm, .pam { padding-left: 1em !important; } .pll, .phl, .pal { padding-left: 2em !important; } .mtn, .mvn, .man { margin-top: 0 !important; } .mts, .mvs, .mas { margin-top: 0.5em !important; } .mtm, .mvm, .mam { margin-top: 1em !important; } .mtl, .mvl, .mal { margin-top: 2em !important; } .mrn, .mhn, .man { margin-right: 0 !important; } .mrs, .mhs, .mas { margin-right: 0.5em !important; } .mrm, .mhm, .mam { margin-right: 1em !important; } .mrl, .mhl, .mal { margin-right: 2em !important; } .mbn, .mvn, .man { margin-bottom: 0 !important; } .mbs, .mvs, .mas { margin-bottom: 0.5em !important; } .mbm, .mvm, .mam { margin-bottom: 1em !important; } .mbl, .mvl, .mal { margin-bottom: 2em !important; } .mln, .mhn, .man { margin-left: 0 !important; } .mls, .mhs, .mas { margin-left: 0.5em !important; } .mlm, .mhm, .mam { margin-left: 1em !important; } .mll, .mhl, .mal { margin-left: 2em !important; } .cs-cf:before, .cs-cf:after, .cs-clearfix:before, .cs-clearfix:after { content: " "; display: table; width: 0px; } .cs-cf:after, .cs-clearfix:after { clear: both; } .cs-f-n { float: none; } .cs-f-l { float: left; } .cs-f-r { float: right; } .cs-hide { display: none !important; } .cs-visually-hidden { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } .cs-o-1 { opacity: 0 !important; } .cs-o-0 { opacity: 1 !important; } .cs-pos-r { position: relative !important; } .cs-pos-a { position: absolute !important; } .cs-pos-f { position: fixed !important; } .cs-fw-900 { font-weight: 900 !important; } .cs-fw-800 { font-weight: 800 !important; } .cs-fw-700 { font-weight: 700 !important; } .cs-fw-600 { font-weight: 600 !important; } .cs-fw-500 { font-weight: 500 !important; } .cs-fw-400 { font-weight: 400 !important; } .cs-fw-300 { font-weight: 300 !important; } .cs-fw-200 { font-weight: 200 !important; } .cs-fw-100 { font-weight: 100 !important; } .cs-ta-left { text-align: left !important; } .cs-ta-right { text-align: right !important; } .cs-ta-center { text-align: center !important; } .cs-ta-justify { text-align: justify !important; } .cs-tt-none { text-transform: none !important; } .cs-tt-uppercase { text-transform: uppercase !important; } .cs-tt-lowercase { text-transform: lowercase !important; } .cs-tt-capitalize { text-transform: capitalize !important; } .cs-ptn, .cs-pvn, .cs-pan { padding-top: 0 !important; } .cs-pts, .cs-pvs, .cs-pas { padding-top: 0.5em !important; } .cs-ptm, .cs-pvm, .cs-pam { padding-top: 1em !important; } .cs-ptl, .cs-pvl, .cs-pal { padding-top: 2em !important; } .cs-prn, .cs-phn, .cs-pan { padding-right: 0 !important; } .cs-prs, .cs-phs, .cs-pas { padding-right: 0.5em !important; } .cs-prm, .cs-phm, .cs-pam { padding-right: 1em !important; } .cs-prl, .cs-phl, .cs-pal { padding-right: 2em !important; } .cs-pbn, .cs-pvn, .cs-pan { padding-bottom: 0 !important; } .cs-pbs, .cs-pvs, .cs-pas { padding-bottom: 0.5em !important; } .cs-pbm, .cs-pvm, .cs-pam { padding-bottom: 1em !important; } .cs-pbl, .cs-pvl, .cs-pal { padding-bottom: 2em !important; } .cs-pln, .cs-phn, .cs-pan { padding-left: 0 !important; } .cs-pls, .cs-phs, .cs-pas { padding-left: 0.5em !important; } .cs-plm, .cs-phm, .cs-pam { padding-left: 1em !important; } .cs-pll, .cs-phl, .cs-pal { padding-left: 2em !important; } .cs-mtn, .cs-mvn, .cs-man { margin-top: 0 !important; } .cs-mts, .cs-mvs, .cs-mas { margin-top: 0.5em !important; } .cs-mtm, .cs-mvm, .cs-mam { margin-top: 1em !important; } .cs-mtl, .cs-mvl, .cs-mal { margin-top: 2em !important; } .cs-mrn, .cs-mhn, .cs-man { margin-right: 0 !important; } .cs-mrs, .cs-mhs, .cs-mas { margin-right: 0.5em !important; } .cs-mrm, .cs-mhm, .cs-mam { margin-right: 1em !important; } .cs-mrl, .cs-mhl, .cs-mal { margin-right: 2em !important; } .cs-mbn, .cs-mvn, .cs-man { margin-bottom: 0 !important; } .cs-mbs, .cs-mvs, .cs-mas { margin-bottom: 0.5em !important; } .cs-mbm, .cs-mvm, .cs-mam { margin-bottom: 1em !important; } .cs-mbl, .cs-mvl, .cs-mal { margin-bottom: 2em !important; } .cs-mln, .cs-mhn, .cs-man { margin-left: 0 !important; } .cs-mls, .cs-mhs, .cs-mas { margin-left: 0.5em !important; } .cs-mlm, .cs-mhm, .cs-mam { margin-left: 1em !important; } .cs-mll, .cs-mhl, .cs-mal { margin-left: 2em !important; } .desktop .menu-item, .desktop .menu-item > a { position: relative; } .desktop .menu-item.x-active > .sub-menu { display: block; } .desktop .sub-menu { position: absolute; display: none; float: left; min-width: 200px; margin: 0; padding: 1.05em 0; font-size: 14px; list-style: none; background-color: #333333; z-index: 1000; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35); } .desktop .sub-menu a { display: block; clear: both; padding: 1px 1.6em; line-height: 1.8; white-space: nowrap; color: #333; -webkit-transition: none; transition: none; } .desktop .sub-menu a:hover { text-decoration: none; color: #333; } .desktop .sub-menu .x-active > a, .desktop .sub-menu .current-menu-item > a { color: #333; } .masthead-inline .x-navbar .desktop .sub-menu { left: auto; right: 0; } .masthead-inline .x-navbar .desktop .sub-menu .sub-menu { top: -1.025em; right: 100%; } .masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu { top: 0; left: calc(100% + 2px); right: auto; } .masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu .sub-menu { top: -1.025em; left: 100%; right: auto; } .masthead-inline .x-navbar.x-navbar-fixed-right .desktop .sub-menu { top: 0; left: auto; right: calc(100% + 2px); } .masthead-inline .x-navbar.x-navbar-fixed-right .desktop .sub-menu .sub-menu { top: -1.025em; left: auto; right: 100%; } .masthead-stacked .x-navbar .desktop .sub-menu { left: 0; right: auto; } .masthead-stacked .x-navbar .desktop .sub-menu .sub-menu { top: -1.025em; left: 100%; } .x-widgetbar { position: fixed; top: -2px; left: 0; right: 0; border-bottom: 2px solid rgba(255, 255, 255, 0.5); color: #7a7a7a; background-color: #333333; z-index: 1032; } @media (max-width: 978.98px) { .x-widgetbar { position: absolute; } } .x-widgetbar .widget { margin-top: 3em; } .x-widgetbar-inner { padding: 2.5% 0; } .x-widgetbar-inner .x-column .widget:first-child { margin-top: 0; } @media (max-width: 978.98px) { .x-widgetbar-inner { padding: 6.5% 0; } .x-widgetbar-inner .x-column .widget:first-child { margin-top: 3em; } .x-widgetbar-inner .x-column:first-child .widget:first-child { margin-top: 0; } } .x-btn-widgetbar { position: fixed; top: 0; right: 0; margin: 0; border-top: 19px solid #333333; border-left: 19px solid transparent; border-right: 19px solid #333333; border-bottom: 19px solid transparent; padding: 0; font-size: 12px; line-height: 1; color: rgba(255, 255, 255, 0.5); background-color: transparent; z-index: 1033; } @media (max-width: 978.98px) { .x-btn-widgetbar { position: absolute; } } .x-btn-widgetbar i { position: absolute; top: -15px; right: -13px; } .x-btn-widgetbar:hover { color: rgba(255, 255, 255, 0.85); } .x-navbar-fixed-left-active .x-widgetbar, .x-navbar-fixed-right-active .x-widgetbar { z-index: 1029; } @media (max-width: 978.98px) { .x-navbar-fixed-left-active .x-widgetbar, .x-navbar-fixed-right-active .x-widgetbar { z-index: 1032; } } .x-topbar { position: relative; min-height: 36px; background-color: #222222; z-index: 1031; } .x-topbar:before, .x-topbar:after { content: " "; display: table; width: 0px; } .x-topbar:after { clear: both; } @media (max-width: 766.98px) { .x-topbar { text-align: center; } } .x-topbar .p-info { float: left; margin: 10px 0 0; font-size: 12px; line-height: 1.3; color: rgba(255, 255, 255, 0.25); } @media (max-width: 766.98px) { .x-topbar .p-info { float: none; margin: 0; border: 1px solid rgba(255, 255, 255, 0.075); border-top: 0; padding: 0.85em 0.85em 0.75em; } } .x-topbar .p-info a { color: rgba(255, 255, 255, 0.25); } .x-topbar .p-info a:hover { color: auto; } .x-topbar .x-social-global { float: right; margin-top: 10px; transform: translate3d(0, 0, 0); } @media (max-width: 766.98px) { .x-topbar .x-social-global { float: none; margin-top: 9px; margin-bottom: 12px; } } .x-topbar .x-social-global a { margin-left: 8px; font-size: 17px; } @media (max-width: 766.98px) { .x-topbar .x-social-global a { margin: 0 1.5%; } } .x-topbar .x-social-global a.foursquare { font-size: 15px; } .x-topbar .x-social-global a i { display: block; } .x-navbar-fixed-left-active .x-topbar, .x-navbar-fixed-right-active .x-topbar { border-bottom: 1px solid #060606; z-index: 1028; } @media (max-width: 978.98px) { .x-navbar-fixed-left-active .x-topbar, .x-navbar-fixed-right-active .x-topbar { border-bottom: 1px solid #262626; z-index: 1031; } } .x-logobar { position: relative; overflow: visible; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; background-color: #333333; z-index: 1030; } .x-navbar { position: relative; overflow: visible; z-index: 1030; } .x-navbar .x-container { position: relative; } .x-nav-wrap.desktop { display: block; } .x-nav-wrap.mobile { display: none; clear: both; overflow: hidden; } @media (max-width: 978.98px) { .x-nav-wrap.desktop { display: none; } .x-nav-wrap.mobile { display: block; } .x-nav-wrap.mobile.x-collapsed { display: none; } } .x-brand { display: block; float: left; line-height: 1; text-decoration: none; } .masthead-stacked .x-brand { display: inline-block; float: none; } .x-btn-navbar { display: none; font-size: 24px; line-height: 1; } @media (max-width: 978.98px) { .masthead-inline .x-btn-navbar { display: block; float: right; } .masthead-stacked .x-btn-navbar { display: inline-block; } } .x-navbar .x-nav a { -webkit-transition: none; transition: none; } .x-navbar .x-nav > li > a > span { display: inline-block; } @media (max-width: 978.98px) { .masthead-stacked .x-navbar { text-align: center; } } .x-navbar .desktop .x-nav { margin: 0; } .x-navbar .desktop .x-nav > li { float: left; } .x-navbar .desktop .x-nav > li > a { float: none; line-height: 1; text-decoration: none; } .x-navbar .desktop .x-nav > li > a:hover { text-decoration: none; } .x-navbar .desktop .x-nav li > a > span:after { content: "\f103"; margin-left: 0.35em; font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .x-navbar .desktop .x-nav li > a:only-child > span:after { content: ""; display: none; } .masthead-inline .desktop .x-nav { display: block; float: right; } .masthead-stacked .desktop .x-nav { display: table; margin-left: auto; margin-right: auto; } .x-navbar .mobile .x-nav { margin: 25px 0; } .x-navbar .mobile .x-nav li > a { display: block; position: relative; font-size: 14px; line-height: 1.5; white-space: normal; } .x-navbar .mobile .x-nav ul { margin: 0 0 0 2.25em; list-style: none; } .masthead-stacked .mobile .x-nav { text-align: initial; } .x-sub-toggle { position: absolute; top: 0; right: 0; bottom: 0; text-align: center; } .x-sub-toggle > span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -9px; font-size: 18px; letter-spacing: 0; line-height: 1; } .x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right { position: fixed; z-index: 1030; } @media (max-width: 978.98px) { .x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right { position: relative; } } .x-navbar-fixed-top { top: 0; left: 0; right: 0; } @media (max-width: 978.98px) { .x-navbar-fixed-top-active .x-navbar-wrap { height: auto; } } .x-navbar-fixed-left, .x-navbar-fixed-right { top: 0; bottom: 0; width: 228px; } .x-navbar-fixed-left .x-navbar-inner, .x-navbar-fixed-right .x-navbar-inner { height: 100%; } .x-navbar-fixed-left .x-navbar-inner > .x-container.width, .x-navbar-fixed-right .x-navbar-inner > .x-container.width { width: 100%; } .x-navbar-fixed-left .x-brand, .x-navbar-fixed-right .x-brand { float: none; text-align: center; } .x-navbar-fixed-left .desktop .x-nav, .x-navbar-fixed-right .desktop .x-nav { float: none; margin-top: 2em; } .x-navbar-fixed-left .desktop .x-nav > li, .x-navbar-fixed-right .desktop .x-nav > li { float: none; } @media (max-width: 978.98px) { .x-navbar-fixed-left, .x-navbar-fixed-right { width: auto; } .x-navbar-fixed-left .x-brand, .x-navbar-fixed-right .x-brand { float: left; } } .x-navbar-fixed-left { left: 0; } .x-navbar-fixed-right { right: 0; } .x-navbar { border-bottom: 2px solid rgba(255, 255, 255, 0.5); background-color: #333333; } .x-btn-navbar { border: 0; padding: 0; color: #ffffff; } .x-btn-navbar:hover { color: #ffffff; } .x-btn-navbar.collapsed { color: rgba(255, 255, 255, 0.35); } .x-btn-navbar.collapsed:hover { color: #ffffff; } .x-navbar .desktop .x-nav > li > a { border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 0; } .x-navbar .desktop .x-nav > li:first-child > a { border-left: 1px solid rgba(255, 255, 255, 0.1); } .x-navbar .mobile .x-nav li > a { margin: 0 0 10px; padding: 0.85em 1.15em; color: #a3a3a3; background-color: rgba(0, 0, 0, 0.1); } .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a { color: #ffffff; } .x-sub-toggle { width: 45px; } @media (min-width: 979px) { .x-navbar-fixed-left, .x-navbar-fixed-right { border-bottom: 0; } } .x-navbar-fixed-left .desktop .x-nav > li > a, .x-navbar-fixed-right .desktop .x-nav > li > a { text-align: center; border-left: 0; padding: 20px 35px; } .x-navbar-fixed-left .desktop .x-nav > li > a:before, .x-navbar-fixed-right .desktop .x-nav > li > a:before { content: ""; display: block; position: absolute; left: 37.5%; right: 37.5%; bottom: -1px; height: 2px; background-color: rgba(255, 255, 255, 0.1); } .x-navbar-fixed-left .desktop .x-nav > li:last-child > a, .x-navbar-fixed-right .desktop .x-nav > li:last-child > a { border-right: 0; } .x-navbar-fixed-left .desktop .x-nav > li:last-child > a:before, .x-navbar-fixed-right .desktop .x-nav > li:last-child > a:before { display: none; } .x-navbar-fixed-left { border-right: 2px solid rgba(255, 255, 255, 0.5); } @media (max-width: 978.98px) { .x-navbar-fixed-left { border-right: 0; } } .x-navbar-fixed-left .desktop .x-nav > li > a:hover { box-shadow: 2px 0 0 0 #e74c3c; } .x-navbar-fixed-right { border-left: 2px solid rgba(255, 255, 255, 0.5); } @media (max-width: 978.98px) { .x-navbar-fixed-right { border-left: 0; } } .x-navbar-fixed-right .desktop .x-nav > li > a:hover { box-shadow: -2px 0 0 0 #e74c3c; } .x-navbar .mobile .x-nav > li.x-menu-item-search { margin: 22px 0 0; text-align: center; } .x-navbar .mobile .x-nav > li.x-menu-item-search > a { margin: 0; background-color: transparent; } .desktop .x-nav .x-megamenu > .sub-menu a { padding: 1px 0; white-space: normal; } .desktop .x-nav .x-megamenu > .sub-menu > li { float: left; padding: 16px 18px; } .desktop .x-nav .x-megamenu > .sub-menu > li > a { border-top: 2px solid rgba(255, 255, 255, 0.1); padding: 10px 0 5px; font-size: 17px; text-transform: uppercase; color: #ffffff; } .desktop .x-nav .x-megamenu > .sub-menu > li > a > span:after { display: none; } .desktop .x-nav .x-megamenu > .sub-menu > li > .sub-menu { display: block !important; position: static; visibility: visible !important; width: 100%; min-width: 0; padding: 0; box-shadow: none; } .desktop .x-nav .x-megamenu > .sub-menu > li > .sub-menu > li:last-child a { padding-bottom: 0; } .desktop .x-nav .x-megamenu.col-2 > .sub-menu > li { width: 50%; } .desktop .x-nav .x-megamenu.col-2 > .sub-menu > li:nth-child(3n) { clear: left; } .desktop .x-nav .x-megamenu.col-3 > .sub-menu > li { width: 33.3333%; } .desktop .x-nav .x-megamenu.col-3 > .sub-menu > li:nth-child(4n) { clear: left; } .desktop .x-nav .x-megamenu.col-4 > .sub-menu > li { width: 25%; } .desktop .x-nav .x-megamenu.col-4 > .sub-menu > li:nth-child(5n) { clear: left; } .desktop .x-nav .x-megamenu.col-5 > .sub-menu > li { width: 20%; } .desktop .x-nav .x-megamenu.col-5 > .sub-menu > li:nth-child(6n) { clear: left; } .x-navbar-static-active .desktop .x-nav .x-megamenu, .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu { position: static; } .x-navbar-static-active .desktop .x-nav .x-megamenu > .sub-menu, .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu > .sub-menu { padding: 18px; left: 0; right: 0; } .x-navbar-fixed-left-active .desktop .x-nav .x-megamenu, .x-navbar-fixed-right-active .desktop .x-nav .x-megamenu { position: relative; } .x-navbar-fixed-left-active .desktop .x-nav .x-megamenu > .sub-menu, .x-navbar-fixed-right-active .desktop .x-nav .x-megamenu > .sub-menu { padding: 18px; width: 600px; } .x-colophon + .x-colophon { background-color: #222222; } .x-colophon.top { padding: 5% 0 5.25%; background-color: #333333; } .x-colophon.top .x-column .widget:first-child { margin-top: 0; } @media (max-width: 978.98px) { .x-colophon.top { padding: 6.5% 0; } .x-colophon.top .x-column .widget:first-child { margin-top: 5em; } .x-colophon.top .x-column:first-child .widget:first-child { margin-top: 0; } } .x-colophon.bottom { padding: 35px 0; font-size: 11px; text-align: center; text-transform: uppercase; color: #7a7a7a; } .x-colophon.bottom .x-nav { margin: 0 0 15px; line-height: 1.3; } .x-colophon.bottom .x-nav li { display: inline-block; } .x-colophon.bottom .x-nav li a { display: inline-block; color: rgba(255, 255, 255, 0.25); text-decoration: underline; } .x-colophon.bottom .x-nav li:after { content: "/"; display: inline-block; margin: 0 0.5em 0 0.75em; color: rgba(255, 255, 255, 0.25); } .x-colophon.bottom .x-nav li:last-child:after { display: none; } .x-colophon.bottom .x-colophon-content { margin: 0 0 15px; line-height: 1.3; color: rgba(255, 255, 255, 0.25); } .x-colophon.bottom .x-colophon-content p { margin: 0; } .x-colophon.bottom .x-colophon-content a { color: rgba(255, 255, 255, 0.25); text-decoration: underline; } .x-colophon.bottom .x-social-global { clear: both; margin: 0; } .x-colophon.bottom .x-social-global a { margin: 0 1%; font-size: 18px; } .x-colophon.bottom .x-social-global a.foursquare { font-size: 17px; } .x-colophon .widget { margin-top: 5em; }