.tribe-common{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}.tribe-common *{box-sizing:border-box}.tribe-common article,.tribe-common aside,.tribe-common details,.tribe-common figcaption,.tribe-common figure,.tribe-common footer,.tribe-common header,.tribe-common main,.tribe-common menu,.tribe-common nav,.tribe-common section,.tribe-common summary{display:block}.tribe-common svg:not(:root){overflow:hidden}.tribe-common audio,.tribe-common canvas,.tribe-common progress,.tribe-common video{display:inline-block}.tribe-common audio:not([controls]){display:none;height:0}.tribe-common progress{vertical-align:initial}.tribe-common [hidden],.tribe-common template{display:none}.tribe-common pre{overflow:auto}.tribe-common sub,.tribe-common sup{position:relative;vertical-align:initial}.tribe-common sup{top:-.5em}.tribe-common sub{bottom:-.25em}.tribe-common button,.tribe-common input,.tribe-common select,.tribe-common textarea{box-sizing:border-box;margin:0}.tribe-common input[type=number]::-webkit-inner-spin-button,.tribe-common input[type=number]::-webkit-outer-spin-button{height:auto}.tribe-common legend{color:inherit;display:table;max-width:100%;white-space:normal}.tribe-common textarea{overflow:auto;resize:none}.tribe-common button,.tribe-common input[type=button],.tribe-common input[type=reset],.tribe-common input[type=submit]{cursor:pointer;overflow:visible}.tribe-common button[disabled],.tribe-common input[disabled]{cursor:default}.tribe-common button::-moz-focus-inner,.tribe-common input::-moz-focus-inner{border:0;padding:0}.tribe-common a,.tribe-common abbr,.tribe-common acronym,.tribe-common address,.tribe-common applet,.tribe-common article,.tribe-common aside,.tribe-common audio,.tribe-common b,.tribe-common big,.tribe-common blockquote,.tribe-common canvas,.tribe-common caption,.tribe-common center,.tribe-common cite,.tribe-common code,.tribe-common dd,.tribe-common del,.tribe-common details,.tribe-common dfn,.tribe-common div,.tribe-common dl,.tribe-common dt,.tribe-common em,.tribe-common embed,.tribe-common fieldset,.tribe-common figcaption,.tribe-common figure,.tribe-common footer,.tribe-common form,.tribe-common h1,.tribe-common h2,.tribe-common h3,.tribe-common h4,.tribe-common h5,.tribe-common h6,.tribe-common header,.tribe-common i,.tribe-common iframe,.tribe-common img,.tribe-common ins,.tribe-common kbd,.tribe-common label,.tribe-common legend,.tribe-common li,.tribe-common main,.tribe-common mark,.tribe-common menu,.tribe-common nav,.tribe-common object,.tribe-common ol,.tribe-common output,.tribe-common p,.tribe-common pre,.tribe-common q,.tribe-common ruby,.tribe-common s,.tribe-common samp,.tribe-common section,.tribe-common small,.tribe-common span,.tribe-common strike,.tribe-common strong,.tribe-common sub,.tribe-common summary,.tribe-common sup,.tribe-common table,.tribe-common tbody,.tribe-common td,.tribe-common tfoot,.tribe-common th,.tribe-common thead,.tribe-common time,.tribe-common tr,.tribe-common tt,.tribe-common u,.tribe-common ul,.tribe-common var,.tribe-common video{border:0;margin:0;padding:0}.tribe-common ol,.tribe-common ul{list-style:none}.tribe-common img{border-style:none;height:auto;-ms-interpolation-mode:bicubic;max-width:100%}.tribe-common embed,.tribe-common iframe,.tribe-common video{max-height:100%;max-width:100%}.tribe-theme-avada input[type=text]{margin:0}.tribe-theme-divi .entry-content .tribe-common table,.tribe-theme-divibody.et-pb-preview #main-content .container .tribe-common table{border:0;margin:0}.tribe-theme-divi .entry-content .tribe-common td,.tribe-theme-divibody.et-pb-preview #main-content .container .tribe-common td{border:0}.tribe-theme-divi #content-area .tribe-common td,.tribe-theme-divi #content-area .tribe-common th,.tribe-theme-divi #content-area .tribe-common tr,.tribe-theme-divi #left-area .tribe-common ul{padding:0}#top .main_color .tribe-common button[disabled],#top.tribe-theme-enfold .tribe-common button[disabled]{cursor:default}#top .main_color .tribe-common form,#top .main_color .tribe-common input,#top.tribe-theme-enfold .tribe-common form,#top.tribe-theme-enfold .tribe-common input{margin:0}.entry-content-wrapper .tribe-common li{margin:0;padding:0}.entry-content .tribe-common ol,.entry-content .tribe-common ul,.tribe-theme-genesis .tribe-common ol,.tribe-theme-genesis .tribe-common ul{margin:0;padding:0}.tribe-theme-twentynineteen .tribe-common svg{fill:none}.tribe-theme-twentyseventeen .tribe-common div.tribe-dialog{z-index:5!important}.tribe-common .tribe-common-form-control-checkbox,.tribe-common .tribe-common-form-control-radio{align-items:flex-start;display:flex}.tribe-common .tribe-common-form-control-checkbox__label,.tribe-common .tribe-common-form-control-radio__label{cursor:pointer;margin-left:15px}.tribe-common .tribe-common-form-control-checkbox__input,.tribe-common .tribe-common-form-control-radio__input{cursor:pointer;flex:none;margin:1px 0 0}#top .main_color .tribe-common .tribe-common-form-control-checkbox__input,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-checkbox__input{margin:1px 0 0}.tribe-theme-twentytwenty .tribe-common .tribe-common-form-control-checkbox__input{top:0}.tribe-theme-twentytwentyone .tribe-common .tribe-common-form-control-checkbox__input:checked:after{border:none}.tribe-theme-twentytwentyone .tribe-common .tribe-common-form-control-radio__input:checked:after{background-color:initial}.tribe-common .tribe-common-form-control-checkbox-radio-group>*{margin-bottom:15px}.tribe-common .tribe-common-form-control-checkbox-radio-group>:last-child{margin-bottom:0}.tribe-common .tribe-common-form-control-slider__input{cursor:pointer;display:inline-block;margin:0;padding:0;vertical-align:middle;width:120px}.tribe-common .tribe-common-form-control-slider__label{cursor:pointer;display:inline-block;margin-left:11px;vertical-align:middle}.tribe-common .tribe-common-form-control-slider--vertical .tribe-common-form-control-slider__label{display:block;margin:0 0 6px}.tribe-common .tribe-common-form-control-text__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tribe-common .tribe-common-form-control-text__input{height:auto;padding:var(--tec-spacer-2) var(--tec-spacer-6) var(--tec-spacer-2) 0;width:100%}.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input{padding:var(--tec-spacer-4) var(--tec-spacer-4) var(--tec-spacer-4) var(--tec-spacer-8)}#top .main_color .tribe-common .tribe-common-form-control-text__input,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-text__input{padding:var(--tec-spacer-2) var(--tec-spacer-6) var(--tec-spacer-2) 0;width:100%}#top .main_color .tribe-common.tribe-common--breakpoint-medium .tribe-common-form-control-text__input,#top.tribe-theme-enfold .tribe-common.tribe-common--breakpoint-medium .tribe-common-form-control-text__input{padding:var(--tec-spacer-4) var(--tec-spacer-4) var(--tec-spacer-4) var(--tec-spacer-8)}.tribe-common .tribe-common-form-control-toggle__input,.tribe-common .tribe-common-form-control-toggle__label{cursor:pointer;display:inline-block;vertical-align:middle}.tribe-common .tribe-common-form-control-toggle__label{margin-left:11px}.tribe-common .tribe-common-form-control-toggle--vertical .tribe-common-form-control-toggle__label{display:block;margin:0 0 6px}#top .main_color .tribe-common .tribe-common-form-control-toggle__input,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-toggle__input{display:inline-block;margin:5px 0}.tribe-common .tribe-common-g-col{min-width:0;width:100%}.tribe-common .tribe-common-g-row{display:flex;flex-wrap:wrap}.tribe-common .tribe-common-g-row--gutters{margin-left:var(--tec-grid-gutter-small-half-negative);margin-right:var(--tec-grid-gutter-small-half-negative)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters{margin-left:var(--tec-grid-gutter-half-negative);margin-right:var(--tec-grid-gutter-half-negative)}.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col{padding-left:var(--tec-grid-gutter-small-half);padding-right:var(--tec-grid-gutter-small-half)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col{padding-left:var(--tec-grid-gutter-half);padding-right:var(--tec-grid-gutter-half)}.tribe-theme-twentynineteen .tribe-common .entry.tribe-common-g-row--gutters{margin-left:var(--tec-grid-gutter-small-half-negative);margin-right:var(--tec-grid-gutter-small-half-negative);padding:0}.tribe-theme-twentynineteen .tribe-common.tribe-common--breakpoint-medium .entry.tribe-common-g-row--gutters{margin-left:var(--tec-grid-gutter-half-negative);margin-right:var(--tec-grid-gutter-half-negative)}.tribe-theme-twentynineteen .tribe-common .tribe-common-g-row--gutters>.entry.tribe-common-g-col{margin:0;padding-left:var(--tec-grid-gutter-small-half);padding-right:var(--tec-grid-gutter-small-half)}.tribe-theme-twentynineteen .tribe-common.tribe-common--breakpoint-medium .tribe-common-g-row--gutters>.entry.tribe-common-g-col{padding-left:var(--tec-grid-gutter-half);padding-right:var(--tec-grid-gutter-half)}.tribe-common a{cursor:pointer}.tribe-theme-divi #left-area .tribe-common ul,.tribe-theme-divi .entry-content .tribe-common ul,body.et-pb-preview.tribe-theme-divi #main-content .container .tribe-common ul{list-style-type:none;padding:0}.entry-content .tribe-common ol>li,.entry-content .tribe-common ul>li{list-style-type:none}.tribe-common button{padding:0}.tribe-common .tribe-common-l-container{margin-left:auto;margin-right:auto;max-width:var(--tec-grid-width);padding-left:var(--tec-grid-gutter-page-small);padding-right:var(--tec-grid-gutter-page-small);width:100%}.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container{padding-left:var(--tec-grid-gutter-page);padding-right:var(--tec-grid-gutter-page)}.single-tribe_events .tribe-common-a11y-hidden,.tec-events-admin-settings .tribe-common-a11y-hidden,.tec-settings-form .tribe-common-a11y-hidden,.tribe-common .tribe-common-a11y-hidden{display:none!important;visibility:hidden}.single-tribe_events .tribe-common-a11y-visual-hide,.tec-events-admin-settings .tribe-common-a11y-visual-hide,.tec-settings-form .tribe-common-a11y-visual-hide,.tribe-common .tribe-common-a11y-visual-hide{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.single-tribe_events .tribe-common-a11y-visual-show,.tec-events-admin-settings .tribe-common-a11y-visual-show,.tec-settings-form .tribe-common-a11y-visual-show,.tribe-common .tribe-common-a11y-visual-show{clip:auto;height:auto;margin:0;position:static;width:auto}.single-tribe_events .tec-visually-hidden-md,.tec-events-admin-settings .tec-visually-hidden-md,.tec-settings-form .tec-visually-hidden-md,.tribe-common .tec-visually-hidden-md{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (min-width:768px){.single-tribe_events .tec-visually-hidden-md,.tec-events-admin-settings .tec-visually-hidden-md,.tec-settings-form .tec-visually-hidden-md,.tribe-common .tec-visually-hidden-md{clip:auto;height:auto;margin:0;position:static;width:auto}}.tribe-common .tribe-common-c-btn-border,.tribe-common a.tribe-common-c-btn-border{padding:11px 20px;width:100%}.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border,.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border{width:auto}.tribe-common .tribe-common-c-btn-border-small,.tribe-common a.tribe-common-c-btn-border-small{padding:14px 20px;width:100%}.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small{padding:6px 15px;width:auto}.tribe-common .tribe-common-c-btn-icon:before{background-repeat:no-repeat;background-size:contain;content:"";display:block}.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg,.tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg{width:11px}.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path{fill:currentcolor}.tribe-common .tribe-common-c-btn,.tribe-common a.tribe-common-c-btn{padding:11px 20px;width:100%}.tribe-common .tribe-common-c-btn:focus,.tribe-common a.tribe-common-c-btn:focus{outline:auto}.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn,.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn{width:auto}.tribe-common .tribe-common-c-image{display:block;height:auto;margin-left:auto;margin-right:auto;width:100%}.tribe-common .tribe-common-c-image--bg{position:relative}.tribe-common .tribe-common-c-image__bg{background:50% no-repeat;background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.tribe-common .tribe-common-c-loader{display:flex;padding-top:calc(var(--tec-spacer-11)*3)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-loader{padding-top:calc(var(--tec-spacer-13)*3)}.tribe-common .tribe-common-c-loader__dot{width:15px}.tribe-common .tribe-common-c-loader__dot:not(:first-of-type){margin-left:8px}.tribe-common .tribe-common-c-loader__dot circle{fill:currentcolor}.tribe-common .tribe-common-c-svgicon--featured{width:8px}.tribe-common .tribe-common-c-svgicon--recurring{width:12px}.tribe-common .tribe-common-c-svgicon--search{width:16px}.tribe-common .tribe-common-c-svgicon--location{width:10px}.tribe-common .tribe-common-c-svgicon--day,.tribe-common .tribe-common-c-svgicon--map,.tribe-common .tribe-common-c-svgicon--month,.tribe-common .tribe-common-c-svgicon--photo,.tribe-common .tribe-common-c-svgicon--week{height:100%;width:100%}.tribe-common .tribe-common-c-svgicon--close path,.tribe-common .tribe-common-c-svgicon--close-alt path{stroke:currentcolor}.tribe-common .tribe-common-c-svgicon--hybrid circle,.tribe-common .tribe-common-c-svgicon--mail,.tribe-common .tribe-common-c-svgicon--map-pin,.tribe-common .tribe-common-c-svgicon--messages-not-found g,.tribe-common .tribe-common-c-svgicon--no-map,.tribe-common .tribe-common-c-svgicon--phone,.tribe-common .tribe-common-c-svgicon--virtual g,.tribe-common .tribe-common-c-svgicon--website{fill:none}.tribe-common .tribe-common-c-svgicon--messages-not-found{width:22px}.tribe-common .tribe-common-c-svgicon--messages-not-found path{stroke:currentcolor}.tribe-common .tribe-common-c-svgicon--error{width:18px}.tribe-common .tribe-common-c-svgicon--error g,.tribe-common .tribe-common-c-svgicon--reset path{fill:none}.tribe-common .tribe-common-c-svgicon__svg-fill{fill:currentcolor}.tribe-common .tribe-common-c-svgicon__svg-stroke{stroke:currentcolor}.tribe-events-widget{margin-bottom:var(--tec-spacer-7)}.tribe-events-widget .tribe-events-widget-events-list__header{margin-bottom:var(--tec-spacer-5)}.tribe-events-widget .tribe-events-widget-events-list__event-row{flex-wrap:nowrap;margin-bottom:var(--tec-spacer-3)}.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-row{margin-bottom:var(--tec-spacer-4)}.tribe-events-widget .tribe-events-widget-events-list__event-row:last-child{margin-bottom:0}.tribe-events-widget .tribe-events-widget-events-list__event-date-tag{flex:none;position:relative;width:var(--tec-spacer-11)}.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-date-tag{width:calc(var(--tec-spacer-11) + var(--tec-spacer-1))}.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime{display:flex;flex-direction:column;height:100%;text-align:center}.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum,.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month{margin-bottom:calc(var(--tec-spacer-0)*-1)}.tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum,.tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month{margin-bottom:-2px}.tribe-events-widget .tribe-events-widget-events-list__event-datetime-wrapper{margin-bottom:var(--tec-spacer-0)}.tribe-events-widget .tribe-events-widget-events-list__event-datetime-featured-icon{display:inline-block;margin-right:var(--tec-spacer-0)}.tribe-events-widget .tribe-events-widget-events-list__view-more{margin-top:var(--tec-spacer-4)}.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages{display:flex;flex-direction:column}.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message{align-items:center;display:flex;padding:0;width:100%}.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message{justify-content:flex-start;padding:0}.ast-separate-container .tribe-events-widget .tribe-events-widget-events-list__event,.tribe-theme-astra.ast-separate-container .tribe-events-widget .tribe-events-widget-events-list__event{padding:0}.tribe-common figure{line-height:0}.tribe-common figcaption{line-height:normal}.tribe-common a{background-color:initial;-webkit-text-decoration-skip:objects}.tribe-common abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tribe-common code,.tribe-common kbd,.tribe-common pre,.tribe-common samp{font-family:monospace;font-size:1em}.tribe-common b,.tribe-common strong{font-weight:inherit;font-weight:bolder}.tribe-common dfn{font-style:italic}.tribe-common mark{background-color:#ff0;color:#000}.tribe-common small{font-size:80%}.tribe-common sub,.tribe-common sup{font-size:75%;line-height:0}.tribe-common hr{border:0;height:0}.tribe-common button,.tribe-common input[type=button],.tribe-common input[type=email],.tribe-common input[type=password],.tribe-common input[type=reset],.tribe-common input[type=search],.tribe-common input[type=submit],.tribe-common input[type=text],.tribe-common input[type=url],.tribe-common textarea{appearance:none}.tribe-common button,.tribe-common input,.tribe-common optgroup,.tribe-common select,.tribe-common textarea{color:inherit;font:inherit;-webkit-font-smoothing:antialiased;line-height:normal}.tribe-common button,.tribe-common input,.tribe-common select,.tribe-common textarea{border-radius:0;outline:0}.tribe-common select:-moz-focusring{color:#0000;text-shadow:0 0 0 #000}.tribe-common optgroup{font-weight:700}.tribe-common h1,.tribe-common h2,.tribe-common h3,.tribe-common h4,.tribe-common h5,.tribe-common h6,.tribe-common p{font-weight:400;text-rendering:optimizelegibility}#top .main_color .tribe-common button[disabled],#top.tribe-theme-enfold .tribe-common button[disabled]{opacity:1}.tribe-theme-twentynineteen .tribe-common h1:before,.tribe-theme-twentynineteen .tribe-common h2:before{content:none}.tribe-theme-twentynineteen .tribe-common button,.tribe-theme-twentynineteen .tribe-common input[type=button],.tribe-theme-twentynineteen .tribe-common input[type=reset],.tribe-theme-twentynineteen .tribe-common input[type=submit]{outline:none}.tribe-theme-twentynineteen .tribe-common td,.tribe-theme-twentynineteen .tribe-common th{word-break:normal}.tribe-theme-twentyseventeen .tribe-common h5{letter-spacing:normal;text-transform:none}.tribe-theme-twentyseventeen .tribe-common input[type=text]{border-radius:0}.tribe-theme-twentytwenty .tribe-common{background-color:var(--tec-color-background-events);letter-spacing:normal}.tribe-theme-twentytwenty .tribe-common input,.tribe-theme-twentytwenty .tribe-common textarea{letter-spacing:normal}.tribe-theme-twentytwenty .tribe-common *{word-break:normal}.tribe-theme-twentytwentyone.tribe-common .tribe-common .button:not(:hover):not(:active):not(.has-background),.tribe-theme-twentytwentyone.tribe-common .tribe-common .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),.tribe-theme-twentytwentyone.tribe-common .tribe-common .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background),.tribe-theme-twentytwentyone.tribe-common .tribe-common .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),.tribe-theme-twentytwentyone.tribe-common .tribe-common button:not(:hover):not(:active):not(.has-background),.tribe-theme-twentytwentyone.tribe-common .tribe-common input[type=reset]:not(:hover):not(:active):not(.has-background),.tribe-theme-twentytwentyone.tribe-common .tribe-common input[type=submit]:not(:hover):not(:active):not(.has-background){background-color:initial}.tribe-common .tribe-common-form-control-checkbox,.tribe-common .tribe-common-form-control-radio{line-height:0}.tribe-common .tribe-common-form-control-checkbox__label,.tribe-common .tribe-common-form-control-radio__label{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-2);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-form-control-checkbox__label:hover,.tribe-common .tribe-common-form-control-radio__label:hover{opacity:var(--tec-opacity-icon-hover)}.tribe-common .tribe-common-form-control-checkbox__input,.tribe-common .tribe-common-form-control-radio__input{appearance:none;background-color:var(--tec-form-color-background);border:1px solid var(--tec-form-color-border-default);height:20px;position:relative;width:20px}.tribe-common .tribe-common-form-control-checkbox__input:active,.tribe-common .tribe-common-form-control-checkbox__input:focus,.tribe-common .tribe-common-form-control-checkbox__input:hover,.tribe-common .tribe-common-form-control-radio__input:active,.tribe-common .tribe-common-form-control-radio__input:focus,.tribe-common .tribe-common-form-control-radio__input:hover{border-color:var(--tec-form-color-border-active);opacity:var(--tec-opacity-icon-hover)}.tribe-common .tribe-common-form-control-checkbox__input:checked,.tribe-common .tribe-common-form-control-radio__input:checked{background-color:var(--tec-form-color-border-active)}.tribe-common .tribe-common-form-control-checkbox__input{border-radius:4px}.tribe-common .tribe-common-form-control-checkbox__input:checked:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%279%27%3E%3Cpath fill=%27%23fff%27 d=%27M10.6.1 3.9 6.8 1.4 4.3c-.1-.1-.3-.1-.4 0l-.8.8c-.1.1-.1.3 0 .4l3.4 3.4c.2.1.4.1.5 0l7.7-7.7c.1-.1.1-.3 0-.4L11 .1c-.1-.1-.3-.1-.4 0%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:block;height:9px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.tribe-common .tribe-common-form-control-checkbox__input:focus+.tribe-common-form-control-checkbox__label,.tribe-common .tribe-common-form-control-checkbox__input:hover+.tribe-common-form-control-checkbox__label{opacity:var(--tec-opacity-icon-hover)}.tribe-common .tribe-common-form-control-radio__input{border-radius:50%}.tribe-common .tribe-common-form-control-radio__input:checked:before{background-color:var(--tec-form-color-background);border-radius:50%;content:"";display:block;height:8px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.tribe-common .tribe-common-form-control-radio__input:focus+.tribe-common-form-control-radio__label,.tribe-common .tribe-common-form-control-radio__input:hover+.tribe-common-form-control-radio__label{opacity:var(--tec-opacity-icon-hover)}#top .main_color .tribe-common .tribe-common-form-control-checkbox__label,#top .main_color .tribe-common .tribe-common-form-control-radio__label,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-checkbox__label,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-radio__label{font-size:var(--tec-font-size-2);font-weight:var(--tec-font-weight-regular)}.tribe-theme-twentytwenty .tribe-common .tribe-common-form-control-checkbox__input:checked:before{margin:0}.tribe-common .tribe-common-form-control-slider{line-height:0}.tribe-common .tribe-common-form-control-slider__input{appearance:none;background-color:initial;border:0}.tribe-common .tribe-common-form-control-slider__input::-webkit-slider-runnable-track{background-color:var(--tec-form-color-accent-primary);border:none;border-radius:5px;height:10px;margin:5px 0;padding:0;position:relative;-webkit-transition:var(--tec-transition-background-color);transition:var(--tec-transition-background-color)}.tribe-common .tribe-common-form-control-slider__input::-moz-range-track{background-color:var(--tec-form-color-accent-primary);border:none;border-radius:5px;height:10px;margin:5px 0;padding:0;position:relative;-moz-transition:var(--tec-transition-background-color);transition:var(--tec-transition-background-color)}.tribe-common .tribe-common-form-control-slider__input::-ms-track{background-color:initial;border-color:#0000;border-width:5px 0;color:#0000;height:10px}.tribe-common .tribe-common-form-control-slider__input::-ms-fill-lower,.tribe-common .tribe-common-form-control-slider__input::-ms-fill-upper{background-color:var(--tec-form-color-accent-primary);border-radius:10px}.tribe-common .tribe-common-form-control-slider__input::-webkit-slider-thumb{appearance:none;background-color:var(--tec-form-color-background);border:1px solid var(--tec-form-color-border-secondary);border-radius:50%;box-shadow:var(--tec-form-box-shadow-default);height:20px;margin-top:-5px;width:20px}.tribe-common .tribe-common-form-control-slider__input::-moz-range-thumb{background-color:var(--tec-form-color-background);border:1px solid var(--tec-form-color-border-secondary);border-radius:50%;box-shadow:var(--tec-form-box-shadow-default);height:20px;margin-top:-5px;width:20px}.tribe-common .tribe-common-form-control-slider__input::-ms-thumb{background-color:var(--tec-form-color-background);border:1px solid var(--tec-form-color-border-secondary);border-radius:50%;box-shadow:var(--tec-form-box-shadow-default);box-shadow:none;height:20px;margin-top:-1px;width:20px}.tribe-common .tribe-common-form-control-slider__label{color:var(--tec-color-text-primary);color:var(--tec-color-text-secondary);font-family:var(--tec-font-family-sans-serif);line-height:var(--tec-line-height-0)}#top .main_color .tribe-common .tribe-common-form-control-slider__label,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-slider__label,.tribe-common .tribe-common-form-control-slider__label{font-size:var(--tec-font-size-1);font-weight:var(--tec-font-weight-regular)}.tribe-common .tribe-common-form-control-text__input{border:0;border-bottom:1px solid var(--tec-color-border-default);font-size:var(--tec-font-size-3)}.tribe-common .tribe-common-form-control-text__input,.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-3)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input{border:0;font-size:var(--tec-font-size-2)}.tribe-common .tribe-common-form-control-text__input::placeholder{color:var(--tec-color-text-secondary);font-style:normal;opacity:var(--tec-opacity-default)}.tribe-common .tribe-common-form-control-text__input:focus{border-bottom-color:var(--tec-color-border-active);outline:auto}.tribe-theme-twentyseventeen .tribe-common .tribe-common-form-control-text__input{color:var(--tec-color-text-primary)}.tribe-theme-twentytwenty .tribe-common .tribe-common-form-control-text__input{line-height:inherit}#top .main_color .tribe-common .tribe-common-form-control-text__input,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-text__input{background:var(--tec-color-background);border:0;border-bottom:1px solid var(--tec-color-border-default);color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-3);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-3)}#top .main_color .tribe-common .tribe-common-form-control-text__input:focus,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-text__input:focus{border-bottom-color:var(--tec-color-border-active);box-shadow:none}#top .main_color .tribe-common.tribe-common--breakpoint-medium .tribe-common-form-control-text__input,#top.tribe-theme-enfold .tribe-common.tribe-common--breakpoint-medium .tribe-common-form-control-text__input{border:0;color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-2);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-form-control-toggle{line-height:0;position:relative}.tribe-common .tribe-common-form-control-toggle__input{appearance:none;background-color:var(--tec-form-color-border-secondary);border:none;border-radius:5px;height:10px;margin:5px 0;padding:0;position:relative;transition:var(--tec-transition-background-color);width:40px}.tribe-common .tribe-common-form-control-toggle__input::-ms-check{display:none}.tribe-common .tribe-common-form-control-toggle__input+label:before{background-color:var(--tec-form-color-background);border:1px solid var(--tec-form-color-border-secondary);border-radius:50%;box-shadow:var(--tec-form-box-shadow-default);content:"";height:20px;left:0;position:absolute;top:0;transition:var(--tec-transition-transform);width:20px}.tribe-common .tribe-common-form-control-toggle__input:checked{background-color:var(--tec-form-color-accent-primary)}.tribe-common .tribe-common-form-control-toggle__input:checked+label:before{transform:translateX(20px)}.tribe-common .tribe-common-form-control-toggle__label{color:var(--tec-color-text-primary);color:var(--tec-color-text-secondary);font-family:var(--tec-font-family-sans-serif);line-height:var(--tec-line-height-0)}#top .main_color .tribe-common .tribe-common-form-control-toggle__label,#top.tribe-theme-enfold .tribe-common .tribe-common-form-control-toggle__label,.tribe-common .tribe-common-form-control-toggle__label{font-size:var(--tec-font-size-1);font-weight:var(--tec-font-weight-regular)}.tribe-theme-twentytwenty .tribe-common .tribe-common-form-control-toggle__input{top:0}.tribe-theme-twentytwenty .tribe-common .tribe-common-form-control-toggle__input:checked:before{content:none}.tribe-theme-twentytwentyone .tribe-common .tribe-common-form-control-toggle__input:after{display:none}.tribe-common a,.tribe-common a:active,.tribe-common a:focus,.tribe-common a:hover,.tribe-common a:visited{color:var(--tec-color-text-primary);outline:0;-webkit-text-decoration:none;text-decoration:none}.tribe-common a:focus{outline:auto}.site-footer .widget-area .tribe-common a,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-common a,.tribe-theme-twentyseventeen .tribe-common a{box-shadow:none}.site-footer .widget-area .tribe-common a:focus,.site-footer .widget-area .tribe-common a:hover,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-common a:focus,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-common a:hover,.tribe-theme-twentyseventeen .tribe-common a:focus,.tribe-theme-twentyseventeen .tribe-common a:hover{box-shadow:none;color:var(--tec-color-text-primary)}.tribe-theme-twentynineteen .entry .tribe-common a,.tribe-theme-twentynineteen .tribe-common a,.tribe-theme-twentytwentyone .entry .tribe-common a,.tribe-theme-twentytwentyone .tribe-common a{-webkit-text-decoration:none;text-decoration:none}.main_color .sidebar .tribe-common a,.main_color .sidebar .tribe-common a:active,.main_color .sidebar .tribe-common a:focus,.main_color .sidebar .tribe-common a:hover,.main_color .sidebar .tribe-common a:visited,.tribe-theme-enfold .tribe-common a,.tribe-theme-enfold .tribe-common a:active,.tribe-theme-enfold .tribe-common a:focus,.tribe-theme-enfold .tribe-common a:hover,.tribe-theme-enfold .tribe-common a:visited{color:var(--tec-color-text-primary)}.tribe-common .tribe-common-anchor{border-bottom:2px solid #0000;transition:var(--tec-transition-border-color)}.tribe-common .tribe-common-anchor:active,.tribe-common .tribe-common-anchor:focus,.tribe-common .tribe-common-anchor:hover{border-bottom:2px solid}.tribe-common .tribe-common-anchor-alt{border-bottom:2px solid var(--tec-color-link-accent);color:var(--tec-color-link-primary);transition:var(--tec-transition-color)}.tribe-common .tribe-common-anchor-alt:active,.tribe-common .tribe-common-anchor-alt:focus,.tribe-common .tribe-common-anchor-alt:hover{border-bottom:2px solid;color:var(--tec-color-link-accent)}.tribe-common .tribe-common-anchor-thin{border-bottom:1px solid #0000;transition:var(--tec-transition-border-color)}.tribe-common .tribe-common-anchor-thin:active,.tribe-common .tribe-common-anchor-thin:focus,.tribe-common .tribe-common-anchor-thin:hover{border-bottom:1px solid var(--tec-color-link-primary)}.tribe-common .tribe-common-anchor-thin-alt{border-bottom:1px solid var(--tec-color-link-accent);color:var(--tec-color-link-primary);transition:var(--tec-transition-color)}.tribe-common .tribe-common-anchor-thin-alt:active,.tribe-common .tribe-common-anchor-thin-alt:focus,.tribe-common .tribe-common-anchor-thin-alt:hover{border-bottom:1px solid;color:var(--tec-color-link-accent)}.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-alt:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-alt:hover,.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-thin-alt:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-thin-alt:hover{color:var(--tec-color-accent-primary)}.site-footer .widget-area .tribe-common .tribe-common-anchor,.site-footer .widget-area .tribe-common .tribe-common-anchor-thin,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-common .tribe-common-anchor,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-common .tribe-common-anchor-thin{transition:var(--tec-transition-border-color)}.site-footer .widget-area .tribe-common .tribe-common-anchor-alt,.site-footer .widget-area .tribe-common .tribe-common-anchor-thin-alt,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-common .tribe-common-anchor-alt,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-common .tribe-common-anchor-thin-alt{transition:var(--tec-transition-color)}.tribe-common .tribe-common-b1{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-2);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-3)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-b1{font-size:var(--tec-font-size-3);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-b1--bold{font-weight:var(--tec-font-weight-bold)}.tribe-common .tribe-common-b2{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-1);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-0)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2{font-size:var(--tec-font-size-2);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-b2--bold{font-weight:var(--tec-font-weight-bold)}.tribe-common .tribe-common-b3{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-0);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-2)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3{font-size:var(--tec-font-size-1);line-height:var(--tec-line-height-0)}.tribe-common .tribe-common-b3--bold{font-weight:var(--tec-font-weight-bold)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-b1--min-medium{font-size:var(--tec-font-size-3);line-height:var(--tec-line-height-3)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2--min-medium{font-size:var(--tec-font-size-2);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-cta,.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3--min-medium{font-size:var(--tec-font-size-1);line-height:var(--tec-line-height-0)}.tribe-common .tribe-common-cta{border-bottom:2px solid #0000;color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-weight:var(--tec-font-weight-regular);font-weight:var(--tec-font-weight-bold);transition:var(--tec-transition-border-color)}.tribe-common .tribe-common-cta:active,.tribe-common .tribe-common-cta:focus,.tribe-common .tribe-common-cta:hover{border-bottom:2px solid}.tribe-common .tribe-common-cta--alt{border-bottom:2px solid var(--tec-color-link-accent);color:var(--tec-color-link-primary);transition:var(--tec-transition-color)}.tribe-common .tribe-common-cta--alt:active,.tribe-common .tribe-common-cta--alt:focus,.tribe-common .tribe-common-cta--alt:hover{border-bottom:2px solid;color:var(--tec-color-link-accent)}.tribe-common .tribe-common-cta--thin{border-bottom:1px solid #0000;transition:var(--tec-transition-border-color)}.tribe-common .tribe-common-cta--thin:active,.tribe-common .tribe-common-cta--thin:focus,.tribe-common .tribe-common-cta--thin:hover{border-bottom:1px solid var(--tec-color-link-primary)}.tribe-common .tribe-common-cta--thin-alt{border-bottom:1px solid var(--tec-color-link-accent);color:var(--tec-color-link-primary);transition:var(--tec-transition-color)}.tribe-common .tribe-common-cta--thin-alt:active,.tribe-common .tribe-common-cta--thin-alt:focus,.tribe-common .tribe-common-cta--thin-alt:hover{border-bottom:1px solid;color:var(--tec-color-link-accent)}.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--alt:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--alt:hover,.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--thin-alt:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--thin-alt:hover{color:var(--tec-color-accent-primary)}.tribe-common .tribe-common-h1{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-8);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-1);text-transform:none}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h1{font-size:var(--tec-font-size-10);line-height:var(--tec-line-height-0)}.tribe-common .tribe-common-h2{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-7);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-1);text-transform:none}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h2{font-size:var(--tec-font-size-9);line-height:var(--tec-line-height-0)}.tribe-common .tribe-common-h3{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-6);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-2);text-transform:none}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3{font-size:var(--tec-font-size-8);line-height:var(--tec-line-height-1)}.tribe-common .tribe-common-h4{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-5);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-1);text-transform:none}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4{font-size:var(--tec-font-size-7);line-height:var(--tec-line-height-1)}.tribe-common .tribe-common-h5{font-size:var(--tec-font-size-4)}.tribe-common .tribe-common-h5,.tribe-common .tribe-common-h6{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-2);text-transform:none}.tribe-common .tribe-common-h6{font-size:var(--tec-font-size-3)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6{font-size:var(--tec-font-size-3);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-h7{font-size:var(--tec-font-size-2);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-h7,.tribe-common .tribe-common-h8{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-weight:var(--tec-font-weight-bold);text-transform:none}.tribe-common .tribe-common-h8{font-size:var(--tec-font-size-1);line-height:var(--tec-line-height-0)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3--min-medium{font-size:var(--tec-font-size-8);line-height:var(--tec-line-height-1)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium{font-size:var(--tec-font-size-7);line-height:var(--tec-line-height-1)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h5--min-medium{font-size:var(--tec-font-size-4);line-height:var(--tec-line-height-2)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium{font-size:var(--tec-font-size-3);line-height:var(--tec-line-height-3)}.tribe-common--breakpoint-medium.tribe-common .tribe-common-h7--min-medium{font-size:var(--tec-font-size-2);line-height:var(--tec-line-height-3)}.tribe-common .tribe-common-h--alt{font-weight:var(--tec-font-weight-regular)}.tribe-theme-avada #main .tribe-common .tribe-common-h1{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-8);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-1);text-transform:none}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h1{font-size:var(--tec-font-size-10);line-height:var(--tec-line-height-0)}.tribe-theme-avada #main .tribe-common .tribe-common-h2{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-7);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-1);text-transform:none}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h2{font-size:var(--tec-font-size-9);line-height:var(--tec-line-height-0)}.tribe-theme-avada #main .tribe-common .tribe-common-h3{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-6);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-2);text-transform:none}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h3{font-size:var(--tec-font-size-8);line-height:var(--tec-line-height-1)}.tribe-theme-avada #main .tribe-common .tribe-common-h4{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-5);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-1);text-transform:none}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h4{font-size:var(--tec-font-size-7);line-height:var(--tec-line-height-1)}.tribe-theme-avada #main .tribe-common .tribe-common-h5{font-size:var(--tec-font-size-4)}.tribe-theme-avada #main .tribe-common .tribe-common-h5,.tribe-theme-avada #main .tribe-common .tribe-common-h6{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-weight:var(--tec-font-weight-bold);line-height:var(--tec-line-height-2);text-transform:none}.tribe-theme-avada #main .tribe-common .tribe-common-h6{font-size:var(--tec-font-size-3)}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h6{font-size:var(--tec-font-size-3);line-height:var(--tec-line-height-3)}.tribe-theme-avada #main .tribe-common .tribe-common-h7{font-size:var(--tec-font-size-2);line-height:var(--tec-line-height-3)}.tribe-theme-avada #main .tribe-common .tribe-common-h7,.tribe-theme-avada #main .tribe-common .tribe-common-h8{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-weight:var(--tec-font-weight-bold);text-transform:none}.tribe-theme-avada #main .tribe-common .tribe-common-h8{font-size:var(--tec-font-size-1);line-height:var(--tec-line-height-0)}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h3--min-medium{font-size:var(--tec-font-size-8);line-height:var(--tec-line-height-1)}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h4--min-medium{font-size:var(--tec-font-size-7);line-height:var(--tec-line-height-1)}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h5--min-medium{font-size:var(--tec-font-size-4);line-height:var(--tec-line-height-2)}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h6--min-medium{font-size:var(--tec-font-size-3);line-height:var(--tec-line-height-3)}.tribe-theme-avada #main .tribe-common.tribe-common--breakpoint-medium .tribe-common-h7--min-medium{font-size:var(--tec-font-size-2);line-height:var(--tec-line-height-3)}.tribe-theme-avada #main .tribe-common .tribe-common-h--alt{font-weight:var(--tec-font-weight-regular)}.tribe-common button{border:none}.tribe-common button,.tribe-common button:focus,.tribe-common button:hover,.tribe-theme-twentyseventeen .tribe-common button:focus,.tribe-theme-twentyseventeen .tribe-common button:hover{background-color:initial;background-image:none}.tribe-theme-twentytwenty .tribe-common button{background-color:initial;background-image:none;text-transform:inherit}.tribe-theme-twentytwenty .tribe-common button:focus,.tribe-theme-twentytwenty .tribe-common button:hover{-webkit-text-decoration:none;text-decoration:none}.tribe-theme-twentytwentyone .tribe-common button:not(:hover):not(:active){background-color:inherit;background-image:inherit;color:inherit}.tribe-theme-enfold .tribe-common th{letter-spacing:0;text-transform:none}.tribe-common .tribe-common-c-btn--clear{background:#0000;border:0;border-radius:0;color:inherit;cursor:pointer;display:inline-block;height:auto;outline:none;padding:0;-webkit-text-decoration:none;text-decoration:none;width:auto}.tribe-common .tribe-common-c-btn--clear:active,.tribe-common .tribe-common-c-btn--clear:focus,.tribe-common .tribe-common-c-btn--clear:hover{background:#0000;color:inherit}.tribe-common .tribe-common-c-btn-border,.tribe-common a.tribe-common-c-btn-border{background:#0000;border:0;border-radius:0;color:var(--tec-color-text-primary);color:inherit;cursor:pointer;display:inline-block;font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-2);font-weight:var(--tec-font-weight-regular);font-weight:var(--tec-font-weight-bold);height:auto;line-height:var(--tec-line-height-3);outline:none;padding:0;-webkit-text-decoration:none;text-decoration:none;width:auto}.tribe-common .tribe-common-c-btn-border:active,.tribe-common .tribe-common-c-btn-border:focus,.tribe-common .tribe-common-c-btn-border:hover,.tribe-common a.tribe-common-c-btn-border:active,.tribe-common a.tribe-common-c-btn-border:focus,.tribe-common a.tribe-common-c-btn-border:hover{background:#0000;color:inherit}.tribe-common .tribe-common-c-btn-border,.tribe-common a.tribe-common-c-btn-border{background-color:var(--tec-color-background);border:1px solid var(--tec-color-accent-primary);border-radius:var(--tec-border-radius-default);color:var(--tec-color-button-primary);padding:11px 20px;text-align:center;transition:var(--tec-transition);width:100%}.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border,.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border{width:auto}.tribe-common .tribe-common-c-btn-border:focus,.tribe-common .tribe-common-c-btn-border:hover,.tribe-common a.tribe-common-c-btn-border:focus,.tribe-common a.tribe-common-c-btn-border:hover{background-color:var(--tec-color-accent-primary);color:var(--tec-color-background)}.tribe-common .tribe-common-c-btn-border:active,.tribe-common a.tribe-common-c-btn-border:active{opacity:.9}.tribe-common .tribe-common-c-btn-border--secondary,.tribe-common a.tribe-common-c-btn-border--secondary{border-color:var(--tec-color-button-secondary);color:var(--tec-color-button-secondary)}.tribe-common .tribe-common-c-btn-border--secondary:focus,.tribe-common .tribe-common-c-btn-border--secondary:hover,.tribe-common a.tribe-common-c-btn-border--secondary:focus,.tribe-common a.tribe-common-c-btn-border--secondary:hover{background-color:var(--tec-color-button-secondary)}.tribe-common .tribe-common-c-btn-border--secondary:active,.tribe-common a.tribe-common-c-btn-border--secondary:active{opacity:.9}.tribe-common .tribe-common-c-btn-border--alt,.tribe-common a.tribe-common-c-btn-border--alt{border-color:var(--tec-color-border-secondary);color:var(--tec-color-text-primary);font-weight:var(--tec-font-weight-regular)}.tribe-common .tribe-common-c-btn-border--alt:focus,.tribe-common .tribe-common-c-btn-border--alt:hover,.tribe-common a.tribe-common-c-btn-border--alt:focus,.tribe-common a.tribe-common-c-btn-border--alt:hover{background-color:var(--tec-color-background);border-color:var(--tec-color-border-active);color:var(--tec-color-text-primary)}.tribe-common .tribe-common-c-btn-border--alt:active,.tribe-common a.tribe-common-c-btn-border--alt:active{opacity:.9}.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border:hover{background-color:var(--tec-color-button-primary)}.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border--secondary:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border--secondary:hover{background-color:var(--tec-color-button-secondary)}.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border--alt:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border--alt:hover{background-color:var(--tec-color-background)}.tribe-common .tribe-common-c-btn-border-small,.tribe-common a.tribe-common-c-btn-border-small{background:#0000;border:0;border-radius:0;color:var(--tec-color-text-primary);color:inherit;cursor:pointer;display:inline-block;font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-1);font-weight:var(--tec-font-weight-regular);height:auto;line-height:var(--tec-line-height-0);outline:none;padding:0;-webkit-text-decoration:none;text-decoration:none;width:auto}.tribe-common .tribe-common-c-btn-border-small:active,.tribe-common .tribe-common-c-btn-border-small:focus,.tribe-common .tribe-common-c-btn-border-small:hover,.tribe-common a.tribe-common-c-btn-border-small:active,.tribe-common a.tribe-common-c-btn-border-small:focus,.tribe-common a.tribe-common-c-btn-border-small:hover{background:#0000;color:inherit}.tribe-common .tribe-common-c-btn-border-small,.tribe-common a.tribe-common-c-btn-border-small{background-color:var(--tec-color-background);border:1px solid var(--tec-color-border-default);border-radius:var(--tec-border-radius-default);text-align:center;transition:var(--tec-transition-color-border-color)}.tribe-common .tribe-common-c-btn-border-small:focus,.tribe-common .tribe-common-c-btn-border-small:hover,.tribe-common a.tribe-common-c-btn-border-small:focus,.tribe-common a.tribe-common-c-btn-border-small:hover{background-color:var(--tec-color-background)}.tribe-common .tribe-common-c-btn-border-small:active,.tribe-common a.tribe-common-c-btn-border-small:active{border-color:var(--tec-color-border-active)}.tribe-common .tribe-common-c-btn-border-small,.tribe-common a.tribe-common-c-btn-border-small{color:var(--tec-color-text-secondary);padding:14px 20px;width:100%}.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small{padding:6px 15px;width:auto}.tribe-common .tribe-common-c-btn-border-small:active,.tribe-common .tribe-common-c-btn-border-small:focus,.tribe-common .tribe-common-c-btn-border-small:hover,.tribe-common a.tribe-common-c-btn-border-small:active,.tribe-common a.tribe-common-c-btn-border-small:focus,.tribe-common a.tribe-common-c-btn-border-small:hover{color:var(--tec-color-text-primary)}.tribe-common .tribe-common-c-btn-border-small:disabled,.tribe-common a.tribe-common-c-btn-border-small:disabled{color:var(--tec-color-text-disabled)}.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border-small:hover{background-color:var(--tec-color-background)}.tribe-common .tribe-common-c-btn-icon{background:#0000;border:0;border-radius:0;color:inherit;cursor:pointer;display:inline-block;height:auto;outline:none;padding:0;-webkit-text-decoration:none;text-decoration:none;width:auto}.tribe-common .tribe-common-c-btn-icon:active,.tribe-common .tribe-common-c-btn-icon:focus,.tribe-common .tribe-common-c-btn-icon:hover{background:#0000;color:inherit}.tribe-common .tribe-common-c-btn-icon--caret-left:active .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-left:focus .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-left:hover .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-right:active .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-right:focus .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-right:hover .tribe-common-c-btn-icon__icon-svg path{fill:var(--tec-color-icon-primary)}.tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path{fill:var(--tec-color-icon-disabled)}.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path,.tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path{fill:var(--tec-color-icon-secondary)}.tribe-common .tribe-common-c-btn-icon--border{align-items:center;background-color:var(--tec-color-background);border:1px solid var(--tec-color-border-default);display:inline-flex;height:56px;justify-content:center;transition:none;width:56px}.tribe-common .tribe-common-c-btn-icon--border:focus,.tribe-common .tribe-common-c-btn-icon--border:hover{background-color:var(--tec-color-background)}.tribe-common .tribe-common-c-btn-icon--border:active{border-color:var(--tec-color-border-active)}.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-icon--border:hover{background-color:var(--tec-color-background)}.tribe-common .tribe-common-c-btn,.tribe-common a.tribe-common-c-btn,.tribe-common button.tribe-common-c-btn{background:#0000;border:0;border-radius:0;color:var(--tec-color-text-primary);color:inherit;cursor:pointer;display:inline-block;font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-2);font-weight:var(--tec-font-weight-regular);font-weight:var(--tec-font-weight-bold);height:auto;line-height:var(--tec-line-height-3);outline:none;padding:0;-webkit-text-decoration:none;text-decoration:none;width:auto}.tribe-common .tribe-common-c-btn:active,.tribe-common .tribe-common-c-btn:focus,.tribe-common .tribe-common-c-btn:hover,.tribe-common a.tribe-common-c-btn:active,.tribe-common a.tribe-common-c-btn:focus,.tribe-common a.tribe-common-c-btn:hover,.tribe-common button.tribe-common-c-btn:active,.tribe-common button.tribe-common-c-btn:focus,.tribe-common button.tribe-common-c-btn:hover{background:#0000;color:inherit}.tribe-common .tribe-common-c-btn,.tribe-common a.tribe-common-c-btn,.tribe-common button.tribe-common-c-btn{background-color:var(--tec-color-button-primary);border-radius:var(--tec-border-radius-default);color:var(--tec-color-background);padding:11px 20px;text-align:center;transition:var(--tec-transition-background-color);width:100%}.tribe-common .tribe-common-c-btn,.tribe-common .tribe-common-c-btn:focus,.tribe-common .tribe-common-c-btn:hover,.tribe-common a.tribe-common-c-btn,.tribe-common a.tribe-common-c-btn:focus,.tribe-common a.tribe-common-c-btn:hover,.tribe-common button.tribe-common-c-btn,.tribe-common button.tribe-common-c-btn:focus,.tribe-common button.tribe-common-c-btn:hover{background-image:none;border:0;border-radius:var(--tec-border-radius-default);box-shadow:none;color:var(--tec-color-background);font-style:normal;outline:none;-webkit-text-decoration:none;text-decoration:none;text-shadow:none}.tribe-common .tribe-common-c-btn:focus,.tribe-common a.tribe-common-c-btn:focus,.tribe-common button.tribe-common-c-btn:focus{outline:auto}.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn,.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn,.tribe-common--breakpoint-medium.tribe-common button.tribe-common-c-btn{width:auto}.tribe-common .tribe-common-c-btn:focus,.tribe-common .tribe-common-c-btn:hover,.tribe-common a.tribe-common-c-btn:focus,.tribe-common a.tribe-common-c-btn:hover,.tribe-common button.tribe-common-c-btn:focus,.tribe-common button.tribe-common-c-btn:hover{background-color:var(--tec-color-button-primary-hover);padding:11px 20px}.tribe-common .tribe-common-c-btn:active,.tribe-common a.tribe-common-c-btn:active,.tribe-common button.tribe-common-c-btn:active{background-color:var(--tec-color-button-primary-active);padding:11px 20px}.tribe-common .tribe-common-c-btn:disabled,.tribe-common a.tribe-common-c-btn:disabled,.tribe-common button.tribe-common-c-btn:disabled{background-color:var(--tec-color-button-primary-background);padding:11px 20px}.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn:focus,.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn:hover{background-color:var(--tec-color-button-primary-hover);color:var(--tec-color-background)}.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn{background-color:var(--tec-color-button-primary)}.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:focus,.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:hover{background-color:var(--tec-color-button-primary-hover);color:var(--tec-color-background)}.tribe-theme-twentytwentyone .tribe-common .tribe-common-c-btn{outline:none}.tribe-theme-twentytwentyone .tribe-common .tribe-common-c-btn:not(:hover):not(:active){background-color:var(--tec-color-button-primary);color:var(--tec-color-background)}.tribe-common .tribe-common-c-loader__dot circle{animation-direction:normal;animation-duration:2.24s;animation-iteration-count:infinite;animation-name:tribe-common-c-loader-bounce;fill:currentcolor;opacity:var(--tec-opacity-background)}.tribe-common .tribe-common-c-loader__dot--first circle{animation-delay:.45s}.tribe-common .tribe-common-c-loader__dot--second circle{animation-delay:1.05s}.tribe-common .tribe-common-c-loader__dot--third circle{animation-delay:1.35s}@keyframes tribe-common-c-loader-bounce{50%{opacity:var(--tec-opacity-default)}}.tribe-common .tribe-common-c-svgicon{color:var(--tec-color-accent-primary)}.tribe-common .tribe-common-c-svgicon--featured path{fill:currentcolor}.tribe-common .tribe-common-c-svgicon--recurring path{fill:var(--tec-color-icon-active);stroke:var(--tec-color-icon-active)}.tribe-common .tribe-common-c-svgicon--close path,.tribe-common .tribe-common-c-svgicon--close-alt path{stroke:var(--tec-color-icon-secondary)}.tribe-common .tribe-common-c-svgicon--messages-not-found path{stroke:var(--tec-color-icon-active)}.tribe-common .tribe-common-c-svgicon--messages-not-found .tribe-common-c-svgicon__svg-stroke{stroke:currentcolor}.tribe-common .tribe-common-c-svgicon__svg-fill{fill:var(--tec-color-icon-active)}.tribe-common .tribe-common-c-svgicon__svg-stroke{stroke:var(--tec-color-icon-active)}.tribe-events-widget .tribe-events-widget-events-list__header{margin-bottom:var(--tec-spacer-5)}.tribe-events-widget .tribe-events-widget-events-list__event-row--featured .tribe-events-widget-events-list__event-date-tag-datetime:after{background-color:var(--tec-color-accent-primary);border-radius:1.5px;content:"";height:100%;left:0;position:absolute;width:3px}.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month{color:var(--tec-color-text-primary);color:var(--tec-color-text-secondary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-0);font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-2);text-transform:uppercase}.tribe-events-widget .tribe-events-widget-events-list__event-title{color:var(--tec-color-text-events-title-widget-list)}.tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-title{font-size:var(--tec-font-size-4);line-height:var(--tec-line-height-2)}.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title{font-size:var(--tec-font-size-7);line-height:var(--tec-line-height-1)}.tribe-events-widget .tribe-events-widget-events-list__view-more-link,.tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited{color:var(--tec-color-link-accent)}.tribe-events-widget .tribe-events-widget-events-list__view-more-link:active,.tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus,.tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover{border-bottom-color:var(--tec-color-link-accent);color:var(--tec-color-link-accent)}.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message{background-color:initial;border-radius:0}.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg{display:inline-block;margin-right:var(--tec-spacer-2)}.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message-list{text-align:left}.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message-list-item-link{font-weight:var(--tec-font-weight-bold)}.site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link,.site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited,.tribe-theme-twentyseventeen .tribe-events-widget .tribe-events-widget-events-list__view-more-link,.tribe-theme-twentyseventeen .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited{color:var(--tec-color-link-accent)}.site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active,.site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus,.site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus,.tribe-theme-twentyseventeen .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover,.tribe-theme-twentyseventeen .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active,.tribe-theme-twentyseventeen .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus,.tribe-theme-twentyseventeen .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover{border-bottom-color:var(--tec-color-link-accent);color:var(--tec-color-link-accent)}.ast-separate-container .tribe-events-widget .tribe-events-widget-events-list__event,.tribe-theme-astra.ast-separate-container .tribe-events-widget .tribe-events-widget-events-list__event{background-color:initial;border:0}.footer_color .tribe-events-widget .tribe-events-widget-events-list__event-organizer-contact,.footer_color .tribe-events-widget .tribe-events-widget-events-list__event-venue-address,.main_color .tribe-events-widget .tribe-events-widget-events-list__event-organizer-contact,.main_color .tribe-events-widget .tribe-events-widget-events-list__event-venue-address,.tribe-theme-enfold .tribe-events-widget .tribe-events-widget-events-list__event-organizer-contact,.tribe-theme-enfold .tribe-events-widget .tribe-events-widget-events-list__event-venue-address{color:var(--tec-color-text-primary)}.main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link,.main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited,.tribe-theme-enfold .tribe-events-widget .tribe-events-widget-events-list__view-more-link,.tribe-theme-enfold .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited{color:var(--tec-color-link-accent)}.main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active,.main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus,.main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover,.tribe-theme-enfold .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active,.tribe-theme-enfold .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus,.tribe-theme-enfold .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover{border-bottom-color:var(--tec-color-link-accent);color:var(--tec-color-link-accent)}.tribe-events-widget .tribe-events-status-label__text{color:var(--tec-color-icon-error)}.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-hybrid-event,.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-virtual-event,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-hybrid-event,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-virtual-event,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-hybrid-event,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-virtual-event,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-hybrid-event,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-virtual-event,.tribe-events.tribe-events-widget .tribe-events-virtual-hybrid-event,.tribe-events.tribe-events-widget .tribe-events-virtual-virtual-event{align-items:center;background-color:var(--tec-color-accent-secondary-background);border-radius:10px;display:inline-flex;height:20px;justify-content:center;margin:-2px 0 0;width:30px}.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-hybrid-event__icon,.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-virtual-event__icon,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-hybrid-event__icon,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-virtual-event__icon,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-hybrid-event__icon,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-virtual-event__icon,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-hybrid-event__icon,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-virtual-event__icon,.tribe-events.tribe-events-widget .tribe-events-virtual-hybrid-event__icon,.tribe-events.tribe-events-widget .tribe-events-virtual-virtual-event__icon{display:inline-block;line-height:0;margin-right:0}.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-hybrid-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-hybrid-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-hybrid-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-hybrid-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-virtual-hybrid-event__icon-svg{height:12px}.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-virtual-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-virtual-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-virtual-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-virtual-event__icon-svg,.tribe-events.tribe-events-widget .tribe-events-virtual-virtual-event__icon-svg{height:10px}.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-hybrid-event__text,.tribe-events.tribe-events-widget .tribe-events-calendar-month-mobile-events .tribe-events-virtual-virtual-event__text,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-hybrid-event__text,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid .tribe-events-virtual-virtual-event__text,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-hybrid-event__text,.tribe-events.tribe-events-widget .tribe-events-pro-week-grid__event-tooltip .tribe-events-virtual-virtual-event__text,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-hybrid-event__text,.tribe-events.tribe-events-widget .tribe-events-pro-week-mobile-events .tribe-events-virtual-virtual-event__text,.tribe-events.tribe-events-widget .tribe-events-virtual-hybrid-event__text,.tribe-events.tribe-events-widget .tribe-events-virtual-virtual-event__text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tribe-events-widget .tribe-events-virtual-hybrid-event__icon-svg:hover circle,.tribe-events-widget .tribe-events-virtual-hybrid-event__icon-svg:hover ellipse,.tribe-events-widget .tribe-events-virtual-hybrid-event__icon-svg:hover path,.tribe-events-widget .tribe-events-virtual-virtual-event__icon-svg:hover circle,.tribe-events-widget .tribe-events-virtual-virtual-event__icon-svg:hover ellipse,.tribe-events-widget .tribe-events-virtual-virtual-event__icon-svg:hover path{opacity:var(--tec-opacity-icon-hover);stroke:currentcolor}:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.eb__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.eb__animated.eb__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.eb__animated.eb__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.eb__animated.eb__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2)
}
.eb__animated.eb__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3)
}
.eb__animated.eb__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.eb__animated.eb__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2)
}
.eb__animated.eb__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3)
}
.eb__animated.eb__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4)
}
.eb__animated.eb__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5)
}
.eb__animated.eb__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2)
}
.eb__animated.eb__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*.8);
animation-duration: calc(var(--animate-duration)*.8)
}
.eb__animated.eb__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2)
}
.eb__animated.eb__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce),
print {
.eb__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important
}
.eb__animated[class*=Out] {
opacity: 0
}
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95);
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95);
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
.eb__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.eb__flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.eb__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.eb__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.eb__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
.eb__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.eb__headShake {
-webkit-animation-name: headShake;
animation-name: headShake;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.eb__swing {
-webkit-animation-name: swing;
animation-name: swing;
-webkit-transform-origin: top center;
transform-origin: top center
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.eb__tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.eb__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.eb__heartBeat {
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration)*1.3);
animation-duration: calc(var(--animate-duration)*1.3);
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
opacity: .7;
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes backInDown {
0% {
opacity: .7;
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.eb__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
opacity: .7;
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes backInLeft {
0% {
opacity: .7;
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.eb__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
opacity: .7;
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes backInRight {
0% {
opacity: .7;
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.eb__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
opacity: .7;
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes backInUp {
0% {
opacity: .7;
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7)
}
80% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.eb__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7)
}
}
@keyframes backOutDown {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7)
}
}
.eb__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7)
}
}
@keyframes backOutLeft {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7)
}
}
.eb__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7)
}
}
@keyframes backOutRight {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7)
}
}
.eb__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7)
}
}
@keyframes backOutUp {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
opacity: .7;
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7)
}
to {
opacity: .7;
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7)
}
}
.eb__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.eb__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.eb__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.eb__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.eb__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.eb__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.eb__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.eb__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.eb__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.eb__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.eb__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.eb__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.eb__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.eb__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.eb__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.eb__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.eb__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
.eb__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
.eb__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
.eb__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
.eb__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
}
40% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
}
80% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
}
to {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
}
}
@keyframes flip {
0% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
}
40% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
}
80% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
}
to {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
}
}
.eb__animated.eb__flip {
-webkit-animation-name: flip;
animation-name: flip;
-webkit-backface-visibility: visible;
backface-visibility: visible
}
@-webkit-keyframes flipInX {
0% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.eb__flipInX {
-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipInY {
0% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg)
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg)
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.eb__flipInY {
-webkit-animation-name: flipInY;
animation-name: flipInY;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
}
.eb__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg)
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg)
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg)
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg)
}
}
.eb__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes lightSpeedInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg)
}
60% {
opacity: 1;
-webkit-transform: skewX(20deg);
transform: skewX(20deg)
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg)
}
60% {
opacity: 1;
-webkit-transform: skewX(20deg);
transform: skewX(20deg)
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg)
}
60% {
opacity: 1;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg)
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg)
}
60% {
opacity: 1;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg)
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg)
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg)
}
}
.eb__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg)
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg)
}
}
.eb__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
opacity: 0;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rotateIn {
0% {
opacity: 0;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rotateInDownLeft {
0% {
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rotateInDownRight {
0% {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rotateInUpLeft {
0% {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
opacity: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rotateInUpRight {
0% {
opacity: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(200deg);
transform: rotate(200deg)
}
}
@keyframes rotateOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(200deg);
transform: rotate(200deg)
}
}
.eb__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
.eb__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
}
.eb__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
}
.eb__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
}
.eb__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
transform: rotate(80deg)
}
40%,
80% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
-webkit-transform: rotate(60deg);
transform: rotate(60deg)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0)
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
transform: rotate(80deg)
}
40%,
80% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
-webkit-transform: rotate(60deg);
transform: rotate(60deg)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0)
}
}
.eb__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.eb__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.eb__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes ebZoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes ebZoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.eb__zoomIn {
-webkit-animation-name: ebZoomIn;
animation-name: ebZoomIn
}
@-webkit-keyframes zoomInDown {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
}
@keyframes zoomInDown {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
}
.eb__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
}
}
@keyframes zoomInLeft {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
}
}
.eb__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
}
}
@keyframes zoomInRight {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
}
}
.eb__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
}
@keyframes zoomInUp {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
}
.eb__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.eb__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
}
}
@keyframes zoomOutDown {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
}
}
.eb__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.eb__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.eb__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
}
}
@keyframes zoomOutUp {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
}
}
.eb__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.eb__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden
}
}
.eb__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: hidden
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: hidden
}
}
.eb__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: hidden
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: hidden
}
}
.eb__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: hidden
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: hidden
}
}
.eb__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}.eb_liquid_glass-effect1 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.eb_liquid_glass-effect2 {
-webkit-backdrop-filter: blur(10px) brightness(1);
backdrop-filter: blur(10px) brightness(1);
}
.eb_liquid_glass-effect3 {
overflow: hidden;
border: solid 1px color-mix(in srgb, var(--accent) 30%, transparent);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background: color-mix(in srgb, var(--accent) 7.5%, transparent);
transform: translateZ(0);
}
.eb_liquid_glass-effect3::before {
position: absolute;
content: "";
z-index: -99;
height: 100%;
width: 100%;
left: 0;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
filter: url(#eb-glass-distortion3);
transform: translateZ(0);
top: 0;
}
.eb_liquid_glass-effect4 {
overflow: hidden;
border: solid 1px color-mix(in srgb, var(--accent) 30%, transparent);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background: color-mix(in srgb, var(--accent) 7.5%, transparent);
transform: translateZ(0);
}
.eb_liquid_glass-effect4::before {
position: absolute;
content: "";
z-index: -99;
height: 100%;
width: 100%;
left: 0;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
filter: url(#eb-glass-distortion4);
transform: translateZ(0);
top: 0;
}
.eb_liquid_glass-effect5 {
overflow: hidden;
border: solid 1px color-mix(in srgb, var(--accent) 30%, transparent);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background: color-mix(in srgb, var(--accent) 7.5%, transparent);
transform: translateZ(0);
}
.eb_liquid_glass-effect5::before {
position: absolute;
content: "";
z-index: -99;
height: 100%;
width: 100%;
left: 0;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
filter: url(#eb-glass-distortion5);
transform: translateZ(0);
top: 0;
}
.eb_liquid_glass_shadow-effect1 {
box-shadow: -1px 9px 28px 2px rgba(0, 0, 0, 0.78);
-webkit-box-shadow: -1px 9px 28px 2px rgba(0, 0, 0, 0.78);
-moz-box-shadow: -1px 9px 28px 2px rgba(0, 0, 0, 0.78);
}
.eb_liquid_glass_shadow-effect2 {
box-shadow: 0px 0px 8px 1px rgb(165 165 165 / 78%);
-webkit-box-shadow: 0px 0px 8px 1px rgb(165 165 165 / 78%);
-moz-box-shadow: 0px 0px 8px 1px rgb(165 165 165 / 78%);
}
.eb_liquid_glass_shadow-effect3 {
box-shadow: 1px 1px 60px 0 #bebebe;
-webkit-box-shadow: 1px 1px 60px 0 #bebebe;
-moz-box-shadow: 1px 1px 60px 0 #bebebe;
}
.eb_liquid_glass_shadow-effect4 {
border: 2px solid rgb(206, 206, 206);
box-shadow: inset 10px 10px 20px rgba(153, 192, 255, 0.1),
inset 2px 2px 5px rgba(195, 218, 255, 0.2),
inset -10px -10px 20px rgba(229, 253, 190, 0.1),
inset -2px -2px 30px rgba(247, 255, 226, 0.2);
}.hover-effect figure img {
display: block;
max-width: 100%;
min-height: 100%;
position: relative;
}
.hover-effect figure figcaption {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
font-size: 1.25em;
padding: 2em;
text-transform: uppercase;  }
.hover-effect figure figcaption::before,
.hover-effect figure figcaption::after {
pointer-events: none;
}
.hover-effect figure figcaption,
.hover-effect figure figcaption > a {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hover-effect figure figcaption > a {
font-size: 0;
opacity: 0;
text-indent: 200%;
white-space: nowrap;
z-index: 1000;
}
.hover-effect figure h2 {
font-weight: 300;
word-spacing: 0.25em;
}
.hover-effect figure h2 span {
font-weight: 800;
}
.hover-effect figure h2,
.hover-effect figure p {
margin: 0;
}
.hover-effect figure p {
font-size: 68.5%;
letter-spacing: 1px;
}
.hover-effect figure.effect-apollo {
background: #528cb3;
}
.hover-effect figure.effect-apollo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
-o-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
opacity: 0.95;
}
.hover-effect figure.effect-apollo figcaption::before {
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
-o-transition: -o-transform 0.6s;
transition: transform 0.6s;
-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, -110%, 0);
-ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, -110%, 0);
-o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, -110%, 0);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, -110%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, -110%, 0);
background: rgba(82, 140, 179, 0.5);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hover-effect figure.effect-apollo p {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
border-right: 4px solid #fff;
bottom: 0;
margin: 3em;
max-width: 150px;
opacity: 0;
padding: 0 1em;
position: absolute;
right: 0;
text-align: right;
}
.hover-effect figure.effect-apollo h2 {
text-align: left;
}
.hover-effect figure.effect-apollo:hover img {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 0.6;
}
.hover-effect figure.effect-apollo:hover figcaption::before {
-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, 110%, 0);
-ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, 110%, 0);
-o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, 110%, 0);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, 110%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, 110%, 0);
}
.hover-effect figure.effect-apollo:hover p {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
opacity: 1;
}
.hover-effect figure.effect-bubba {
background: #528cb3;
}
.hover-effect figure.effect-bubba img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
opacity: 0.7;
}
.hover-effect figure.effect-bubba figcaption::before,
.hover-effect figure.effect-bubba figcaption::after {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
bottom: 30px;
content: "";
left: 30px;
opacity: 0;
position: absolute;
right: 30px;
top: 30px;
}
.hover-effect figure.effect-bubba figcaption::before {
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
.hover-effect figure.effect-bubba figcaption::after {
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.hover-effect figure.effect-bubba h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
.hover-effect figure.effect-bubba p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
opacity: 0;
padding: 20px 2.5em;
}
.hover-effect figure.effect-bubba:hover img {
opacity: 0.4;
}
.hover-effect figure.effect-bubba:hover figcaption::before,
.hover-effect figure.effect-bubba:hover figcaption::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hover-effect figure.effect-bubba:hover h2,
.hover-effect figure.effect-bubba:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.hover-effect figure.effect-chico figcaption {
padding: 3em;
}
.hover-effect figure.effect-chico figcaption::before {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
border: 1px solid #fff;
bottom: 30px;
content: "";
left: 30px;
position: absolute;
right: 30px;
top: 30px;
}
.hover-effect figure.effect-chico figcaption::before,
.hover-effect figure.effect-chico p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 0;
}
.hover-effect figure.effect-chico h2 {
padding: 20% 0 20px;
}
.hover-effect figure.effect-chico p {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
margin: 0 auto;
max-width: 200px;
}
.hover-effect figure.effect-chico:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.5;
}
.hover-effect figure.effect-chico:hover figcaption::before,
.hover-effect figure.effect-chico:hover p {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hover-effect figure.effect-dexter {
background: -webkit-linear-gradient(top, #111f28 0%, #528cb3 100%);
background: linear-gradient(to bottom, #111f28 0%, #528cb3 100%);
}
.hover-effect figure.effect-dexter img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.hover-effect figure.effect-dexter figcaption {
padding: 3em;
text-align: left;
}
.hover-effect figure.effect-dexter figcaption::after {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
border: 7px solid #fff;
bottom: 30px;
content: "";
height: -webkit-calc(50% - 30px);
height: calc(50% - 30px);
left: 30px;
position: absolute;
right: 30px;
}
.hover-effect figure.effect-dexter p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
bottom: 60px;
left: 60px;
opacity: 0;
position: absolute;
right: 60px;
}
.hover-effect figure.effect-dexter:hover img {
opacity: 0.4;
}
.hover-effect figure.effect-dexter:hover figcaption::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-dexter:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-duke {
background: -webkit-linear-gradient(-45deg, black 0%, #528cb3 100%);
background: linear-gradient(-45deg, black 0%, #528cb3 100%);
}
.hover-effect figure.effect-duke img,
.hover-effect figure.effect-duke p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hover-effect figure.effect-duke h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8, 0.8, 1);
-ms-transform: scale3d(0.8, 0.8, 1);
-o-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.hover-effect figure.effect-duke p {
-webkit-transform: scale3d(0.8, 0.8, 1);
-ms-transform: scale3d(0.8, 0.8, 1);
-o-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% -100%;
-moz-transform-origin: 50% -100%;
-ms-transform-origin: 50% -100%;
transform-origin: 50% -100%;
border: 2px solid #fff;
bottom: 0;
font-size: 90%;
left: 0;
margin: 20px;
opacity: 0;
padding: 30px;
position: absolute;
text-transform: none;
}
.hover-effect figure.effect-duke:hover img {
-webkit-transform: scale3d(2, 2, 1);
-ms-transform: scale3d(2, 2, 1);
-o-transform: scale3d(2, 2, 1);
transform: scale3d(2, 2, 1);
opacity: 0.1;
}
.hover-effect figure.effect-duke:hover h2,
.hover-effect figure.effect-duke:hover p {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.hover-effect figure.effect-goliath {
background: #528cb3;
}
.hover-effect figure.effect-goliath img,
.hover-effect figure.effect-goliath h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
}
.hover-effect figure.effect-goliath img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.hover-effect figure.effect-goliath h2,
.hover-effect figure.effect-goliath p {
bottom: 0;
left: 0;
padding: 30px;
position: absolute;
}
.hover-effect figure.effect-goliath p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
font-size: 90%;
opacity: 0;
text-transform: none;
}
.hover-effect figure.effect-goliath:hover img {
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0);
}
.hover-effect figure.effect-goliath:hover h2 {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
.hover-effect figure.effect-goliath:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-hera {
background: #528cb3;
}
.hover-effect figure.effect-hera h2 {
font-size: 158.75%;
}
.hover-effect figure.effect-hera h2,
.hover-effect figure.effect-hera p {
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
}
.hover-effect figure.effect-hera figcaption::before {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(0, 0, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(0, 0, 1);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(0, 0, 1);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(0, 0, 1);
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
border: 2px solid #fff;
content: "";
height: 200px;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
width: 200px;
}
.hover-effect figure.effect-hera p {
font-size: 121%;
line-height: 2;
text-transform: none;
width: 100px;
}
.hover-effect figure.effect-hera p a {
color: #fff;
display: inline-block;
width: 30px;
}
.hover-effect figure.effect-hera p a:hover,
.hover-effect figure.effect-hera p a:focus {
opacity: 0.6;
}
.hover-effect figure.effect-hera p a i {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
display: inline-block;
opacity: 0;
}
.hover-effect figure.effect-hera p a:first-child i {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0);
}
.hover-effect figure.effect-hera p a:nth-child(2) i {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0);
}
.hover-effect figure.effect-hera p a:nth-child(3) i {
-webkit-transform: translate3d(-60px, 60px, 0);
transform: translate3d(-60px, 60px, 0);
}
.hover-effect figure.effect-hera p a:nth-child(4) i {
-webkit-transform: translate3d(60px, 60px, 0);
transform: translate3d(60px, 60px, 0);
}
.hover-effect figure.effect-hera:hover figcaption::before {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
scale3d(1, 1, 1);
opacity: 1;
}
.hover-effect figure.effect-hera:hover h2 {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
opacity: 0;
}
.hover-effect figure.effect-hera:hover p a i {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-honey {
background: #528cb3;
}
.hover-effect figure.effect-honey img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
opacity: 0.9;
}
.hover-effect figure.effect-honey figcaption::before {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
background: #fff;
bottom: 0;
content: "";
height: 10px;
left: 0;
position: absolute;
width: 100%;
}
.hover-effect figure.effect-honey h2 {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
bottom: 0;
left: 0;
padding: 1em 1.5em;
position: absolute;
text-align: left;
width: 100%;
}
.hover-effect figure.effect-honey h2 i {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
font-style: normal;
opacity: 0;
}
.hover-effect figure.effect-honey figcaption::before,
.hover-effect figure.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
}
.hover-effect figure.effect-honey:hover img {
opacity: 0.5;
}
.hover-effect figure.effect-honey:hover figcaption::before,
.hover-effect figure.effect-honey:hover h2,
.hover-effect figure.effect-honey:hover h2 i {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-jazz {
background: -webkit-linear-gradient(-45deg, #528cb3 0%, #487fa4 100%);
background: linear-gradient(-45deg, #528cb3 0%, #487fa4 100%);
}
.hover-effect figure.effect-jazz img {
opacity: 0.9;
}
.hover-effect figure.effect-jazz figcaption::after,
.hover-effect figure.effect-jazz img,
.hover-effect figure.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hover-effect figure.effect-jazz figcaption::after {
-moz-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1);
-ms-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1);
-o-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1);
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1);
transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.hover-effect figure.effect-jazz h2,
.hover-effect figure.effect-jazz p {
-webkit-transform: scale3d(0.8, 0.8, 1);
-ms-transform: scale3d(0.8, 0.8, 1);
-o-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
opacity: 1;
}
.hover-effect figure.effect-jazz h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s; }
.hover-effect figure.effect-jazz p {
font-size: 0.85em;
opacity: 0;
padding: 0.5em 2em;
text-transform: none;
}
.hover-effect figure.effect-jazz:hover img {
-webkit-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
-o-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
opacity: 0.7;
}
.hover-effect figure.effect-jazz:hover figcaption::after {
-moz-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1);
-ms-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1);
-o-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1);
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1);
transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1);
opacity: 1;
}
.hover-effect figure.effect-jazz:hover h2,
.hover-effect figure.effect-jazz:hover p {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.hover-effect figure.effect-julia {
background: #528cb3;
}
.hover-effect figure.effect-julia img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 1s, -webkit-transform 1s;
-moz-transition: opacity 1s, -moz-transform 1s;
-o-transition: opacity 1s, -o-transform 1s;
transition: opacity 1s, transform 1s;
height: 400px;
max-width: none;
}
.hover-effect figure.effect-julia figcaption {
text-align: left;
}
.hover-effect figure.effect-julia h2 {
padding: 0.5em 0;
position: relative;
}
.hover-effect figure.effect-julia p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0);
background: rgba(255, 255, 255, 0.9);
color: #2f3238;
display: inline-block;
font-size: 75%;
font-weight: 500;
margin: 0 0 0.25em;
padding: 0.4em 1em;
text-transform: none;
}
.hover-effect figure.effect-julia p:first-child {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.hover-effect figure.effect-julia p:nth-of-type(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hover-effect figure.effect-julia p:nth-of-type(3) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hover-effect figure.effect-julia:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
opacity: 0.4;
}
.hover-effect figure.effect-julia:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-julia:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.hover-effect figure.effect-julia:hover p:nth-of-type(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hover-effect figure.effect-julia:hover p:nth-of-type(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hover-effect figure.effect-kira {
background: #528cb3;
text-align: left;
}
.hover-effect figure.effect-kira img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.hover-effect figure.effect-kira figcaption {
z-index: 1;
}
.hover-effect figure.effect-kira figcaption::before {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-moz-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
-ms-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
-o-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
background: #fff;
content: "";
height: 3.5em;
left: 2em;
position: absolute;
right: 2em;
top: 0;
z-index: -1;
}
.hover-effect figure.effect-kira p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
font-size: 100%;
font-weight: 600;
line-height: 1.5;
opacity: 0;
padding: 2.25em 0.5em;
}
.hover-effect figure.effect-kira p a {
color: #101010;
margin: 0 0.5em;
}
.hover-effect figure.effect-kira p a:hover,
.hover-effect figure.effect-kira p a:focus {
opacity: 0.6;
}
.hover-effect figure.effect-kira:hover img {
opacity: 0.5;
}
.hover-effect figure.effect-kira:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-kira:hover figcaption::before {
-moz-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
-o-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
opacity: 0.7;
}
.hover-effect figure.effect-layla {
background: #528cb3;
}
.hover-effect figure.effect-layla figcaption {
padding: 3em;
}
.hover-effect figure.effect-layla figcaption::before,
.hover-effect figure.effect-layla figcaption::after {
content: "";
opacity: 0;
position: absolute;
}
.hover-effect figure.effect-layla figcaption::before {
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
bottom: 50px;
left: 30px;
right: 30px;
top: 50px;
}
.hover-effect figure.effect-layla figcaption::after {
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100%, 0;
-moz-transform-origin: 100%, 0;
-ms-transform-origin: 100%, 0;
transform-origin: 100%, 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
bottom: 30px;
left: 50px;
right: 50px;
top: 30px;
}
.hover-effect figure.effect-layla h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s; }
.hover-effect figure.effect-layla p {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
opacity: 0;
padding: 0.5em 2em;
text-transform: none;
}
.hover-effect figure.effect-layla img,
.hover-effect figure.effect-layla h2 {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.hover-effect figure.effect-layla img,
.hover-effect figure.effect-layla figcaption::before,
.hover-effect figure.effect-layla figcaption::after,
.hover-effect figure.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hover-effect figure.effect-layla:hover img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0.7;
}
.hover-effect figure.effect-layla:hover figcaption::before,
.hover-effect figure.effect-layla:hover figcaption::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hover-effect figure.effect-layla:hover h2,
.hover-effect figure.effect-layla:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-layla:hover figcaption::after,
.hover-effect figure.effect-layla:hover h2,
.hover-effect figure.effect-layla:hover p,
.hover-effect figure.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.hover-effect figure.effect-lexi {
background: -webkit-linear-gradient(-45deg, black 0%, #528cb3 100%);
background: linear-gradient(-45deg, black 0%, #528cb3 100%);
}
.hover-effect figure.effect-lexi img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
margin: -10px 0 0 -10px;
max-width: none;
opacity: 0.9;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
}
.hover-effect figure.effect-lexi figcaption::before,
.hover-effect figure.effect-lexi p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hover-effect figure.effect-lexi figcaption::before {
-webkit-transform: scale3d(0.5, 0.5, 1);
-ms-transform: scale3d(0.5, 0.5, 1);
-o-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
border: 2px solid #fff;
border-radius: 50%;
bottom: -100px;
box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
content: "";
height: 300px;
opacity: 0;
position: absolute;
right: -100px;
width: 300px;
}
.hover-effect figure.effect-lexi h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0);
text-align: left;
}
.hover-effect figure.effect-lexi p {
-webkit-transform: translate3d(20px, 20px, 0);
transform: translate3d(20px, 20px, 0);
bottom: 0;
opacity: 0;
padding: 0 1.5em 1.5em 0;
position: absolute;
right: 0;
text-align: right;
width: 140px;
}
.hover-effect figure.effect-lexi:hover img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0.6;
}
.hover-effect figure.effect-lexi:hover figcaption::before {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.hover-effect figure.effect-lexi:hover h2,
.hover-effect figure.effect-lexi:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-lily img {
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
max-width: none;
opacity: 0.7;
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
}
.hover-effect figure.effect-lily figcaption {
text-align: left;
}
.hover-effect figure.effect-lily figcaption > div {
bottom: 0;
height: 50%;
left: 0;
padding: 2em;
position: absolute;
width: 100%;
}
.hover-effect figure.effect-lily h2,
.hover-effect figure.effect-lily p {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.hover-effect figure.effect-lily h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
}
.hover-effect figure.effect-lily p {
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
-moz-transition: opacity 0.2s, -moz-transform 0.35s;
-o-transition: opacity 0.2s, -o-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
color: rgba(255, 255, 255, 0.8);
opacity: 0;
}
.hover-effect figure.effect-lily:hover img,
.hover-effect figure.effect-lily:hover p {
opacity: 1;
}
.hover-effect figure.effect-lily:hover img,
.hover-effect figure.effect-lily:hover h2,
.hover-effect figure.effect-lily:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-lily:hover p {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
.hover-effect figure.effect-marley figcaption {
text-align: right;
}
.hover-effect figure.effect-marley h2,
.hover-effect figure.effect-marley p {
left: 30px;
padding: 10px 0;
position: absolute;
right: 30px;
}
.hover-effect figure.effect-marley p {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 30px;
line-height: 1.5;
}
.hover-effect figure.effect-marley h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
top: 30px;
}
.hover-effect figure.effect-marley h2::after {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
background: #fff;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
.hover-effect figure.effect-marley h2::after,
.hover-effect figure.effect-marley p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 0;
}
.hover-effect figure.effect-marley:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-marley:hover h2::after,
.hover-effect figure.effect-marley:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-milo {
background: #528cb3;
}
.hover-effect figure.effect-milo img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-moz-transform: translate3d(-30px, 0, 0) scale(1.12);
-ms-transform: translate3d(-30px, 0, 0) scale(1.12);
-o-transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
max-width: none;
opacity: 1;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
}
.hover-effect figure.effect-milo h2 {
bottom: 0;
padding: 1em 1.2em;
position: absolute;
right: 0;
}
.hover-effect figure.effect-milo p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
border-right: 1px solid #fff;
opacity: 0;
padding: 0 10px 0 0;
text-align: right;
width: 50%;
}
.hover-effect figure.effect-milo:hover img {
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
opacity: 0.5;
}
.hover-effect figure.effect-milo:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-ming {
background: #528cb3;
}
.hover-effect figure.effect-ming img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
opacity: 0.9;
}
.hover-effect figure.effect-ming figcaption::before {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4, 1.4, 1);
-ms-transform: scale3d(1.4, 1.4, 1);
-o-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1);
border: 2px solid #fff;
bottom: 30px;
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
content: "";
left: 30px;
opacity: 0;
position: absolute;
right: 30px;
top: 30px;
}
.hover-effect figure.effect-ming h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s; }
.hover-effect figure.effect-ming p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
padding: 1em;
}
.hover-effect figure.effect-ming:hover h2 {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.hover-effect figure.effect-ming:hover figcaption::before,
.hover-effect figure.effect-ming:hover p {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.hover-effect figure.effect-ming:hover figcaption {
background-color: rgba(82, 140, 179, 0);
}
.hover-effect figure.effect-ming:hover img {
opacity: 0.4;
}
.hover-effect figure.effect-moses {
background: -webkit-linear-gradient(-45deg, #528cb3 0%, black 100%);
background: linear-gradient(-45deg, #528cb3 0%, black 100%);
}
.hover-effect figure.effect-moses img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
opacity: 0.85;
}
.hover-effect figure.effect-moses h2,
.hover-effect figure.effect-moses p {
border: 2px solid #fff;
height: 50%;
padding: 20px;
width: 50%;
}
.hover-effect figure.effect-moses h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
height: 50%;
padding: 20px;
text-align: left;
width: 50%;
}
.hover-effect figure.effect-moses p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
float: right;
opacity: 0;
padding: 20px;
text-align: right;
}
.hover-effect figure.effect-moses:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-moses:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-moses:hover img {
opacity: 0.6;
}
.hover-effect figure.effect-oscar {
background: -webkit-linear-gradient(
45deg,
black 0%,
#528cb3 40%,
#111f28 100%
);
background: linear-gradient(45deg, black 0%, #528cb3 40%, #111f28 100%);
}
.hover-effect figure.effect-oscar img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
opacity: 0.9;
}
.hover-effect figure.effect-oscar figcaption {
-webkit-transition: background-color 0.35s;
-moz-transition: background-color 0.35s;
-o-transition: background-color 0.35s;
transition: background-color 0.35s;
background-color: rgba(82, 140, 179, 0.7);
padding: 3em;
}
.hover-effect figure.effect-oscar figcaption::before {
border: 1px solid #fff;
bottom: 30px;
content: "";
left: 30px;
position: absolute;
right: 30px;
top: 30px;
}
.hover-effect figure.effect-oscar h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
.hover-effect figure.effect-oscar figcaption::before,
.hover-effect figure.effect-oscar p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.hover-effect figure.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-oscar:hover figcaption::before,
.hover-effect figure.effect-oscar:hover p {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hover-effect figure.effect-oscar:hover figcaption {
background-color: rgba(82, 140, 179, 0);
}
.hover-effect figure.effect-oscar:hover img {
opacity: 0.4;
}
.hover-effect figure.effect-phoebe {
background: #528cb3;
}
.hover-effect figure.effect-phoebe img {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
opacity: 0.85;
}
.hover-effect figure.effect-phoebe figcaption::before {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-moz-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg);
-ms-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg);
-o-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg);
-webkit-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg);
transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
border-bottom: 20px solid rgba(255, 255, 255, 0.8);
border-left: 240px solid rgba(255, 255, 255, 0.8);
border-right: 240px solid rgba(255, 255, 255, 0.8);
border-top: 305px solid rgba(255, 255, 255, 0);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hover-effect figure.effect-phoebe h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
margin-top: 1em;
}
.hover-effect figure.effect-phoebe p a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
color: #fff;
display: inline-block;
font-size: 140%;
opacity: 0;
position: relative;
}
.hover-effect figure.effect-phoebe p a:first-child {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0);
}
.hover-effect figure.effect-phoebe p a:nth-child(2) {
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
}
.hover-effect figure.effect-phoebe p a:nth-child(3) {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0);
}
.hover-effect figure.effect-phoebe:hover img {
opacity: 0.6;
}
.hover-effect figure.effect-phoebe:hover figcaption::before {
-moz-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg);
-ms-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg);
-o-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg);
-webkit-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg);
transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg);
opacity: 0.6;
}
.hover-effect figure.effect-phoebe:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-phoebe:hover p a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-romeo {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.hover-effect figure.effect-romeo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
.hover-effect figure.effect-romeo figcaption::before,
.hover-effect figure.effect-romeo figcaption::after {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
background: #fff;
content: "";
height: 1px;
left: 50%;
position: absolute;
top: 50%;
width: 80%;
}
.hover-effect figure.effect-romeo h2,
.hover-effect figure.effect-romeo p {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
left: 0;
position: absolute;
top: 50%;
width: 100%;
}
.hover-effect figure.effect-romeo h2 {
-moz-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
-ms-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
-o-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}
.hover-effect figure.effect-romeo p {
-moz-transform: translate3d(0, -50%, 0) translate(0, 150%, 0);
-ms-transform: translate3d(0, -50%, 0) translate(0, 150%, 0);
-o-transform: translate3d(0, -50%, 0) translate(0, 150%, 0);
-webkit-transform: translate3d(0, -50%, 0) translate(0, 150%, 0);
transform: translate3d(0, -50%, 0) translate(0, 150%, 0);
padding: 0.25em 2em;
}
.hover-effect figure.effect-romeo:hover img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0.6;
}
.hover-effect figure.effect-romeo:hover figcaption::before {
-moz-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
opacity: 0.5;
}
.hover-effect figure.effect-romeo:hover figcaption::after {
-moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
opacity: 0.5;
}
.hover-effect figure.effect-romeo:hover h2 {
-moz-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
-o-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}
.hover-effect figure.effect-romeo:hover p {
-moz-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
-ms-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
-o-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}
.hover-effect figure.effect-roxy {
background: -webkit-linear-gradient(45deg, #528cb3 0%, black 100%);
background: linear-gradient(45deg, #528cb3 0%, black 100%);
}
.hover-effect figure.effect-roxy img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
}
.hover-effect figure.effect-roxy figcaption {
padding: 3em;
text-align: left;
}
.hover-effect figure.effect-roxy figcaption::before {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
border: 1px solid #fff;
bottom: 30px;
content: "";
left: 30px;
opacity: 0;
position: absolute;
right: 30px;
top: 30px;
}
.hover-effect figure.effect-roxy h2 {
padding: 30% 0 10px;
}
.hover-effect figure.effect-roxy p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
opacity: 0;
}
.hover-effect figure.effect-roxy:hover img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0.7;
}
.hover-effect figure.effect-roxy:hover figcaption::before,
.hover-effect figure.effect-roxy:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-ruby {
background-color: #528cb3;
}
.hover-effect figure.effect-ruby img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
opacity: 0.7;
}
.hover-effect figure.effect-ruby h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
.hover-effect figure.effect-ruby p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
border: 1px solid #fff;
margin: 1em 0 0;
opacity: 0; padding: 2em;
}
.hover-effect figure.effect-ruby:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.5;
}
.hover-effect figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-ruby:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hover-effect figure.effect-sadie figcaption::before {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
background: -webkit-linear-gradient(
top,
rgba(72, 76, 97, 0) 0%,
rgba(72, 76, 97, 0.8) 75%
);
background: linear-gradient(
to bottom,
rgba(72, 76, 97, 0) 0%,
rgba(72, 76, 97, 0.8) 75%
);
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.hover-effect figure.effect-sadie h2 {
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
-moz-transition: -moz-transform 0.35s, color 0.35s;
-o-transition: -o-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
color: #528cb3;
left: 0;
position: absolute;
top: 50%;
width: 100%;
}
.hover-effect figure.effect-sadie figcaption::before,
.hover-effect figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hover-effect figure.effect-sadie p {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
bottom: 0;
left: 0;
opacity: 0;
padding: 2em;
position: absolute;
width: 100%;
}
.hover-effect figure.effect-sadie:hover h2 {
-moz-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
-ms-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
-o-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
color: #fff;
}
.hover-effect figure.effect-sadie:hover figcaption::before,
.hover-effect figure.effect-sadie:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-sarah {
background: #528cb3;
}
.hover-effect figure.effect-sarah img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
max-width: none;
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
}
.hover-effect figure.effect-sarah:hover img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0.4;
}
.hover-effect figure.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-sarah:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-sarah figcaption {
text-align: left;
}
.hover-effect figure.effect-sarah h2 {
overflow: hidden;
padding: 0.5em 0;
position: relative;
}
.hover-effect figure.effect-sarah h2::after {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
background: #fff;
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.hover-effect figure.effect-sarah p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
padding: 1em 0;
}
.hover-effect figure.effect-selena {
background: #528cb3;
}
.hover-effect figure.effect-selena img {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.95;
}
.hover-effect figure.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.hover-effect figure.effect-selena p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-moz-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-o-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
.hover-effect figure.effect-selena:hover img {
-webkit-transform: scale3d(0.95, 0.95, 1);
-ms-transform: scale3d(0.95, 0.95, 1);
-o-transform: scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
}
.hover-effect figure.effect-selena:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-selena:hover p {
-moz-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
-ms-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
-o-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
transform: perspective(1000px) rotate3d(1, 0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-steve {
background: #528cb3;
overflow: visible;
z-index: auto;
}
.hover-effect figure.effect-steve:before,
.hover-effect figure.effect-steve h2:before {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
background: #528cb3;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.hover-effect figure.effect-steve:before {
box-shadow: 0 3px 30px rgba(82, 140, 179, 0.8);
opacity: 0;
}
.hover-effect figure.effect-steve figcaption {
z-index: 1;
}
.hover-effect figure.effect-steve img {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-moz-transform: perspective(1000px) translate3d(0, 0, 0);
-ms-transform: perspective(1000px) translate3d(0, 0, 0);
-o-transform: perspective(1000px) translate3d(0, 0, 0);
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-steve h2,
.hover-effect figure.effect-steve p {
background: #fff;
color: #528cb3;
}
.hover-effect figure.effect-steve h2 {
margin-top: 2em;
padding: 0.25em;
position: relative;
}
.hover-effect figure.effect-steve h2:before {
box-shadow: 0 1px 10px rgba(82, 140, 179, 0.5);
}
.hover-effect figure.effect-steve p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9, 0.9, 1);
-ms-transform: scale3d(0.9, 0.9, 1);
-o-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
font-weight: 800;
margin-top: 1em;
opacity: 0;
padding: 0.5em;
}
.hover-effect figure.effect-steve:hover:before {
opacity: 1;
}
.hover-effect figure.effect-steve:hover img {
-moz-transform: perspective(1000px) translate(0, 0, 21px);
-ms-transform: perspective(1000px) translate(0, 0, 21px);
-o-transform: perspective(1000px) translate(0, 0, 21px);
-webkit-transform: perspective(1000px) translate(0, 0, 21px);
transform: perspective(1000px) translate(0, 0, 21px);
}
.hover-effect figure.effect-steve:hover h2:before {
opacity: 0;
}
.hover-effect figure.effect-steve:hover p {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.hover-effect figure.effect-terry {
background: #528cb3;
}
.hover-effect figure.effect-terry figcaption {
padding: 1em;
}
.hover-effect figure.effect-terry figcaption::before,
.hover-effect figure.effect-terry figcaption::after {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
border-color: #fff;
border-style: solid;
content: "";
height: 200%;
position: absolute;
width: 200%;
}
.hover-effect figure.effect-terry figcaption::before {
-webkit-transform: translate3d(70px, 60px, 0);
transform: translate3d(70px, 60px, 0);
border-width: 0 70px 60px 0;
bottom: 0;
right: 0;
}
.hover-effect figure.effect-terry figcaption::after {
-webkit-transform: translate3d(-15px, -15px, 0);
transform: translate3d(-15px, -15px, 0);
border-width: 15px 0 0 15px;
left: 0;
top: 0;
}
.hover-effect figure.effect-terry img,
.hover-effect figure.effect-terry p a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hover-effect figure.effect-terry img {
opacity: 0.85;
}
.hover-effect figure.effect-terry h2 {
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
-moz-transition: -moz-transform 0.35s, color 0.35s;
-o-transition: -o-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
bottom: 0;
left: 0;
padding: 0.4em 10px;
position: absolute;
width: 50%;
}
@media screen and (max-width: 920px) {
.hover-effect figure.effect-terry h2 {
font-size: 120%;
padding: 0.75em 10px;
}
}
.hover-effect figure.effect-terry p {
clear: both;
float: right;
font-size: 111%;
text-align: left;
text-transform: none;
}
.hover-effect figure.effect-terry p a {
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0);
display: block;
margin-bottom: 1em;
opacity: 0;
}
.hover-effect figure.effect-terry:hover figcaption::before,
.hover-effect figure.effect-terry:hover figcaption::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-terry:hover img {
opacity: 0.6;
}
.hover-effect figure.effect-terry:hover h2 {
color: #528cb3;
}
.hover-effect figure.effect-terry:hover h2,
.hover-effect figure.effect-terry:hover p a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-terry:hover p a {
opacity: 1;
}
.hover-effect figure.effect-terry:hover a:first-child {
-webkit-transition-delay: 0.025s;
transition-delay: 0.025s;
}
.hover-effect figure.effect-terry:hover a:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hover-effect figure.effect-terry:hover a:nth-child(3) {
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.hover-effect figure.effect-terry:hover a:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hover-effect figure.effect-winston {
background: #528cb3;
text-align: left;
}
.hover-effect figure.effect-winston img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.45s;
-moz-transition: opacity 0.45s;
-o-transition: opacity 0.45s;
transition: opacity 0.45s;
}
.hover-effect figure.effect-winston figcaption::before {
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
-moz-transition: opacity 0.45s, -moz-transform 0.45s;
-o-transition: opacity 0.45s, -o-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
-o-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
border-bottom: 300px solid #fff;
border-left: 425px solid transparent;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hover-effect figure.effect-winston h2 {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.hover-effect figure.effect-winston p {
bottom: 0;
padding: 0 1.5em 7% 0;
position: absolute;
right: 0;
}
.hover-effect figure.effect-winston p a i {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
opacity: 0;
}
.hover-effect figure.effect-winston a {
color: #528cb3;
font-size: 170%;
margin: 0 10px;
}
.hover-effect figure.effect-winston a:hover,
.hover-effect figure.effect-winston a:focus {
color: #111f28;
}
.hover-effect figure.effect-winston:hover img {
opacity: 0.6;
}
.hover-effect figure.effect-winston:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-winston:hover figcaption::before {
-webkit-transform: rotate3d(0, 0, 1, 20deg);
-ms-transform: rotate3d(0, 0, 1, 20deg);
-o-transform: rotate3d(0, 0, 1, 20deg);
transform: rotate3d(0, 0, 1, 20deg);
opacity: 0.7;
}
.hover-effect figure.effect-winston:hover p i {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.hover-effect figure.effect-winston:hover p:nth-child(3) i {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hover-effect figure.effect-winston:hover p:nth-child(2) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hover-effect figure.effect-winston:hover p:first-child i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.hover-effect figure.effect-zoe figcaption {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
background: #fff;
bottom: 0;
color: #528cb3;
height: 3.75em;
padding: 1em;
top: auto;
}
.hover-effect figure.effect-zoe h2 {
display: inline-block;
float: left;
}
.hover-effect figure.effect-zoe p.icon-links a {
color: #528cb3;
float: right;
font-size: 1.4em;
}
.hover-effect figure.effect-zoe p.icon-links a:hover,
.hover-effect figure.effect-zoe p.icon-links a:focus {
color: #528cb3;
}
.hover-effect figure.effect-zoe p.icon-links a span::before {
display: inline-block;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
padding: 8px 10px;
speak: none;
}
.hover-effect figure.effect-zoe p.description {
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; bottom: 8em;
color: #fff;
font-size: 90%;
opacity: 0;
padding: 2em;
position: absolute;
text-transform: none;
}
.hover-effect figure.effect-zoe h2,
.hover-effect figure.effect-zoe p.icon-links a {
-webkit-transition: -webkit-transform 0.35s;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
.hover-effect figure.effect-zoe:hover p.description {
opacity: 1;
}
.hover-effect figure.effect-zoe:hover figcaption,
.hover-effect figure.effect-zoe:hover h2,
.hover-effect figure.effect-zoe:hover p.icon-links a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hover-effect figure.effect-zoe:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hover-effect figure.effect-zoe:hover p.icon-links a:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hover-effect figure.effect-zoe:hover p.icon-links a:nth-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.hover-effect figure.effect-zoe:hover p.icon-links a:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}.single-tribe_event_series .tribe-common-l-container.tribe-events-l-container{padding-top:1em}.tribe-events .tribe-events-calendar-series-archive__container{margin-left:2px}.tribe-events .tribe-events-calendar-month__multiday-event .tribe-events-calendar-series-archive__container,.tribe-events .tribe-events-pro-week-grid__multiday-event .tribe-events-calendar-series-archive__container{flex:none;line-height:0;margin-left:var(--tec-spacer-0)}.tribe-events .tribe-events-calendar-series-archive__link{color:var(--tec-color-accent-primary);margin-right:2px}.tribe-events .tribe-events-calendar-series-archive__link:focus .tribe-events-series-archive__icon,.tribe-events .tribe-events-calendar-series-archive__link:hover .tribe-events-series-archive__icon{color:var(--tec-color-icon-focus)}.tribe-events .tribe-events-series-archive__icon{color:#000;display:inline-block;stroke:currentcolor}.tribe-theme-twentytwenty.single-tribe_event_series .entry-content .tribe-events hr,.tribe-theme-twentytwenty.single-tribe_event_series .entry-content.tribe-events hr,.tribe-theme-twentytwenty.single-tribe_event_series .tribe-events hr.styled-separator{background:initial;background-color:var(--tec-color-border-default)!important}.tribe-theme-enfold.single-tribe_event_series .entry-content-header .post-meta-infos,.tribe-theme-twentytwenty.single-tribe_event_series .entry-content .tribe-events hr:after,.tribe-theme-twentytwenty.single-tribe_event_series .entry-content .tribe-events hr:before,.tribe-theme-twentytwenty.single-tribe_event_series hr.styled-separator:after,.tribe-theme-twentytwenty.single-tribe_event_series hr.styled-separator:before{display:none}.eael-ext-scroll-to-top-wrap.scroll-to-top-hide{display:none}.eael-ext-scroll-to-top-button{position:fixed;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-link{margin-left:var(--tec-spacer-0)}.tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-icon{display:inline-block}.tribe-events-widget .tribe-events-widget-events-list__event-cost,.tribe-events-widget .tribe-events-widget-events-list__event-organizer,.tribe-events-widget .tribe-events-widget-events-list__event-venue,.tribe-events-widget .tribe-events-widget-events-list__event-venue-address,.tribe-events-widget .tribe-events-widget-events-list__event-website{margin-top:var(--tec-spacer-1)}.tribe-events-widget .tribe-events-widget-events-list__event-organizer-meta{margin-top:var(--tec-spacer-0)}.tribe-events-widget .tribe-events-widget-events-list__event-website a{color:var(--tec-color-link-accent)}.tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-link:focus .tribe-events-widget-events-list__event-datetime-recurring-icon-svg path,.tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-link:hover .tribe-events-widget-events-list__event-datetime-recurring-icon-svg path{fill:currentcolor;stroke:currentcolor}.tribe-events-widget .tribe-events-widget-events-list__event-organizer-contact,.tribe-events-widget .tribe-events-widget-events-list__event-venue-address{font-style:normal}.entry-content .tribe-events-widget .tribe-events-widget-events-list__event-title,.tribe-theme-twentytwenty .tribe-events-widget .tribe-events-widget-events-list__event-title{margin-bottom:0;margin-top:0}